@charset "utf-8";

/* 회원가입관련 */
@import url("channel_join1.css");

/* 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 */
html{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;}

/* 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}
/* size */
.btn.big{width:195px; height:46px; line-height:46px; font-size:15px; font-weight:bold}
input.btn.big{height:48px; line-height:48px}
.btn.mid{width:117px; height:33px; line-height:33px; font-size:13px; font-weight:bold}
input.btn.mid{height:35px; line-height:35px}
.btn.sml{width:59px; height:28px; line-height:27px; font-size:12px; font-weight:bold}
input.btn.sml{height:30px; line-height:29px}

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

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

.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/channel/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;}

.btn_download{display:inline-block; width:230px; height:36px; text-align:center; font-size:17px; line-height:36px; color:#fff; background:#e40e64 url(../images/channel/infoSrvApp_btn1.png) no-repeat 0 0}
.btn_srvGo{display:inline-block; width:230px; height:36px; text-align:center; font-size:17px; line-height:36px; color:#e40e64; background:url(../images/channel/infoSrvApp_btn2.png) no-repeat 0 0}
.btn_round{display:inline-block; width:180px; height:36px; text-align:center; font-size:17px; line-height:36px; color:#e40e64; background:url(../images/channel/btn_lineRound.png) no-repeat 0 0}


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

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

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

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

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

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

/* 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; }

/* layout */
.wrap{width:100%; min-width:1000px}
.header{width:100%; height:124px; position:absolute; z-index:30; top:0; left:0; background:#fff;}
.headerWrap{width:960px; margin:0 auto;}
.headerWrap:after{content:""; display:block; clear:both}

.container{float:left; margin-top:124px; min-height:300px; width:100%}
.container.sub{border-top:3px solid #e40e64}
.conts{width:960px; margin:0 auto; margin-bottom:80px}
.conts:after{content:""; display:block; clear:both}

.footWrap{float:left; width:960px; margin:0 auto 40px; position:relative; left:50%; margin-left:-480px}

/* footer */
.footer .sct1{float:left; width:100%; background:#868686; color:#fff; height:42px}
.footer .sct1 li{float:left; margin-left:25px}
.footer .sct1 li a{color:#fff; font-family:dotum, '돋움'; line-height:42px}
.footer .sct1 li:first-child{margin:0}
.footer .sct1 .pageTop{display:block; float:right; padding-right:25px; background:url(../images/channel/ico_top.png) no-repeat 100% 2px; height:20px; color:#fff; padding-top:4px; margin-top:7px}
.footer .sct2{float:left; width:960px; margin:0 auto; position:relative; left:50%; margin-left:-480px; background:#fff; color:#fff; height:100px; padding-top:18px; color:#999999; text-align:center; line-height:28px}

/* header */
.headerWrap .utilSct{float:left; width:100%; margin:12px 0 60px; height:15px}
.header .utilSct .util_nav{float:right; margin-right:-12px; font-family:dotum, '돋움'}
.header .utilSct .util_nav > li:first-child{border-left:0}
.header .utilSct .util_nav > li{float:left; border-left:1px solid #d6d6d6; padding:0 15px; height:12px}
.header .utilSct .util_nav > li > a{display:block; height:12px; line-height:12px; font-size:11px; vertical-align:bottom}
.header .utilSct .util_nav > li > a:hover,
.header .utilSct .util_nav > li > a:focus{letter-spacing:-1px}
.header h1{float:left}

.gnb_nav{float:right; width:525px; height:auto}
.gnb_nav > ul > li{float:left; width:105px; position:relative}
.gnb_nav > ul > li > a{display:block; width:105px; height:30px; text-align:center; color:#353535; font-size:14px; padding-top:7px; font-weight:bold}
.gnb_nav > ul > li > a:hover,
.gnb_nav > ul > li > a:focus,
.gnb_nav > ul > li > a.on{height:27px; border-bottom:3px solid #e40e64; color:#e40e64; text-decoration:none}
.gnb_nav li ul{float:left; width:100%; margin-top:17px}
.gnb_nav li li{float:left; width:100%; text-align:center; height:28px; vertical-align:top}
.gnb_nav li li a{font-size:13px; letter-spacing:-1px}
.gnb_nav li li a.on,
.gnb_nav li li a:hover,
.gnb_nav li li a:focus{color:#e40e64}
.gnbSub{position:absolute; top:37px; left:0; z-index:10; display:none; background:#fff}

/* main */
.hompySum{float:left; width:100%; background:#eb357e; height:290px; }
.hompySum > p{width:960px; margin:0 auto; padding-top:45px; height:44px; text-align:center; font-size:20px; color:#fff; letter-spacing:-1px}
.hompySum .hompySum_box{width:467px; height:101px; margin:0 auto; padding:27px 0 0 25px; background:url(../images/channel/box_hompy.png) no-repeat 0 0}
.hompySum .hompySum_box > div{float:left; font-size:20px; color:#fff; padding-top:40px}
.hompySum .hompySum_box .num{float:left; overflow:hidden; margin:0 5px; padding:0}
.hompySum .hompySum_box .num span{display:block; float:left; width:73px; height:74px; margin-right:5px; background:url(../images/channel/bg_num1.png) no-repeat 0 0; font-size:51px; font-weight:bold; text-align:center; line-height:72px}
.hompySum .hompySum_box .num span.n1,
.hompySum .hompySum_box .num span.n2,
.hompySum .hompySum_box .num span.n3{background:url(../images/channel/bg_num2.png) no-repeat 0 0; }
.hompySum .hompySum_box .num span.n1{margin-right:0}
.hompySum .hompySum_box .num span.n4{padding-right:16px; margin-right:0}
.hompySum .hompyCtgNum{width:960px; margin:0 auto; margin-top:15px; text-align:center}
.hompySum .hompyCtgNum span{font-size:16px; color:#fff;padding-right:25px}

.infoSrvApp{float:left; width:100%; background:#eeeeee; height:205px; padding-top:45px}
.infoSrvApp .layoutTbl{margin:0 auto; width:680px; float:none}
.infoSrvApp .layoutTbl td.tit{font-size:17px; font-weight:normal}
.infoSrvApp .layoutTbl td.tit label{line-height:19px}
.infoSrvApp .layoutTbl input.inputJo[type='text'],
.infoSrvApp .layoutTbl input.inputJo[type='password']{height:33px; font-size:15px}
.infoSrvApp .selCloneJo{height:33px}
.infoSrvApp .selCloneJo .ctrl{height:33px; width:32px}
.infoSrvApp .selCloneJo > strong{padding:8px 45px 0px 0px; font-size:15px}
.infoSrvApp .selCloneJo > ul{top:33px;}
.infoSrvApp .selCloneJo button{font-size:15px}
.infoSrvApp .divTxt{font-size:17px;line-height:33px}
.infoSrvApp .selCloneJo .arrow{top:14px; right:11px}
.infoSrvApp label.label-checkbox{padding-right:0}
.infoSrvApp .inputWrap{margin:0}
.infoSrvApp .note{float:left; color:#acacac; margin-top:7px}
.infoSrvApp .btnWrap{margin-top:20px}
.infoSrvApp .sel_mailAdr_clone{width:140px}

.hompyInfo{float:left; width:960px; margin:0 auto 40px; position:relative; left:50%; margin-left:-480px}
.hompyInfo section:first-child{border:0}
.hompyInfo section{float:left; width:100%; padding:70px 0; border-top:1px solid #d6d6d6}
.hompyInfo section h1{float:left; width:100%; font-size:26px; line-height:35px; color:#353535; margin-bottom:23px; letter-spacing:-1px}
.hompyInfo section h1 strong{color:#e40e64;}
.hompyInfo section > p{float:left; width:100%; font-size:15px; line-height:25px; letter-spacing:-1px; margin-bottom:23px}
.hompyInfo section > p strong{color:#e40e64; font-weight:normal}
.hompyInfo section .btnWrap{margin:0}
.hompyInfo section.n1{background:url(../images/channel/m_img1.jpg) no-repeat 100% 160px}
.hompyInfo section.n2{background:url(../images/channel/m_img2.jpg) no-repeat 100% 160px}
.hompyInfo section.n3{background:url(../images/channel/m_img3.jpg) no-repeat 100% 160px}
.hompyInfo section.n5{background:url(../images/channel/m_img4.jpg) no-repeat 100% 105px}
.hompyInfo section.n6{background:url(../images/channel/m_img5.jpg) no-repeat 100% 68px}
  
.hompyInfo section.n0{padding:70px 0 40px}
.hompyInfo section.n0 h1{text-align:center}
.hompyInfo section.n0 > p{text-align:center; margin-bottom:40px}
.hompyInfo section.n0 ul{float:left; width:1005px; margin-left:-47px}
.hompyInfo section.n0_1 ul{float:left; width:1005px; margin-left:-47px}
.hompyInfo section.n0 li{width:290px; float:left; text-align:center; margin-left:45px; height:295px}
.hompyInfo section.n0 li a{margin:20px 0 0; display:block; width:100%; text-align:center; font-size:13px}

.hompyInfo2{float:left; width:100%; background:#545454; color:#fff; height:205px; padding-top:55px}
.hompyInfo2 .hompyInfo2_wrap{float:left; width:960px; margin:0 auto; position:relative; left:50%; margin-left:-480px}
.hompyInfo2 .hompyInfo2_wrap > div > h3{color:#fff; font-size:17px; height:37px}
.hompyInfo2 .hompyInfo2_wrap .n1 p{font-size:13px; line-height:19px; letter-spacing:-1px; color:#acacac}
.hompyInfo2 .hompyInfo2_wrap .n1{float:left; width:630px; color:#fff; }
.hompyInfo2 .hompyInfo2_wrap .n2{float:left; width:130px; color:#fff; }
.hompyInfo2 .hompyInfo2_wrap .n2 li{float:left; width:100%; height:22px}
.hompyInfo2 .hompyInfo2_wrap .n2 li a{color:#fff; font-size:13px}
.hompyInfo2 .hompyInfo2_wrap .n2 li a:hover,
.hompyInfo2 .hompyInfo2_wrap .n2 li a:focus{color:#ff0066}
.hompyInfo2 .hompyInfo2_wrap .n3{float:right; width:170px; color:#fff; }
.hompyInfo2 .hompyInfo2_wrap .n3 p{font-size:13px; line-height:22px; letter-spacing:-1px; color:#fff}




/* conts */
.s_visual{float:left; width:100%; min-width:960px; height:150px; background:#dad8d9 url(../images/channel/s_visual_1.jpg) no-repeat 50% 0}
.s_visual > div{width:960px; margin:0 auto; overflow:hidden; margin-top:112px}
.s_visual > div > h2{float:left; font-size:16px; font-weight:600}
.s_visual > div > div{float:right; text-align:right; margin-top:5px}

/* info1 체험하기(데모) */
.container .conts.info1{overflow:hidden; padding:50px 0 0; }
.container .conts.info1 .info1_1{float:left; width:100%; text-align:center; font-size:13px; margin-bottom:30px}
.container .conts.info1 .info1_1 .box_type3{width:auto; margin:0 auto; padding:10px 30px 20px; margin:30px 0 0 300px}
.container .conts.info1 .info1_1 .box_type3 a{font-size:14px; color:#e4306d; font-weight:600; margin:0 0 5px; text-decoration:underline;  line-height:40px}

.container .conts.info1 .info1_2{float:left; width:100%; margin-bottom:40px}
.container .conts.info1 .info1_2 h3{float:left; width:100%; font-size:14px; font-weight:bold; margin-bottom:10px}
.container .conts.info1 .info1_2 .tab{float:left; width:100%; border-top:2px solid #545454; }
.container .conts.info1 .info1_2 .tab li{float:left; width:192px; text-align:center; height:44px; font-size:13px; line-height:44px;}
.container .conts.info1 .info1_2 .tab li:first-child a{width:190px; border-left:1px solid #d6d6d6}
.container .conts.info1 .info1_2 .tab li a{width:191px; border-right:1px solid #d6d6d6; display:block; height:43px; border-bottom:1px solid #d6d6d6}
.container .conts.info1 .info1_2 .tab li a span{display:inline-block; padding-right:15px; background:url(../images/channel/ico_arrow2.png) no-repeat 100% 20px}

.container .conts.info1 .info1_2 .tab li.on:first-child a{width:190px; border-left:1px solid #e40e64}
.container .conts.info1 .info1_2 .tab li.on a{border-right:1px solid #e40e64; border-bottom:1px solid #e40e64; background:#e40e64; color:#fff}
.container .conts.info1 .info1_2 .tab li.on a span{background:url(../images/channel/ico_arrow2.png) no-repeat 100% -80px}

.container .conts.info1 .info1_2 .tabDiv2,
.container .conts.info1 .info1_2 .tabDiv{display:none; padding:30px; width:900px; float:left}
.container .conts.info1 .info1_2 .tabDiv2 .listDot li,
.container .conts.info1 .info1_2 .tabDiv .listDot li{font-size:13px; margin-bottom:7px}
.container .conts.info1 .info1_2 .tabDiv2 img,
.container .conts.info1 .info1_2 .tabDiv img{border:1px solid #d6d6d6; float:left; margin-top:20px}

/* info2 제작된 홈피 */
.container .conts.info2{overflow:hidden; padding:100px 0 0; }
.container .conts.info2 .tab{float:left; width:100%; border-left:1px solid #d6d6d6; position:relative; z-index:1; margin-bottom:20px; border-bottom:1px solid #d6d6d6}
.container .conts.info2 .tab li{float:left; width:100px; height:35px; border-top:1px solid #d6d6d6;  border-right:1px solid #d6d6d6; background:#f7f7f7; border-bottom:1px solid #d6d6d6; margin-bottom:-1px}
.container .conts.info2 .tab li.on{border-bottom:1px solid #fff;}
.container .conts.info2 .tab li a{display:block; width:100%; padding-top:13px; height:23px; text-align:center; font-size:12px; color:#545454 ; }
.container .conts.info2 .tab li.on a{background:#fff; color:#e40e64 !important; font-weight:600}
.container .conts.info2 .sel_hompy{float:left; width:100%; margin-bottom:20px}
.container .conts.info2 .sel_hompy .church .selCloneJo{float:right}

.container .conts.info2 .list .ready {width:960px; overflow:hidden;}
.container .conts.info2 .list ul{width:1005px; margin:0 0 20px -45px; float:left; border-bottom:1px solid #d6d6d6;}
.container .conts.info2 .list li{float:left; width:290px; height:320px; margin:0 0 0 45px; position:relative; overflow:hidden;}

.container .conts.info2 .list li .img{display:block;width:290px; height:210px; position:relative;overflow: hidden;
border: 1px solid #d6d6d6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.container .conts.info2 .list li .img{display:block;width:290px; height:210px; position:relative;overflow: hidden;}

.container .conts.info2 .list li .img > img{width:288px; height:208px; -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;;}
.container .conts.info2 .list li:hover .img > img{-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);}

.container .conts.info2 .list li .img .phtSum{position:absolute; top:93px; right:5px; background:url(../images/channel/bg_blackout.png) repeat 0 0; font-family:dotum, '돋움'; padding:0 5px; height:19px; line-height:20px; color:#fff}
.container .conts.info2 .list li .tit{display:block; position:absolute; left:1px; bottom:0px; background:url(../images/channel/bg_blackout.png) repeat 0 0;  color:#fff; width:268px; height:35px; padding:15px 10px 0; line-height:1.5; font-size:11px; font-weight:normal; overflow:hidden; word-break:break-word; white-space:nowrap; text-overflow:ellipsis;}
.container .conts.info2 .list li .tit span{font-size:14px; font-weight:600}
.container .conts.info2 .list li > p{padding:10px}
.container .conts.info2 .list li a{color:#e40e64; text-decoration:underline}


/* info3 서비스 종류 */
.container .conts.info3{overflow:hidden; padding:50px 0 0; }
.container .conts.info3 .tit{font-size:14px; float:left; width:100%; margin-bottom:10px}
.container .conts.info3 .box_type2{padding:30px 40px; width:878px; font-size:14px}
.container .conts.info3 .box_type2 li{float:left; width:100%; line-height:26px; background-position:0 12px}
.container .conts.info3 .box_type2 li strong{color:#e40e64; display:block; float:left; width:68px}
.container .conts.info3 .box_type2 li p{float:left; display:block; line-height:26px; width:810px}
.container .conts.info3 .tipTxt{float:left; width:100%; margin-bottom:20px}
.container .conts.info3 .tblType2{margin-bottom:80px}
.container .conts.info3 .section{float:left; width:100%; margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid #d6d6d6}
.container .conts.info3 .section > h3{font-size:16px; font-weight:600; margin-bottom:18px; color:#353535}
.container .conts.info3 .section .listDot{font-size:14px; line-height:24px; background-position:0 10px; margin-bottom:16px}
.container .conts.info3 .section .customer{float:left; border:1px solid #ededed}
.container .conts.info3 .section .customer dt{float:left; background:#f7f7f7; width:68px; border-right:1px solid #ededed; height:27px; line-height:27px; text-align:center}
.container .conts.info3 .section .customer dd{float:left; height:27px; line-height:27px; padding:0 13px}
.container .conts.info3 .section .customer dd a{color:#e40e64; text-decoration:underline; font-weight:600}
.container .conts.info3 .section .customer dd span{font-weight:600}

/* podcast 확장서비스 > 팟캐스트 */
.container .conts.podcast{overflow:hidden; padding:120px 0 0; }
.container .conts.podcast .box_type2{width:798px; text-align:center; padding:0; margin-left:80px}
.container .conts.podcast h2 {padding-top: 80px; font-size: 28px; font-weight: normal;}
.container .conts.podcast h2 em {color: #e40e64;}
.container .conts.podcast p {padding:20px 0; font-size: 15px; line-height: 1.4;}
.container .conts.podcast .btns a {display: inline-block; padding: .8em 1.4em; border: 1px solid #d6d6d6; font-size: 13px; font-weight: bold;}
.container .conts.podcast .home {color: #e40e64;}
.container .conts.podcast .cmt {margin-top: 40px;padding:16px 0; background-color: #f7f7f7; color: #9f9d9d;}
.container .conts.podcast .cmt p {padding: 0; font-size: 12px; line-height: 1.6;}
.container .conts.podcast .cmt em {font-weight: bold; font-style: normal;}
.container .conts.podcast p.add_cmt {padding: 0px 0 20px 0; margin-top: -6px;font-size: 11px; color: #868686;}
.container .conts.podcast p em {color: #e40e64;}
.container .conts.podcast p.add_cmt.line2 {margin-top: -14px;}
.container .conts.podcast p.only {padding: 20px 0 60px}

/* 맞춤 디자인 */
.container .conts.srv_design{overflow:hidden; padding:50px 0 0; }
.container .conts.srv_design .section{float:left; width:100%; margin-bottom:40px;}
.container .conts.srv_design .section > h3{font-size:16px; font-weight:600; margin-bottom:18px; color:#353535}
.container .conts.srv_design .section .listDot{font-size:14px; line-height:24px; background-position:0 10px; margin-bottom:16px; width:100%}
.container .conts.srv_design .section .listDot li{width:100%}
.container .conts.srv_design .section .customer{float:left; border:1px solid #ededed}
.container .conts.srv_design .section .customer dt{float:left; background:#f7f7f7; width:68px; border-right:1px solid #ededed; height:27px; line-height:27px; text-align:center}
.container .conts.srv_design .section .customer dd{float:left; height:27px; line-height:27px; padding:0 13px}
.container .conts.srv_design .section .customer dd a{color:#e40e64; text-decoration:underline; font-weight:600}
.container .conts.srv_design .section .customer dd span{font-weight:600}
.container .conts.srv_design .tipTxt{float:left; width:100%; margin-bottom:20px}
.container .conts.srv_design .box_type2{width:auto; padding:14px}
.container .conts.srv_design .box_type2 dd strong{color:#e40e64; font-weight:600; text-decoration:underline}
.container .conts.srv_design .box_type2 dt{float:left; width:45px; color:#e40e64; line-height:16px; font-weight:600}
.container .conts.srv_design .box_type2 dd{float:left; width:570px; line-height:16px}
.container .conts.srv_design .tab{float:left; width:100%; border-left:1px solid #d6d6d6; position:relative; z-index:1; margin-bottom:20px; border-bottom:1px solid #d6d6d6}
.container .conts.srv_design .tab li{float:left; width:100px; height:35px; border-top:1px solid #d6d6d6;  border-right:1px solid #d6d6d6; background:#f7f7f7; border-bottom:1px solid #d6d6d6; margin-bottom:-1px}
.container .conts.srv_design .tab li.on{border-bottom:1px solid #fff;}
.container .conts.srv_design .tab li a{display:block; width:100%; padding-top:13px; height:23px; text-align:center; font-size:12px; color:#545454 ; }
.container .conts.srv_design .tab li.on a{background:#fff; color:#e40e64 !important; font-weight:600}
.container .conts.srv_design .tabDiv{display:none; padding:30px 0; width:960px; float:left}
.container .conts.srv_design .srvImg{float:left}
.container .conts.srv_design .srvImg img{border:1px solid #d6d6d6}
.container .conts.srv_design .tabBtn{margin-top:-58px; float:right; width:200px; text-align:right; position:relative; z-index:50}
.container .conts.srv_design .srvInfo{float:right; width:354px; position:relative}
.container .conts.srv_design .srvInfo > h4{float:left; width:100%; height:20px; padding-top:4px}
.container .conts.srv_design .srvInfo > h4 b{color:#e40e64}
.container .conts.srv_design .srvInfo .tblType1{border-top:1px solid #545454; margin-bottom:30px}
.container .conts.srv_design .srvInfo .tblType1 td,
.container .conts.srv_design .srvInfo .tblType1 th{border-bottom:1px solid #d6d6d6}
.container .conts.srv_design .srvInfo .tblTip{position:absolute; top:0; right:0}
.container .conts.srv_design .srvInfo .tblType1 tbody th{font-weight:normal}
.container .conts.srv_design .srv4 .srvInfo > h4{font-size:15px; height:25px}
.container .conts.srv_design .srv4 .srvInfo {float:right; width:430px}
.container .conts.srv_design .srv4 .srvInfo:first-child{float:left}
.container .conts.srv_design .srv4 .srvInfo > img{border:0; border-top:1px solid #545454; border-bottom:1px solid #d6d6d6; margin-bottom:10px}

/* 맞춤서비스 신청 */
.container .conts.srv_app{overflow:hidden; padding:60px 80px 0; width:800px }
.container .conts.srv_app .sct{margin-bottom:60px}
.container .conts.srv_app .sct > h3{font-weight:600; font-size:14px }
.container .conts.srv_app .termsBox{font-size:12px; line-height:18px; height:210px}
.container .conts.srv_app .box_type2{margin-bottom:60px}
.container .conts.srv_app .selTit{display:block; float:left; font-size:15px; color:#e40e64; height:30px; line-height:30px; font-weight:600; margin:0 10px 0 200px}
.container .conts.srv_app .packageTbl{margin:0}
.container .conts.srv_app .packageTbl tbody td,
.container .conts.srv_app .packageTbl tbody th{border-bottom:1px solid #d6d6d6; padding:20px; line-height:1.6}
.ie7 .container .conts.srv_app .packageTbl tbody td,
.ie7 .container .conts.srv_app .packageTbl tbody th{padding:20px 0; line-height:1.6}
.container .conts.srv_app .packageTbl tbody th{font-size:15px; font-weight:600}
.container .conts.srv_app .packageTbl tbody td{border-left:1px solid #d6d6d6}
.container .conts.srv_app .packageTbl b{font-weight:600; color:#e40e64}
.container .conts.srv_app .packageTbl .txtR del{font-size:11px; color:#868686; font-weight:normal}
.container .conts.srv_app .packageTbl .txtR{font-size:14px; text-align:right; font-weight:600}
.container .conts.srv_app .srvApp{border-top:0}
.container .conts.srv_app .srvApp th,
.container .conts.srv_app .srvApp td{padding:2px 20px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6}
.ie7 .container .conts.srv_app .srvApp td,
.ie7 .container .conts.srv_app .srvApp th{padding:2px 0; line-height:1.6}
.container .conts.srv_app .srvApp thead th{font-size:12px; font-weight:600}
.container .conts.srv_app .srvApp tbody th{font-size:12px; font-weight:600; text-align:left}
.container .conts.srv_app .srvApp tbody th a{display:block; float:right; font-weight:normal; text-decoration:underline; color:#868686}
.container .conts.srv_app .srvApp tbody td{border-left:1px solid #d6d6d6}
.container .conts.srv_app .srvApp .txtR{text-align:right;}
.lineNone{border-left:0 !important}
.container .conts.srv_app .srvApp tbody tr:hover,
.container .conts.srv_app .srvApp tbody tr:focus{background:#fff}
.container .conts.srv_app .srvApp .selCloneJo{margin:0; width:100%}
.container .conts.srv_app .srvApp .total th,
.container .conts.srv_app .srvApp .total td{font-size:13px; font-weight:600; color:#e40e64}
.container .conts.srv_app .srvApp .total th{text-align:center}
.container .conts.srv_app .tipTxt{float:left; width:600px; color:#858585; font-size:11px; margin-bottom:20px; text-indent:-10px; margin-left:10px}
.container .conts.srv_app .tipTxt strong{color:#e40e64; text-decoration:underline}
.container .conts.srv_app .btnWrap{float:right; width:150px}

.inp_count{float:left; border:1px solid #d6d6d6; width:40px; height:23px; border-left:0; border-right:0; text-align:center; line-height:23px}
.btn_count{float:left; border:1px solid #d6d6d6; width:25px; height:25px; text-align:center; color:#e30f63; background:url(../images/channel/btn_minus.png) no-repeat 0 0; overflow:hidden; text-indent:-9999em; cursor:pointer; font-weight:bold}
.btn_count.plus{ background:url(../images/channel/btn_plus.png) no-repeat 0 0; }

.container .conts .titWrap{float:left; width:100%; height:29px; padding-top:46px}
.container .conts .titWrap h1{float:left; font-size:15px; font-weight:bold}
.container .conts .titWrap .smap{float:right;margin-top:5px}
.container .conts .titWrap .smap li{float:left; font-family:dotum, '돋움'; font-size:11px;  line-height:14px; margin-left:5px}
.container .conts .titWrap .smap li.on{font-weight:bold}

.tab_make{float:left; width:100%; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; margin-bottom:50px}
.tab_make li{float:left; width:239px; padding-top:16px; height:31px; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; text-align:center; font-size:14px; color:#545454}
.tab_make li:first-child{width:238px}
.tab_make li.on{height:27px; border-bottom:4px solid #e40e64; color:#e40e64; font-weight:bold; font-size:15px;}

.container .conts .termsBox{width:740px}
.container .conts .sct{float:left; width:100%; margin-bottom:16px}
.container .conts .sct > h3{float:left; font-size:15px; color:#545454; font-weight:bold; line-height:32px; height:32px}
.container .conts .sct .sctAgr{float:right}

.contWrap{width:800px; float:left; margin:0 80px;}
.contWrap:after{content:""; display:block; clear:both}
.freeCouponInp{float:left; width:100%; margin:0}
.freeCouponInp > div.divTxt{float:left; margin:0 10px 0 160px}
.freeCouponInp label{font-size:13px;}
.freeCouponInp .btn{float:left}

.make_step1 .tblType2 .rdy_t{top:280; left:-2px}
.ie.ie7 .make_step1 .tblType2 tbody .rdy_t{left:0}
.ie .make_step1 .tblType2 tbody .rdy_t{left:-1px}
.make_step2 > .txtPara{font-size:14px}
.make_step2 > .txtPara strong{color:#e40e64; text-decoration:underline}
.make_step2 .box_type1 label{font-size:13px}
.make_step3 .layoutTbl{margin-bottom:30px}
.make_step4 .txtPara{color:#868686; line-height:1.8}
.make_step4 .box_type1{letter-spacing:0;}
.make_step4 .box_type1 strong{text-decoration:underline}
.make_step4 .box_type1 .srvDate{display:block; width:280px; border:1px solid #d6d6d6; background:#fff; height:33px; margin:18px auto 0; color:#e60d64; line-height:33px}
.make_step4 .box_type2 a{color:#e53073; text-decoration:underline; font-weight:500}

.infoInp h3{float:left; font-size:15px; color:#545454; font-weight:bold;  height:32px; margin-left:30px; line-height:26px; width:170px}

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

/* 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:25px; background:url(../images/channel/ico_input.png) no-repeat 0 -52px; height:32px; overflow:hidden; line-height:32px; padding-right:15px}
label.label-checkbox{padding-left:21px; background:url(../images/channel/ico_input.png) no-repeat 0 -292px; height:32px; overflow:hidden; line-height:32px; padding-right:15px}

label.label-radio.on{background-position:0 8px}
label.label-radio.on.off{background-position:0 -112px; text-decoration:underline}
label.label-radio.off{background-position:0 -172px; 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}

/* right */
label.label-radio.alignR{padding-right:25px; background:url(../images/channel/ico_input.png) no-repeat 100% -52px; height:32px; overflow:hidden; line-height:32px; padding-right:25px}
label.label-checkbox.alignR{padding-right:25px; background:url(../images/channel/ico_input.png) no-repeat 100% -292px; height:32px; overflow:hidden; line-height:32px;}
label.label-radio.on.alignR{background-position:100% 8px}
label.label-radio.on.off.alignR{background-position:100% -112px; text-decoration:underline}
label.label-radio.off.alignR{background-position:100% -172px; color:#A9A9A9}
label.label-checkbox.on.alignR{background-position:100% -232px;}
label.label-checkbox.on.off.alignR{background-position:100% -352px;}
label.label-checkbox.off.alignR{background-position:100% -412px; color:#A9A9A9}

.placeholder,
.placeholder.on{display:block; position:absolute; z-index:1; padding:9px 0 0 9px; color:#ccc}
.placeholder.off{display:none} 

 /* table : 표 */
.tblType2{float:left; margin:0; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:1px solid #d6d6d6; margin-bottom:14px; position:relative}
.tblType2 thead tr th:first-child{border-left:0}
.tblType2 thead th{font-weight:bold; text-align:center; height:42px; border-bottom:2px solid #545454; border-left:1px solid #d6d6d6; font-size:13px}
.tblType2 tbody th{height:42px; border-bottom:1px solid #d6d6d6; text-align:center; font-size:13px}
.tblType2 tbody td{height:42px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; text-align:center; font-size:13px}
.tblType2 tbody .bg th,
.tblType2 tbody .bg td{background:#f7f7f7}
.tblType2 tbody .rdy_s th{border-left:5px solid #b8b8b8; border-top:5px solid #b8b8b8;}
.tblType2 tbody .rdy_s td{border-top:5px solid #b8b8b8}
.tblType2 tbody .rdy th{border-left:5px solid #b8b8b8;}
.tblType2 tbody .rdy_r{border-right:5px solid #b8b8b8;}
.tblType2 tbody .rdy_e th{border-left:5px solid #b8b8b8; border-bottom:5px solid #b8b8b8}
.tblType2 tbody .rdy_e td{border-bottom:5px solid #b8b8b8}
.tblType2 tbody .rdy_t{position:absolute; top:324px; left:-2px; width:50px; height:20px; background:#b8b8b8; color:#fff; text-align:center; line-height:25px}
.ie.ie7 .tblType2 tbody .rdy_t{left:0}
.ie .tblType2 tbody .rdy_t{left:-2px}

.tblType2 tbody td.tit{text-align:left; padding-left:10px}
.tblType2 tbody td.tit img{vertical-align:text-top;}
.tblType2 tbody tr.on,
.tblType2 tbody tr:hover,
.tblType2 tbody tr:focus{background:#f7f7f7}
.tblType2 .ico_arrow{display:inline-block; padding-right:15px; background:url(../images/channel/ico_arrow.png) no-repeat 100% 4px}
.tblType2 .ico_arrow.on{background-position:100% -46px; color:#e40e64}
.tblType2 td.on,
.tblType2 th.on{color:#e40e64}

/* 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 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}

/* 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}

.paging{float:left; width:100%; margin-bottom:20px; text-align:center}
.paging a{display:inline}
.paging img{border:1px solid #d6d6d6; vertical-align:top}
.paging .prev{margin-right:10px;}
.paging .next{margin-left:10px;}
.paging span{display:inline-block; border:1px solid #d6d6d6; width:22px; height:22px; line-height:22px}
.paging strong span{border:2px solid #868686; color:#868686; width:20px; height:20px; line-height:20px}

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

/* 게시판 글쓰기 */
.layoutTbl.write.line_bottom{border-top:0; border-bottom:1px solid #d2d2d6; }
.layoutTbl.write{border-top:2px solid #545454; 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/channel/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}

/* 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/channel/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:480px; text-align:center;}
.slideBnJo > ul{position:relative; width:100%; height:480px; 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(../images/channel/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; top:443px; left:50%; }
.slideBnJo .ctr > button{display:inline; width:18px; height:18px; padding:0; margin:0; border:0; overflow:hidden; font-size:0; position:absolute; z-index:10; cursor:pointer;}
.slideBnJo .ctr > .ctrSwitch{background:transparent url(../images/channel/pause.png) no-repeat 0 0; }
.slideBnJo .ctr > .ctrSwitch.on{background:transparent url(../images/channel/play.png) no-repeat 0 0;}

.slideBnJo .ctr > .ctrPrev{position:absolute; background:transparent url(../images/channel/btn_slide_ctr.png) no-repeat 0 -50px; width:20px; height:33px; left:50%; top:-210px; margin-left:-510px }
.slideBnJo .ctr > .ctrPrev.on{background:transparent url(../images/channel/btn_slide_ctr.png) no-repeat 0 -100px;}

.slideBnJo .ctr > .ctrNext{position:absolute; background:transparent url(../images/channel/btn_slide_ctr.png) no-repeat 0 -150px; width:20px; height:33px; right:50%; top:-210px; margin-right:-510px }
.slideBnJo .ctr > .ctrNext.on{background:transparent url(../images/channel/btn_slide_ctr.png) no-repeat 0 -200px;}

.m_slide li > div{width:100%; height:480px; background-color:#000}
.m_slide .info{width:960px; margin:0 auto; padding-top:93px; text-align:left; letter-spacing:-1px}
.m_slide .info strong{float:left; width:100%; display:block; font-size:35px; color:#ffffff; font-weight:500; margin-bottom:20px; line-height:50px;letter-spacing:-2px}
.m_slide .info p{float:left; width:100%; display:block; font-size:17px; color:#fff; line-height:24px}
.m_slide .info .btnWrap{margin-top:45px}
.m_slide .info .btn_make{float:left; display:block; width:215px; height:48px; background:url(../images/channel/bg_rBtn1.png) no-repeat 0 0; font-size:20px; color:#fff; text-align:center; line-height:48px; margin:0 18px 0 255px}
.m_slide .info .btn_demo{float:left; display:block; width:215px; height:48px; background:url(../images/channel/bg_rBtn2.png) no-repeat 0 0; font-size:20px; color:#e40e64; text-align:center; line-height:48px}
.m_slide li > button{padding:0; margin:0; top:440px; left:0; border:0; width:18px; height:18px; background:transparent url(../images/channel/btn_spot.png) no-repeat 0 0; overflow:hidden; font-size:0; position:relative; z-index:10; }
.m_slide .on button{width:38px; background-position:-24px 0}

/* layer pop */
.autoLPwrap{display:none; float:left; z-index:5000; text-align:center; }
.layerPopupJo{display:none; background:#fff; width:520px; border:1px solid #d6d6d6; z-index:5000;}
.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:4999; 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}


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

.w30{width:30px !important}

.w40{width:40px !important}

.w50{width:50px !important}

.w60{width:60px !important}

.w70{width:70px !important}

.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 !important}

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

.w110{width:110px !important}

.w120{width:120px !important}

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

.sel_local_clone,
.w140{width:140px !important}

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

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

.w170{width:170px !important}

.w220{width:220px !important}

.w320{width:320px !important}

.w570{width:570px !important}

.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}


/* ie & ie7 */
.ie input.sml.btn{line-height:27px}
.ie label.label-checkbox{line-height:32px}
.ie .ssml.btn{line-height:20px}
.ie label.label-checkbox{line-height:34px; }

.ie7 label{vertical-align:top}
.ie7 .inpWrap input.inputJo[type='text'],
.ie7 .inpWrap input.inputJo[type='password']{float:none; }

.ie7 .placeholder,
.ie7 .placeholder.on{padding:11px 0 0 9px;}

.ie7 .write.layoutTbl td{padding-bottom:10px}
.ie7 .slipType input.inputJo{width:490px}
.ie7 .ssml.btn{line-height:17px}

.ie7 input.btn.mid2{height:28px; line-height:24px;}
.ie7 input.btn.mid2.long{padding:0 7px}


/* all menu */
.am {z-index: 9999;position: fixed; left: -380px; top: 0; width:200px; height: 100%; padding:0px; border-right:1px solid #ccc; background-color: #fff; }
.am h2 {padding: 17px 20px 9px 20px; border-bottom: 1px solid #d6d6d6; font-weight: bold; color: #e40e64; font-size: 13px;}
.am ul {padding: 5px 20px; border-bottom: 1px solid #d6d6d6; }
.am li {position: relative; margin:0px 0;}
.am a {display: block; padding:11px 20px 11px 0 ; }
.am a.has_subs {background: url(../img/bg_arrow.gif) 100% 45% no-repeat;}

.am a.has_subs.active,
.am a.has_subs:hover {color: #e40e64; background: url(../img/bg_arrow_on.gif) 100% 45% no-repeat; text-decoration: underline;} 

.am a:hover {color: #e40e64; text-decoration: underline;}
.am li .subm {display: none;position: absolute; top:0px; left:180px; width: 154px;background-color: #f4f4f4; padding: 0; border: 1px solid #d6d6d6; }
.am li .subm a {background: none;}
.hoverArea {display: none;z-index:-1;position: absolute; left: 0; top:0; width:380px; height: 100%; background-color: #00f; opacity: 0}


/* 로그인 레이어 팝업 */
.wrap_layer {position: 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: 4999; 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/channel/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/channel/bg_line.gif) 100% center no-repeat;}
.pop_login .sns_login {margin-top: 50px; padding-top: 30px; background: url(../images/channel/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/channel/ico_fb.gif) 0 center no-repeat; color: #3b5998; line-height: 24px;font-size: 15px;}

/* 상단 공통 영역 */
#header .quick_menu {height: 21px; padding-top:12px;}
#header .quick_menu .all_menu {float: left; margin-left: -16px; line-height: 1.2;}
#header .quick_menu .all_menu .first {background: none;} 
#header .quick_menu .member {float: right; margin-right: -16px;}

#header .quick_menu .member a:hover {color: #e40e64; text-decoration: underline;}

#header .quick_menu li {float: left; padding: 0 16px; background:  url(../img/line_gray.png) 0 center no-repeat; line-height: 1.2;}
#header .quick_menu .member li.first {background: none;}

.loacalHead {padding-top: 60px;}

.footer .sct1 li:last-child a{margin-top: 14px; background: url("/images/facebook_hover.png")100% 100% no-repeat; display: block; width: 55px; height: 13px;}

.hompyInfo section.n0 li .linkbox{border: 1px solid #ccc;overflow: hidden;}
.hompyInfo section.n0 li .linkbox img{margin-top: -20px;width: 290px;    transition: all 1s ease;}
.hompyInfo section.n0 li:hover .linkbox img{transform: scale(1.25);}
.hompyInfo section.n0 .center_btn .btn_round{margin-left: 380px;}

.pinkunderbar{border-bottom:3px solid #e40e64;display: block;}