div#wrap{ position:relative; font-size:13px; font-family: '나눔바른고딕', 'NanumBarunGothic'; background:url(/images/main/top_bg.gif) repeat-x 0 0; color:#5c5c5c;}
div#wrap img { border:none; }
div#wrap a{ text-decoration:none; }
div#wrap div#header{ width:1100px; height:156px; margin:0 auto; text-align:center; position:relative;}
div#wrap div#header h1{padding-top:18px;}
div#wrap div#header h1 img{ width:193px; height:73px; }

div#wrap div#header div.top_menu{position:absolute; top:33px; right:0; }
div#wrap div#header div.top_menu ul{ overflow:hidden;}
div#wrap div#header div.top_menu ul li{ position:relative;  float:left; margin:0 0 0 10px; }
div#wrap div#header div.top_menu ul li a{color:#959595; font-weight:bold;line-height:35px;}
div#wrap div#header div.top_menu ul li a:hover{color:#01b1ed;}
div#wrap div#header div.top_menu ul li.log a{display:block; border:1px solid #d9d9d9; padding:0px 10px;height:34px;}
div#wrap div#header div.top_menu ul li.search_btn a{display:block; text-indent:-10000px; width:35px; height:34px;border:1px solid #d9d9d9;background:url("/images/main/btn_search.gif") no-repeat 0 0; cursor:pointer;}

div#wrap div#header div.left_gnb{position:absolute; top:23px; left:0; }
div#wrap div#header div.left_gnb ul{overflow:hidden;}
div#wrap div#header div.left_gnb ul li{float:left;}
div#wrap div#header div.left_gnb ul li a{display:block; width:65px; height:15px; text-align:center; font-size:12px; color:#959595; padding-top:40px; }
div#wrap div#header div.left_gnb ul li a:hover{color:#2e5cb0;}
div#wrap div#header div.left_gnb ul li.g01 a{background:url("/images/main/q01.gif") no-repeat top center;}
div#wrap div#header div.left_gnb ul li.g02 a{background:url("/images/main/q02.gif") no-repeat top center;}
div#wrap div#header div.left_gnb ul li.g03 a{background:url("/images/main/q03.gif") no-repeat top center; width:80px;}
div#wrap div#header div.left_gnb ul li.g01 a:hover{background:url("/images/main/q01_ov.gif") no-repeat top center;}
div#wrap div#header div.left_gnb ul li.g02 a:hover{background:url("/images/main/q02_ov.gif") no-repeat top center;}
div#wrap div#header div.left_gnb ul li.g03 a:hover{background:url("/images/main/q03_ov.gif") no-repeat top center;}

div#wrap div#header div#nav {  padding:0px; margin:13px 0 0 0; }
div#wrap div#header div#nav ul { position:relative; float:right; position:relative; padding:0px; margin:0; }
div#wrap div#header div#nav ul li { list-style:none; text-align:left; float:left; margin-left:120px; line-height:50px;}
div#wrap div#header div#nav ul li:first-child{margin-left:0px;}
div#wrap div#header div#nav ul li a{color:#4f4f4f; font-size:17px; font-weight:bold;}
div#wrap div#header div#nav ul li ul { display:none; position:absolute; float:left; top:65px; left:10px; }
div#wrap div#header div#nav ul li ul li { float:left; margin:0 0 0 10px; }


