@charset "UTF-8";

/****************************************/
/*	Name: 온맘교회 MOBILE
/*	Version: 1.0
/*	Author: k.s.y
/****************************************/
/*스크롤*/

/*html,body{height: 100%;}*/
body{margin: 0;}
#wrapper{min-height:100%}
#container1{padding-bottom: 1.9em;min-height:100%;background: #fff;}
/*#footer1{margin-top: -1.9em;height: 1.9em;}*/

/*로그인*/
.loginBox{border:1px solid #c6c6c6;padding: 30px 15px 40px;background-color:#fff;margin:15px 0;position:relative}
.loginBox > div{margin-right:90px}
.loginBox > div input{margin-bottom:7px}
.loginBox input[type="button"]{background-color:#353535;color:#fff;position:absolute;right:15px;top:30px;width:83px;height:87px;font-size:1.12em}
.loginBox .join{font-size:0.8em;position:absolute;right:-75px;top:128px;text-align:right}
.loginBox .facebook{margin-top:30px;padding-top:30px;border-top:1px solid #c6c6c6;width:100%}
.loginBox .facebook a{display:block;border:1px solid #c6c6c6;height:40px;line-height:40px;	color:#3b5998;text-align:center;font-weight:800}
.loginBox .facebook a img{width:20px;vertical-align:middle;margin-top:-5px;margin-right:5px}


/*게시판*/
.brdType1 dl{border:1px solid #cecece;background-color:#fff;line-height:1.4em;margin-top:15px}
.brdType1 dl:first-child{margin-top:0}
.brdType1 dt{padding:15px 12px 0;font-size:1.23em;font-weight:bold;line-height:130%;letter-spacing:-0.03em} 
.brdType1 dd{padding:13px 12px 0}
.brdType1 dd.photo{padding:0}
.brdType1 dd.date{font-size:0.9em;padding-top:7px}
.brdType1 dd.btns{padding:15px 0 0}/*;margin-top:15px*/
.brdType1 dd.btns ul{width:100%;overflow:hidden}
.brdType1 dd.btns li{float:left;width:33%;height:40px;border-left:1px solid #cecece;border-top:1px solid #cecece;text-align:center;box-sizing:border-box;position:relative}
.brdType1 dd.btns li:first-child{border-left:0;width:34%;}
.brdType1 dd.btns li a{display:block;height:40px;text-indent:-10000px;}
.brdType1 dd.btns li.bt1 a{background:url('../../images/common/icon_goods01.png') no-repeat 40% 12px;background-size:17.5px}
.brdType1 dd.btns li.bt2 a{background:url('../../images/common/icon_goods02.png') no-repeat 40% 11px;background-size:19px} 
.brdType1 dd.btns li.bt3 a{background:url('../../images/common/icon_goods03.png') no-repeat 38% 11px;background-size:18px}
.brdType1 dd.btns li span{position:absolute;left:50%;top:11px;padding-left:3px}

.brdType1 .vodArea{min-height:160px;background-color:#7f7f7f;padding:0;position:relative;clear:both;margin-top:20px}
.brdType1 .subvieo{width:80%;margin:0  auto}
.brdType1 .vOdio{display:block;width:100%;position:absolute;bottom:5px;left:0;text-align:center}
.brdType1 .video, .brdType1 .audio{display:inline-block;width:100px;height:30px}
.brdType1 .video{background: url('../../images/common/btn_video.png') no-repeat 0 0;background-size:100px}
.brdType1 .audio{background: url('../../images/common/btn_audio.png') no-repeat 0 0;background-size:100px}
.brdType1 .play, .brdType1 .voice{width:45px;background:url('../../images/common/ico_movie.png') no-repeat 0 0;background-size:45px;position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;padding-top:50px;text-align:center}
.brdType1 .play em, .brdType1 .voice em{color:#fff;margin-top:15px}
.brdType1 .voice{background:url('../../images/common/ico_voice.png') no-repeat 0 0;background-size:45px;}

.brdType1 .htag{margin-top:30px}
.brdType1 .htag a{display:inline-block;background:#f6f6f6;color:#868686;padding:2px 5px;margin-right:5px;font-size:0.9em}
.brdType1.noti{padding:15px 0}
.brdType1.noti .notiCont{padding:0}
.brdType1.noti .btns{padding:0;margin:0}
.brdType1.noti dt{height:50px;background:#f7f7f7;padding:0;position:relative}
.brdType1.noti dt a{position:absolute;top:0;padding:0 13px;display:block;height:50px;line-height:47px}
.brdType1.noti dt a img{width:10px;vertical-align:middle}
.brdType1.noti dt a.lf{left:0}
.brdType1.noti dt a.rf{right:0}
.brdType1.noti dt strong{display:block;margin:0 40px;line-height:50px;text-align:center}

.brdType1.view{background:#fff}
.brdType1.view dl{border:none;padding: 20px 12px}
.brdType1.view dl dt{font-size:1.3em;padding:0;line-height:130%}
.brdType1.view dl dd{padding:0}
.brdType1.view dd.date{margin-top:10px}
dd.duleCont{display:table;padding:0;width:100%;border-top:1px solid #cecece;padding:15px 0}
.duleCont div{display:table-cell;width:37%;vertical-align:middle;text-align:center}
.duleCont div span{display:block;border:1px solid #353535;padding: 2px 0;width:80px;border-radius:10px;font-size:0.85em;margin:0 auto;color:#353535;font-weight:bold}
.duleCont ul{display:table-cell;width:63%}
.duleCont ul li{padding-left:10px;background:url('../../images/common/ico_bull.png') no-repeat 2px 8px;background-size:2px;margin-top:7px;letter-spacing:-0.02em}
.duleCont ul li:first-child{margin-top:0}
.duleCont div.sun span{border:1px solid #cb2322;color:#cb2322}

.view .conts{border-top:1px solid #cecece;margin-top:20px}
.view .conts .fontS{overflow:hidden;float:right;margin:15px 0}
.view .conts .fontS:after{content:'';clear:both;display:block}
.view .conts .fontS li{float:left;border:1px solid #cecece;margin-left:5px}
.view .conts .fontS li img{width:40px}
.view .bible{margin:20px 0;border:1px solid #cecece;padding:20px 15px;font-size:0.85em}
.view .bible > ul{margin-top:10px}
.view .bible > ul li{padding-left:25px;position:relative}
.view .bible > ul li em{position:absolute;left:0;top:0}
.view .file{margin:20px 0;border:1px solid #ffffff;padding:10px 15px;font-size:0.85em;background-color:#f7f7f7}
.view .file > ul li{padding-left:25px;position:relative}
.view .file > ul li em{position:absolute;left:0;top:0}
/*
.view .mdyBtns{margin:20px 0}
.view .mdyBtns ul{width:100%;overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee}
.view .mdyBtns li{width:25%;float:left;text-align:center;padding:5px 0}
.view .mdyBtns li a{display:block;text-align:#868686;font-size:0.85em;border-left:1px solid #eee;box-sizing:border-box;padding:2px 0}
.view .mdyBtns li:first-child a{border-left:0}
*/
.brdType1.view dd.btns li{border:1px solid #cecece;margin-left:-1px}
.brdType1.view dd.btns li:first-child{margin-left:0}

.comment{margin-top:30px;font-size:1em;}
.comment > strong{display:block;padding-bottom:10px}
.comment > strong > span{color:#cb2322}
.comment > p, .comment .dep > div p{border:1px solid #d6d6d6;border-bottom:0;height:120px;background-color:#fff;}
.comment .cInp{border:1px solid #cecece;position:relative;height:42px;background-color:#fff;box-sizing:border-box}
.comment .cInp div{margin-right:95px;padding:10px 0 0 5px;height:30px;}
.comment .cInp div textarea{width:100%;height:30px;font-size:0.9em;}
.comment .cInp button{width:60px;height:42px;background-color:#353535;color:#fff;position:absolute;right:-1px;top:-1px;border:1px solid #353535}
.comment .cInp a{position:absolute;right:60px;top:0;}
.secret{display:block;background:url('../../images/common/ico_key.png') no-repeat 6px 9px;background-size:18px;padding:12px 10px;text-indent:-9999px}
.secret.on{background:url('../../images/common/ico_key_on.png') no-repeat 6px 9px;background-size:18px;}

.comment .cList li{padding:20px 0;border-top:1px solid #cecece}
.comment .cList > li:first-child{border-top:0}
.comment .cList li > div > span{font-size:0.85em;color:#868686}
.comment .cList li > p{margin-top:10px;letter-spacing:-0.03em;font-size:0.9em}
.comment .cList .bt{width:100%;overflow:hidden;margin-top:10px}
.comment .cList .bt a{display:inline-block;border:1px solid #cecece;padding:5px 15px;font-size:0.85em}
.comment .cList .bt > a{float:left;}
.comment .cList .bt > a span{background:url('../../images/common/icon_goosR.png') no-repeat 0 0;padding-left:20px;background-size:16px}
.comment .cList .bt > div{float:right}
.comment .cList ul{margin-top:20px}
.comment .cList ul li{padding-left:25px;background:url('../../images/common/per3.png') no-repeat 0 20px;background-size:12px;}

.comment .cList ul li.dep{background-color:#f7f7f7;padding-bottom:20px;border-bottom:1px solid #cecece;width:100%;margin-left:-13px;background-position: 13px 20px}
.comment .dep > div{padding:0 12px 0 10px}
.comment .dep .cInp{margin-top:0}
.comment .dep .cInp button{background-color:#fff;color:#353535;border:1px solid #d6d6d6;box-sizing:border-box}
.comment .cList ul li.dep + li{border-top:0}

.comment .blind div{font-size:0.9em;background:url('../../images/common/ico_secret.png') no-repeat 0 3px;background-size:10px;padding-left:15px}

.btn_writeW{position:fixed;left:15px;bottom:20px;z-index:9}
.btn_writeW img, .lyWrite ul li img{width:50px;vertical-align:middle;margin-right:5px}
.lyWrite{display:none}
/*.lyWrite div{position:absolute;left:0;top:0;z-index:1000;background:#000;width:100%;height:100%;opacity:0.6}*/
/*.lyWrite ul{position:absolute;left:15px;top:300px;z-index:1001;}*/
.lyWrite ul{position:fixed;left:15px;bottom:20px;z-index:10;}
.lyWrite ul li a{display:block;margin-bottom:7px;color:#fff;vertical-align:middle}

/*글쓰기*/
.brd_write{margin-bottom:15px;background:#fff}
.brd_write select{width:100%;height:45px;border:none;background: #FFF url('../../images/common/arr_bott.png') no-repeat 95% 18px;background-size:15px;padding-left:0;}
.brd_write > div{border-top:1px solid #eee;height:45px;padding-left:10px;overflow:hidden;}
.brd_write > div > div{width:70%;float:left;border-right:1px solid #eee;box-sizing:border-box}
.brd_write > div > span{display:block;width:30%;height:45px;line-height:45px;float:left;text-align:center;background: url('../../images/common/ico_noti_off.png') no-repeat 30% 10px;background-size:23px;color:#d6d6d6}
.brd_write > div > span em{padding-left:30px}
.brd_write > div > span.on{background: url('../../images/common/ico_noti_on.png') no-repeat 30% 10px;background-size:23px;color:#cb2322;font-weight:bold}
.brd_write > div input{border:0;height:45px;padding-left:5px;}

.sermon_write{padding:12px 15px 15px;margin-bottom:15px;background:#fff}
.sermon_write > div{margin-top:7px;width:100%}
.sermon_write select{background: url('../../images/common/selectBg2.png') no-repeat 100% 0;background-size:27px;padding:0 25px 0 0;font-size:0.9em;padding-left:5px}
.sermon_write > div .w1{width:58%;}
.sermon_write > div .w2{width:40%;}
.serM{width:100%;overflow:hidden;}
.serM > div{width:48%;float:right}
.serM > div:first-child{width:48%;float:left}
.serM > div select{width:48%}

.sermon_add{padding:18px 15px;margin-bottom:10px;background:#fff}
.sermon_add a{display:block;width:100%;height:43px;line-height:38px;border:1px solid #cecece;text-align:center}
.sermon_add a span{color:#cb2322;font-size:1.5em;position:relative;top:2px}
.sermon_add > p{font-size:0.85em;color:#868686;margin-top:5px}

/*mypage*/
.myinfo{overflow:hidden;background-color:#353535;padding:15px 15px}
.myinfo .photo{float:left;}
.myinfo .photo img{width:50px}
.myinfo .name{float:left;color:#fff;font-size:1.15em;margin:5px 0 0 15px}
.myinfo .name span{display:block;}
.myinfo .name a{color:#fff;font-size:0.67em;}
.myinfo > a{float:right;margin-top:10px}

.charge{overflow:hidden;background-color:#545454;padding:10px 0}
.charge > div{float:left;width:50%;border-left:1px solid #353535;box-sizing:border-box;position:relative}
.charge > div:first-child{border-left:0}
.charge > div dl, .charge > div > div{margin:0 12px}
.charge > div dl{text-align:center;margin:10px 90px 10px 0;font-size:0.9em;color:#d6d6d6}
.charge > div dl dd{margin-top:3px}
.charge > div dl dd strong{color:#fff;font-size:1.5em;letter-spacing:-0.05em;padding-right:3px;}
.charge > div > div{position:absolute; right:0;top:0}
.charge > div > div a{display:block}
.charge > div > div a:nth-child(2){margin-top:5px}

.manage, .hompyGo{margin-top:20px;border-bottom:1px solid #cecece;}
.manage h2, .hompyGo h2{border-top:1px solid #cecece;background-color:#fff}
.manage .charge{background-color:#fff}
.manage .charge > div{border-left:1px solid #cecece;}
.manage .charge > div dl{color:#868686}
.manage .charge > div dl dd strong{color:#545454}
.manage .gbox{background-color:#f7f7f7;padding:15px 0;position:relative}
.manage .gbox .referList{font-size:0.85em;margin-left:15px;margin-right:100px}
.manage .gbox > a{position:absolute;right:12px;top:50%;margin-top:-14px}

.listDot_arr li{height:37px;line-height:37px;border-top:1px solid #eee;background-color:#fff}
.listDot_arr li:first-child{border-top:0}
.listDot_arr li a span{margin-left:10px;font-size:0.75em}
.listDot_arr li a{display:block;color:#545454;background:url('../../images/common/arr_list.png') no-repeat 95% 15px;background-size:8px}
.listDot_arr li.red a{color:#cb2322} 
.listDot_arr li.red a{background:url('../../images/common/arr_listR.png') no-repeat 95% 15px;background-size:8px}

.joinTxt{margin-top:35px;text-align:center}
.joinTxt strong{font-size:1.25em}
.joinTxt p{margin-top:15px;line-height:160%}

.joinBox{margin:20px 0 30px;border:1px solid #cecece;overflow:hidden;line-height:140%;background-color:#fff}
.joinBox > div{float:left;width:50%;padding:20px 0}
.joinBox > div > div{padding:0 17px;background:url('../../images/common/dotted.png') repeat-y 0 0;}
.joinBox > div:first-child div{background:none}
.joinBox > div strong{color:#e40e64;font-size:1.1em;letter-spacing:-0.04em}
.joinBox > div p{margin-top:10px}
.joinBox > div a{display:block;width:100%;max-width:150px;text-align:center;height:35px;line-height:35px;background-color:#353535;color:#fff;margin-top:20px}
.joinBox > div a span{padding:0 8px}
.joinBox > div a img{vertical-align:middle;margin-top:-2px}
.joinBox > div a img:first-child{width:18px}
.joinBox > div a img:last-child{width:5px}

.joinBox.tc{text-align:center;padding:20px 10px;margin-bottom:10px}
.joinBox.tc ul{font-size:0.9em;line-height:130%}
.joinBox.tc ul li{margin-bottom:5px}
.joinBox.tc ul li span{font-size:0.75em;}

.agree{margin-top:20px;border:1px solid #c6c6c6;background:#fff}
.agree > div{background:#f7f7f7;height:30px;padding:13px 0 0 12px}
.agree input[type="checkbox"] + label{font-size:1em;padding-left:25px}
.agree input[type="checkbox"] + label:before {width:18px;height:18px;bottom:-2px}
.agree ul li{border-top:1px solid #c6c6c6;height:28px;padding-top:15px;font-size:0.85em;letter-spacing:-0.05em}
.agree ul li div{position:relative;margin:0 12px}
.agree ul li div a{text-decoration:underline;position:absolute;right:0;top:1px;color:#868686}
.agree > div input[type="checkbox"]+ label:before {}
.agree > div input[type="checkbox"]:checked + label:before {border:1px solid #e40e64;color: #e40e64;font-size:1.3em;} 

.personInfo input[type="text"], .personInfo input[type="number"], .personInfo input[type="tel"]{height:35px;line-height:35px}
.personInfo{margin-top:10px;border:1px solid #c6c6c6;background:#fff;letter-spacing:-0.05em}
.personInfo dl{display:table;width:100%;vertical-align:middle;border-top:1px solid #c6c6c6;padding:5px 0}
.personInfo dl:first-child{border-top:0}
.personInfo dt{display:table-cell;width:26%;max-width:140px;vertical-align:middle;font-weight:bold;padding-left:10px;}
.personInfo dd{display:table-cell;width:auto;vertical-align:middle;position:relative}
.personInfo .nm dd > span{display:block;margin-right:110px}
.personInfo .nm dd > div{position:absolute;right:8px;top:10px}
.personInfo .nm .rdio input[type="radio"] + label{padding-right:5px}
.personInfo .birth select{width:28%}
.personInfo .birth select:first-child{width:38%}
.personInfo .phone div{margin-right:67px;overflow:hidden}
.personInfo .phone div select{float:left;width:75px}
.personInfo .phone div span{display:block;margin-left:79px}
.personInfo button{width:55px;border:1px solid #cecece;color:#e40e64;text-align:center;height:35px;line-height:35px;padding:0 12px;position:absolute;right:8px;top:0;box-sizing:border-box;}

.personInfo .inzNum dt{vertical-align:top;padding-top:9px}
.personInfo .inzNum span{display:block;margin-right:67px}
.personInfo .inzNum p, .idpw p{clear:both;width:100%;color:#e40e64;font-size:0.8em;padding: 5px;letter-spacing:-0.1em}
.personInfo .idpw dt{width:33%;vertical-align:top;padding-top:10px;padding-bottom: 10px}
.personInfo .idpw dd{padding-right:10px}

.listWrp{border:1px solid #cecece}
.listWrp h2{text-align:center}
.listTy li{border-top:1px solid #cecece;padding:13px 10px;font-size:0.8em;letter-spacing:-0.02em;overflow:hidden;background-color:#fff}
.listTy li:first-child{border-top:0}
.listTy li span{float:left;width:50%}
.listTy li a{float:left;width:50%;text-decoration:underline}

/*inform*/
.inform li{overflow:hidden;position:relative;border-bottom:1px solid #cecece;padding:15px 8px;background-color:#fff}
.inform li > span{position:absolute;left:5px;top:17px;font-size:0.9em;width:50px;height:20px;line-height:20px;border:1px solid #545454;border-radius:10px;text-align:center}
.inform li > a, .inform li > div{display:block;margin-left:60px}
.inform li > a{font-size:1.05em;letter-spacing:-0.05em;line-height:140%}
.inform li > div{font-size:0.8em;margin-top:10px}
.inform li > div span{color:#868686}
.inform li > div em{color:#cb2322}

/*check*/
.beanBox{background:#545454;padding:30px 12px 25px}
.beanBox > div{position:relative;overflow:hidden;border:1px solid #313030;color:#fff;width:100%;box-sizing:border-box}
.beanBox > div > p, .beanBox > div > ul{width:73%;float:left}
.beanBox > div > p{height:40px;line-height:37px;font-size:1.05em;text-align:center;border-bottom:1px solid #313030;box-sizing:border-box}
.beanBox > div > p strong{color:#ffff00;font-size:1.3em}
.beanBox > div  ul{height:30px;background-color:#434242}
.beanBox > div  li{display:inline-block;font-size:0.8em;color:#9b9b9b;line-height:30px;width:49%;text-align:center}
.beanBox > div  li:first-child{background: url('../../images/common/per4.png') no-repeat right 7px;background-size:1px 15px}
.beanBox > div  li strong{color:#fff}
.beanBox > div > a{width:27%;height:70px;line-height:70px;display:block;border-left:1px solid #313030;box-sizing:border-box;background-color:#cb2322;position:absolute;right:0;top:0;font-size:1.12em;text-align:center;color:#fff;font-weight:bold}
.beanBox > p{font-size:0.85em;color:#9b9b9b;margin-top:7px}

.beanList{margin-top:20px}
.beanList .hbox{height:40px;line-height:40px;background:#f7f7f7;border:1px solid #cecece;padding:0 10px;font-size:0.85em;color:#545454}
.beanList .hbox:after{content:'';overflow:hidden;clear:both	 }
.beanList .hbox > div{float:left}
.beanList .hbox > span{float:right}
.beanList ul{background:#fff;border:1px solid #cecece;margin-top:-1px}
.beanList ul li{border-top:1px solid #cecece;position:relative;padding:15px 0 15px 10px}
.beanList ul li:first-child{border-top:0}
.beanList ul li > div{font-size:0.85em;color:#868686;margin-bottom:5px}
.beanList ul li > p{color:#353535;letter-spacing:-0.07em}
.beanList ul li > span{position:absolute;right:10px;top:25px}
.beanList ul li > span strong{color:#cb2322}
.beanList .more a{display:block;padding:12px 0;text-align:center}
.beanList .more a img{width:9px;margin-top:7px}

/*글쓰기2*/
.writeArea{padding:15px 0;height:100%}
.writeArea > div{margin:0 15px}
.writeArea > div > textarea{width:100%;}

.addWrp, .tagAdd{width:100%;overflow:hidden;position:absolute;left:0;bottom:0}
.addWrp{background: #fff;}
.addWrp li{width:33%;float:left;border-top:1px solid #cecece;border-left:1px solid #cecece;box-sizing:border-box;}
.addWrp li:first-child{width:34%;border-left:0}
.addWrp li a{display:block;width:100%;height:45px;line-height:45px;text-align:center}
.addWrp li img{width:23px;vertical-align:middle}
.hidebutton{width: 1px;height: 1px;opacity: 0;}

#gallS{width:70%;margin-top:100px;background: #fff}
#gallS li{height:50px;line-height:50px;border-top:1px solid #cecece;text-align:center;font-size:1.15em}
#gallS li:first-child{border-top:0;color:#fff;background:#545454}
#gallS li a{display:block}

.tagArea{padding:15px;font-size:1.1em;color:#868686}
.tagArea span{display:block;float:left;padding-right:8px;margin-bottom:10px}
.tagArea img{width:18px;vertical-align:middle;margin-left:4px;margin-top:-1px}
.tagArea p{color:#d6d6d6;margin-bottom:10px}

.tagAdd{border-top:1px solid #cecece}
.tagAdd > div{height:45px;margin-right:60px;border-right:1px solid #cecece;position:relative}
.tagAdd > div input[type="text"]{border:0;font-size:1.1em;height:45px;line-height:45px}
.tagAdd > div a{position:absolute; right:0;top:0;padding:12px}
.tagAdd > div a img{width:20px}
.tagAdd button{position:absolute; right:0;top:0;font-size:1.1em;text-align:center;line-height:45px;width:60px}

/*섬기는 사람들*/
.subMn{width:100%;background:#fff;border-bottom:1px solid #cecece}
.subMn nav{overflow:hidden;margin:0 12px}
.subMn li{float:left;width:21%;}
.subMn li:first-child, .subMn li:last-child{width:18%;}
.subMn li a{display:block;height:48px;line-height:48px;text-align:center;font-size:1.1em}
.subMn li.on a{font-weight:bold;border-bottom:2px solid #cb2322;color:#cb2322}

.manList {background:#fff;margin:12px;padding:15px}
.manList > div > strong{display:inline-block;width:80px;height:20px;line-height:20px;border:1px solid #545454;border-radius:10px;font-size:0.85em;text-align:center}
.manList > div li{position:relative;margin-bottom:25px}
.manList > div li img{border:1px solid #eee;width:80px;position:absolute;left:0;top:0}
.manList > div li > div{margin-left:90px}
.manList > div li > div strong{font-size:1.15em;font-weight:bold}
.manList > div li > div p{font-size:0.85em;color:#868686;margin-top:3px}
.manList > div .info{background:#f7f7f7;padding:5px 7px 0;border:1px solid #efefef;margin-top:7px}
.manList > div .info a{display:block;font-size:0.8em;padding-bottom:6px;padding-left:18px}
.manList > div .info a.email{background: url('../../images/common/ico_email.png') no-repeat 0 3px;background-size:12px}
.manList > div .info a.tel{background: url('../../images/common/ico_tel.png') no-repeat 0 2px;background-size:12px}
.manList > div .info a.phone{background: url('../../images/common/ico_phone.png') no-repeat 2px 0;background-size:9px}

/*개인정보 수정*/
.joinText{margin-top:35px;text-align:justify}
.joinText strong{font-size:1.25em}
.joinText p{margin-top:10px;line-height:130%}
.idpw dd p em{color:#545454   ;font-size: 1.2em;    letter-spacing: -0.05em;vertical-align:middle;;}
.btn.sml {width: 59px; height: 40px; line-height: 27px;font-size: 14px; font-weight: normal;}
.btn { display: inline-block; border: 1px solid #d6d6d6; text-align: center; background: #fff;
    vertical-align: top; padding: 0; margin: 0; cursor: pointer; letter-spacing: -1px;}
h3{height: 40px; line-height: 40px;font-size: 1.05em;padding-left: 12px; margin-top: 20px;border-bottom: 2px solid #cecece;  font-weight: bold; background-color: #f7f7f7; color: #353535;margin-bottom: -7px;}
.idpw  select , input[type="text"]{width:100%;min-width:40px;border:1px solid #c6c6c6;height:40px;line-height:40px;box-sizing:border-box;background-color:#fff;padding-left:10px}

.secession{margin-top: 10px;text-align: justify;}

/*개인정보수정> 회원탈퇴*/
#secession{margin: 10px;text-align: justify}
#secession p {margin-bottom: 10px;}
#secession input[type="text"] {width: 27%;}
#secession select {width: 25%;}


/*info_idSrch* 아이디찾기*/

#box{padding:30px 0 ;}
#box h4{padding-top: 20px}
.btnWrap {margin: 20px ;text-align: center;}
.btnWrap  .btn{width: 45%;height: 50px;line-height: 50px;}
.info{padding: 12px;font-size: 1.05em; margin-top: 20px;border-bottom: 2px solid #cecece;  font-weight: bold; background-color: #f7f7f7; color: #353535;}

.hidebutton{width: 1px;height: 1px;opacity: 0;}

.writeArea{height: 100%;}
.imgbox{overflow-y: scroll}
.imgbox li{width: 30%;padding:10px 10px 0 0 ;float: left;}


#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

@media all and (max-width:359px){
.charge{}
.charge > div dl{margin:0;}
.charge > div > div{position:static;overflow:hidden;margin-top:7px}
.charge > div > div a{display:inline-block;float:left;}
.charge .btn_gry, .charge .btn_whit{padding:0 14px 0 5px;margin-left:3px}
.charge .btn_gry:first-child, .charge .btn_whit:first-child{margin-left:0}
.charge > div > div a:nth-child(2){margin-top:0}
}

@media all and (max-width:340px){
.joinBox > div > div{padding:0 12px;letter-spacing:-0.1em}
.joinBox > div strong{font-size:0.97em;}
.serM > div select{padding-left:0}
}

@media all and (min-width:500px){
.joinBox{text-align:center}
.joinBox > div a{margin:20px auto 0}

}/*
@media all and (min-width:550px){
	.listReco_btn{width:60%}
	.listReco_btn a{padding-right:10px}
	.listReco1508 li{padding-bottom:20px}
}
*/



.justify{text-align: justify;}