@charset "utf-8";

/* basicGnb */
@font-face{
font-family:ng;
src:url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
src:local(※), url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format(‘woff’)
}
@media all and (min-width:768px) {
	body{font-family:나눔고딕, NanumGothic, ng}
}
/* reset style */
body{overflow-y:scroll;}
html, body, div, dl, dt, dd, ul ,ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {/*padding:0; margin:0;*/ color:#545454}
ol, ul, li {list-style:none;}

form, fieldset, img {border:0;}
address, caption, em {font-weight:normal; font-style:normal;}
input[type="text"]::-ms-clear{display:none;}

button{font-family:나눔고딕, NanumGothic, ng; font-size:12px}

/* base */
body {-webkit-text-size-adjust:none; background:#fff;}
p {line-height:1.6;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
img, input, select {vertical-align:middle;}
label {cursor:pointer;}

/* link */
a {color:#545454; text-decoration:none;}
a:hover, a:focus {color:#262626; /*text-decoration:underline; font-weight:bold;*/ }

/* html5 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; margin:0; padding:0}

/* font size */
body, input, select{font-family:나눔고딕, NanumGothic, ng; font-size:12px; line-height:1; color:#545454;}

.hide{overflow:hidden; margin:0 !important; padding:0 !important; width:0; height:0; font-size:0 !important; line-height:0 !important; text-indent:-999999px; background:none !important; position:absolute;}
.skip{position:absolute; top:-22px; right:0; padding:5px; display:block; background:#000; width:100%; height:12px; color:#fff !important; text-align:center; z-index:200}
.skip:focus{top:0}

/* color */
.colorM{color:#e40e64}

/* button style */
.btnWrap{float:left; width:100%; margin:0 0 30px; text-align:center}
.btnWrap > a,
.btnWrap > input,
.btnWrap > button{margin:0 2px}
.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}
.btn:hover,
.btn:focus{text-decoration:underline}


.btnWrap1{padding-top: 20px;text-align: center;float:left; width:100%; margin:0 0 30px; text-align:center} 
.btn_pink{padding:12px 30px;border:1px solid #ccc; font-weight: bold;color:#e40e64;} 
#noticePop .btn_pink{padding:12px 30px;border:1px solid #ccc; font-weight: bold;color:#e40e64;" href="#e40e64;} 

/* size */
.btn.big{width:195px; height:46px; line-height:46px; font-size:15px; font-weight:normal}
input.btn.big{height:48px; line-height:48px}
.btn.mid{width:117px; height:33px; line-height:33px; font-size:13px; font-weight:normal}
input.btn.mid{height:35px; line-height:35px}
.btn.sml{width:59px; height:28px; line-height:27px; font-size:12px; font-weight:normal}
input.btn.sml{height:30px; line-height:29px}

.btn.big .arr{font-size:10px; vertical-align:middle; padding-left:5px}

.btn.mid2{width:65px; height:26px; line-height:26px; font-size:12px; font-weight:normal}
input.btn.mid2{height:28px; line-height:27px}

.btn.mid2.long{width:auto; padding:0 15px}
input.btn.mid2.long{padding:0 15px}

.btn.ssml{width:auto; height:19px; line-height:19px; font-family:dotum, '돋움'; font-size:11px; padding:0 5px; margin-top:3px; color:#545454}
.btn.ssml.upload{padding:0 15px; margin-right:10px}

.btn.ssml.ico{padding-left:20px; background:url(/images/common/ico_btn.png) no-repeat 0 4px}
.btn.ssml.ico.like{background-position:0 4px}
.btn.ssml.ico.share{background-position:0 -26px}
.btn.ssml.ico.print{background-position:0 -56px}

.btn.comment{border:1px solid #757575; background:#868686; width:68px; height:54px; color:#fff; font-size:14px}
.btn.login{float:right; border:1px solid #757575; background:#868686; width:98px; height:76px; color:#fff; font-size:14px;}

/* color */
.btn.mj{color:#e40e64}
.btn.gray{border:1px solid #757575; background:#868686; color:#fff}

/* padding, marign... */
.mgtS{margin-top:15px !important}
.mgtM{margin-top:30px !important}
.mgtL{margin-top:60px !important}

.mgbS{margin-bottom:15px !important}
.mgbM{margin-bottom:30px !important}
.mgbL{margin-bottom:60px !important}

.mgtbL{margin:30px 0 40px !important}

.txtC{text-align:center}
.txtR{text-align:right}
.txtL{text-align:left}

.fl{float:left}
.fr{float:right}

p.txtPara{float:left; width:100%; line-height:1.4;}

/* ul */
.listDot{float:left; width:100%;}
.listDot li{float:left; clear:both; background:url(/images/common/bu_listDot.png) no-repeat 0 7px; padding-left:10px; line-height:1.2; margin-bottom:4px}

p.listDot{background:url(/images/common/bu_listDot.png) no-repeat 0 9px; padding-left:10px;}


/* alert layer */ 
.alertBar{display:none; min-width:1027px; width:100%; padding:14px 0 0; height:35px; border-bottom:1px solid #d6d6d6; background:#f7f7f7; color:#636363; text-align:center}
.alertBar .ctrWrap{display:inline-block; margin:0 0 0 10px; font-size:11px; font-family:dotum, '돋움';}
.alertBar > a{display:inline-block; text-decoration:underline;}
.alertBar a:hover,
.alertBar a:focus{font-weight:normal;}
.alertBar img{margin-right:10px}
.alertBar img{margin-right:10px}

/* 알람 레이어 */
.layerPopupJo.noticePop{width:420px; height:auto; padding:0 29px 30px; border:1px solid #d6d6d6; } 
.layerPopupJo.noticePop .tit{float:left; width:100%; margin-bottom:35px}
.layerPopupJo.noticePop .cont{float:left; width:390px; margin:0 15px}
.layerPopupJo.noticePop .alertTxt{float:left; width:100%; font-size:13px; line-height:20px; margin-bottom:15px}
.layerPopupJo.noticePop .alertTxt span{font-size:11px; color:#868686; text-decoration:underline}
.layerPopupJo.noticePop .box_line{float:left; width:380px; border:5px solid #d6d6d6; padding:25px 0; font-size:15px; font-weight:600; color:#cb2322; line-height:21px; text-align:center; margin-bottom:20px}
.layerPopupJo.noticePop .txtPara{letter-spacing:-1px; line-height:20px}
.layerPopupJo.noticePop .txtPara strong{text-decoration:underline}
.layerPopupJo.noticePop .box_line .srvGrp{width:280px; position:relative; float:left; margin:10px 0 10px 48px}
.layerPopupJo.noticePop .box_line .srvGrp .bar1{float:left; width:100%; height:30px; background:#e7e7e7; font-size:11px; line-height:30px; text-align:center; }
.layerPopupJo.noticePop .box_line .srvGrp .bar1 strong{color:#d92732}
.layerPopupJo.noticePop .box_line .srvGrp .barWrap{float:left; width:250px; padding-right:30px; background:#d92732; margin-bottom:7px}
.layerPopupJo.noticePop .box_line .info{font-size:11px; float:left; width:100%; text-align:left}
.layerPopupJo.noticePop .box_line .info strong{color:#d92732}
.layerPopupJo.noticePop .box_line .info .over{float:right; color:#d92732}

.layerPopupJo.noticePop .btnClose{background:url(/images/common/lypop_close.png) no-repeat 0 0; width:19px; height:19px; position:absolute; top:13px; right:9px; border:0; overflow:hidden; text-indent:-999em}

/* 비밀번호변경 알림 */
.layerPopupJo.pwChangePop{width:478px; height:auto; padding:0 0 30px; border:1px solid #d6d6d6; } 
.layerPopupJo.pwChangePop1{width:550px; height:auto;overflow:auto; padding:0 0 30px; border:1px solid #d6d6d6; } 
/*.layerPopupJo.pwChangePop1{width:660px; height:auto; padding:0 0 30px; border:1px solid #d6d6d6; } */
.layerPopupJo.pwChangePop .tit{float:left; width:100%; margin-bottom:27px; text-align:center}
.layerPopupJo.pwChangePop .cont{float:left; width:100%}
.layerPopupJo.pwChangePop .cont .txtPara{float:left; font-size:12px; letter-spacing:-1px; line-height:20px; text-align:center; width:420px; margin:0 29px 25px; }
.layerPopupJo.pwChangePop .cont .group{float:left; width:438px; padding:10px 20px; background:#f7f7f7; margin-bottom:5px}
.layerPopupJo.pwChangePop .cont .group > div{float:left; width:100%; padding:10px 0 0}
.layerPopupJo.pwChangePop .cont .group > div.line{border-bottom:1px dotted #c6c6c6; padding:10px 0}
.layerPopupJo.pwChangePop .cont .group > div .divTxt{width:125px; margin-left:30px; font-weight:600}
.layerPopupJo.pwChangePop .btnWrap .btn{width:120px}
.layerPopupJo.pwChangePop .cont .group > div .divTxt_guide{line-height:16px; padding-left:150px}

.layerPopupJo.pwChangePop .box_line{float:left; width:380px; border:5px solid #d6d6d6; padding:25px 0; font-size:15px; font-weight:600; color:#cb2322; line-height:21px; text-align:center; margin-bottom:20px}
.layerPopupJo.pwChangePop .txtPara{letter-spacing:-1px; line-height:20px}
.layerPopupJo.pwChangePop .txtPara strong{text-decoration:underline}
.layerPopupJo.pwChangePop .box_line .srvGrp{width:280px; position:relative; float:left; margin:10px 0 10px 48px}
.layerPopupJo.pwChangePop .box_line .srvGrp .bar1{float:left; width:100%; height:30px; background:#e7e7e7; font-size:11px; line-height:30px; text-align:center; }
.layerPopupJo.pwChangePop .box_line .srvGrp .bar1 strong{color:#d92732}
.layerPopupJo.pwChangePop .box_line .srvGrp .barWrap{float:left; width:250px; padding-right:30px; background:#d92732; margin-bottom:7px}
.layerPopupJo.pwChangePop .box_line .info{font-size:11px; float:left; width:100%; text-align:left}
.layerPopupJo.pwChangePop .box_line .info strong{color:#d92732}
.layerPopupJo.pwChangePop .box_line .info .over{float:right; color:#d92732}

.layerPopupJo.pwChangePop .btnClose{background:url(/images/common/lypop_close.png) no-repeat 0 0; width:19px; height:19px; position:absolute; top:13px; right:9px; border:0; overflow:hidden; text-indent:-999em}

a.arr{padding-right:8px; background:url(/images/common/bu_linkarrow.png) no-repeat 100% 3px}
.box_care2{float:left; padding:10px 10px;  background:#f7f7f7; margin-top:16px}


/* box type */
.box_type1{float:left; padding:25px 0; width:100%; background:#f7f7f7; margin-bottom:16px}
.box_type2{float:left; padding:20px 0; width:100%; background:#fff; border:1px solid #d6d6d6; margin-bottom:16px}
.box_type3{float:left; padding:0; width:100%; background:#f7f7f7; border:1px solid #d6d6d6; margin-bottom:6px}
.box_type4{float:left; padding:0; width:570px; background:#f7f7f7; border-top:2px solid #545454; margin-bottom:0; padding:20px 0 20px 135px; border-bottom:1px solid #d2d1d6;}

.termsBox{float:left; border:1px solid #d6d6d6; padding:25px 29px; height:88px; overflow:auto; font-family:dotum, '돋움'; line-height:16px; font-size:11px; letter-spacing:0; }

/* table : 입력 */
.layoutTbl{float:left; margin:0; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed}
.layoutTbl td{padding:5px 5px 0; vertical-align:top}
.layoutTbl td.tit{font-weight:bold; font-size:13px; vertical-align:top; padding-top:12px}
.layoutTbl td .btn{float:left}

.layoutTbl.line{border-top:2px solid #545454}
.layoutTbl.line td{border-bottom:1px solid #d6d6d6; height:42px;}
.layoutTbl.line td.tit{padding:12px 0 0 15px; height:auto}
.layoutTbl.line td.cont{padding:5px 10px 0 0; height:37px}
.layoutTbl.line .label-radio,
.layoutTbl.line .label-checkbox{font-size:11px} 
.compulsory{color:#e40e64}
.layoutTbl.line td.tit.optInp{padding:12px 0 0 32px}
.layoutTbl.line td.tit.optInp label{text-indent:0}
.inputWrap{float:left; margin-left:20px}
.divTxt{float:left; line-height:28px; padding:0 5px 0 0}
.divTxt .tip{font-size:11px; color:#868686; line-height:17px; display:inline-block}
.divTxt img{vertical-align:text-bottom; margin-left:1px}
.divTxt_guide{float:left; line-height:32px; font-size:11px; color:#e40e64; text-indent:10px}
.divTxt_guide2{float:left; line-height:14px; font-size:11px; color:#e40e64; text-indent:10px; width:100%}
.divTxt_guide3{float:left; line-height:14px; font-size:11px; color:#acacac; text-indent:10px; width:100%}
.guideTxt_14{font-weight:bold; font-size:13px; color:#e40e64; padding:20px 0; line-height:19px; letter-spacing:-1px}

.layoutTbl.line td.noline{border-bottom:0}

.idSrch .layoutTbl .tit{text-indent:120px; text-align:left}
.idSrch .layoutTbl .tit label{text-indent:0}
.idSrch .n1{float:left; width:100%; border-top:2px solid #545454; border-bottom:1px solid #d6d6d6; padding:20px 0; margin-bottom:30px}
.idSrch .n2{float:left; width:100%; border-top:2px solid #545454; border-bottom:1px solid #d6d6d6; padding:20px 0; margin-bottom:30px}
.tit_radio{float:left; width:100%; font-size:14px}
.tit_radio label{font-size:14px !important}

.mypage > h2{float:left; width:100%; font-size:14px; font-weight:600; padding-bottom:7px}
.mypage .layoutTbl{margin-bottom:45px}


.sh_div{display:none}
.sh_1{display:block}
.sh_div2{display:none}
.sh_div2.sh2_1{display:block}


/* table : 게시판 */
.tblType1{float:left; margin:0; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #545454; margin-bottom:14px}
.tblType1 thead th{font-weight:bold; text-align:center; height:34px; border-bottom:1px solid #afafb3}
.tblType1 tbody td{height:34px; border-bottom:1px solid #afafb3; text-align:center;}
.tblType1 tbody td.tit{text-align:left; padding-left:10px}
.tblType1 tbody td.tit img{vertical-align:text-top;}
.tblType1 tbody tr.on,
.tblType1 tbody tr:hover,
.tblType1 tbody tr:focus{background:#f7f7f7}

.tblType1.boxType td{padding:40px; position:relative}
.tblType1.boxType tbody tr:hover,
.tblType1.boxType tbody tr:focus{background:#fff}
.tblType1.boxType td p{float:left; font-size:13px; text-align:left; margin-bottom:50px;}
.tblType1.boxType td p strong{float:left; width:100%; font-size:15px; margin-bottom:17px; font-weight:600}
.tblType1.boxType td .btn{position:absolute; bottom:25px; right:40px; width:160px}

.box_type1.bbs_sch{padding-left:200px; width:505px;}

/* 게시판 글쓰기 */
.layoutTbl.write.line_bottom{border-top:0; border-bottom:1px solid #d2d2d6; }
.layoutTbl.write{font-family:dotum, '돋움'; font-size:12px}
.layoutTbl.write td{padding:10px 0 5px}
.layoutTbl.write td.tit{text-indent:3px; padding-top:17px; letter-spacing:-1px}
.layoutTbl.write tr:first-child td{padding-top:20px}
.layoutTbl.write tr:first-child td.tit{padding-top:27px}
.layoutTbl.write tr.line td{background:url(/images/common/bbs_dotline.png) repeat-x 0 100%}
.layoutTbl.write tr.line td:first-child{background:none}
.rowGroup{float:left; width:100%; margin-top:3px}
.rowGroup:first-child{margin-top:0}
.layoutTbl.write tr.end th,
.layoutTbl.write tr.end td{padding-bottom:50px;}
.layoutTbl.write label.label-checkbox{font-size:11px; font-family:dotum, '돋움'; }
.editorDiv{float:left; margin-top:8px}

/* 게시판 보기 */
.notice .titInfo{text-align:center; font-size:15px; font-weight:bold}
.notice .bbs_view_top{margin-bottom:40px}

.bbs_view{float:left; width:100%; border-bottom:1px solid #d2d2d6; margin-bottom:15px;}
.bbs_view_top{float:left; border-top:2px solid #545454; width:100%; margin-bottom:10px}
.bbs_view_top .titInfo{float:left; width:100%; height:30px; padding-top:10px; background:#f7f7f7; border-bottom:1px solid #d2d2d6}
.bbs_view_top .titInfo .bbs_tit{font-size:13px; float:left; margin-left:23px; font-weight:bold}
.bbs_view_top .titInfo .ministerName{float:left; margin-left:10px; padding-left:10px; background:url(/images/common/ico_div.png) no-repeat 0 5px; line-height:21px}
.bbs_view_top .etcInfo{float:left; width:100%; height:25px; padding-top:15px; background:#fff; border-bottom:1px solid #d2d2d6; font-size:11px; font-family:dotum, '돋움';}
.bbs_view_top .etcInfo div{float:left; margin-left:23px; color:#868686; }
.bbs_view_top .etcInfo div.copyUrl{float:right; color:#868686;}
.bbs_view_top .etcInfo div.copyUrl button{border:0; background:none; color:#868686; cursor:pointer; margin-top:-4px; word-break: break-word; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:270px;}
.bbs_view_top .etcInfo span:first-child{background:none; margin-left:0; padding-left:0}
.bbs_view_top .etcInfo span{float:left; display:block; margin-left:6px; padding-left:6px; background:url(/images/common/ico_div.png) no-repeat 0 0;}


.tab_members{float:left; width:100%; border-left:1px solid #d6d6d6; position:relative; z-index:1; margin-bottom:50px}
.tab_members li{float:left; width:100px; height:35px; border-top:1px solid #d6d6d6;  border-right:1px solid #d6d6d6; background:#f7f7f7; border-bottom:1px solid #d6d6d6;}
.tab_members li.on{border-bottom:1px solid #fff;}
.tab_members li a{display:block; width:100%; padding-top:13px; height:23px; text-align:center; font-size:12px; color:#545454 ; }
.tab_members li.on a{background:#fff; color:#cb2322 !important; font-weight:600}

.bibleInfo{float:left; width:100%; margin-bottom:15px}
.bibleInfo .box_type1{width:635px; padding:35px}
.bibleInfo .box_type1 dl{float:left; width:100%}
.bibleInfo .box_type1 dl dt{float:left; font-size:13px; margin-bottom:17px; width:100%}
.bibleInfo .box_type1 dl dt strong,
.bibleInfo .box_type1 dl dt span{display:block; float:left; line-height:18px; font-size:13px}
.bibleInfo .box_type1 dl dt span{ margin-left:10px; padding-left:10px; background:url(/images/common/ico_div.png) no-repeat 0 4px;}
.bibleInfo .box_type1 dl dd{float:left; font-size:12px; width:100%}
.bibleInfo .box_type1 dl dd p{text-indent:-30px; margin-left:30px; margin-bottom:10px}
.bibleInfo .box_type1 dl dd p span{float:left; display:block; width:30px}

.outsideVod{float:left; width:100%; text-align:center; margin-bottom:20px; position:relative; z-index:0}
.bbs_cont{float:left; width:635px; margin-bottom:15px; padding:13px 35px 30px; line-height:1.6}

.tagInfo{float:left; width:100%; margin-bottom:10px}
.tagInfo img{float:left; margin-right:10px}
.tagInfo a{display:block; float:left; margin-right:12px; color:#868686; font-size:11px; line-height:15px}

/* 댓글 */
.box_comment_w{float:left; width:661px; background:#f7f7f7; padding:21px 22px; margin-bottom:20px}
.box_comment_w textarea{float:left; width:558px; height:64px; border:1px solid #d6d6d6; padding:10px}
.box_comment_w > div{float:right; width:70px}
.box_comment_w label.label-checkbox{padding-right:0}

.comment_list{float:left; width:100%; margin-bottom:35px}
.comment_list .sum{float:left; width:100%; font-size:13px; border-bottom:1px solid #acacac; padding-bottom:8px; margin-bottom:1px}
.comment_list .sum b{color:#cb2322}
.comment_list .list{float:left; background:#f7f7f7; padding:0 23px; width:659px; margin-bottom:40px}

.comment_list .list > li:first-child{border-top:0}
.comment_list .list li{float:left; width:100%; border-top:1px dotted #cacaca; padding:17px 0}
.comment_list .list li.end{padding-bottom:0}

.comment_list .list .reply{float:left; width:100%; margin-top:17px}
.comment_list .list .reply > li{background:url(/images/common/ico_cmt.png) no-repeat 0 14px; width:639px;  padding-left:20px}
.comment_list .list .reply > li > p{color:#ccc}
.comment_list .list li .txt > b{color:#cb2322; font-weight:normal}

.comment_list .list .reply_inp{float:left; width:100%; margin-top:17px; border-top: 1px dotted #cacaca; background:url(/images/common/ico_cmt.png) no-repeat 0 24px; padding-left:20px; width:639px;}
.comment_list .list .reply_inp .box_comment_w{padding:20px 0 0; width:640px; margin-bottom:0}
.comment_list .list .reply_inp .box_comment_w textarea{width:538px}

.comment_list .list .tit{float:left; width:100%; margin-bottom:15px}
.comment_list .list .tit div{float:left}
.comment_list .list .tit .btnSct{float:right}
.comment_list .list .tit .btnSct a:first-child{background:none;}
.comment_list .list .tit .btnSct a{float:left; display:block; margin-left:6px; padding-left:6px; background:url(/images/common/ico_div.png) no-repeat 0 0; font-size:11px}

.comment_list .paging{margin-bottom:0}

.btnSct a .like{display:block; width:14px; float:left; height:11px; background:url(/images/common/ico_heart.png) no-repeat 0 0; overflow:hidden; text-indent:-999em}
.btnSct a .like.on{background-position:0 -30px}
.comment_list .list .txt{float:left; width:100%; line-height:1.5}

/* page */
.pageArticle{float:left; width:705px; padding:40px 0; border-top:2px solid #545454; }
.pageArticle img{vertical-align:inherit;}
.btnWrap.lineT{border-top:1px solid #c4c3c3; padding-top:5px}


/* 영상 */
.vod_list{float:left; width:100%; border-top:2px solid #545454; padding-top:20px}
.mj_vod{float:left; width:705px; height:293px; background:#343434; color:#fff; position:relative; margin-bottom:14px}
.mj_vod .playTime{position:absolute; top:12px; left:12px; background:url(/images/common/bg_blackout.png) repeat 0 0; font-family:dotum, '돋움'; padding:0 5px; height:19px; line-height:20px; color:#fff}
.mj_vod .vod_img{float:left; width:460px; height:293px}
.mj_vod .vod_info{float:right; width:195px; margin-right:25px; padding-top:47px;}
.mj_vod .vod_info > div,
.mj_vod .vod_info > a{float:left; clear:both; color:#fff;}
.mj_vod .vod_info .date{font-size:13px; font-weight:bold; border-bottom:1px solid #545454; line-height:18px; margin-bottom:13px}
.mj_vod .vod_info .tit{font-weight:bold; width:100%; font-size:19px; line-height:26px; margin-bottom:7px}
.mj_vod .vod_info .writer{font-size:14px; width:100%; margin-bottom:23px}
.mj_vod .vod_info .vodBtn{display:block; width:83px; height:29px; border:1px solid #9a9a9a; padding-left:50px; background:url(/images/common/ico_btnplay.png) no-repeat 0 7px; font-size:13px; line-height:29px}
.mj_vod .vod_info .etc{position:absolute; bottom:15px; right:25px; width:195px; border-top:1px solid #545454; padding-top:12px;}
.mj_vod .vod_info .etc span{display:inline-block; color:#868686; margin-right:15px}

.vod_list .list{float:left; width:100%;}
.vod_list .list ul{overflow:hidden; width:716px; margin:-15px 0 40px -11px}
.vod_list .list li{float:left; width:168px; height:155px; margin-left:11px; margin-top:15px}
.vod_list .list li a{display:block; position:relative; width:168px; height:126px; overflow:hidden; z-index:1}
.vod_list .list li a > img{width:168px; height:126px;}
.vod_list .list li a .playTime{position:absolute; top:7px; left:5px; background:url(/images/common/bg_blackout.png) repeat 0 0; font-family:dotum, '돋움'; padding:0 5px; height:19px; line-height:20px; color:#fff}
.vod_list .list li a:hover .playTime,
.vod_list .list li a:focus .playTime{font-weight:normal}
.vod_list .list li .tit{display:block; position:absolute; left:0; bottom:-18px; background:url(/images/common/bg_blackout.png) repeat 0 0;  color:#fff; width:152px; height:32px; padding:5px 8px; line-height:1.5; font-size:11px; font-weight:normal}
.vod_list .list li .tit span{display:block; width:100%; font-size:12px; overflow:hidden; word-break:break-word; white-space:nowrap; text-overflow:ellipsis;}
.vod_list .list li .etc{float:left; margin:7px 0 0 8px; }
.vod_list .list li .etc span{display:inline-block; color:#868686; font-size:11px; margin-right:5px}
 
 /* hisory */
.history{float:left; width:100%; border-top:2px solid #545454; padding:40px 0 0}
.history .infoTxt{float:left; width:100%; line-height:19px; font-size:12px; margin-bottom:30px}
.history .infoTxt strong{text-decoration:underline}
.history .history_list{float:left; width:100%; border-top:1px solid #d2d2d6;}
.history .history_list > li:first-child{border-top:0}
.history .history_list > li{float:left; width:100%; padding:20px 0; border-top:1px dotted #d2d2d6}
.history .history_list > li > strong{display:block; float:left; width:90px; padding-left:20px; text-align:left; font-size:20px; font-weight:600}
.history .history_list > li > ul{float:left; width:550px}
.history .history_list > li > a{float:left; display:block; width:30px; text-decoration:underline; text-align:center}
.history .history_list > li li{float:left; width:100%; margin-bottom:10px}
.history .history_list > li li.mj div,
.history .history_list > li li.mj p{color:#cb2322}
.history .history_list > li li > div{float:left; width:45px; line-height:16px; font-weight:600}
.history .history_list > li li > p{float:left; width:505px; line-height:16px;}

.members{float:left; width:100%; border-top:2px solid #545454; padding:40px 0 0}
.members .mem_tit{width:88px; height:18px; border:1px solid #d6d6d6; text-align:center; line-height:18px; font-size:11px; float:left; margin-bottom:10px}
.members .members_list{float:left; margin:0; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed}
.members .members_list td{padding-bottom:40px; vertical-align:top}
.members .members_list td > img{float:left; margin-right:15px; width:88px; height:98px; border:1px solid #ededed}
.members .members_list td .info{float:left; width:130px}
.members .members_list td .info > div{float:left; width:100%; margin-bottom:15px}
.members .members_list td .info > div strong{font-size:14px; float:left; width:95px}
.members .members_list td .info > div a{display:block; float:right; font-size:12px; text-decoration:underline}
.members .members_list td .info li{float:left; width:100%; font-size:12px; color:#868686; padding:2px 0; line-height:14px}


 /* faq */
.faq_list{float:left; width:100%; margin-bottom:40px}
.faq_list .list{float:left; width:100%}
.faq_list .list li{float:left; border-bottom:1px solid #d2d1d6}
.faq_list .list li .faq_q,
.faq_list .list li .faq_a{float:left; width:687px; padding:17px 0; padding-left:18px;}
.faq_list .list li .faq_q > img,
.faq_list .list li .faq_a > img{float:left; margin-right:20px}

.faq_list .list li .faq_q{background:#f7f7f7}
.faq_list .list li.on .faq_q{background:#fff}
.faq_list .list li .faq_q > a{display:block; float:left; width:560px; margin-top:1px; font-weight:bold; line-height:16px}
.faq_list .list li .faq_q > span{display:block; float:right; color:#d2d1d6; font-size:11px; padding-right:10px; margin-top:3px}

.faq_list .list li .faq_a{border-top:1px solid #d2d1d6; display:none}
.faq_list .list li .faq_a .faq_cont{float:left; width:520px; line-height:1.5; color:#868686}
.faq_list .list li .faq_a .btnSct{float:right; margin-right:10px}
.faq_list .list li .faq_a .btnSct a:first-child{background:none;}
.faq_list .list li .faq_a .btnSct a{float:left; display:block; margin-left:6px; padding-left:6px; background:url(/images/common/ico_div.png) no-repeat 0 0; font-size:11px}
.faq_list .list li .faq_a .btnSct .like{margin-right:4px}

 /* gallery list*/
.gallery_list{float:left; width:100%; border-top:2px solid #545454; padding-top:20px;}
.gallery_list .list ul{overflow:hidden; width:729px; margin:-23px 0 40px -23px;}
.gallery_list .list li{float:left; width:220px; height:165px; margin:23px 0 0 23px; position:relative; overflow:hidden;}
.gallery_list .list li a{display:block;width:220px; height:165px;}
.gallery_list .list li a > img{width:220px; height:165px;}
.gallery_list .list li a .phtSum{position:absolute; top:93px; right:5px; background:url(/images/common/bg_blackout.png) repeat 0 0; font-family:dotum, '돋움'; padding:0 5px; height:19px; line-height:20px; color:#fff}
.gallery_list .list li a:hover .phtSum,
.gallery_list .list li a:focus .phtSum{font-weight:normal}
.gallery_list .list li .tit{display:block; position:absolute; left:0; bottom:0; background:url(/images/common/bg_blackout.png) repeat 0 0;  color:#fff; width:200px; height:40px; padding:10px 10px 0; line-height:1.5; font-size:11px; font-weight:normal}
.gallery_list .list li .tit span{display:block; width:100%; font-size:12px; overflow:hidden; word-break:break-word; white-space:nowrap; text-overflow:ellipsis;}
.gallery_list .list li .etc{position:absolute; bottom:5px; right:10px;}
.gallery_list .list li .etc span{display:inline-block; color:#fff; font-size:11px; margin-right:5px}

.btn_more{border:1px solid #d6d6d6; width:100%; background:#fff; text-align:center; height:30px; background:url(/images/common/select_arrow.png) no-repeat 374px 12px; cursor:pointer}

.bbs_note{display:inline-block; font-size:11px; color:#cb2322; width:42px; height:20px; border:1px solid #d6d6d6; background:#fff; text-align:center; line-height:20px; font-weight:bold; letter-spacing:-1px; margin-right:7px}

/* slideCloneBnJo */
.slideCloneBnJo{position:relative; width:960px; height:320px}
.slideCloneBnJo > ul{float:left; width:2880px; position:absolute; top:0; left:50%; margin-left:-480px}
.slideCloneBnJo > ul li{float:left; width:960px; height:320px}

.m_visual{width:100%; height:320px; background:#000; margin-bottom:32px}
.m_slide{width:100%; height:320px; overflow:hidden; text-align:center; padding:0; margin:0 auto}
.blackout_r{position:absolute; top:0; left:50%; width:100%; height:320px; background:#000; opacity:0.75; margin-left:480px; z-index:10}
.blackout_l{position:absolute; top:0; right:50%; width:100%; height:320px; background:#000; opacity:0.75; margin-right:480px; z-index:10}
.m_slide > ul > li:first-child button{margin-left:0}
.m_slide .spotLink{position:absolute; bottom:20px; left:50%; width:960px; margin-left:-480px; z-index:10; text-align:center}
.m_slide .spotLink > button{padding:0; margin:0; top:0; left:0; border:0; width:18px; height:18px; background:transparent url(/images/common/btn_spot.png) no-repeat 0 0; overflow:hidden; font-size:0; position:relative; z-index:10; }
.m_slide .spotLink button.on{width:38px; background-position:-24px 0}

.m_slide .ctr{position:relative; z-index:20}
.m_slide .ctr > button{width:20px; height:33px; background:transparent url(/images/common/btn_slide_ctr.png) no-repeat 0 0; position:absolute; overflow:hidden; text-indent:-999em; cursor:pointer; padding:0}
.m_slide .ctr > .ctrSwitch{background-position:0 0; background:transparent url(/images/common/pause.png) no-repeat 4px 0; border:0; width:20px; height:20px; top:285px; left:50%}
.m_slide .ctr > .ctrSwitch.on{ background:transparent url(/images/common/play.png) no-repeat 4px 0;}
.m_slide .ctr > .ctrPrev{background-position:0 -50px; border:0; width:20px; height:33px; left:50%; top:150px; margin-left:-510px}
.m_slide .ctr > .ctrNext{background-position:0 -150px; border:0; width:20px; height:33px; right:50%; top:150px; margin-right:-510px}
.m_slide .ctr > .ctrPrev:hover,
.m_slide .ctr > .ctrPrev:focus{background-position:0 0;}
.m_slide .ctr > .ctrNext:hover,
.m_slide .ctr > .ctrNext:focus{background-position:0 -100px;}
.m_slide > ul > li > div{width:960px; height:320px; }
.m_slide > ul > li > div > a{color:#fff}
.m_slide > ul > li > div img{width:960px; height:320px}

/* 회원가입 */
* 주소검색 탭 */
.postLayPop{min-height:260px; width:520px; padding:64px 54px;}

.tab_postSch{float:left; width:521px; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; margin-bottom:20px}
.tab_postSch li{float:left; width:259px; height:47px; border-right:1px solid #d6d6d6;}
.tab_postSch li:first-child{width:258px}
.tab_postSch li a{display:block; width:100%; padding-top:16px; height:30px; border-bottom:1px solid #d6d6d6; text-align:center; font-size:14px; color:#545454}
.tab_postSch li.on a{display:block; width:100%; height:26px; border-bottom:4px solid #e40e64; color:#e40e64; font-weight:bold; font-size:15px;}
.postGuide{float:left; width:100%; font-size:12px; color:#868686; line-height:22px; margin-bottom:20px}
.postGuide strong{font-size:13px;}

.postLayPop .sch{float:left; width:100%;}
.postLayPop .sch_result{float:left; width:100%; border-top:1px dashed #d5d4d4; margin-top:35px; padding-top:35px}
.postLayPop .sch_result .result_txt{float:left; width:100%; font-size:13px; margin-bottom:13px}
.postLayPop .sch_result .result_txt strong{color:#e40e64}

.listWrap{float:left; width:100%; border-top:2px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
.listWrap .thead{float:left; width:100%; border-bottom:1px solid #d6d6d6; height:30px}
.listWrap .thead div{float:left; height:30px; line-height:30px}
.listWrap .thead .n1{width:80%; text-align:center}
.listWrap .thead .n2{width:20%}
.listWrap .list{float:left; width:100%; max-height:190px; overflow-y:scroll; }
.listWrap .list li{float:left; width:95%; padding:10px 0;}
.listWrap .list li .adr{float:left; width:87%}
.listWrap .list li .num{float:left; width:13%}
.listWrap .list a{display:block; float:left; width:100%; margin-bottom:3px}
.listWrap .list em{display:inline-block; width:42px; height:17px; text-align:center; color:#fff; font-family:dotum, '돋움'; font-size:11px; line-height:19px; background:#c4c3c3; margin-right:20px}
.listWrap .list  em.mj{background:#e40e64}
 
 /* member */
.tab_memJoin{float:left; width:100%; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; margin-bottom:50px}
.tab_memJoin li{float:left; width:199px; padding-top:16px;  height:31px; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; text-align:center; font-size:14px; color:#545454}
.tab_memJoin li:first-child{width:198px}
.tab_memJoin li.on{height:27px; border-bottom:4px solid #e40e64; color:#e40e64; font-weight:bold; font-size:15px;}

.postLayPop{min-height:260px; width:520px; padding:64px 54px;}

.tab_postSch{float:left; width:521px; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; margin-bottom:20px}
.tab_postSch li{float:left; width:259px; height:47px; border-right:1px solid #d6d6d6;}
.tab_postSch li:first-child{width:258px}
.tab_postSch li a{display:block; width:100%; padding-top:16px; height:30px; border-bottom:1px solid #d6d6d6; text-align:center; font-size:14px; color:#545454}
.tab_postSch li.on a{display:block; width:100%; height:26px; border-bottom:4px solid #e40e64; color:#e40e64; font-weight:bold; font-size:15px;}
.postGuide{float:left; width:100%; font-size:12px; color:#868686; line-height:22px; margin-bottom:20px}
.postGuide strong{font-size:13px;}

.postLayPop .sch{float:left; width:100%;}
.postLayPop .sch_result{float:left; width:100%; border-top:1px dashed #d5d4d4; margin-top:35px; padding-top:35px}
.postLayPop .sch_result .result_txt{float:left; width:100%; font-size:13px; margin-bottom:13px}
.postLayPop .sch_result .result_txt strong{color:#e40e64}

.listWrap{float:left; width:100%; border-top:2px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
.listWrap .thead{float:left; width:100%; border-bottom:1px solid #d6d6d6; height:30px}
.listWrap .thead div{float:left; height:30px; line-height:30px}
.listWrap .thead .n1{width:80%; text-align:center}
.listWrap .thead .n2{width:20%}
.listWrap .list{float:left; width:100%; max-height:190px; overflow-y:scroll; }
.listWrap .list li{float:left; width:95%; padding:10px 0;}
.listWrap .list li .adr{float:left; width:87%}
.listWrap .list li .num{float:left; width:13%}
.listWrap .list a{display:block; float:left; width:100%; margin-bottom:3px}
.listWrap .list em{display:inline-block; width:42px; height:17px; text-align:center; color:#fff; font-family:dotum, '돋움'; font-size:11px; line-height:19px; background:#c4c3c3; margin-right:20px}
.listWrap .list  em.mj{background:#e40e64}

.type_memJoin .contWrap .termsBox{width:740px}
.type_memJoin .contWrap .sct{float:left; width:100%; margin-bottom:16px}
.type_memJoin .contWrap .sct > h3{float:left; font-size:14px; color:#545454; line-height:32px; height:32px; font-weight:600}
.type_memJoin .contWrap .sct .sctAgr{float:right}
.type_memJoin .contWrap .box_type1{width:800px}
.type_memJoin .contWrap .box_type2{width:798px}

.type_memJoin .contWrap .certif{margin:14px 0 30px}
.type_memJoin .contWrap .certif .box_type1{position:relative; width:210px; height:173px; padding:27px 20px 0; margin-right:25px; margin-bottom:0; background-image:url(/images/memJoin/bg_certif.png); background-repeat:no-repeat;}
.type_memJoin .contWrap .certif .box_type1.n1{background-position:100% 60px}
.type_memJoin .contWrap .certif .box_type1.n2{background-position:100% -140px}
.type_memJoin .contWrap .certif .box_type1.n3{background-position:100% -340px; margin-right:0}
.type_memJoin .contWrap .certif .box_type1 h3{font-size:15px; margin-bottom:21px; font-weight:bold}
.type_memJoin .contWrap .certif .box_type1 p{font-size:13px; letter-spacing:-1px}
.type_memJoin .contWrap .certif .box_type1 .btnWrap{margin:0; padding:0; position:absolute; bottom:27px; right:20px}

.type_memJoin .contWrap .cer_input {margin:0; display:none}
.type_memJoin .contWrap #cer_mb{display:block}
.cer_input .box_type2 {padding:40px 0 0}
.cer_input .box_type2 > p {font-size:13px; text-align:center}
.cer_input .layoutTbl{width:500px; margin-left:165px}
.cer_input .box_type2 .box_type1{margin:25px 0 0; font-size:12px; line-height:19px; width:100%}

.type_memJoin .contWrap .addInp{display:none;}
.type_memJoin .contWrap .infoInp h3{margin-left:30px; line-height:26px; width:170px}
.infoInp .guideTxt{float:right; line-height:26px}
.infoInp .guideTxt2{float:left; line-height:26px}

.box_type1.complete{font-size:14px; letter-spacing:-1px}
.box_type1.complete p{margin-bottom:10px}
.box_type1.complete .line{border-bottom:1px solid #545454}
.box_type2.complete{font-size:14px;  padding:40px 0; line-height:24px}

.box_type2.complete .arr{font-size:10px; vertical-align:top}
.box_type2.complete .tip{font-size:11px; color:#868686; margin-top:10px}
.box_type2.complete a{color:#e40e64}
.txt_note{float:left; width:100%; text-align:center; font-size:19px; font-weight:bold; line-height:25px; margin:40px 0 20px}
.txt_note .tip{font-size:14px; font-weight:normal; margin-top:10px}

.bbs_t{float:left; width:100%; font-weight:600; margin-bottom:10px; font-size:13px}
.tblType1.lineStyle2{border-top:1px solid #d6d6d6;}
.tblType1.lineStyle2 th,
.tblType1.lineStyle2 td{border-bottom:1px solid #d6d6d6}
.tblType1 tr.bg th,
.tblType1 tr.bg td{background:#f7f7f7}

/* inputJo base style : text,password,checkbox,radio */
select, input{border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0; background:none; -webkit-appearance:none;}

input.inputJo[type="checkbox"],
input.inputJo[type="radio"]{position:absolute; left:-9999px; opacity:0; float:left}
input.inputJo[type="checkbox"] + label.label-checkbox, 
input.inputJo[type="radio"] + label.label-radio{margin:0}
/*input.inputJo{vertical-align:middle;}*/
input.inputJo.not{border:1px solid #ff6600;}
input.inputJo[type='text'],
/*input.inputJo[type='password']{float:left; height:28px; border:1px solid #cccccc; padding:0 10px; line-height:28px; margin:0 5px 5px 0; position:relative; z-index:0; background:#fff}*/
input.inputJo[type='text'].focus,
input.inputJo[type='password'].focus{height:28px; /*border:1px solid #e40e64;*/}
.inpWrap{float:left;}

.layoutTbl.write td.slipType{padding-top:14px}
.slipType{float:left; width:100%}
.slipType input.inputJo{height:17px; width:512px}
.slipType input.inputJo[type='text'].focus,
.slipType input.inputJo[type='password'].focus{height:17px; border:1px solid #e40e64;}
.box_type3.tagTxt{font-size:11px; color:#acacac; line-height:18px; padding:8px 10px; word-break:keep-all; width:569px}

.slipType .btn.ssml{margin-top:0}
.slipType .divTxt_guide{line-height:14px; color:#acacac; margin-top:3px}

label{display:inline-block; cursor:pointer; vertical-align:middle}
label.labelJo{position:absolute; top:0; left:7px; color:#9e9e9e; z-index:-1; height:32px; line-height:33px; cursor:text}
label.labelJo.on{z-index:1;}
label.labelJo.off{z-index:-1;}

label.label-radio{padding-left:21px; background:url(/images/common/ico_input2.png) no-repeat 0 -59px; height:19px; overflow:hidden; line-height:19px; padding-right:15px; font-size:11px}
label.label-checkbox{padding-left:21px; background:url(/images/common/ico_input2.png) no-repeat 0 -292px; height:32px; overflow:hidden; line-height:32px; padding-right:15px}

label.label-radio.on{background-position:0 2px}   /*radio버튼 on시 위치*/
label.label-radio.on.off{background-position:0 -119px; text-decoration:underline}
label.label-radio.off{background-position:0 -181px; color:#A9A9A9}
label.label-checkbox.on{background-position:0 -232px;}
label.label-checkbox.on.off{background-position:0 -352px;}
label.label-checkbox.off{background-position:0 -412px; color:#A9A9A9}
label.label-radio.first,
label.label-checkbox.first{margin-left:0}
label.label-checkbox.focus,
label.label-radio.focus{text-decoration:underline}

/* join style */
.type_memJoin label.label-radio{padding-left:25px; background:url(/images/common/ico_input.png) no-repeat 0 -52px; height:32px; overflow:hidden; line-height:32px; padding-right:15px}
.type_memJoin label.label-checkbox{padding-left:21px; background:url(/images/common/ico_input.png) no-repeat 0 -292px; height:32px; overflow:hidden; line-height:32px; padding-right:15px}

/* 회원탈퇴 */
.withdrawal .txt{line-height:18px; color:#868686; float:left; width:100%; margin:7px 0}
.withdrawal label,
.withdrawal .divTxt{font-weight:600}

/*본인확인*/
.identi{position:relaitive; width:530px; margin:130px auto}
.identi h1{float:left; width:100%; text-align:center; font-size:20px; font-weight:600; height:44px; border-bottom:2px solid #545454; margin-bottom:40px}
.identi .txt{float:left; width:100%; text-align:center; font-size:14px; border-bottom:1px solid #d2d2d6;  margin-bottom:20px}
.identi .txt .inp{float:left; width:100%; margin:15px 0 30px;}
.identi .txt .inp label{float:left; padding-top:5px; margin:0 10px 0 100px}

/* 열매관리 */
.usePoint{float:left; width:100%}
.usePoint .nState{font-size:14px; font-weight:600; width:100%; text-align:center; margin-bottom:14px; height:15px}
.usePoint .nState strong{color:#e40e64; text-decoration:underline} 

.usePoint .infoTab{background:#f7f7f7; height:28px; border:1px solid #f1f1f1; width:530px; margin:0 auto; padding:10px 0 0 24px; position:relative; margin-bottom:10px}
.usePoint .infoTab:after{content:""; display:block; clear:both;}
.usePoint .infoTab .listDot{width:auto; margin-right:25px}
.usePoint .infoTab .listDot span{font-size:11px} 
.usePoint .infoTab > ul{float:left}
.usePoint .infoTab > ul li:first-child{background:none}
.usePoint .infoTab > ul li{float:left; padding:0 8px; background:url(/images/bu_div1.png) no-repeat 0 6px; line-height:1.6}
.usePoint .infoTab .sp_btn{position:absolute; display:block; font-size:13px; font-weight:600; top:-1px; right:-1px; border:1px solid #e40e64; color:#e40e64; width:108px; height:26px; padding-top:12px; text-align:center; background:#fff }
.usePoint .txtPara{color:#868686}

/* right */
.type_memJoin label.label-radio.alignR{padding-right:25px; background:url(/images/common/ico_input.png) no-repeat 100% -52px; height:32px; overflow:hidden; line-height:32px; padding-right:25px}
.type_memJoin label.label-checkbox.alignR{padding-right:25px; background:url(/images/common/ico_input.png) no-repeat 100% -292px; height:32px; overflow:hidden; line-height:32px;}

.type_memJoin label.label-radio.on.alignR{background-position:100% 8px}
.type_memJoin label.label-radio.on.off.alignR{background-position:100% -112px; text-decoration:underline}
.type_memJoin label.label-radio.off.alignR{background-position:100% -172px; color:#A9A9A9}
.type_memJoin label.label-checkbox.on.alignR{background-position:100% -232px;}
.type_memJoin label.label-checkbox.on.off.alignR{background-position:100% -352px;}
.type_memJoin label.label-checkbox.off.alignR{background-position:100% -412px; color:#A9A9A9}

.type_memJoin label.label-radio.on{background-position:0 8px}
.type_memJoin label.label-radio.on.off{background-position:0 -112px; text-decoration:underline}
.type_memJoin label.label-radio.off{background-position:0 -172px; color:#A9A9A9}
.type_memJoin label.label-checkbox.on{background-position:0 -232px;}
.type_memJoin label.label-checkbox.on.off{background-position:0 -352px;}
.type_memJoin label.label-checkbox.off{background-position:0 -412px; color:#A9A9A9}

.type_memJoin label.label-radio.first,
.type_memJoin label.label-checkbox.first{margin-left:0}
.type_memJoin label.label-checkbox.focus,
.type_memJoin label.label-radio.focus{text-decoration:underline}

.placeholder,
.placeholder.on{display:block; position:absolute; z-index:1; padding:9px 0 0 9px; color:#ccc}
.placeholder.off{display:none} 
/*
input[placeholder], [placeholder], *[placeholder] {color:#ccc !important;}
*/

.bbs_free .tit a{display:block; float:left; max-width:240px; word-break:break-word; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:5px;}

/* selRadioJo base style : select type radio,select */
.selectHide{position:absolute; top:0; left:-99999px;}
.selectJo{height:30px; float:left; padding:0 5px; text-align:left; border:1px solid #EAEAEA; margin-right:5px; padding-right:20px}
.selCloneJo{display:block; float:left; position:relative; z-index:10; height:28px; border:1px solid #cccccc; padding:0; background:#fff; margin:0 5px 5px 0; cursor:pointer}
.selCloneJo.selOpenArrow{background:#F5F5F5; border:1px dotted #cccccc;}
.selCloneJo > strong{display:block; position:relative; z-index:1; top:0; left:0; font-weight:normal; text-align:left; height:20px; cursor:pointer; padding:8px 35px 0 0; word-break:break-word; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-indent:10px}
.selCloneJo .ctrl{position:absolute; top:0; right:0; border-left:1px solid #ccc; width:25px; height:28px; cursor:pointer; z-index:0}
.selCloneJo .arrow{display:block; width:9px; height:6px; position:absolute; top:12px; right:8px; z-index:0; background:url(/images/common/select_arrow.png) no-repeat 0 0;}
.selCloneJo input{position:absolute; left:-9999px; opacity:0}
.selCloneJo p{background-color:#F5F5F5; color:#8C8C8C; line-height:1.2; cursor:default;}
.selCloneJo p, 
.selCloneJo button{background-image:none; text-align:left; display:block; float:left; padding:5px 0 5px 10px; width:100%; word-break:break-word; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.selCloneJo button.on{color:#069;}
.selCloneJo button[disabled="disabled"]{color:#ccc; cursor:default; background-color:#F5F5F5 !important}
.selCloneJo li.on{background-color:#E8E8E8;}
.selCloneJo li.on button{color:#069}
.selCloneJo ul:hover li.on{background-color:#fff; color:#666}
.selCloneJo ul:hover li.on button{color:#666}
.selCloneJo ul:hover li:hover ,
.selCloneJo ul:hover li:focus{background-color:#0174f7; color:#fff}
.selCloneJo button:hover{text-decoration:underline !important; background-color:#E8E8E8 ; color:#069 !important} 
.selCloneJo button:focus{text-decoration:underline !important}
.selCloneJo > ul{overflow-y:auto; overflow-x:hidden; width:100%; position:absolute; z-index:10; border:1px solid #ccc; background:#fff; top:28px; left:-2000px; padding:5px 0}
.selCloneJo li{float:left; width:100%; text-align:left;}
.selCloneJo.disabled,
.selCloneJo.focusOn{background-color:#F5F5F5;  border:1px solid #cccccc; z-index:20}
.selCloneJo.focusOn > ul{display:block; left:-1px}
.selCloneJo.disabled > strong{text-decoration:underline; cursor:default;}
.selCloneJo.focusOn > strong{text-decoration:underline;}
.selCloneJo.focusOver{background-color:#F5F5F5;  border:1px dotted #cccccc;}
.selCloneJo.focusOver > strong{text-decoration:underline} 
.selCloneJo.focusOn .arrow{background-position:0 -50px}

.selCloneJo button{ position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:ng, Tahoma, Sans-serif; white-space:nowrap; vertical-align:top; overflow:visible; background-color:transparent;}
.selCloneJo button{cursor:pointer; _cursor:hand;}

.selCloneJo a{background-image:none; text-align:left; display:block; float:left; padding:5px 0 5px 10px; width:100%; word-break:break-word; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.selCloneJo a.on{color:#069;}
.selCloneJo a[disabled="disabled"]{color:#ccc; cursor:default; background-color:#F5F5F5 !important}
.selCloneJo a:hover{text-decoration:underline !important; background-color:#E8E8E8 ; color:#069 !important} 
.selCloneJo a:focus{text-decoration:underline !important}

/* slideBnJo */
.slideBnJo{position:relative; width:100%; height:400px; text-align:center;}
.slideBnJo > ul{position:relative; width:100%; height:400px; text-align:center; overflow:hidden}
.slideBnJo > ul > li{display:inline}
.slideBnJo > ul > li.on > div{display:block; z-index:6}
.slideBnJo > ul > li > div{display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5}
.slideBnJo li > button{display:block; float:left; width:14px; height:14px; padding:0; margin:0 2px 0 0; top:20px; left:20px; border:0; background:transparent url(/jo/img/btn_spot.png) no-repeat 0 0; overflow:hidden; font-size:0; position:relative; z-index:10; cursor:pointer; }
.slideBnJo .on button{width:38px;}

.slideBnJo .ctr{position:absolute; z-index:10}
.slideBnJo .ctr > button{display:inline; width:18px; height:18px; padding:0; margin:0; border:0; background:transparent url(/jo/img/btn_ctr.png) no-repeat 0 0; overflow:hidden; font-size:0; position:relative; z-index:10; cursor:pointer;}
.slideBnJo .ctr > .ctrSwitch{background-position:0 0;}
.slideBnJo .ctr > .ctrSwitch.on{background-position:-20px 0;}
.slideBnJo .ctr > .ctrPrev{background-position:-40px 0; border:0;}
.slideBnJo .ctr > .ctrNext{background-position:-60px 0; border:0;}

/* layer pop */
.autoLPwrap{display:none; float:left; z-index:10000; text-align:center; }
.layerPopupJo{display:none; background:#fff; width:520px; border:1px solid #d6d6d6; z-index:10000;}
.layerPopupJo .btnClose{position:absolute; top:20px; right:20px; z-index:10; border:0; background:none; cursor:pointer; width:25px; padding:0}

.layerMask,
.layerMaskWrap{display:none; position:fixed; z-index:9999; top:0; right:0; bottom:0; left:0; background:#000; opacity:.5; filter:alpha(opacity=30) !important;}
.autoLPwrap .layerPopupJo{position:relative !important; float:left; !important; margin:0 10px !important; top:0 !important; left:0 !important; -webkit-transition:all .4s ease; -moz-transition:all .4s ease}

/* tabJo */
.tabDiv{display:none}

/* longin layerpop */
.loginPop{min-height:140px; width:420px; padding:54px 64px;}
/*.loginPop h1{float:left; font-size:18px; width:100%; margin-bottom:20px}*/
.loginPop .loginSct{float:left; width:310px;}
.loginPop input[type='text'],
/*.loginPop input[type='password']{width:290px; height:33px; line-height:33px; margin-bottom:6px}*/
.loginPop input[type='text']:focus,
.loginPop input[type='password']:focus{height:33px; /*border:1px solid #e40e64;*/}
/*
.memberLink{float:left; width:200px; text-align:right; margin:-23px 0 0 120px}
.memberLink a:first-child{border-left:0;}*/
/*.memberLink a{padding:0 10px; display:inline-block; border-left:1px solid #d6d6d6; font-size:11px}
.memberLink a:hover,
.memberLink a:focus{font-size:11px; letter-spacing:0}*/

/* informPop layerpop */
.informPopSct{position:relative}
.informPop{width:358px; border:1px solid #d6d6d6; position:absolute; z-index:100; top:22px; right:-14px; display:none;}
.informPop .arrow{float:right; width:45px; margin-top:-12px}
.informPop ul{float:left; width:100%; max-height:278px; overflow-y:scroll; background:#fff}
.informPop li:first-child{border:0}
.informPop li{float:left; width:100%; padding:0; border-top:1px solid #d6d6d6}
.informPop li > a{display:block; line-height:1.6; padding:10px 16px}
.informPop li > a:hover,
.informPop li > a:focus{background:#F7F7F7; font-weight:normal; letter-spacing:0}
.informPop li > a span{font-size:11px; color:#c4c3c3; display:block; width:100%}

/* informPop layerpop */
.admInfoPopSct{position:relative}
.admInfoPop{width:190px; border:1px solid #d6d6d6; position:absolute; z-index:100; top:22px; right:-14px; display:none; background:#fff;}
.admInfoPop > .arrow{float:right; width:45px; margin-top:-11px}
.admInfoPop .nameSct{float:left; width:175px; padding:20px 0 15px 15px;}
.admInfoPop .admMode{float:left; width:175px; background:#f4f4f4; padding:12px 0 12px 15px; line-height:18px}
.admInfoPop .admMode > span{display:block; font-size:10px}
.admInfoPop .admMode span a{font-size:12px; text-decoration:underline; }
.admInfoPop .admMode a:hover,
.admInfoPop .admMode a:focus{letter-spacing:-1px; }
.admInfoPop .linkSct{float:left; width:175px; padding:15px 0 10px 15px;}
.admInfoPop .btnWrap{float:left; width:100%; text-align:center; font-size:11px; color:#d6d6d6; margin-bottom:15px}
.admInfoPop .btnWrap a{color:#545454}


/* input[text,password], select width */

.w30{width:30px}

.w40{width:40px}

.w50{width:50px}

.w60{width:60px}

.w70{width:70px}

.sel_type_1_clone,
.sel_phone_clone,
.sel_phone2_clone,
.sel_year_clone,
.sel_month_clone,
.sel_day_clone,
.sel_year2_clone,
.sel_month2_clone,
.sel_day2_clone,
.w80{width:80px}

.sel_sch_clone,
.sel_duty_clone,
.w100{width:100px}

.w110{width:110px}

.w120{width:120px}

.sel_duty_clone,
.sel_country_clone,
.w130{width:130px}

.sel_local_clone,
.w140{width:140px}

.sel_church_clone,
.sel_email_clone,
.sel_type2_clone,
.sel_religious_clone,
.w150{width:150px}

.hpageLink_clone, /* header 가입홈피바로가기 */
.w160{width:160px}
.w180{width:180px}

.w220{width:220px}
.w240{width:240px}

.w320{width:320px}
.w400{width: 400px;}
.w420{width: 420px;}
.w450{width: 450px;}

.w570{width:570px}
.w600{width:600px}


.bibleSel_1 .selCloneJo{width:150px}
.bibleSel_2 .selCloneJo{width:80px}
.bibleSel_3 .selCloneJo{width:75px}
.bibleSel_4 .selCloneJo{width:100px}

.faq_sch .selCloneJo{width:130px}
.faq_sch .inputJo{width:230px}

/* 로그인 레이어 팝업 */
.wrap_layer {positiㄴon: absolute; left: 0;top: 0; width: 100%; height: 100%; z-index: 999;}
.dimm {z-index: 999;position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.7 }
.layer_pop {position: absolute; left: 50%; top: 50%; z-index: 9999; margin: 0 auto; background-color: #fff; border: 1px solid #d6d6d6; }
.layer_pop .close {position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; background: url(/images/common/btn_close.gif) 0 0 no-repeat;}

.pop_login {width: 418px; height: 260px; margin-left: -190px; margin-top: -275px; padding:60px 66px;}
.pop_login h2 {font-size: 19px; color: #e40e64;}
.pop_login .warp_inform {position: relative; padding-top: 20px;}
.pop_login .inputbox {width: 308px; height: 32px; margin-bottom: 8px;  border: 1px solid #c4c3c3;}
.pop_login .inputbox input {line-height: 1.4;display: block; width: 96%; height: 28px; margin: 0 2%; font-size: 16px; border: none;}
.pop_login .btn_login {position: absolute; right: 4px; top: 20px; width: 98px; height: 76px; border: 1px solid #b2074c; font-size: 15px; background-color: #e40e64; color: #fff;}
.pop_login .warp_inform * { vertical-align: middle;}
.pop_login .warp_inform #input_C {-webkit-appearance:checkbox; margin-right: 5px;}

.pop_login .member_link {position: absolute; bottom: 3px; right: 110px; }
.pop_login .member_link a.find {margin-right:7px;padding-right: 10px;background: url(/images/common/bg_line.gif) 100% center no-repeat;}
.pop_login .sns_login {margin-top: 50px; padding-top: 30px; background: url(/images/bg_dotted.gif) 0 0 repeat-x;}
.pop_login .sns_login a {display: block; text-align: center; width: 100%; height: 48px; border: 1px solid #c4c3c3;}
.pop_login .sns_login.btn_fb a span {display: inline-block; margin-top: 15px; height: 20px;padding-left: 28px; background: url(/images/common/ico_fb.gif) 0 center no-repeat; color: #3b5998; line-height: 24px;font-size: 15px;}

.fileDiv{position:absolute; top:18px; right:0; width:200px; padding:10px; max-height:180px; overflow-y:auto; border:1px solid #ccc; background:#fff; z-index:10; display:none}
.fileDiv a{display:block; width:170px; height:21px; word-break: break-word; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; text-align:left; background:url(/images/common/bu_download.png) no-repeat 0 1px; padding-left:15px; font-size:11px}

.cf{content: '';display: block;clear: both;}
.p0{padding: 0 }
.tac{text-align: center}
.p10{padding: 10px }
.m10{margin: 10px}
.mt-10{margin-top: -10px }
.mt-20{margin-top: -20px}
.mt-30{margin-top: -30px}
.mt-40{margin-top: -40px}
.h600{height: 600px}
.fz12{font-size: 12px  }
.fz11{font-size: 11px}
.fz10{font-size: 10px }