@charset "UTF-8";
@import url('sub2.css');
/*input radio css*/
.checks {position: relative; margin-bottom:14px; margin-right:16px;}
.checks input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label {position:relative; margin-right:16px;  padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 6px; left: 4px; width: 13px; height: 13px; background: #297acd; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }

/*input checkbox css*/



/*contents*/

#wrap, #container {position:relative;width:100%;}
.main-bg, #container.main-bg{height:100%; background:#ffffff; height:auto;}

/*aside*/
#aside{position:relative; width:100%; height:48px; background:url('/img/front/main/main-bg.gif') repeat-x;}
#aside .linemap{z-index:0;position:relative; max-width:1000px; margin:0 auto;  height:48px; }
@media screen and (-webkit-min-device-pixel-ratio:0){

}

#aside .linemap a.home{ position:relative; overflow:hidden; display:block; float:left; width:61px; border-right:1px solid #bdc8d2; height:48px;}
#aside .linemap a.home i{background:url('/img/front/sub/home.gif') no-repeat; width:20px; height:20px; display:inline-block; position:absolute; top:15px; left:17px;}
.dropdown {float: left;position: relative; display: inline-block;}
.dropbtn1{text-align:left; padding-left:15px; position:relative;font-weight: 400;width: 196px;  font-size: 16px;border-right: 1px solid #bdc8d2;cursor: pointer;height: 48px;color: #444d56; z-index:3;}
.dropbtn1 i{top:18px; right:16px; background: url('/img/front/sub/bul-off2.gif') no-repeat;width: 8px;height: 13px;position: absolute;display: inline-block;}
.dropbtn2{text-align:left; padding-left:15px;  position:relative;font-weight: 400;width: 196px;font-size: 16px;border-right: 1px solid #bdc8d2;cursor: pointer;height: 48px;color: #444d56;}
.dropbtn2 i{top:22px; right:16px; background: url('/img/front/sub/bul-off.gif') no-repeat;width: 16px;height: 15px;position: absolute;display: inline-block;}
.dropbtn3{position:relative;font-weight: 400;width: 196px; text-align:left; padding-left:15px; font-size: 16px;border-right: 1px solid #bdc8d2;cursor: pointer;height: 48px;color: #444d56;}
.dropbtn3 i{top:15px; right:16px; background: url('/img/front/sub/bul-on.png') no-repeat;width: 21px;height: 21px;position: absolute;display: inline-block;}
.dropbtn4{position:relative;font-weight: 400;width: 196px; text-align:left; padding-left:15px; font-size: 16px;border-right: 1px solid #bdc8d2;cursor: pointer;height: 48px;color: #444d56;}
.dropbtn4 i{top:15px; right:16px; background: url('/img/front/sub/bul-on2.gif') no-repeat;width: 21px;height: 21px;position: absolute;display: inline-block;}
.dropbtn1:hover, .dropbtn1:focus, .dropbtn2:hover, .dropbtn2:focus, .dropbtn3:hover, .dropbtn3:focus, .dropbtn4:hover, .dropbtn4:focus {color:#005cb9;}
.dropdown-ct{position: absolute;background-color: #fff;width: 197px;z-index: 1;left: -1px;border-right: 1px solid #bdc8d2;border-left: 1px solid #bdc8d2;}
.dropdown-ct ul li{height:45px; width:100%; border-bottom:1px solid #bdc8d2; line-height:45px; }
.dropdown-ct ul li a{font-size:15px; color:#3e4953; padding-left:18px; cursor:pointer; display:inline-block; width:195px; height:45px;}
.dropdown-ct ul li a:hover{color:#005cb9;}
.dropdown-ct ul li a.on{color:#005cb9; }
.dropdown-ct ul li a.off{color:#3e4953; }

/*submenu*/
#sub-path{width:100%; min-width:1000px; height:50px; position:relative; z-index:3; top:-5px; border-top:1px solid #bdc8d2;}

/*subwrap*/
#sub1{width:100%; height:100%; min-height:650px; padding-top:40px; margin:0 auto; max-width:1000px; padding-bottom:100px;}

/*subcontent*/
.sub-tit{font-size:40px;  letter-spacing: -0.00025em; color:#000000; font-weight:500; margin:0 auto; text-align:center;
width:1000px; display:inline-block; line-height: 40px; height:40px;}
.sub-tit b{color:#00b157; font-weight: 500;}
.sub-tit i{color:#005cb9; font-weight: 500;}
.sumtxt{height:45px; margin:0 auto; text-align:center;}
.sub-head h4{font-size:22px; color:#333333; display: inline-block;}
.sub-head h5{font-size:20px; color:#333333; display: inline-block;}
.sub-head span{float:right; display: inline-block; font-size:16px; width:108px; height:24px; color:#333333; margin:8px 0;}
.sub-head span img{width:11px; height:10px; display: inline-block; margin-right:6px;}

/*sub-member,nomember*/
.stb-cont, .tb-cont.stb-cont{border-top:2px solid #1c70c6;}
.sum-wrap{overflow:hidden; margin-top:30px;   width:1000px; height:auto; min-height:480px; border:1px solid #d0d0d0; border-top:none; background:url('/img/front/sub/login-bar.jpg') no-repeat center top;}
.sum-wrap2{overflow:hidden; margin-top:30px;   width:1000px; height:auto; min-height:416px; border:1px solid #d0d0d0; border-top:none; background:url('/img/front/sub/login-bar.jpg') no-repeat center top;}
.sum-wrap .sum-nologin{height:auto; min-height:480px; ;z-index:5;width: 498px;}
.sum-wrap .sum-nologin1{height:auto; min-height:480px; ;z-index:5;width: 499px; border-left:1px solid #d8d8d8;}
.sum-wrap .sum-login{min-height:412px; height:auto;}
.sum-wrap2 .sum-nologin2{height:auto; min-height:440px; ;z-index:5;width: 499px; border-left:1px solid #d8d8d8;}
.sum-wrap2 .sum-login2{min-height:416px; height:auto;}
.sum-wrap .sum-title{font-size:28px; color:#000000; text-align:center; margin-top:60px;}
.sum-wrap2 .sum-title{font-size:28px; color:#000000; text-align:center; margin-top:60px;}
.sum-wrap .sum-form1{width:406px; height:110px; margin:25px auto 0px auto;}
/*sub-member*/
#sumf1-input{display:inline-block; width:279px; height:110px; float:left;}
#sumf1-input input{width:278px; height:50px; padding:0px 0px 0px 13px; margin-bottom:5px;}
#sumf1-login{width:117px;  height:110px;display:inline-block; float:left;}
#sumf1-login .sum1-login{background:#0b68c7; width:117px;  height:106px; color:#fff; text-align:center; font-size:20px; margin-left:5px; }
.sumf1{text-align:center; width:406px; height:16px; margin:0 auto; position:relative; display:inline-block; margin-top:25px;}
.sumf1 ul{display:inline-block; margin:0 auto; position:relative; left:10%;}
.sumf1 ul li{float:left;}
.sumf1 ul li:after{content:''; clear:both; display:block;}
.sumutil-box a.log-mem{color: #0b68c7;width: 79px;height: 18px;font-size: 15px;display: inline-block;background: url(/img/front/icon/line.gif) no-repeat 78px 5px;}
.sumutil-box a.log-id{color: #666666;width: 88px;height: 18px;font-size: 15px;display: inline-block;background: url(/img/front/icon/line.gif) no-repeat 87px 5px;}
.sumutil-box a.log-pw{color:#666666;width: 104px;height: 18px;font-size:15px; display: inline-block;}
/*sub-nomember*/
.sum-nologin .sum-title{font-size:28px; color:#000000; text-align:center; margin-top:60px;}
.sum-nologin2 .sum-title{font-size:28px; color:#000000; text-align:center; margin-top:60px;}
.sum-form2{width:406px; height:auto; margin:25px auto 0px auto; }
.sum-form2 .btn-delrev{width:406px; height:50px; background:#777777; color:#fff; font-size:18px;}
.sum-form2 .btn-rev{position:relative; width:406px; height:50px; background:#00b179; color:#fff; font-size:18px; margin-top:8px; padding-left:18px;}
.sum-form2 .btn-rev i{position:absolute; display: inline-block; width:25px; height:25px; background:url('/img/front/icon/icon.png') no-repeat -37px 4px; left:135px; }
.sum-form3{width:406px; height:auto; margin:7px auto 0px auto; }
.sum-form3 .pw-serach{width:406px; height:50px; padding:0px 0px 0px 20px; font-size:16px; color:#666;}
.sum-form4{display:none; width:406px; height:96px; margin:24px auto 74px auto; text-align:center; background:#eaeaea; line-height:96px;}
.sum-form4 span{color:#333333; font-size:18px; margin-top:20px;}
.sum-form4 span b{color:#e93132; font-size:18px;}
.sum-form3 .btn-idpw{width: 406px; height: 50px;background: #1c70c6;color: #fff;font-size: 18px;}
.sum-form5{display:none; width:406px; height:256px; margin:50px auto 50px auto; text-align:left;  }
.sum-form5 .sum-stitle{font-size:20px; text-align:left; margin-bottom:12px;}
.sum-form5  input{height:50px; padding:0px 0px 0px 15px; color:#666666; font-size:16px;}
.sum-form5  span{font-size:14px; padding:0px 0px 0px 15px; color:#666666; margin-bottom:7px; display:inline-block;}
.sum-form5 .btn-idpw{width: 406px;height: 50px;background: #1c70c6;color: #fff;font-size: 18px;}
.sum-revbox{width:406px; height:210px; margin:25px auto 25px auto; display:none;}
.sum-revbox .sum-revtit{font-size:20px; color:#000000; width:406px; border-bottom:1px solid #d2d2d2; height:37px;}
.rev-box{width:406px; height:146px; margin-top:14px;}
#rev1-input{float:left; display:inline-block; width:283px; height:112px;}
#rev1-input input{width:283px; padding:0px 0px 0px 20px; height:50px; margin-bottom:5px;}
#rev1-login{float:right; width:117px;  height:106px; display:inline-block;}
#rev1-login .rev1-login{ width:117px;  height:106px; color:#fff; background:#00b179; text-align:center; font-size:20px; }

/*clauseagree*/
#clause-wrap{width:1000px; height:auto; margin-top:35px;}
#clause-wrap .clause-list{width:1000px; height:64px; margin:0 auto 35px auto;}
#clause-wrap .clause-list ol{width:100%; display:inline-block;}
#clause-wrap .clause-list li{width:100%;  height:64px; float:left; text-align:center;}
#clause-wrap .clause-list .step01{line-height:62px; background:url('/img/front/sub/step01.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}
#clause-wrap .clause-list .step02{line-height:62px; background:url('/img/front/sub/step02.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}
#clause-wrap .clause-list .step03{line-height:62px; background:url('/img/front/sub/step03.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}
#clause-wrap .clause-list .step04{line-height:62px; background:url('/img/front/sub/step04.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}
#clause-wrap .clause-list .step05{line-height:62px; background:url('/img/front/sub/step05.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}
#clause-wrap .clause-list .step06{line-height:62px; background:url('/img/front/sub/step06.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}
#clause-wrap .clause-list .step07{line-height:62px; background:url('/img/front/sub/step07.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}
#clause-wrap .clause-list .step08{line-height:62px; background:url('/img/front/sub/step08.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

/*clause-content*/
.clause-ct{ width:1000px; height:auto; position: relative;}
.clause-ct.cttit{ width:1000px; height:auto; margin-top:30px;}
.clause-box .sub-head{padding:0px; margin-bottom:8px;}
.clause-box .clause-txtarea{height:158px;}
 .clause-txtarea{border:1px solid #d1d1d1; overflow-x: hidden;overflow-y: scroll;padding: 13px;}
 .clause-txtarea h5{text-align: center;margin-top: 55px;}
.checks2{margin-top:10px;}
.clause-gray, .clause-ct .clause-gray{margin-top:20px; background:#f2f2f2; height:90px;  line-height:85px; margin-bottom:30px; font-size:20px;}
.clause-gray.checks2{color:#333333; font-size:16px; text-align:center;}
.btn-bottom .btn-serach{width: 115px;height: 42px; background: #1c70c6; color: #fff;border-radius: 3px;font-size: 17px;line-height: 42px;position: relative;margin-right: 15px;padding-left: 28px;}
.btn-bottom .btn-reset{position: relative;padding-left: 16px;width: 115px; height: 42px;background: #fff;color: #333333;border-radius: 3px;border: 1px solid #c3c3c3;font-size: 17px;line-height: 42px;}
.btn-bottom .btn-ok{width: 130px;height: 48px; background: #1c70c6; color: #fff;border-radius: 4px;font-size: 17px;line-height: 42px;position: relative;margin-right: 15px;padding-left: 28px;}
.btn-bottom .btn-add{width: 130px;height: 48px; background: #00b157; color: #fff;border-radius: 4px;font-size: 17px;line-height: 42px;position: relative;margin-right: 15px;padding-left: 28px;}
.btn-bottom .btn-cancel{position: relative;padding-left: 16px;width: 130px; height: 48px;background: #fff;color: #333333;border-radius: 4px;border: 1px solid #c3c3c3;font-size: 17px;line-height: 42px;}
.btn-bottom .btn-white{display:inline-block;position: relative;width: 115px; height: 42px;background: #fff;color: #333333;border-radius: 3px;border: 1px solid #c3c3c3;font-size: 17px;line-height: 42px;}
.btn-white.infoedit{float:right; top:-42px;}
.btn-green.infoedit{float:left; top:-42px;}
.clause-btn, .btn-bottom.clause-btn{margin-bottom:0px; margin-top:40px;}
.req-wrap{float:right; display:inline-block;}
.req-wrap_above{display:inline-block;margin-left:100px;}

/*sub형tb-cont*/
.tb-cont th i{width: 11px;height: 11px;background: url(/img/front/sub/nec.gif) no-repeat right;display: inline-block; margin-left:5px;}
.tb-cont td span{margin:0px 5px; font-size: 15px;color: #666666;}
.tb-cont td .inp-txt{margin:0px 5px; font-size: 15px;color: #333333;}
.tb-cont td span.inp-wrap{display:inline-block; float:left; margin-left:0px;}
.tb-cont td .checks{margin-right:0px; margin-bottom:0px;}
.tb-cont td .year{display:inline-block; margin-left:48px; }

.dropbtn1:hover, .dropbtn1:focus {color:#005cb9;}
.dropbtn1:hover, .dropbtn1:focus, .dropbtn2:hover, .dropbtn2:focus, .dropbtn3:hover, .dropbtn3:focus, .dropbtn4:hover, .dropbtn4:focus {color:#005cb9;}
.dropbtn4 i{top:15px; right:16px; background: url('/img/front/sub/bul-on2.png') no-repeat;width: 21px;height: 21px;position: absolute;display: inline-block;}

/*sub-공통*/
.tb-cont td span.txt-t1{color:#f63a3b;}
.tb-cont td select.btnFamily{ margin-right:4px;display:inline-block;color:#666666;padding:0 0px 0 3px;line-height:30px;height:30px;}

/*clause-com*/
.clause-com{width:100%; min-width:1000px; height:100%; min-height:315px; border-bottom:1px solid #d1d1d1; text-align:center; margin-bottom:42px;}
.clause-com img{margin-top:70px;}

.tb-cont2 td select.btnFamily{margin-right: 4px;display: inline-block;color: #929292;padding: 0 0 0 10px;width: 181px;line-height: 30px;height: 30px;}
.tb-cont2 td .checks{margin-bottom:0px; margin-right:0px;}
.tb-cont2 td a:hover{text-decoration: underline;}

/*idpw*/
.id-txt {display:inline-block; width:499px; height:auto; text-align:left;}
.id-txt span{font-size:16px; color:#666666; display:inline-block; height:auto; width:480px; padding:20px 50px;}

/*joinrevise*/
.joinrevise{width:1000px; height:auto; margin-top:25px;}
.revisebtn{padding-top:30px;}

/*popupwrap*/
.pop-layer{display:none; position: absolute; margin:0 auto; width: 550px; height:auto;  z-index: 15; top:80px; left:35%;}
.pop-layer03{display:none; position: absolute; margin:0 auto; width: 550px; height:auto;  z-index: 15; top:20%; left:35%;}
.pop-layer04{display:none; position: absolute; margin:0 auto; width: 550px; min-height:360px; height:auto;  z-index: 15; top:25%; left:35%;}
.pop-conts {width:550px; display:block; height:62px; padding:0px 20px; background:#005cb9; line-height:62px;}
.pop-conts h4.pop-title{font-size:22px; color:#fff; display:inline-block; position: absolute; left:22px;}
.btn-r a.cbtn{background:url('/img/front/sub/pop-cbtn.png') no-repeat; width:21px; height:21px; display:inline-block; text-indent: -9999em; cursor: pointer; top:20px; right:20px; position:absolute;}
.pop-cont1{position:relative; width:550px; min-height:260px; height:auto; padding:25px 25px; background:#fff; margin:0 auto;}
.pop-cont1 .pwl-in{height:42px; width:215px; margin-right:7px;}
.pop-cont1 span{color:#666666; margin-bottom:10px; display:inline-block;}
.pop-pw{text-align:center;width:500px; height:147px; border-top:2px solid #606060; border-bottom:1px solid #d1d1d1;}
.pop-pw p{font-size:20px; color:#333333; padding:25px 0px 20px 0px;}
.black-wrap{display: none;position: fixed;right: 0; top: 0;width: 100%; min-height:550px; height: 100%;overflow: hidden;background: rgba(0,0,0, .5);z-index: 10;}

/*popupwrap2*/
.pop-layer2 {display:none; position: absolute; margin:0 auto; width: 800px; height:auto;  z-index: 15; top:80px; left:35%;}
.pop-conts2 {width:800px; display:block; height:62px; padding:0px 20px; background:#005cb9; line-height:62px;}
.pop-conts2 h4.pop-title{font-size:22px; color:#fff; display:inline-block;}
.pop-cont2{position:relative; width:800px; min-height:400px; height:auto; padding:25px 25px 25px 25px; background:#fff; margin:0 auto;}
.pop-cont2 span{color:#666666; display:inline-block; line-height:20px;}
.pop-cont2 .ad-int{padding:0px 0px 0px 10px; color:#666666;}
.pop-cont2 .btn-black{height:30px; font-size:14px; color:#fff; padding:0px 15px; background:#2a2a2a;}
.adr-btn{margin-top:40px;}
.ph-input{width:94px;}
.btn-bottom2{display:block; text-align:center; margin-bottom:30px; margin-top:30px;}
.pop-layer04.inqlist{top:3%; left:35%; display: block;}
.pop-cont1.inplist{min-height:250px;; height:auto; overflow: hidden;}
.eg-bu{ min-height:220px;}

.pop-layer3 {display:none; position: absolute; margin:0 auto; width: 960px; height:auto;  z-index: 15; top:80px; left:35%;}
.pop-layer3 .pop-conts {width:960px; display:block; height:62px; padding:0px 20px; background:#005cb9; line-height:62px;}
.pop-layer3 .pop-conts h4.pop-title{font-size:22px; color:#fff; display:inline-block;}
.pop-layer3 .pop-cont1{position:relative; width:960px; min-height:260px; height:auto; padding:25px 25px; background:#fff; margin:0 auto;}
.pop-layer3 .pop-cont1 span{color:#666666; font-size:20px; display:inline-block;}
.pop-layer3 .tb-cont-addr {width:100%;border-top:2px solid #606060;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-top:10px;margin-bottom:35px}
.pop-layer3 .tb-cont3 .tb-scroll-box { max-height: 400px; overflow-y: auto;}
.pop-layer3 .tb-cont3 th { position: sticky; top: 0; z-index: 10;}

.pop-layer4 {display:none; position: absolute; margin:0 auto; width: 550px; height:auto;  z-index: 20; top:150px; left:35%;}
.pop-layer4 .pop-container{border-radius:12px; overflow:hidden;}
.pop-layer4 .pop-cont1{text-align:center;}
.pop-layer4 .pop-notice{display:block; margin:0 auto 20px;}
.pop-layer4 .pop-txt{display:block; font-size:22px; color:#333333; margin-bottom:10px;font-weight:bold;}
.pop-layer4 .pop-txt-sub{display:block; font-size:16px; color:#999999; margin-bottom:40px;}
.pop-layer4 .pop-line{border:0; border-top:1px solid #d1d1d1;}
.pop-layer4 .btn-bottom .btn-reset{margin-right:20px;}
.pop-layer4 .btn-bottom .btn-serach{background:#eb383d;}
.pop-layer4 .pop-txt .pop-cnt{color:#eb383d;font-weight:bold;}

.pop-layer5 {display:none; position: absolute; margin:0 auto; width: 550px; height:50px;  z-index: 20; top:150px; left:35%;}
.pop-layer5 .pop-container{border-radius:12px; overflow:hidden;}
.pop-layer5 .pop-cont1{text-align:center;min-height:auto;padding-bottom:30px;}
.pop-layer5 .btn-bottom{margin-bottom:0;}
.pop-layer5 .pop-txt{display:block; font-size:22px; color:#333333; margin-bottom:20px;margin-top:10px;font-weight:bold;}
.pop-layer5 .btn-bottom .btn-reset{}

.btn-addr-exceldown{position: relative; padding:0 0 1px 0px; width:130px; height:42px; background:#fff; color:#333333; border-radius:4px; border:1px solid #c3c3c3; font-size:17px;}

.pop-layer6 {display:none; position: absolute; margin:0 auto; width: 600px; height:auto; z-index: 20; top:0px; left:35%;}
.pop-layer6 .pop-conts {width:600px; display:block; height:62px; padding:0px 20px; background:#005cb9; line-height:62px;}
.pop-layer6 .pop-conts h4.pop-title{font-size:22px; color:#fff; display:inline-block;}
.pop-layer6 .pop-cont{position:relative; width:600px; min-height:400px; height:auto; padding:25px; background:#fff; margin:0 auto;}

.pop-layer6 .prod-guide-cont{background:#eaf6fc url('/img/front/sub/bg_prod_guide.jpg') no-repeat top center; background-size:cover; padding:40px;}

.pop-layer6 .prod-guide-item {
	position: relative;
	padding-top: 40px;
	padding-bottom: 25px;
	background: #fff url('/img/front/sub/note_middle.png') repeat-y top center;
	background-size: 100% auto;
	background-origin: content-box;
	background-clip: content-box;
	display:none;
}

.pop-layer6 .prod-guide-item::before,
.pop-layer6 .prod-guide-item::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	pointer-events: none;
}

.pop-layer6 .prod-guide-item::before {
	top: 0;
	height: 40px;
	background: url('/img/front/sub/note_top.png') no-repeat top center;
	background-size: 100% auto;
}

.pop-layer6 .prod-guide-item::after {
	bottom: 0;
	height: 25px;
	background: url('/img/front/sub/note_bottom.png') no-repeat bottom center;
	background-size: 100% auto;
}

.pop-layer6 .prod-guide-item.active{display:block;}
.pop-layer6 .prod-guide-tit{font-size:26px; font-weight:bold; text-align:center; margin-bottom:20px; color:#222;}
.pop-layer6 .prod-guide-item p{color:#333; line-height:1.6; margin:4px 0;}
.pop-layer6 .prod-guide-item .prod-guide-etc {color:#015cb5;font-size:16px;padding-left: 40px;}
.pop-layer6 .prod-guide-item .prod-guide-step{color:#f36736; font-size:18px; font-weight:bold; margin:18px 0 6px;}
.pop-layer6 .prod-guide-caution{margin-top:20px; padding-top:15px; border-top:1px dotted #999;}
.pop-layer6 .prod-guide-caution strong{color:#e2231a; font-size:18px;}
.pop-layer6 .prod-guide-caution li{color:#333; line-height:1.8;}
.pop-layer6 .prod-guide-warn{text-align:center; font-size:16px; color:#333; margin-top:20px; line-height:1.6;}
.pop-layer6 .prod-guide-warn em{color:#e2231a; font-style:normal; text-decoration:underline;}
.pop-layer6 .btn-bottom{padding-top:10px;margin-bottom:0;}

.pop-layer6 .prod-guide-tit,
.pop-layer6 .prod-guide-item p,
.pop-layer6 .prod-guide-caution {
	padding-left: 20px;
	padding-right: 20px;
}

/*배송 진행상황*/
/*검색창*/
.serach-form1{padding:42px 142px 26px 142px; background:#ecf0f4; margin:0 auto; text-align:center;}
.serach-form1 .serach-txt1{float:left;color:#000000; font-size:24px; display:inline-block; line-height: 32px; margin-right:7px;}
.serach-form1 .serach-txt2{display:block; color:#666666; font-size:15px; line-height:24px; margin-top:7px; margin-right:48px;}
.serach-input{width:440px; height:42px; border:2px solid #1c70c6;}

/*del-check*/
.del-check {width:1000px; height:175px; display: inline-block; margin:5px 0 10px 0;}
.del-check li{width:150px; height:175px; display: inline-block; float:left;}
/*del-check icon1*/
.del-step01-1{width:150px; height:135px; border:1px solid #cecece; border-radius:5px; background:#f6f6f6; position:relative;}
.icon01, .del-step01-1.icon01{background:url(/img/front/sub/icon01.png) no-repeat; width:108px; height:95px; display:inline-block; position: absolute; left:20px; top:20px;}
.del-cehckbt{display: block; width:150px; text-align:center; margin-top:10px; color:#000;}
.del-step01-1:after{content:''; width:15px; height: 25px; position: absolute; display: inline-block; left:170px; top:57px; background:url(/img/front/sub/del-arr.png) no-repeat;}

/*del-check icon2*/
.del-step01-2{width:150px; height:135px; border:1px solid #cecece; border-radius:5px; background:#f6f6f6; position:relative;}
.icon02, .del-step01-2.icon02{background:url(/img/front/sub/icon02.png) no-repeat; width:108px; height:95px; display:inline-block; position: absolute; left:22px; top:20px;}
.del-step01-2:after{content:''; width:15px; height: 25px; position: absolute; display: inline-block; left:170px; top:57px; background:url(/img/front/sub/del-arr.png) no-repeat;}
/*del-check icon3*/
.del-step01-3{width:150px; height:135px; border:1px solid #cecece; border-radius:5px; background:#f6f6f6; position:relative;}
.icon03, .del-step01-3.icon03{background:url(/img/front/sub/icon03.png) no-repeat; width:108px; height:95px; display:inline-block; position: absolute; left:22px; top:20px;}
.del-step01-3:after{content:''; width:15px; height: 25px; position: absolute; display: inline-block; left:170px; top:57px; background:url(/img/front/sub/del-arr.png) no-repeat;}
/*del-check icon4*/
.del-step01-4{width:150px; height:135px;  border-radius:5px; background:#f6f6f6; position:relative; border:1px solid #d8d8d8;}
.icon04, .del-step01-4.icon04{background:url(/img/front/sub/icon04.png) no-repeat; width:108px; height:95px; display:inline-block; position: absolute; left:21px; top:20px;}
.blcol, .del-step01 span.blcol{color:#1c70c6}
.del-step01-4:after{content:''; width:15px; height: 25px; position: absolute; display: inline-block; left:170px; top:57px; background:url(/img/front/sub/del-arr.png) no-repeat;}
/*del-check icon5*/
.fl-right, .del-check li.fl-right{float:right;}
.del-step01-5{width:150px; height:135px; border:1px solid #cecece; border-radius:5px; background:#f6f6f6; position:relative;}
.icon05, .del-step01-5.icon05{background:url(/img/front/sub/icon05.png) no-repeat; width:108px; height:95px; display:inline-block; position: absolute; left:24px; top:20px;}
.on2, .del-step01-4.on2{border:none; width:150px; height:135px; border-radius:5px; background:#3186dc; position:relative;}
.fali, .del-cehckbt.fail{color:#e01c1c;}
.fail02, .del-step01-5.icon05.fail02{background:url(/img/front/sub/icon05fail.png) no-repeat; width:97px; height:92px; display:inline-block; position: absolute; left:30px; top:23px;}
.del-step011,.del-step012,.del-step013,.del-step014{margin-right:62px;}
/*배송 진행상황 표*/
.del-termi{color:#000000;}
.del-termi02, .txt-left p.del-termi02{color:#e01c1c; font-size:15px;}
.del-termi03{font-size:15px; color:#666666;}
.util-txt, .del-termi03.util-txt{margin-top:-20px;}
.delcheck-com{font-size:15px; color:#666666; }
.delcheck-txt, .tb-cont3.delcheck-txt{margin-bottom:20px;}

/*비회원 택배예약*/
.limit-list, .tb-cont2 th.limit-list{text-align:center; height:96px; padding:10px 20px; background:#fff; border-right:1px solid #d8d8d8;}
.txt-left, .txt-left p{font-size:18px; color:#333333;}
.tran, .btn-black.tran{width:150px;}
.col-red, .btn-black.col-red{background:#ed5050; width:150px;}
.masexcel, .btn-black.masexcel{height:30px; padding:0px 15px; line-height:30px;}
.nomemlists{padding:5px 35px;}
.massexcel, .pop-pw.massexcel{height:90px; line-height:90px;}
.excel-gray{height:150px;  width:500px; line-height:30px; background:#eaeaea; padding:25px 60px 25px 20px; margin-bottom:30px;}
.excelwrap, .pop-cont1.excelwrap{min-height:420px}
.excel-posi, .pop-layer.excel-posi{top:9%; left:30%;}

/*회원 택배예약*/
.attention{float:right; margin-top:7px;}
.list-warning{display:inline-block; width:25px; height:25px; background:#f18d18; text-align:center; border-radius:15px; margin-right:10px;}
.list-warning i{font-size:16px; font-weight: 500; color:#fff;}
.memcla, .btn-bottom.memcla{margin-top:50px;}
.member-info, .btn-reset.member-info{height:30px; padding:0px; line-height:30px; font-size:14px; width:98px;}
.rev-com2, .clause-gray.rev-com2{height:110px; line-height:30px;}
.revtxt,.revtxt2{display: inline-block; margin-top:15px; font-size:18px; color:#333;}
.revtxt3{font-size:15px; margin-top:20px; display: inline-block; color:#666666;}
.revbtn, .btn-serach.revbtn{background:#00b157; padding:0px; margin-top:10px; margin-right:0px;}

/*대량발송내역*/
.masslogin, .sum-wrap.masslogin{width:600px; background:none; border-top:4px solid #0b68c7; margin:30px auto; min-height:325px;}
.masstxt, .sumtxt.masstxt{margin-top:20px;}
.mass-utilbox, .sumf1.mass-utilbox{width:480px;}
.mass-btn, .btn-reset.mass-btn{padding:0px; height:30px; font-size:14px; line-height:30px; color:#333333; width:100px;}
.mass-btn02, .btn-reset.mass-btn02{width:66px; height:30px; font-size:14px; line-height: 30px; color:#333333; padding:0px;}


/*이용안내 포장방법*/
#util-tap{width:1000px; height:auto; margin:0 auto; display:inline-block;}
.util-icontap01{display:inline-block;}
.util-icontap01 li{float:left; width:155px; height:134px; margin-right:13px; cursor:pointer;}
.util-icontap01 li.last{margin-right:0px;}
.util-icontap01.li:after{content: ''; clear: both; display: block; }
.util-icontap01 .tapskip{display: inline-block; width:155px; height:134px; font-size:0;}
.util-icontap02{margin-top:8px; display:inline-block;}
.util-icontap02 li{float:left; width:155px; height:134px; margin-right:13px; cursor:pointer;}
.util-icontap02 li.last{margin-right:0px;}
.util-icontap02.li:after{content: ''; clear: both; display: block; }
.util-icontap02 .tapskip{display: inline-block; width:155px; height:134px; font-size:0;}
/*
.util-icontap03{margin-top:8px; display:inline-block;}
.util-icontap03 li{float:left; width:155px; height:134px; margin-right:13px; cursor:pointer;}
.util-icontap03 li.last{margin-right:0px;}
.util-icontap03.li:after{content: ''; clear: both; display: block; }
.util-icontap03 .tapskip{display: inline-block; width:155px; height:134px; font-size:0;}*/

.tapskip .util-icon01{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util01.png') no-repeat center;}
.tapskip .util-icon02{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util02.png') no-repeat center;}
.tapskip .util-icon03{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util03.png') no-repeat center;}
.tapskip .util-icon04{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util04.png') no-repeat center;}
.tapskip .util-icon05{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util05.png') no-repeat center;}
.tapskip .util-icon06{ display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util06.png') no-repeat center;}
.convert, .tapskip .util-icon01.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util01on.png') no-repeat center;}
.convert, .tapskip .util-icon02.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util02on.png') no-repeat center;}
.convert, .tapskip .util-icon03.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util03on.png') no-repeat center;}
.convert, .tapskip .util-icon04.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util04on.png') no-repeat center;}
.convert, .tapskip .util-icon05.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util05on.png') no-repeat center;}
.convert, .tapskip .util-icon06.convert{ display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util06on.png') no-repeat center;}
.tapskip .util-icon07{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util07.png') no-repeat center;}
.tapskip .util-icon08{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util08.png') no-repeat center;}
.tapskip .util-icon09{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util09.png') no-repeat center;}
.tapskip .util-icon10{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util10.png') no-repeat center;}
.tapskip .util-icon11{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util11.png') no-repeat center;}
.tapskip .util-icon12{ display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util12.png') no-repeat center;}
.convert, .tapskip .util-icon07.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util07on.png') no-repeat center;}
.convert, .tapskip .util-icon08.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util08on.png') no-repeat center;}
.convert, .tapskip .util-icon09.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util09on.png') no-repeat center;}
.convert, .tapskip .util-icon10.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util10on.png') no-repeat center;}
.convert, .tapskip .util-icon11.convert{display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util11on.png') no-repeat center;}
.convert, .tapskip .util-icon12.convert{ display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util12on.png') no-repeat center;}
/*.tapskip .util-icon13{ display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util13.png') no-repeat center;}
.convert, .tapskip .util-icon13.convert{ display: inline-block; width:155px;  height:134px; background:url('/img/front/sub/icon-util13on.png') no-repeat center;}*/
.util-txtbotm{text-align: right; margin-top:10px; margin-bottom:20px;}
.util-txtbotm i{display: inline-block; width:21px; height:20px; background:url('/img/front/sub/util-search.gif') no-repeat; position: relative; left:-6px; top:3px;}
.util-tbnone{display:none;}

/*고객센터 새소식-*/
.news-serachform01{width:1000px;  height:76px; text-align: center; padding:24px 74px; background:#f2f2f2;}
.news-serach{height:30px; width:430px;}
.btnFamily.news{width:110px; height:30px; padding:0px 0px 0px 10px;}
.btn-black.newsbtn{width:80px; height:30px; padding:0px 25px 2px 25px;}
.btn-black i.news-icon01{top:5px; right:9px;}

/*찾아오시는 길*/
#site-map{width:100%; height:386px; display: block; border:1px solid #d8d8d8;}
.addr{position:relative; display: block; padding:25px 28px; border:1px solid #d8d8d8; border-top:none;}
.addr span.ad{display: inline-block; position: relative;}
.addr span.ad b{display: inline-block; padding-left:30px;}
.addr span.ad i{display:inline-block; width:19px; height:27px; background:url('/img/front/sub/map-pick.png') no-repeat; position: absolute;v}
.addr span.rt{display: inline-block; position: absolute; right: 28px;}
.bs-wrap, .clause-ct.bs-wrap{margin-top:50px;}
.buss{width:100%; height:auto; min-height:222px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding:34px 0px 34px 170px; background:url('/img/front/sub/buss-icon.png') no-repeat 0px 25px;}
.buss ul li{display: block; margin-bottom:-15px;}
.buss ul li span{padding:0px 0px 0px 75px; display:block; position: relative; top:-27px; color:#666; font-size:16px; letter-spacing: -0.0025em;}
.buss ul li em.k-way01{text-align:center; position:relative; top:0; left:0; display: inline-block; color:#fff; background:url('/img/front/sub/k-way01.png') no-repeat center; width:62px; height:25px;}
.buss ul li em.k-way02{text-align:center; position:relative; top:0; left:0; display: inline-block; color:#fff; background:url('/img/front/sub/k-way02.png') no-repeat center; width:62px; height:25px;}
.buss ul li em.k-way03{text-align:center; position:relative; top:0; left:0; display: inline-block; color:#fff; background:url('/img/front/sub/k-way03.png') no-repeat center; width:62px; height:25px;}
.buss ul li em.k-way04{text-align:center; position:relative; top:0; left:0; display: inline-block; color:#fff; background:url('/img/front/sub/k-way04.png') no-repeat center; width:62px; height:25px;}
.train{width:100%; height:auto; min-height:166px;  border-bottom:1px solid #d1d1d1; padding:34px 0px 34px 170px; background:url('/img/front/sub/train-icon.png') no-repeat 0px 25px;}
.train ul li{display: block; margin-bottom:-15px;}
.train ul li span{padding:0px 0px 0px 75px; display:block; position: relative; top:-27px; color:#666; font-size:16px; letter-spacing: -0.0025em;}
.train ul li em.k-way05{text-align:center; position:relative; top:0; left:0; display: inline-block; color:#fff; background:url('/img/front/sub/k-way06.png') no-repeat center; width:62px; height:25px;}
.train ul li em.k-way06{text-align:center; position:relative; top:0; left:0; display: inline-block; color:#fff; background:url('/img/front/sub/k-way07.png') no-repeat center; width:62px; height:25px;}

/*
.kakao-login {
    margin-top: 15px;
    text-align: center;
}

.kakao-login-btn {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

.kakao-login-btn img {
    width: 100%;
    max-width: 300px;
}

.naver-login {
    margin-top: 10px;
    text-align: center;
}

.naver-login-btn {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

.naver-login-btn img {
    width: 100%;
    max-width: 300px;
}
*/


.social-login {
	margin: 20px 0;
	text-align: center;
}

.social-login .social-btn {
	display: inline-block;
	width: 300px;
	height: 45px;
	margin: 0 10px 10px 10px;
	text-decoration: none;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

.social-login .kakao-btn {
	background: url('/img/front/sub/kakao_login_medium_wide_bg.jpg') no-repeat center center;
	background-size: contain;
}

.social-login .naver-btn {
	background: url('/img/front/sub/naver_login_medium_wide_bg.jpg') no-repeat center center;
	background-size: contain;
}

.social-login .social-btn span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.social-login .kakao-btn span {
	color: #181600;
}

.social-login .naver-btn span {
	color: #ffffff;
}



#clause-wrap .clause-list .nomem-step01{line-height:62px; background:url('/img/front/sub/nomem_reg_1.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

#clause-wrap .clause-list .nomem-step02{line-height:62px; background:url('/img/front/sub/nomem_reg_2.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

#clause-wrap .clause-list .nomem-step03{line-height:62px; background:url('/img/front/sub/nomem_reg_3.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

#clause-wrap .clause-list .nomem-step04{line-height:62px; background:url('/img/front/sub/nomem_reg_4.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

#clause-wrap .clause-list .nomem-step05{line-height:62px; background:url('/img/front/sub/nomem_reg_5.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

#clause-wrap .clause-list .mem-step01{line-height:62px; background:url('/img/front/sub/mem_reg_1.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

#clause-wrap .clause-list .mem-step02{line-height:62px; background:url('/img/front/sub/mem_reg_2.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

#clause-wrap .clause-list .mem-step03{line-height:62px; background:url('/img/front/sub/mem_reg_3.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

#clause-wrap .clause-list .mem-step04{line-height:62px; background:url('/img/front/sub/mem_reg_4.jpg')no-repeat; width: 100%;color: #333333;height: 62px;text-align: center;}

.btn-delete2{width:92px; height:30px; background:#fff; color:#333333; border:1px solid #c3c3c3; border-radius:3px; font-size:14px; position:relative; padding:0 0 1px 20px;}
.btn-delete2 i{background:url('/img/mobile/jquery/ui-icons_222222_256x240.png') no-repeat -220px -120px; background-size:320px 300px; display:inline-block; height:20px; width:20px; position:absolute; top:3px; left:5px;}
.btn-delete2.btn-red{background:#eb383d; border-color:#eb383d; color:#fff;}
.btn-delete2.btn-red i{background-image:url('/img/mobile/jquery/ui-icons_ffffff_256x240.png');}