@charset "utf-8";
/*서브 헤더*/
.s_wrap01{position:relative;width:100%;overflow:hidden;display:inline-block; }
.s_header_bg{border:1px solid #d00; width:100%;display:inline-block;height:395px;background:url('../img/sub/sub_headerbg.gif') repeat-x;}
.s_header{width:980px;height:36px;display:block;margin:0 auto;}
.s_header span{display:block;float:left;padding:10px 0 0 10px;}
.s_header div{float:right;padding:5px 10px 0 0; color:#ddd;}
.s_header div a{padding-top:10px;}
.s_nav{width:980px;height:11px;display:inline-block;margin:0 auto;}
.s_nav ul{position:absolute;width:590px;_width:610px;height:37px;_height:56px;padding:19px 0 0 20px;background:url('../img/sub/sub_gnbbg.png') no-repeat;right:25px;top:0px;}

.s_nav ul li{float:left;width:51px;height:14px;background:url('../img/main/navmenu0.png') no-repeat 0 -50px;margin:0 45px;}
.s_nav ul li.li1{background:url('../img/main/navmenu1.png') no-repeat 0 -50px;}
.s_nav ul li.li2{width:38px;background:url('../img/main/navmenu2.png') no-repeat 0 -50px;}
.s_nav ul li.li3{width:65px;background:url('../img/main/navmenu3.png') no-repeat 0 -50px;}
.s_nav ul li.on{background-position:0 0px !important;}
.s_nav ul li a{display:block;width:100%;height:100%;}

.s_headertxbox{width:980px; margin:0 auto;}
.sub_txbox{width: 980px;height:330px;z-index:0;  position:absolute; top:50px;.left:0px;}
.sub_txbox h1{width:187px;height:97px;margin:-5px 0 0 115px;.margin-left:-610px;}
.sub_txbox .sub_tx{width:717px;height:65px; margin:0 0 0 280px;.margin-left:290px;}
.sub_txbox .sub_tx p{position:absolute;width:717px;height:65px;background:url("../img/sub/sub_headertxt0.png") no-repeat 0 0;left:0;top:0;text-indent:-999em;}
.sub_txbox .sub_tx p.sub_tx2{background:url("../img/sub/sub_headertxt2.png") no-repeat 0 0 !important;display:none;}

/*서브 lnb*/
.s_container{width:100%; position:relative; float:left; overflow:hidden;background:url('../img/sub/sub_headerbg.gif') repeat-x ;margin-top:103px;}
.contentsbox{width:980px; overflow:hidden; margin:0 auto;}
.s_lnb{position:relative; float:left; width:209px; height:270px;background:url('../img/sub/bg_lnb.gif') no-repeat left bottom; text-align:left; margin-top:1px;}
.s_lnb p{width:100%;height:142px;margin-top:140px;margin-left:10px;}
.s_lnb ul{}
.s_lnb2{position:relative; float:left; width:209px; height:271px;background:url('../img/sub/bg_lnb.gif') no-repeat left bottom; text-align:left; margin-top:1px;}
.s_lnb2 ul{}


/*서브 contents 공통*/
.contents{width:765px; text-align:left; position:relative; float:left; }
.contents .conTit{border-bottom:1px solid #ccc; height:36px;}
.contents .conTit h2{color:#222; font-size:22px; float:left; font-weight:bold; margin-left:33px;font-family: NanumGothic;}
.contents .conTit h2 span{color:#999; font-size:12px; font-weight:normal;}
.contents .conTit p{position:relative; float:right; margin:8px 15px 10px 0; color:#bbb; font-size:11px;}
.contents .conTit p span{color:#f46200;font-weight:bold;}

/*인사말*/
.conBox01{position:relative; float:right;width:718px; height:748px; margin:45px auto; background:url("../img/sub/sub01_context.jpg") no-repeat;}
.conBox01 p{text-indent:-999em;}

/*찾아오시는 길*/
.conBox011{position:relative; float:right;width:718px; height:647px; margin:45px auto; background:url("../img/sub/sub011_context.jpg") no-repeat;}
.conBox011 ul li{text-indent:-999em;}

/*제품장점*/
.conBox02{position:relative; overflow:hidden;margin:0 0 45px 33px; text-align:center; /*background:url(../img/sub/bg_sub10.jpg) no-repeat right bottom;*/}
.conBox02 div.conb{width:695px; height:1726px; text-indent:-999em;background:url(../img/sub/sub_02_contents.jpg) no-repeat; margin:0 0;}
.conBox02 div.btn_00{height:50px;}
.conBox02 ol{float:right;}
.conBox02 li{text-align:left; font-size:13px; color:#444;margin-top:20px;width:690px;}


/*제품구매*/
.conBox03{ padding:30px 0 0 50px;}
.conBox03 .stepegg{float:left;margin-left:-40px;}
.conBox03 li{width:100%; border-bottom:1px dotted #b2b2b2;padding-bottom:28px; margin-top:28px;overflow:hidden;}
.conBox03 p{float:left;width:255px;height:208px;background:url('../img/sub/box_03.gif') no-repeat 0 0;}
.conBox03 p img{padding:12px;}
.conBox03 div{float:right;width:440px;}
.conBox03 div dl{float:left; width:440px; height:31px;}
.conBox03 div dl dt{float:left; height:31px; line-height:31px; text-align:right; width:80px;text-align:left;}
.conBox03 div dl dd{float:left; font-weight:bold; height:31px; line-height:31px; text-align:right; width:100px;text-align:left;}
.conBox03 div dl dd.price{color:#ff4e00}
.conBox03 div span {float:right;position:absolute;right:0;top:50px;}
.conBox03 div.btn_00{height:90px;}
              

/*제품구매 상세보기*/

.conBox031{margin:30px 0 50px 33px; text-align:center; overflow:hidden;}
.con_info{overflow:hidden;}
.con_info .productgal{position:relative; float:left;}
.con_info .producttxt{position:relative; float:right; width:260px;}
.con_info .producttxt h3{font-size:14px; font-weight:bold; margin:5px 0 0 5px; padding-bottom:12px; line-height:18px;}
.con_info .producttxt .price{border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;background:#f7f7f7; padding-top:10px;}
.con_info .producttxt .price dl{_padding-bottom:10px;}
.con_info .producttxt .price dl dt{float:left; text-align:right; width:40%; margin-bottom:15px;color:#777;_height:20px; }
.con_info .producttxt .price dl dd{float:left; margin:0 10px 15px 0; width:48%;color:#777;.text-align:right; text-align:right;_height:20px;}
.con_info .producttxt .price dl dd span{color:#de0f4e;}
.con_info .producttxt .price dl dd input{height:12px; margin-top:-3px;_margin:0;_height:20px;text-align:right;}
.con_info .producttxt .price dl dd img{position:absolute;}
.con_info .producttxt .price dl dd img.btup{_top:3px;}
.con_info .producttxt .price dl dd img.btdown{top:8px;.right:27px;.top:10px;}
.con_info .producttxt .btorder{position:relative; width:164px; margin-top:15px; }
.conBox031 p.bt{text-align:center;}
.conBox031 p.bt a{margin-right:6px;}

.conText01{width:716px; height:550px;background:url("../img/sub/sub02_context1.jpg") no-repeat;position:relative;}
.conText01 p{text-indent:-999em;}
.conText01 ol, .conText01 ul{text-indent:-999em;}
.conText01 p.bt_detail{position:absolute;top:60px;left:70px;z-index:999;text-indent:0;}
.conText02{/*width:718px; height:250px; text-indent:-999em;background:url("../img/sub/sub02_context2.jpg") no-repeat;*/}
/*스크립트 슬라이드의경우
.product_slide{position:absolute;width:360px;height:300px;z-index:100;right:0;top:50px;}
.product_slide span{display:block;position:absolute;}
.product_slide span.span_l{width:100px;height:180px;left:0px;top:80px;}
.product_slide span.span_l img{width:100%;height:100%;}
.product_slide span.span_c{width:155px;height:279px;left:80px;top:30px;}
.product_slide span.span_c img{width:100%;height:100%;}
.product_slide span.span_r{width:100px;height:180px;right:20px;top:80px;}
.product_slide span.span_r img{width:100%;height:100%;}
*/
.product_slide{right:-175px;}

/*사용방법*/
.conBox021{position:relative; overflow:hidden;margin:45px 0 45px 33px; text-align:center;}
.conBox021 .conBox021_1{background:url(../img/sub/bg_sub11.jpg) no-repeat; text-indent:-999em;width:718px; height:400px;}
.conBox021 .conBox021_2{background:url(../img/sub/bg_sub10_03.jpg) no-repeat; text-indent:-999em;width:719px; height:550px;}



/*이미지 앞뒤보기*/
.conBox031{width:734px; float:right;}
.imggal{border:1px solid #eee; width:470px; height:393px; float:left;text-align:left;}
.imggal img.front, .imggal img.back{position:absolute; top:0; left:0;}
.imggal .imggalbt{margin-top:366px;background:#eee; float:left; width:470px; height:29px; text-align:left;}
.imggal .imggalbt img{cursor:pointer; padding:5px;}
.imggal .imggalbt ul{margin:-25px auto 0 auto;width:108px;}
.imggal .imggalbt ul li{float:left; width:27px; height:27px; margin-top:1px; line-height:27px; display:table-cell; vertical-align:middle;text-align:center;cursor:pointer;}
.imggal .imggalbt ul li.on{background:#fff;}
.imggal p{position:absolute;left:0;bottom:30px;}
/*이미지 확대*/

/*제품구매 상세보기*/
.conBox02_view{position:relative; width:715px; height:1400px; margin:45px auto; background:url("../img/sub/sub02_view_context.jpg") no-repeat;}
.conBox02_view p, .conBox02_view h3{text-indent:-999em;}


/*제품구매 상세정보*/
.conBox02_info{position:relative; overflow:hidden;margin:45px 0 45px 33px;}
.conBox02_info h2{margin:15px 0 13px 0;}
.conBox02_info table{border-top:2px solid #ddd;border-bottom:1px solid #ddd;width:100%;}
.conBox02_info table th{text-align:center;color:#888;font-weight:bold;border-bottom:1px solid #ddd;}
.conBox02_info table td{height:30px;border-bottom:1px solid #ddd;}
.conBox02_info table td.red0{color:#b50707 !important;font-weight:bold;}
.conBox02_info table td.red0 span{color:#888;}
.fs15{font-size:23px;padding:5px 0;}
.conBox02_info table td input{padding:0 0 0 5px;color:#888;}
.pd_info0{width:100%;overflow:hidden;}
.pd_info0 table th{height:30px;background:#f5f5f5;}
.pd_info0 table td{padding:5px 0;color:#888}
.pd_info0 table td dl{position:relative;width:100%;height:65px;line-height:65px;vertical-align:middle;}
.pd_info0 table td dt{float:left;display:inline-block;}
.pd_info0 table td dt img{width:72px;height:64px;border:1px solid #ddd;}
.pd_info0 table td dd{float:left;display:inline-block;,margin-left:10px;color:#888;}
.pd_info1{width:100%;overflow:hidden;}
.pd_info2{width:100%;overflow:hidden;}
.pd_info2 table td.address_input{padding:5px 0;}
.pd_info2 table td textarea{width:500px;height:100px;margin:5px 0;}
.pd_info2 table td.address_input span{display:block;margin:5px 0;}
.pd_info2 table td.address_input span.span1 input{width:200px;}
.pd_info3{width:100%;overflow:hidden;margin:0 0 25px 0;}
.pd_info3 .radio_box{line-height:30px;vertical-align:middle;height:30px;}
.pd_info3 .radio_box input{vertical-align:middle;height:30px;line-height:30px;margin-top:-3px;}
.pd_info_bt{width:100%;overflow:hidden;text-align:center;padding:25px 0 0 0;border-top:4px solid #ddd;}
.conBox02_info .bt{text-align:center; margin:40px 0;}
.conBox02_info .bt a{margin-right:10px;}
.conBox02_info .thum img{border:1px solid #ddd;}



/*로그인*/
.logBox{background:url("../img/sub/loginbg.jpg") no-repeat; width:655px; height:283px; margin:70px auto;}
.logBox p{color:#fff; padding:28px 0 0 26px;}
.logBox .logtop{width:340px; height:60px; float:right; margin:40px 65px 0 0;}
.logBox .logtop div{width:305px;}
.logBox .logtop .log label{float:left; line-height:30px; vertical-align:middle; display:table-cell; width:260px; font-size:13px;}
.logBox .logtop .log label input{float:right;.float:none; height:25px; border:1px solid #ddd;}
.logBox .logtop .log label.id input{.margin-left:23px; width:194px; height:26px;}
.logBox .logtop .log label.pw input{.margin-left:10px; width:194px;height:26px;}
.logBox .logtop img{float:right; margin-top:-32px;.margin-top:-62px;}
.logBox .logbottom{float:right; margin:50px 65px 0 0; width:350px;}
.logBox .logbottom li{background:url("../img/sub/dot.gif") no-repeat left center;.background-position:0px 16px; padding:5px 0 0 12px;.padding:12px 0 0 12px;margin-bottom:5px; color:#858585; letter-spacing:-.1em;}
.logBox .logbottom li a{float:right; margin-top:-5px;.margin-top:-15px;}

/*회원가입1*/
.joinBox1{width:716px; height:960px; margin:65px auto;background:url("../img/sub/bg_join1.gif") no-repeat;}
.joinBox1 h3{padding-top:22px; text-align:center;}
.joinBox1 .bt{text-align:center; position:relative; margin-top:57px;}
.joinBox1 .bt a{margin:0 6px;}
.jointxt1, .jointxt2{width:664px;}
.jointxt1{margin:47px auto;}
.jointxt2{margin:62px auto;.margin:-13px auto;}
.jointxt1 h4{margin-bottom:11px; font-weight:bold;}
.jointxt2 h4{margin-bottom:13px;font-weight:bold;}
.jointxt1 p.choice, .jointxt2 p.choice{float:right; margin-top:11px; color:#858585; font-weight:bold;}
.jointxt1 p.choice label, .jointxt2 p.choice label{ font-weight:normal;margin-left:5px;}
.jointxt1 p.choice label input, .jointxt2 p.choice label input{margin-right:5px;}
.use_box{width:644px; height:265px; overflow-y:scroll; margin:0 auto; padding:10px;}

/*회원가입2*/
.joinBox2{width:716px; height:697px; margin:65px auto;background:url("../img/sub/bg_join2.gif") no-repeat;}
.joinBox2 h3{padding-top:22px; text-align:center;}
.joinBox2 h4{margin:68px 0 0 18px; font-weight:bold; font-size:14px;}
.joinBox2 h4 span{float:right; font-weight:bold;  margin-right:18px;.margin-top:-10px;font-size:13px;letter-spacing:-.1em;}
.joinBox2 table{width:686px; margin:25px auto;}
.joinBox2 table th{width:115px; height:32px;text-align:left; background:url("../img/sub/dot2.gif") no-repeat 20px center; padding:0 0 0 35px; color:#6e6e6e;}
.joinBox2 table td {padding-left:35px;}
.joinBox2 table td img{margin-left:10px;}
.joinBox2 table td input{margin:3px 0;}
.joinBox2 table td input[type="radio"]{margin-top:-2px;}
.joinBox2 table td label{margin-right:10px;}
.joinBox2 .bt{text-align:center; position:relative; margin-top:57px;}
.joinBox2 .bt a{margin:0 6px;}
.joinBox2 .address{vertical-align:top; background:url("../img/sub/dot2.gif") no-repeat 20px 15px; padding-top:10px;}

/*회원탈퇴*/
.joinout{text-align:center; margin-top:65px; height:300px;}
.joinout label{font-size:22px; font-weight:bold;}
.joinout label input{margin-left:10px;}
.joinout p{margin:30px 0;}

/*아이디 비밀번호 찾기*/
.idpwbox{width:716px; overflow:hidden; border-top:3px solid #ebb1c3; margin:40px auto;}
.idpw{width:714px; overflow:hidden; border:1px solid #e494ac; border-bottom:none;}
.idpw h3{text-align:center; padding-top:25px;}
.idpw h4{font-weight:bold; font-size:19px; font-family: NanumGothic, NanumGothicWeb, MalgunGothic; margin:36px 0 0 30px; }
.idpw h4 img{margin-right:20px;}
.idpw p{text-align:center; margin-top:25px;}
.idpw h5{font-size:14px; font-weight:bold;font-family: NanumGothic, NanumGothicWeb, MalgunGothic; padding:10px 0 0 0; }
.idpw div.idsearch{width:393px; height:75px; border:1px solid #ededed; background:#f3f3f3;margin:22px auto; padding:35px 0 0 107px;}
.idpw div.idsubmit{width:502px; height:145px; margin:47px auto;background:url("../img/sub/bg_idpw1.gif") no-repeat; padding-left:20px;}
.idpw div.idsubmit p{text-align:left; font-size:11px; line-height:18px;}
.idpw div.pwsearch{width:393px; height:96px; padding:20px 0 0 107px;border:1px solid #ededed; background:#f3f3f3;margin:22px auto; }
.idpw div.pwsubmit{width:502px; height:78px; margin:50px auto;background:url("../img/sub/bg_idpw2.gif") no-repeat; padding-left:20px;}
.idpw div.pwsubmit p{text-align:left;}

.idpw div dl{width:275px;}
.idpw div dl dt{display:table-cell;padding-bottom:10px;height:20px;vertical-align:middle; width:90px;}
.idpw div dl dd{position:relative; float:right; height:20px;margin-top:-30px;}

.idpw .bt{border-bottom:1px solid #ddd; width:650px; margin:20px auto; padding-bottom:25px; }

/*마이페이지*/
.mypage_con0{position:relative; width:715px;overflow:hidden;margin:45px auto;}


/*장바구니*/
.buy_con1{position:relative; width:715px;overflow:hidden;margin:45px auto;}
.buy_con1 table{width:100%; border-top:2px solid #ddd;  border-bottom:2px solid #ddd;text-align:center;}
.buy_con1 table th{color:#888; font-weight:bold;height:30px; background:#f5f5f5; border-bottom:1px solid #ddd;}
.buy_con1 table td{color:#888;border-bottom:1px solid #ddd; height:80px;}
.buy_con1 table td.thum img{border:1px solid #ddd;}
.buy_con1 table td input{margin-right:5px; text-align:right;}
.buy_con1 table tr.lasttr td{height:43px; text-align:right; border-top:1px solid #ddd; font-weight:bold; padding-right:20px;}
.buy_con1 .bt{margin:20px; text-align:center;}
.buy_con1 .bt a{margin-right:10px;}

/*결제리스트*/
.buy_con2{position:relative; width:715px;overflow:hidden;margin:45px auto;}
.buy_con2 table{width:100%; border-top:2px solid #ddd;  border-bottom:2px solid #ddd;text-align:center;}
.buy_con2 table th{color:#888; font-weight:bold;height:30px; background:#f5f5f5; border-bottom:1px solid #ddd;}
.buy_con2 table td{color:#888;border-bottom:1px solid #ddd; height:40px;}

/*비회원 주문조회*/
.buyCheck{background:url("../img/sub/loginbg.jpg") no-repeat; width:655px; height:283px; margin:70px auto;}
.buyCheck p{color:#fff; padding:28px 0 0 26px;}
.buyCheck .buytop{width:340px; height:60px; float:right; margin:40px 65px 0 0;}
.buyCheck .buytop div{width:305px;}
.buyCheck .buytop .buy label{float:left; line-height:30px; vertical-align:middle; display:table-cell; width:260px; font-size:13px;}
.buyCheck .buytop .buy label input{float:right;.float:none; height:20px; border:1px solid #ddd;}
.buyCheck .buytop .buy label.name input{.margin-left:23px; width:194px; height:20px;}
.buyCheck .buytop .buy label.buynum{float:left;}
.buyCheck .buytop .buy label.buynum input{text-align:center;float:none}
.buyCheck .buytop .buy label.buynum .buynum_input1{margin-left:19px;}
.buyCheck .buytop img{float:right; margin-top:-32px;.margin-top:-62px;}
.buyCheck .buybottom{float:right; margin:50px 65px 0 0; width:350px;}
.buyCheck .buybottom li{background:url("../img/sub/dot.gif") no-repeat left center;.background-position:0px 16px; padding:5px 0 0 12px;.padding:12px 0 0 12px;margin-bottom:5px; color:#858585; letter-spacing:-.1em;}
.buyCheck .buybottom li a{float:right; margin-top:-5px;.margin-top:-15px;}