@charset "utf-8";
#s_container{width:100%; height:64px; margin-bottom:20px; background:#f2f2f2; border-bottom:1px solid #e9e9e9;}
#s_container div.tit{width:100%; height:84px; margin:0px auto; background:url('../images/title/tit_bg.gif') repeat-x left top; text-align:center;}


#s_contents{width:980px; margin:95px auto 0; overflow:hidden; position:relative;}
#s_contents div.lnbWRap{width:178px;float:left; margin-bottom:100px;border:1px solid #e6e6e6; background:#fcfcfc;}
#s_contents div.lnbWRap ul.lnb {margin-top:15px;padding-bottom:15px; border-bottom:1px solid #e6e6e6;}
#s_contents div.lnbWRap ul.lnb li {margin:0 22px; border-top:1px solid #e9e9e9;}
#s_contents div.lnbWRap ul.lnb li:first-child{border-top:none;}
#s_contents div.lnbWRap ul.lnb li a {line-height:35px;display:block; font-size:13px; font-weight:bold; color:#666;text-decoration:none;}
#s_contents div.lnbWRap ul.lnb li a:hover,
#s_contents div.lnbWRap ul.lnb li a:focus,
#s_contents div.lnbWRap ul.lnb li.on a {color:#285b8f;}
#s_contents div.lnbWRap div.lmchair{padding:10px 0;}


#s_contents.s_full:after{content:"";clear:both;display:block;height:0;line-height:0;}
#s_contents.s_full .lnbWRap{display:none;}
#s_contents.s_full #conWrap{float:left;width:100%;margin:0 auto;}
#s_contents.s_full #conWrap div.con{width:870px;margin:0;}
#s_contents.s_full #conWrap div.con div.title{width:100%;}
#s_contents.s_full #conWrap .section{padding-bottom:100px;}

#conWrap{width:781px; float:left; overflow:hidden; position:relative;margin-left:19px;}
#conWrap div.con{width:670px; float:left; overflow:hidden; margin:0 0 70px 30px;}
#conWrap div.con div.title{width:620px; float:left;overflow:hidden; padding-bottom:15px; border-bottom:1px solid #cdcdcd;}
#conWrap div.con div.title p.tit{float:left; font-size:22px; color:#222; font-family:"nanumgothic"; font-weight:600; letter-spacing:-0.5px; line-height:190%;background:url('../images/title/tit_line.gif') no-repeat left top;}
#conWrap div.con div.title p.nav{float:right; margin-top:13px; font-size:11px; color:#999;}

#conWrap div.quickmenu{float:right; width:80px;  margin-top:41px;}
#conWrap div.quickmenu p{margin-top:5px; margin-left:13px;}

/*s4 tab*/
.tab {margin-top:70px; margin-bottom:10px;}
.tab a {width:310px; height:40px; display:inline-block; overflow:hidden;}
.tab a.on img{margin-top:-40px;}
.s43width a {width:207px;}