/* 검색 */
div.search_area select {outline-style:none;}
div.search_area{display:none; position:absolute; top:33px; right:0; width:319px; height:40px; }
div.search_area .search_input_wrap {height: 34px; float: left; }
div.search_area .search_input_wrap input[type="text"]{outline: none;width: 272px; padding-left: 10px;color:#6d6f71; line-height: 34px; border: 0;font-size: 13px;height: 34px; border:1px solid #d9d9d9; border-right:none;}
div.search_area a.inbtn { float:left;width:35px; height:34px;border:1px solid #d9d9d9; text-indent:-10000px; background:url("/images/main/btn_search.gif") no-repeat 0 0; border-left:none;}


/* 전체카테고리 */
div.first a { display: block;  width: 180px;  height: 50px; text-align:center; background-color: #2c5baf; font-size: 17px; font-weight:bold; line-height: 50px;  color: #fff;}
div#nav div.all_cate{ float:left;}
.db { position: absolute; top: 0px;  left: 50%;  width: 180px;  margin-left: -50px;}
.all_menu {  left: 0;  top: 156px;  margin: 0;   background: #2c5baf;  z-index: 10000;}
.all_menu  ul {margin:0;padding:0; width:180px; height:428px; }
.all_menu  ul.category_menu li{width:180px;}
.all_menu  ul.category_menu > li > a {display: block; color: #cbdeff;  font-size: 15px; height:43px; text-align:left; padding-left:20px;line-height: 43px; border-bottom:1px solid #567cbf; font-weight: bold;   text-decoration: none; }
.all_menu  ul.category_menu > li > a:hover, .all_menu  > ul > li.selected > a, .all_menu  .position > ul > li.on > a {color: #2c5baf; background-color:#f9f9f9; border-left:1px solid #d9dbdc; }
.all_menu  ul.category_menu li div.submenu{position: absolute; display:none; top: 0px;  left: 180px; width:180px;  height:427px;  background: #f9f9f9; border-right:1px solid #d9dbdc; border-bottom:1px solid #d9dbdc;}
.all_menu  ul.category_menu li div.submenu div.child{width:180px;  }
.all_menu  ul.category_menu li div.submenu div.child a{width:180px;display:block; height:44px; font-size: 15px; padding-left:20px; line-height:44px; color: #82808a;  font-weight:bold;text-align:left; }
.all_menu  ul.category_menu li div.submenu div.child a:hover { color: #009cee; }


div.all_top{background-color:#053c8c; height:52px; line-height:52px;}
div.all_top a{background: #053c8c url("/images/main/menu_all.png") no-repeat 15px center;  display: block;  width: 83px;  height: 52px;  padding: 0 0 0 45px;  font-size: 17px;  line-height: 52px;  color: #fff; }


/* 메인비주얼 */
div#wrap div#sepration{ clear:both; height:428px; background-color:#d7eefb; }
div#wrap div#sepration div.section{width:100%;position:relative; z-index:5;}
div#wrap div#sepration div.vbottom ul{ width:1100px; margin:0 auto; margin-top:-60px;}
div#wrap div#sepration div.vbottom ul li{position : relative; float : left;width:220px; height:50px; line-height:50px; padding-top:9px;}
div#wrap div#sepration div.vbottom ul li a{ display : block; color : #38495d;font-weight:bold; font-size:16px; text-align:center; border-right:1px solid #e3e9ea;   border-top:1px solid #e3e9ea;background: url("/images/main/vt.png") repeat-x left bottom;}
div#wrap div#sepration div.vbottom ul li:first-child a{border-left:1px solid #e3e9ea;}
div#wrap div#sepration div.vbottom ul li.on01 a{background: url("/images/main/vt_on.png") repeat-x left bottom; color:#fff; border-top:1px solid #285aae;}
div#wrap div#sepration div.vbottom ul li.on02 a{background: url("/images/main/vt_on.png") repeat-x left bottom; color:#fff; border-top:1px solid #285aae;}
div#wrap div#sepration div.vbottom ul li.on03 a{background: url("/images/main/vt_on.png") repeat-x left bottom; color:#fff; border-top:1px solid #285aae;}
div#wrap div#sepration div.vbottom ul li.on04 a{background: url("/images/main/vt_on.png") repeat-x left bottom; color:#fff; border-top:1px solid #285aae;}
div#wrap div#sepration div.vbottom ul li.on05 a{background: url("/images/main/vt_on.png") repeat-x left bottom; color:#fff; border-top:1px solid #285aae;}
div#wrap div#sepration div.vbottom ul li.on01 a:before{ content : ""; display : block; position : absolute; left :0; top:0; width : 220px; height : 59px;  background: url("/images/main/arrow.png") no-repeat top center;}
div#wrap div#sepration div.vbottom ul li.on02 a:before{ content : ""; display : block; position : absolute; left :0; top:0; width : 220px; height : 59px;  background: url("/images/main/arrow.png") no-repeat top center;}
div#wrap div#sepration div.vbottom ul li.on03 a:before{ content : ""; display : block; position : absolute; left :0; top:0; width : 220px; height : 59px;  background: url("/images/main/arrow.png") no-repeat top center;}
div#wrap div#sepration div.vbottom ul li.on04 a:before{ content : ""; display : block; position : absolute; left :0; top:0; width : 220px; height : 59px;  background: url("/images/main/arrow.png") no-repeat top center;}
div#wrap div#sepration div.vbottom ul li.on05 a:before{ content : ""; display : block; position : absolute; left :0; top:0; width : 220px; height : 59px;  background: url("/images/main/arrow.png") no-repeat top center;}


div#wrap div#sepration div.sslide{z-index:0; overflow:hidden; width:100%; height:428px;  white-space:nowrap; }
div#wrap div#sepration div.sslide img{}
div#wrap div#sepration .slick-next {position:absolute; left:50%; top:50%; z-index:100; background: url(/images/main/left.png) no-repeat 0 0; width:41px; height:86px; text-indent:-9999px; margin-top:-57px; border:none; margin-left:550px;}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

/* 인기상품 */
div#wrap div#container{ width:1100px; margin:0 auto; position:relative;}
div#wrap div#container h3{margin-top:60px; margin-bottom:20px; color:#444444; font-size:26px; font-weight:bold;}
div#wrap div#container div.best{ position:relative;margin-bottom:30px;}
div#wrap div#container div.best div.pro_tab{position: absolute;top:0; left:0; z-index:10; width:283px;}
div#wrap div#container div.best div.pro_tab img{border:1px solid #d1dbdd;}
div#wrap div#container div.best div.pro_tab ul{}
div#wrap div#container div.best div.pro_tab ul li{position:relative;}
div#wrap div#container div.best div.pro_tab ul li a{width:283px; height:40px; line-height:40px; text-align:center; display:block; margin-top:-1px; background: url(/images/main/protab.png) no-repeat 0 0; color:#84919e; font-size:16px;}
div#wrap div#container div.best div.pro_tab ul li.on a{background: url(/images/main/protab_on.png) no-repeat 0 0; color:#fff;}
div#wrap div#container div.best div.pro_tab ul li:first-child a{margin-top:0px;}
div#wrap div#container div.best div.pcon{z-index:0; overflow:hidden; width:827px; height:377px; margin-left:273px; border:1px solid #d1dbdd; border-left:none;}
div#wrap div#container div.best div.pcon ul{overflow:hidden;}
div#wrap div#container div.best div.pcon ul li{float:left; position:relative; width:234px; height:337px; border-left:1px solid #d1dbdd; padding:20px; cursor:pointer;}
div#wrap div#container div.best div.pcon ul li div.imgZone{margin-bottom:5px;}
div#wrap div#container div.best div.pcon ul li div.textZone{margin:0px 10px;}
div#wrap div#container div.best div.pcon ul li p.name{color:#545260; font-size:15px; font-weight:bold; margin-top:5px;font-family:"돋움";}
div#wrap div#container div.best div.pcon ul li p.price{color:#111; font-weight:600; position:absolute; left:30px; bottom:20px;font-family:"돋움";}
div#wrap div#container div.best div.pcon ul li p.price span{font-size:22px; font-family:"Tahoma";color:#111;}
div#wrap div#container div.best div.pcon p.more{position:absolute; right:0px; top:-30px;}
div#wrap div#container div.best div.pcon p.more a{font-size:16px; font-weight:bold; color:#000; padding-right:20px;background: url(/images/main/more.gif) no-repeat right center;  }
div#wrap div#container div.best div.pcon ul li p.no1, div#wrap div#container div.best div.pcon ul li p.no{position:absolute; top:20px; right:20px;}
div#wrap div#container div.best div.pcon ul li p.no{color:#fff; font-size:20px; font-weight:bold; font-family:"Tahoma"; background: url(/images/main/best2.png) no-repeat 0 0; width:55px; height:40px; display:block; padding-top: 26px; text-align:center;}
div#wrap div#container div.best div.pcon ul li p.no1{display:none;}
div#wrap div#container div.best div.pcon ul li p.no{display:block;}
div#wrap div#container div.best div.pcon ul li:first-child p.no1{display:block;}
div#wrap div#container div.best div.pcon ul li:first-child p.no{display:none;}

/* 상품 오버효과 */
div#wrap div#container div.best div.pcon ul li div.cover{z-index:10;position:absolute;display:none; top:0; left:0;  width:234px; height:137px; padding-top:200px;}
div#wrap div#container div.best div.pcon ul li div.cover a.view{width:50px; height:51px; text-indent:-10000px; display:block; float:left; background: url('/images/main/cover.png') no-repeat top left; margin-left:90px; margin-right:10px;}
div#wrap div#container div.best div.pcon ul li div.cover a.cart{width:50px; height:51px; text-indent:-10000px; display:block; float:left; background: url('/images/main/cover.png') no-repeat 0 0; background-position: -50px 0px;}

/* 배너1 */
div#wrap div#container div.banner1{ position:relative; width:1040px; height:110px;background: url('/images/main/ban1.jpg') no-repeat 0 0; font-size:26px; color:#fff; padding:30px; line-height:36px; margin-bottom:30px; }
div#wrap div#container div.banner1 b{font-size:30px; font-weight:900;}
div#wrap div#container div.banner1 p.more{position:absolute; left:420px; bottom:35px;}
div#wrap div#container div.banner1 p.more a{font-size:14px; border:1px solid #5d7800; padding:8px 15px; color:#fff; background-color:#5d7800;}
div#wrap div#container div.banner1 p.more a:hover{background-color:#fff; color:#5d7800; font-weight:bold;}

/* 전체상품보기 리스트 */
div#wrap div#container div.tab_menu{margin-bottom:30px;}
div#wrap div#container div.tab_menu ul{overflow:hidden; background: url('/images/main/tab_bg.gif') repeat-x left bottom;}
div#wrap div#container div.tab_menu ul li{float:left; }
div#wrap div#container div.tab_menu ul li a{display:block; border:1px solid #d2d4d6;  background-color:#fff; width:275px; height:50px; text-align:center; line-height:50px; font-size:16px; font-weight:bold; color:#757c83;}
div#wrap div#container div.tab_menu ul li:first-child a{ border-left:2px solid #d2d4d6;}
div#wrap div#container div.tab_menu ul li.on a{display:block; border:2px solid #2559ae; border-bottom:none; height:52px; color:#000;}

div#wrap div#container div.proTotal div.tcon{z-index:0; overflow:hidden; width:1100px;}
div#wrap div#container div.proTotal div.tcon p.more{position:absolute; bottom:0px; right:0px;border-left:1px solid #d1dbdd; padding:0px 4px; z-index:1000;} 
div#wrap div#container div.proTotal div.tcon p.more a{background-color:#f2f2f2; display:block; width:210px; height: 183px; border:1px solid #d1dbdd; font-size:22px; color:#8f9397; font-weight:bold; text-align:center; padding-top: 115px; }
div#wrap div#container div.proTotal div.tcon p.more a img{margin-bottom:15px;}

/* 상품리스트 */
ul.proList{overflow:hidden;position:relative;}
ul.proList li{float:left;  width:211px;position:relative; height:300px; border-left:1px solid #d1dbdd; padding:0px 4px; cursor:pointer;}
ul.proList li:first-child{border-left:none;}
ul.proList li div.imgZone{margin-bottom:5px; text-align:center;}
ul.proList li div.imgZone img{width:190px; height:190px;}
ul.proList li div.textZone{margin:0px 15px;}
ul.proList li p.name{color:#545260; font-size:14px; font-weight:bold; margin-top:0px; font-family:"돋움";}
ul.proList li p.price{ color:#111; font-weight:600; position:absolute; left:15px; bottom:22px; font-family:"돋움"; font-size:14px; }
ul.proList li p.price span{font-family:"Tahoma";font-size:20px;color:#111;}

/* 상품 오버효과 */
ul.proList li div.cover{z-index:10;position:absolute;display:none; top:0; left:0;  width:234px; height:140px; padding-top:160px;}
ul.proList li div.cover a.view{width:50px; height:51px; text-indent:-10000px; display:block; float:left; background: url('/images/main/cover.png') no-repeat top left; margin-left:55px; margin-right:10px;}
ul.proList li div.cover a.cart{width:50px; height:51px; text-indent:-10000px; display:block; float:left; background: url('/images/main/cover.png') no-repeat 0 0; background-position: -50px 0px;}

/* 게시판-상품리뷰 */
div.boa01 div.review dl {overflow:hidden; margin-bottom:60px;}
div.boa01 div.review dl dt { float:left; width:274px; height:280px; position:relative;}
div.boa01 div.review dl dt img.arrow{position:absolute; right:0; top:50%; margin-top:-8px;}
div.boa01 div.review dl dd {position:relative; font-size:14px; color:#888888; width:215px; height:218px; float:left; padding:30px; border:1px solid #d1dbdd; border-left:none; background: url('/images/main/more3.png') no-repeat right bottom;}
div.boa01 div.review dl dd p.date{position:absolute; bottom:30px; left:30px;  font-size:13px; color:#ababab;}
div.boa01 div.review dl dd p.subject{font-weight:bold; color:#0b0000; font-size:22px; margin-bottom:15px; }
div.boa01 div.review dl dd p.author{font-size:16px; margin-bottom:30px; background: url('/images/main/man.gif') no-repeat 0 0; padding-left:40px; line-height:30px;}
div.boa01 div.review dl dd p.context{font-weight:normal; font-size:15px; line-height:20px; word-break: break-all;  }
div.boa01 div.review dl dd a:hover p.context{text-decoration:underline;}
div.boa01 div.review p.b_more { position:absolute; top:30px; right:25px; font-size:11px;}

/* 배너2 */
div#wrap div#container div.banner2 a{display:block; width:1020px; height:140px;background: url('/images/main/ban2.jpg') no-repeat 0 0; font-size:18px; font-weight:600; color:#fff; padding:40px; line-height:36px; margin-bottom:35px; }
div#wrap div#container div.banner2 a h4{color:#2a3890; font-size:34px; font-weight:900; margin-bottom:10px; margin-top:10px;}


/* 고객센터 */
div#wrap div#container div.cust{overflow:hidden; color:#888;}
div#wrap div#container div.cust h4{font-size:26px; color:#444; font-weight:bold; margin-bottom:27px;}
div#wrap div#container div.cust div.custLeft{float:left; width:220px; height:187px; border:1px solid #d1dbdd; padding:25px;}
div#wrap div#container div.cust div.custCenter{float:left; width:501px; height:187px; border-top:1px solid #d1dbdd; border-bottom:1px solid #d1dbdd; padding:25px; position:relative;}
div#wrap div#container div.cust div.custCenter p.more{position:absolute; top:25px; right:25px; font-size:16px; font-weight:bold;}
div#wrap div#container div.cust div.custCenter p.more a{color:#444;}
div#wrap div#container div.cust div.custRight{float:left; width:221px; height:187px;border:1px solid #d1dbdd; padding:25px;}
div#wrap div#container div.cust p.no{font-size:30px; color:#01b1ed; font-family:"Tahoma"; font-weight:bold; margin-bottom:10px;}
div#wrap div#container div.cust div.custRight p.no{font-size:20px;}
div#wrap div#container div.cust p.open b{color:#5c5c5c;}
div#wrap div#container div.cust p.email{font-size:16px; margin-bottom:10px;}
div#wrap div#container div.cust p.qna a{display:block; width:220px; height:32px; line-height:32px; text-align:center; color:#fff; background-color:#1f57aa; margin-top:10px;}
div#wrap div#container div.cust p.bank{color:#404040; font-size:16px; font-weight:bold; margin-bottom:5px;}

div#wrap div#container div.recent_notice { position:relative; }
div#wrap div#container div.recent_notice ul.recent_ul{padding-bottom:25px;background: url('/images/main/dot_line.gif') repeat-x left bottom; margin-bottom:25px; }
div#wrap div#container div.recent_notice ul.recent_ul li{position:relative;}
div#wrap div#container div.recent_notice ul.recent_ul p.subject{font-size:20px; color:#444; font-weight:600; margin-bottom:10px;}
div#wrap div#container div.recent_notice ul.recent_ul p.subject span{color:#01b1ed;}
div#wrap div#container div.recent_notice ul.recent_ul p.date{position:absolute; top:0; right:0; color:#a6a6a6; font-size:13px;}
div#wrap div#container div.recent_notice ul.others_ul li{position:relative;}
div#wrap div#container div.recent_notice ul.others_ul p.subject{font-size:16px; color:#444; font-weight:bold; margin-bottom:10px;}
div#wrap div#container div.recent_notice ul.others_ul p.date{position:absolute; top:0; right:0; color:#a6a6a6; font-size:13px;}

/* 푸터 */
div#wrap div#footer{ clear:both;margin-top:45px; background-color:#fafafa;}
div#wrap div#footer div.f_con { width:100%; height:56px; background: url('/images/main/fcon_bg.gif') repeat-x 0 0; color:#7b7777; font-size:15px;}
div#wrap div#footer div.f_con div.section{width:1100px; margin:0 auto; position:relative;}
div#wrap div#footer div.f_con ul.go{ width:800px;float:left;  }
div#wrap div#footer div.f_con ul.go li{float:left; height: 56px; line-height:56px; margin-left:30px;  }
div#wrap div#footer div.f_con ul.go li a{color:#7b7777;}
div#wrap div#footer div.f_con ul.go li a b{color:#616161;}
div#wrap div#footer div.f_con ul.go li:first-child{margin-left:0px;}
div#wrap div#footer div.f_con ul.sns{overflow:hidden; float:right; width:120px; margin-right:65px;}
div#wrap div#footer div.f_con ul.sns li{display:inline; }
div#wrap div#footer div.f_con ul.sns li a{float:left; display:block; width:32px; height:32px; text-indent:-10000px; margin-left:8px;margin-top:13px;}
div#wrap div#footer div.f_con ul.sns li:first-child a{margin-left:0px;}
div#wrap div#footer div.f_con ul.sns li.s01 a{background: url('/images/main/sns01.gif') no-repeat 0 0; }
div#wrap div#footer div.f_con ul.sns li.s02 a{background: url('/images/main/sns02.gif') no-repeat 0 0; }
div#wrap div#footer div.f_con ul.sns li.s03 a{background: url('/images/main/sns03.gif') no-repeat 0 0; }
div#wrap div#footer div.f_con p.top{position:absolute; top:0; right:0;}

div#wrap div#footer div.copyright { width:1100px; margin:0 auto; line-height:130%; padding-top:20px; }
div#wrap div#footer div.copyright h3 { float:left; margin:5px 20px 0 0px; }
div#wrap div#footer div.copyright p { margin:0 20px 5px 0; padding:10px 0 0 0; color:#7b7777; font-size:14px; line-height:19px;}
div#wrap div#footer div.copyright .vbar{padding:0px 10px;}
div#wrap div#footer div.copyright p.copy{color:#b5b5b5; font-size:13px;}


/* 최근본상품 */
div#aside {	position:absolute; width:94px;float:right;z-index:10;right:-110px; top:-412px;}
div#aside ul{ width:94px; }
div#aside ul li{text-align:center; font-size:12px; color:#959595; }
div#aside ul li.title{color:#fff; background-color:#2258ac; width:94px; height:30px; line-height:30px;}
div#content-scroll {width: 94px;height: 90px;overflow: hidden; }
.content-item img { border:1px solid #d1dbdd !important; }

table caption {display:none;}
legend {display:none;}