.tab_product {overflow:hidden; width:670px; margin-top:80px; margin-bottom:20px;}
.tab_product a {display:block; float:left; width:152px; height:35px; line-height:35px; margin-right:2px; margin-bottom:2px; border:1px solid #ddd; text-align:center; text-decoration:none;  font-size:14px;background:#f6f6f6;}
.tab_product a:hover,
.tab_product a:focus {border:1px solid #f69358;background:#f69358; color:#f2f2f2;}
.tab_product a.on {border:1px solid #f0752c;background:#f0752c;color:#fff; font-weight:bold;}

/*pr*/
div.s41Con div.pr{width:620px; height:460px; position:relative; overflow:hidden; background:url('/images/pr/pr_bg.jpg') no-repeat left top;}
div.s41Con div.pr div.check{}
div.s41Con div.pr div.check p.bt{width:17px; height:12px; position:absolute;}
div.s41Con div.pr div.check p.bt a{width:17px; height:100%; display:block; overflow:hidden;}
div.s41Con div.pr div.check p a:hover img{margin-top:-12px;}
div.s41Con div.pr div.check p a:focus img{margin-top:-12px;}
div.s41Con div.pr div.check p.on a img{margin-top:-12px;}
div.s41Con div.pr div.check p.bt1{top:45px; left:182px;}
div.s41Con div.pr div.check p.bt2{top:59px; left:247px;}
div.s41Con div.pr div.check p.bt3{top:82px; left:128px;}
div.s41Con div.pr div.check p.bt4{top:164px; left:145px;}
div.s41Con div.pr div.check p.bt5{top:175px; left:76px;}
div.s41Con div.pr div.check p.bt6{top:248px; left:113px;}
div.s41Con div.pr div.check p.bt7{top:286px; left:105px;}
div.s41Con div.pr div.check p.bt8{top:296px; left:246px;}
div.s41Con div.pr div.check p.bt9{top:352px; left:82px;}
div.s41Con div.pr div.check p.bt10{top:387px; left:288px;}
div.s41Con div.pr div.con{width:202px; height:360px; position:absolute; top:30px; left:340px; }
div.s41Con div.pr div.con div.text{width:182px; height:106px;padding:12px 10px 0; position:relative; overflow:hidden; text-align:center; background:#333;}
div.s41Con div.pr div.con div.text p.tit{width:182px; padding-bottom:10px; margin-bottom:10px; font-size:16px; color:#fff; background:url('/images/pr/pr_line.gif') no-repeat center bottom;}
div.s41Con div.pr div.con div.text p.txt{font-size:14px; color:#fff;}
div.s41Con div.pr div.pr1{display:inline-block;}
div.s41Con div.pr div.pr2{display:none;}
div.s41Con div.pr div.pr3{display:none;}
div.s41Con div.pr div.pr4{display:none;}
div.s41Con div.pr div.pr5{display:none;}
div.s41Con div.pr div.pr6{display:none;}
div.s41Con div.pr div.pr7{display:none;}
div.s41Con div.pr div.pr8{display:none;}
div.s41Con div.pr div.pr9{display:none;}
div.s41Con div.pr div.pr10{display:none;}
div.s41Con div.pr div.gif{width:193px; height:213px;position:relative;  margin-top:20px; padding:9px 0 0 9px; background:#333; }
div.s41Con div.pr div.gif embed{width:184px; height:204px; position:absolute; top:9px; left:9px;}
div.s41Con div.pr div.gif img{width:184px; height:204px; position:absolute; top:9px; left:9px;}


/*quick*/
#quick {width:80px;  position:absolute; right:0px; top:0px;}



/* 제품구매 추가 작업*/
.s_shop_list, .s_shop_list *{font-size:16px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.s_shop_list{padding-top:100px;}
.s_shop_list .top_pr{overflow:hidden;}
.s_shop_list .top_pr .img{float:left;width:50%;text-align:center;}
.s_shop_list .top_pr .img .b_img{position:relative;width:370px;margin:0 auto;border:1px solid #ddd;}
.s_shop_list .top_pr .img .b_img img{width:100%;height:auto;}
.s_shop_list .top_pr .img .b_img .b_txt{position:absolute;top:0;left:0;}
.s_shop_list .top_pr .img .s_img{overflow:hidden;margin-top:20px;}
.s_shop_list .top_pr .img .s_img img{display:inline-block;width:70px;border:1px solid #ddd;margin:0 10px;cursor:pointer;}
.s_shop_list .list{float:left;width:50%;}
.s_shop_list .list li{padding:15px 0;border-bottom:1px dashed #ddd;}
.s_shop_list .list li .color1{color:#1b57c6;}
.s_shop_list .list li .color2{color:#cd1313;}
.s_shop_list .list li:first-child{border-top:1px dashed #ddd;}
.s_shop_list .list li:after{content:"";clear:both;display:block;height:0;line-height:0;}
.s_shop_list .list li > div{float:left;width:65%;padding:0 20px;}
.s_shop_list .list li > div:first-child{width:35%;padding:0 10px 0 30px;font-weight:700;color:#444;border-right:1px dashed #ddd;background:url('../images/s7/dot_16.gif') no-repeat left;}
.s_shop_list .list li > div input{border:1px solid #ddd;width:50px;text-align:right;}
.s_shop_list .list li > div .txt_pop01{display:inline-block;position:relative;vertical-align:middle;}
.s_shop_list .list li > div .txt_pop01 button{width:92px;height:17px;border:0 none;background:url('../images/s7/pr_bt1.jpg');vertical-align:middle;}
.s_shop_list .list li > div .txt_pop01 button b{position:absolute;top:-2000px;left:-2000px;font-size:0;text-indent:-2000px;background-color:red;}
.s_shop_list .list li > div .txt_pop01 .txt2{display:none;position:absolute;top:30px;right:0;width:300px;padding:15px;border:3px solid #ddd;background-color:#f4f4f4;font-size:12px;}
.s_shop_list .list li > div .txt_pop01 .txt2 b{font-size:12px;}
.s_shop_list .list li > div .txt_pop01 button:hover+.txt2,
.s_shop_list .list li > div .txt_pop01 button:focus+.txt2{display:block;}
.s_shop_list .shop_table01{margin-top:50px;}
.s_shop_list .shop_table01 *{font-size:14px;}
.s_shop_list .shop_table01 .s_title{overflow:hidden;}
.s_shop_list .shop_table01 .s_title .left{float:left;font-weight:500;font-weight:700;font-size:30px;color:#444;}
.s_shop_list .shop_table01 .s_title .right{margin-top:20px;float:right;line-height:1;}
.s_shop_list .shop_table01 table{width:100%;margin-top:10px;border-collapse:collapse;border-spacing:0}
.s_shop_list .shop_table01 table td{padding:10px 15px;border:1px solid #ddd;}
.s_shop_list .shop_table01 table td:first-child{font-weight:700;background-color:#f4f4f4;}
.s_shop_list .shop_table01 table td input,
.s_shop_list .shop_table01 table td textarea{padding:5px 10px;border:1px solid #ddd;}
.s_shop_list .bt_wrap{margin-top:20px;text-align:center;}
.s_shop_list .bt_wrap a{display:inline-block;padding:10px 25px;margin:0 2px;text-decoration:none;color:#fff;font-weight:700;font-size:16px;border-radius:5px;}
.s_shop_list .bt_wrap a.bt1{background-color:#4b545e;}
.s_shop_list .bt_wrap a.bt2{background-color:#8c96a1;}
.s_shop_list .bt_wrap a:hover,
.s_shop_list .bt_wrap a:focus{background-color:#006cc0;}


.s_tab_re, .s_tab_re *{box-sizing:border-box;}
.s_tab_re{margin-top:90px;}
.s_tab_re:after{content:"";clear:both;display:block;height:0;line-height:0;}
.s_tab_re li{float:left;overflow:hidden;z-index:2;position:relative;width:20%;height:145px;margin-right:-1px;margin-top:-1px;border:1px solid #ddd;border-radius:10px;background-repeat:no-repeat;background-position:center;}
.s_tab_re li.s1{background-image:url('../images/s3/a_pr_th_img1.jpg');}
.s_tab_re li.s2{background-image:url('../images/s3/a_pr_th_img2.jpg');}
.s_tab_re li.s3{background-image:url('../images/s3/a_pr_th_img3.jpg');}
.s_tab_re li.s4{background-image:url('../images/s3/a_pr_th_img4.jpg');}
.s_tab_re li.s5{background-image:url('../images/s3/a_pr_th_img5.jpg');}
.s_tab_re li.s6{background-image:url('../images/s3/a_pr_th_img6.jpg');}
.s_tab_re li.s7{background-image:url('../images/s3/a_pr_th_img7.jpg');}
.s_tab_re li.s8{background-image:url('../images/s3/a_pr_th_img8.jpg');}
.s_tab_re li.s9{background-image:url('../images/s3/a_pr_th_img9.jpg');}
.s_tab_re li.s10{background-image:url('../images/s3/a_pr_th_img10.jpg');}
.s_tab_re li.s11{background-image:url('../images/s3/a_pr_th_img11.jpg');}
.s_tab_re li.s12{background-image:url('../images/s3/a_pr_th_img12.jpg');}
.s_tab_re li.s13{background-image:url('../images/s3/a_pr_th_img13.jpg');}
.s_tab_re li.s14{background-image:url('../images/s3/a_pr_th_img14.jpg');}
.s_tab_re li.s15{background-image:url('../images/s3/a_pr_th_img15.jpg');}
.s_tab_re li.on{z-index:3;border:3px solid #2464ba;}
.s_tab_re li a{display:block;width:100%;height:100%;padding-top:40px;background-color:rgba(0,0,0,0.65);text-align:center;text-decoration:none;color:#00f3df;font-size:18px;font-weight:700;opacity:0;filter:alpha(opacity=0);
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.s_tab_re li a span{display:block;width:110px;margin:10px auto 0;padding:5px;border-radius:5px;border:1px solid #fff;font-size:12px;color:#fff;}
.s_tab_re li a:hover{opacity:1;filter:alpha(opacity=100);}
/* .s_tab_re li.s1 a{padding-top:110px;font-size:34px;}
.s_tab_re li.s1 a span{margin-top:20px;} */