@import url(https://fonts.googleapis.com/css?family=Roboto);
@import "font-awesome-sprockets";
@import "font-awesome";

ul, menu, dir {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;}
}



/****************(1) Top Wrap *********************/
.topArea{width:100% !important;min-width: 1200px;}
div.glbNaviArea{min-width: 1200px;background: #f8f8f8;border-bottom:1px solid #cccccc;}
div.glbNaviArea .glbNavi{width:1200px;min-width: 1200px;margin:0 auto;text-align:right;color:#9e9e9e; overflow: hidden;}
div.glbNaviArea .glbNavi a{display:inline-block;*zoom:1;*display:inline; padding: 8px 30px;font-family: 'Roboto', sans-serif;border-right: 1px solid #dfdfdf;    text-transform: uppercase;}
div.glbNaviArea .langWrap{float:left;}
div.glbNaviArea .navList{float:right;}
#topWrap h1{float:left;    padding-top: 16px;}
#topWrap .glbNavWrap{position:absolute;right:0;top:0;}
#topWrap .glbNavWrap img{display:none;}
#topWrap{width:1200px;margin:0 auto;padding:10px 0; height: 65px;}
.navList ul li{float:left;}
.langwrap{width:135px; border:1px solid #ccc;float: left;    margin: 0 10px;}
.navList ul li:first-child {    border-left: 1px solid #dfdfdf;}
ul.langselect{position: relative;height: 29px;    line-height: 26px; z-index:100;}
ul.langselect:after{clear: both; display: block; content:'';}
ul.langselect img{vertical-align:middle;padding:5px}
ul.langselect ul{display:none;border:1px solid #ccc;margin-left:-1px}
ul.langselect li:hover ul{display: block; position: absolute;}
ul.langselect li{float: left; width:135px;color:#cbcbcb;}
ul.langselect li:hover{}
ul.langselect li a{padding: 0px 10px;background: url(/images/down.jpg) no-repeat 115px 10px ;display: block;}

ul.langselect ul li{float: none;}
ul.langselect ul li a{display: block; padding:1px 10px; text-align: left;background:#fff}
ul.langselect ul li a:hover{background: #f2f2f2;}
.topwrap{float:right;margin:17px 0}
.searchwrap{width:255px;border:1px solid #ccc;float:right; }
#topSearchKeyword{width:195px;padding: 5px 0;border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #ccc;    margin-top: 2px;}
#select_box{float:left}
 .jqis{     position:relative;}

 .jqis_header{     background-image: url('/images/dropdown_arrow.png');     background-position: right center;     background-repeat:no-repeat;     cursor:pointer;}

.jqis_header img{     cursor:pointer;}
.jqis_dropdown{    padding: 5px;    position:absolute;    overflow-x:hidden;    overflow-y:scroll;}

.jqis_dropdown img{    margin-right:3px;    cursor:pointer;    float:left;}

 .desc { color:#6b6b6b;}
        .desc a {color:#0092dd;}
        
        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
        .dropdown a:hover { color:#5d4617;}
        .dropdown dt a:hover { color:#5d4617; border: 1px solid #d0c9af;}
        .dropdown dt a {background:#e4dfcb url(arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
                        border:1px solid #d4ca9a; width:150px;}
        .dropdown dt a span {cursor:pointer; display:block; padding:5px;}
        .dropdown dd ul { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
                          left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
        .dropdown span.value { display:none;}
        .dropdown dd ul li a { padding:5px; display:block;}
        .dropdown dd ul li a:hover { background-color:#d0c9af;}
        
        .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
        .flagvisibility { display:none;}


/*new메뉴*/

	#g {position:relative; width:1200px; margin:0 auto; z-index:5;}
	#g ul{overflow:hidden;}
	#g ul li{float:left; width:168px;}

/*gnb메뉴*/


.gnb_menu li{float:left}

.gnb_menu li a{display:inline; padding:0 0px; height:92px;color:#408b3c; letter-spacing:-0.1em; line-height:2.4em;font-size: 16px;  font-weight: bold;line-height:92px}
.gnbwrap{ width:1200px;margin:0 auto;}
.gnbwrap2{float:right}
.submwrap{width:100%}
.cbp-hrmenu {width: 100%;  text-align: center;}

/* general ul style */
.cbp-hrmenu ul {margin:0;	padding:0;	list-style-type: none; }
/* first level ul style */
.cbp-hrmenu > ul,.cbp-hrmenu  {margin: 0 0px; }
.cbp-hrmenu > ul > li {display: inline-block;}
.cbp-hrmenu > ul > li:hover {background:#383e4d; }
.cbp-hrmenu > ul > li > p { margin:0px; padding:0px; }
.cbp-hrmenu > ul > li > p > a {height:95%;	display: inline;}
.cbp-hrmenu > ul > li:hover>div {z-index:9999; display: block; background:#fbfbfb;border-bottom: 1px solid #ccc;	position: absolute;min-width: 1200px;margin:0 auto}

/* new_sub-menu */

#header_menu {position:absolute; top:108px; left:0; width:100%; height:44px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#212839; z-index:99;min-width:1200px;}
#header_menu .h_menu_scroll {width:100%; min-width:1200px; margin:0 auto; z-index:98; }
#header_menu .h_menu {width:1200px; height:44px; margin:0 auto; font-size:0; background:#212839; }
#header_menu .h_menu .h_menuli {width:170px; position:relative; display:inline-block;}
#header_menu .h_menu .h_menuli .icon_big {position:absolute; top:-25px; left:60px;}
#header_menu .h_menu .h_menuli .tit {text-align:center;}
#header_menu .h_menu .h_menuli .tit a {display:inline-block; padding:1px 0px; color:#fff; font-size:15px; font-weight:bold;}
/* #header_menu .h_menu .h_menuli .tit a span {padding-top:19px; border-top:20px solid #ffffff;} */
#header_menu .h_menu .h_menuli .tit a span {outline: none; text-decoration: none; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#header_menu .h_menu .h_menuli .tit a.over {padding:0 0px; color:#383e4d;}
#header_menu .h_menu .h_menuli .tit a.over span {border-bottom:38px solid #383e4d;}
#header_menu .h_sub_menu_box { display:none; border-top:1px solid #dedede; border-bottom:1px solid #ccc; background:#fff;}
#header_menu .h_sub_menu_box .h_sub_menu {overflow:hidden; width:1200px; margin:0 auto; }
#header_menu .h_sub_menu_box .h_sub_menu ul {float:left; padding:20px 0;  width:170px;}
#header_menu .h_sub_menu_box .h_sub_menu ul li {text-align:center;}
#header_menu .h_sub_menu_box .h_sub_menu ul li a {display:block; padding:6px 28px; color:#333; font-size:14px;}
#header_menu .h_sub_menu_box .h_sub_menu ul li a:hover {background: #383e4d; color:#fff;}





/* sub-menu */
.cbp-hrmenu .cbp-hrsub {display:none;	border-bottom: 1px solid #e5e5e5;	width: 100%;	left: 0;border-top: 1px solid #212839;}
.cbp-hropen .cbp-hrsub {display: block; }
.cbp-hrsub-inner{}
.cbp-hrmenu .cbp-hrsub-inner > div {padding: 15px 0; float:left; text-align: left;;}

.cbp-hrmenu .cbp-hrsub-inner > div ul li{float:left; width: 250px;list-style:none;border-right:1px solid #ccc;position: relative;}
.cbp-hrmenu .cbp-hrsub-inner > div ul li.sub8{float:left; width: 210px;list-style:none;border-right:1px solid #ccc;position: relative;}
.cbp-hrmenu .cbp-hrsub-inner > div ul li.sub3{float:left; width: 219px;margin:0 !important;padding: 0 10px;list-style:none;border-right:1px solid #ccc;position: relative;}

.cbp-hrmenu .cbp-hrsub-inner > div ul li h5{display:block;width:100%;;color:#8e3669;font-size: 13px;font-weight:bold;     padding: 10px 0;   text-transform: uppercase;background:url(/images/tit_line.jpg) no-repeat 0 40px;}

.submenu2 li{/*width:200px !important*/}
.cbp-hrmenu .cbp-hrsub-inner > div ul li a p{color:#9f9f9f;font-size: 12px;  padding-top: 10px;height: 30px;
    line-height: 16px;
    font-weight: normal;}
#cbp-hrmenu ul li p a img{ vertical-align: inherit !important;;}
.cbp-hrmenu .cbp-hrsub-inner > div ul li a span{ color:#000;font-size: 12px;font-weight:bold;    display: block;
    padding-top: 20px;}
.cbp-hrsub-inner{width:1200px;margin: 0 auto; }
.cbp-hrsub-inner > div ul li{  list-style-type: disc;  margin: 0 10px;}
.cbp-hrmenu .cbp-hrsub-inner > div:hover {}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {	content: " ";	display: table;}
.cbp-hrmenu .cbp-hrsub-inner:after {	clear: both;}
.cbp-hrmenu .cbp-hrsub-inner > div a {	line-height: 2em;  display: block; padding: 2px}
.cbp-hrmenu .cbp-hrsub-inner > div a:hover {}
.imgwrap{    position: absolute;
    right: 0;top:10px;
    float: right;
    padding: 10px;}


/*메인 슬라이드*/

.skdslider{
 width:100%;
 height:100%;MAX-HEIGHT:660PX;
 position: relative;
 display: block;
 overflow:hidden;
}

.skdslider:after {
    content: '';
    padding-top: 50%; 
    display: block;
}

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li
{
   display: none;MAX-HEIGHT:660PX;
}
.skdslider ul.slides li img{
    width: 100%;
	height:100%;
	MAX-HEIGHT:660PX;
	border:0;
}

.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
	list-style-type: none;
    margin: 0;
    padding: 0;
}


.skdslider ul.slide-navs li {
    float: left;
	background: url("/images/slide-bg.png") no-repeat scroll 0 0 transparent;
	height:12px;
	width:12px;
	margin-right:4px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.current-slide {
  background: url("/images/slide-bg-active.png") no-repeat scroll 0 0 transparent;
}

.skdslider .slide-desc {
    background: url("/images/slide_desc.png") repeat scroll 0 0 transparent;
    left: 0;
    padding: 0 15px 0 15px;
    position: absolute;
    bottom: 15%;
    max-width: 85%;
	display:inline-block;
}


.skdslider a.prev{
    background: url("/images/arrow-left-light.png") no-repeat scroll 0 0 transparent;
	width:65px;
	height:65px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-17px;
}

.skdslider a.next{
    background: url("/images/arrow-right-light.png") no-repeat scroll 0 0 transparent;
	width:65px;
	height:65px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-17px;
}
.skdslider a.prev:hover{}
.skdslider a.next:hover{}

@media screen and (min-width:1200px) {
	.skdslider a.next{
    position:absolute;
	top:50%;
	right:9%;
	margin-top:-17px;
}
.skdslider a.prev{
   	position:absolute;
	top:50%;
	left:9%;
	margin-top:-17px;
}
}

.skdslider a.play{
    background: url("/images/play.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}

.skdslider a.pause{
    background: url("/images/pause.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}
/*Some Responsive CSS */
@media screen and (max-width:767px) {
	.skdslider .slide-desc > h2 {
		font-size: 20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.skdslider .slide-desc > p {
		font-size: 14px;
		line-height: 15px;
		margin-top: 5px;
	}
	.skdslider .slide-desc > p a.more {
		font-size:14px;
	}
}

.mbg1 a{display:block;width:100%;height:100%;MAX-HEIGHT:660PX;background: url(/upload/slider/20151012092845_SLIDER_1_0_@_Untitled-1_0002_Layer-1.jpg) no-repeat;    background-position:center center;background-size: cover;}
.mbg2 a{display:block;width:100%;height:100%;MAX-HEIGHT:660PX;background: url(/upload/slider/20151012092845_SLIDER_1_0_@_Untitled-1_0001_Layer-2.jpg) no-repeat;     background-position:center center;background-size: cover;}
.mbg3 a{display:block;width:100%;height:100%;MAX-HEIGHT:660PX;background: url(/upload/slider/20151012092845_SLIDER_1_0_@_Untitled-1_0000_Layer-3.jpg) no-repeat;     background-position:center center;background-size: cover;}
.your-class{padding:0 40px}
.bestprowrap .your-class>div{margin:0 auto;width:100%;text-align:center}
.bestprowrap .your-class>div p{padding:10px 0;text-align:center;font-family: 'Roboto', sans-serif;color:#000;font-size: 13px;font-weight:bold;}
.bestprowrap .your-class>div img{border:1px solid #e9e9e9;width:95%;margin: 0 auto;}
.prodPhoto{background:#F9F9F9;;width:100%}
.bestprowrap{padding-top:20px}
div.productInfoWrap{margin:0 auto;    margin: 20px 0;}
div.prodSubCateWrap {
    padding: 15px;
    color: #e5e5e5;
    border: 1px solid #e5e5e5;    background: #f7f7f7;}
div.prodSubCateWrap ul li {    padding: 0 5px;
    border-right: 1px solid #ccc;
    display: inline-block;
}

/**************** (2) Content Area *********************/

#contentWrap{width:1200px;    min-width: 1200px;   min-height: 500px;}
#leftArea{float:left;width:155px;}
#contentWrap .mainBodyWrap{float:right;width:820px;}
.mainEventBanner,.mainRecommendProdWrap{overflow:hidden}

/** concentWrap**/
div.bannerArea{text-align:center;min-width: 1200px;    }
div.bx-controls-direction{position:relative;margin:0 auto;;}
div.bx-controls-direction a.bx-prev,
div.bx-controls-direction a.bx-next{position:absolute;top:-300px;z-index:999;text-indent: -9999px;}


@media screen and (max-width:1600px) and (min-width:1300px)
 {
	div.bx-controls-direction a.bx-prev,
div.bx-controls-direction a.bx-next{position:absolute;top:-260px;z-index:999;text-indent: -9999px;}
}

@media screen and (max-width:1299px) and (min-width:1000px)
 {
	div.bx-controls-direction a.bx-prev,
div.bx-controls-direction a.bx-next{position:absolute;top:-235px;z-index:999;text-indent: -9999px;}
}

@media screen and (max-width:999px)
 {
	div.bx-controls-direction a.bx-prev,
div.bx-controls-direction a.bx-next{position:absolute;top:-235px;z-index:999;text-indent: -9999px;}
}



div.bx-controls-direction a.bx-prev{left:5%;width:27px;height:49px;background: url(/upload/images/btn_b_prev.png) left top no-repeat;}
div.bx-controls-direction a.bx-next{right:5%;width:27px;height:49px;background: url(/upload/images/btn_b_next.png) left top no-repeat;}

#contentWrap .mainListBanner{;}

div.mainTopEventBanner{float:left;width:656px;}
div.topMainRightWrap{float:right;width:155px;}
div.noticeWrap{height:88px;margin-top:5px;}
div.noticeWrap ul li{padding: 2px 0 2px 7px;;background: url(/himg/common/dot_board_list.png) left center no-repeat;}



div.mainNavArea{background:#212839;}
div.mainNavArea .mainNav{width:1200px; margin: 0;	padding: 0;  text-align:center;}

.mainNav a{font-family: 'Roboto', sans-serif;}
.bottomSiteMap a{color:#e7e7e7;    text-transform: uppercase; }
.bottomSiteMap a:hover{color:#ccc}
.bottomSiteMap{clear:both;font-family: 'Roboto', sans-serif;}
.btwrap{width:100%;border:1px solid #ccc;overflow:hidden; margin: 30px 0;}
.btwrap>ul>li{float:left;height:222px;border-right:1px solid #ccc;position:relative;}
.morewrap{position:absolute;right:15px;top:15px;}
.n_wrap ul li span{float:right}
.b1{width:365px; padding: 15px 15px 0 15px;}
.b2{width:430px; padding: 15px 15px 0 15px;}
.b3{border-right:none !important}
h4{padding-bottom: 10px;    margin-bottom: 10px;font-family: 'Roboto', sans-serif;font-size:18px}
.n_wrap ul li{padding:5px 0}
.b2 .n_wrap ul li{float:left;      width: 23%;  padding: 20px;    text-align: center;}
.b2 .n_wrap ul li p{padding:10px 0;}
.map_wrap{width:1200px;margin:0 auto;text-align:center;    padding: 30px 0 50px;}
.brand_wrap{width:100%;line-height:24px;    font-size: 15px;}
.brand_wrap p{font-size:15px}
.brand_wrap span{font-family: 'Roboto', sans-serif;font-size:30px;padding:16px 0;color:#631f0d;display:block;}
.brand_wrap img{padding:20px 0}

table.bbsListTable td img.listImg{width:150px;height:150px;margin:10px;    border: 1px solid #ccc;}
table.bbsListTable tr td ul li:first-child{display:none}
table.bbsListTable tr td ul li:last-child{display:none}
.mainbanner_wrap{position:relative;    padding-bottom: 20px;}
.mainbanner_wrap figure img{width:100%}
.mainbanner_wrap ul{overflow:hidden;}
.mainbanner_wrap ul li{margin:0px;padding:0px;float: left; width:33.2%;/*border-right:1px solid #ccc;     border-top: 1px solid #ccc;*/height: 602px;}
.mainbanner_wrap ul li a img{width:100%}
.mainbanner_wrap ul li:nth-child(1){/*border-left:1px solid #ccc;*/}
.mainbanner_wrap ul li:nth-child(4){margin-top:-209px;/*border-left:1px solid #ccc;/*border-bottom:1px solid #ccc;    border-top: 1px solid #ccc;*/}
.mainbanner_wrap ul li:nth-child(5){height: 392px;/*border-bottom:1px solid #ccc;*/}
.mainbanner_wrap ul li:nth-child(5) img{width:100%}
.mainbanner_wrap ul li:nth-child(6){margin-top:-209px;/*border-right:1px solid #ccc;border-bottom:1px solid #ccc;    border-top: 1px solid #ccc*/;}
.b_subt{position:relative;top:40%}
.mainbanner_wrap ul li a{display:block;}

.sub8_1wrap{padding: 30px 0; ;overflow:hidden}
.sub8_1wrap ul li{float:left;width:24.8%;border:1px solid #e9e9e9;text-align:center;    border-right: none;}
.sub8_1wrap ul li:last-child{border-right: 1px solid #e9e9e9}
.sub8_1wrap ul li a{display:block;padding:20px 0;font-size:16px}
.sub8_1wrap ul li:hover{display:block;background:url(/images/subcatbg.jpg) no-repeat;color:#fff}
.sub8_1wrap ul li a:hover{display:block;background:url(/images/subcatbg.jpg) no-repeat;color:#fff}
.sub8_1wrap ul li a.on{display:block;background:url(/images/subcatbg.jpg) no-repeat;color:#fff}
.introduce_wrap{margin:0 auto;width:1200px;text-align: center; position: relative;    padding: 30px 0;}
.tit_style{padding:40px 0}
.address_info{text-align:left}
.sortBtn span{padding:0 5px}

.sortBtn span a{    display: inline-block;
    text-align: center;
    color: #263a54;}




/**************** (4) Bottom Wrap *********************/
#bottomWrap{width:1200px;min-width:1200px;margin:0 auto;    padding: 15px 0;}
#bottomWrap .bottomNavi{padding: 8px 0;text-align:center;color:#ccc;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
#bottomWrap .bottomNavi a{color:#333;}
#bottomWrap .bottomNavi a:hover{color:#0089c9}
#bottomWrap .shopInfo{float:left;margin-top:15px;line-height:16px;color:#808080;}
#bottomWrap .shopInfo td.copyLogo img{width:150px;padding-right:30px;}
#bottomWrap .shopInfo p{font-family:verdana;font-size:10px;}
#bottomWrap .icoWrap{float:right;margin-top:10px;}
.div_2,.div_3,.div_4{padding-top:20px;font-style: italic;}
#bottomArea{background:#272521;min-width: 1200px;    clear: both;}
div.bottomSiteMap dl dd{display:inline-block;*zoom:1;*display:inline;vertical-align:top;width:10.5%;color:#919191;border-right: 1px solid #333;padding: 0 10px;
    height: 200px;}
div.bottomSiteMap dl dd ul li.tit{font-size:14px; padding: 10px 0;font-style: normal !important;text-transform: uppercase;}
div.bottomSiteMap dl dd ul li.tit a{font-family: 'Roboto', sans-serif,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑"}
div.bottomSiteMap dl dd ul li{color:#e7e7e7;padding:3px 0}
div.bottomSiteMap dl dd.div_4 li.addrIco{margin-top:5px;padding-left:45px;background: url(/upload/images/ico_1.png) left top no-repeat;}
div.bottomSiteMap dl dd.div_4 li.telIco{height:21px;margin-top:5px;padding-top:12px;padding-left:45px;background: url(/upload/images/ico_2.png) left top no-repeat;}
div.bottomSiteMap dl dd.div_4 li.cusIco{height:21px;margin-top:5px;padding-top:12px;padding-left:45px;background: url(/upload/images/ico_3.png) left top no-repeat;}
div.bottomSiteMap dl dd.div_4 li a{}
#bottomArea .shopInfo{}
.copywrap{background:#000;overflow: hidden;padding: 20px 0;}
.copywrap2{width:1200px;margin:0 auto}
.copywrap2 ul {width:900px;float:left;    padding-left: 30px;    padding-top: 15px;}
.copywrap2 ul li{padding:3px 0;color:#d9d9d9} 
.b_menu{width:100%;background:url(/images/bt_bg.jpg);overflow:hidden;padding:10px 0;}
.b_menu2 {width:1200px;margin:0 auto;}
.b_menu2 ul li{float:left;padding-right:10px;color:#a5a5a5}
.b_menu2 ul li a{;color:#e7e7e7;    padding-right: 10px;}
.mainbestwrap .prodListWrap>ul>li{float:left;}
.mainbestwrap .prodListWrap ul li div .priceSale,.mainbestwrap .prodListWrap h2{display:none;}
.mainbestwrap .prodListWrap .productInfoWrap{    text-align: center;}
.mainbestwrap .prodListWrap .productInfoWrap img{padding:10px ;border:1px solid #ccc}
.mainbestwrap .prodListWrap ul li div .title{text-align:center;font-weight:bold}




/* 1차 메뉴 마우스 오버시 2차 메뉴 보여주기 */
/* 1차메뉴 보기 */
div.mainNavArea .mainNav ul li.cate1{position:relative;display:inline-block;*zoom:1;*display:inline;padding:8px 20px;}
div.mainNavArea .mainNav ul li a.cate1-name{color:#333;font-weight:bold;}

/* 2차메뉴 보기 */
div.mainNavArea .mainNav ul li.cate1 .productCate2{position:absolute;top:26px;left:-25px;width:130px;z-index:999;}
div.mainNavArea .mainNav ul li.cate1 .productCate2 .cate2-do{position:relative;height:6px;background:url(/upload/images/bg_top.png) top center no-repeat;z-index:1000;}
div.mainNavArea .mainNav ul li.cate1 .productCate2 .cate2-wrap{margin-top:-2px;padding:10px 0;border:1px solid #bdbdbd;background:#FFF;}
div.mainNavArea .mainNav ul li.cate1 .productCate2 .cate2-wrap a{display:block;padding:5px 0;color:#212121;}
div.mainNavArea .mainNav ul li.cate1 .productCate2 .cate2-wrap a:hover{text-decoration:underline;color:#cb0000;}

/* dot 위치 조정 */
div.mainNavArea .mainNav ul li.cate1-c1 .productCate2,
div.mainNavArea .mainNav ul li.cate1-c2 .productCate2{left:-30px;}
div.mainNavArea .mainNav ul li.cate1-c3 .productCate2{left:-20px;}

#subCategory ul{}

/*컬러탭*/
.tabs{    overflow: hidden;}
.tabs li{width: 111.5px;padding:10px 0;text-align:center;float:left;border-bottom:1px solid #e5e5e5;background:#e5e5e5;}

.tabs li:first-child{border-right:1px solid #e5e5e5;border-bottom: 1px solid #fff;background:#fff}
.tabs li.active{border-bottom:none;;background:#fff}
.tabs li.active a{}
.tab_content{clear:both}
.colorwrap2{width:144px;margin:0 auto;padding: 20px 0;overflow: hidden;}
.colorwrap2 ul li{float:left;margin:2px}

.colorwrap2> ul > li > a{width:20px;display:block;height:20px;border:2px solid #fff}
.colorwrap2 ul > li.on a{border:2px solid #000;}
.colorwrap2 ul > li:hover > a,
 .colorwrap2 ul > li:focus > a,
 .colorwrap2 ul > li:active > a,
 .colorwrap2 ul > li.active > a {width:20px;display:block;height:20px;border:2px solid #000}

.colorwrap2 ul li.Black{background:#000}
.colorwrap2 ul li.Lightgray{background:#bfbfbf}
.colorwrap2 ul li.Gray{background:#7f7f7f}
.colorwrap2 ul li.Yellow{background:#ffc000}
.colorwrap2 ul li.Orange {background:#ff9900}
.colorwrap2 ul li.Darkblue {background:#17375e}
.colorwrap2 ul li.Blue {background:#0070c0}
.colorwrap2 ul li.Green {background:#00b050}
.colorwrap2 ul li.Pink {background:#d60093}
.colorwrap2 ul li.LightBrown {background:#996633}
.colorwrap2 ul li.Red{background:#ff0000}
.colorwrap2 ul li.Wine {background:#a50021}
.colorwrap2 ul li.Darkgreen  {background:#666633}
.colorwrap2 ul li.Purple  {background:#663399}
.colorwrap2 ul li.Brown {background:#663300}
.colorwrap2 ul li.White {background:#ffffff;    border: 1px solid #e9e9e9;}
.colorwrap2 ul li.White a{width:18px;display:block;height:19px;}
.colorwrap2 ul li.brightred {background:#ff7c80}
.colorwrap2 ul li.Lightpurple {background:#ccccff}
.colorwrap2 ul li.yellowgreen {background:#cccc99}
.colorwrap2 ul li.Aqua {background:#66ffff}




#prod_qna{width:943px;}

/* 상품리스트 2차 카테고리 */
.prodtopImgWrap{padding-bottom:20px}
#subCategorywrap{width: 226px;    float: left;  }
#subCategory{   border: 1px solid #e5e5e5; }
#subCategory h2{    height: 70px;    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: normal;
    background: #000;
    font-family: 'arial';
    color: #fff;
    text-align: center;
    padding-top: 50px;}
#subCategory ul {background:#fff}
#subCategory ul li{border-bottom:1px dashed #e5e5e5;}
#subCategory ul li ul{background:#f2f2f2}
#subCategory ul li ul li:hover{background:#eeece4}

#subCategory ul li:last-child{border-bottom:none}
#subCategory ul li a{display:block;    padding: 15px 30px;color:#666;}
#subCategory ul li a:hover{color:#000}
#subCategory>ul>li:hover{background:#dedede}

#subCategory ul li a.cate1-name{display:none;}
#subCategory ul li a.selected{font-weight:bold;color:#000;}
#subCategory ul #cate2Btn:hover {}


.colorwrap{border: 1px solid #e5e5e5;margin:10px 0}
.contentWrap1{float:right;width:944px}
.prodInfoTxt li{text-align:center;margin: 0 auto;}
.prodInfoSum li{text-align:center}
.locationMapWrap{display:none}
.bestList1 .priceSale{color:#84195a !important;    font-weight: 700;font-size:16px}
.prodNewListWrapA .priceSale {color:#84195a !important;    font-weight: 700;font-size:14px}

.bdCtl{width:944px}

/*상품리스트*/
.prodInfoSum ul li{padding:5px 0 !important}

/** 상품상세 **/
.productwrap{width:944px;float: right;margin-bottom: 15px;}
.productwrap2{border-top:3px solid #000;padding-top: 30px;}
a.chkOrderBigBtn, a.wishBigBtn{width:250px;}
a.btnProdBuy{width:190px;border:1px solid #000;background: #000 !important}
a.btnProdCart{width:130px;border:1px solid #dcdcdc;background: #fff }
a.btnProdWish{width:130px;border:1px solid #dcdcdc;background: #fff}
.listTopSortWrap {padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center !important;}
div.listTopSortWrap .sortBtn { padding:10px 0;   float: right !important;;    display: none;}
.listTopSortWrap h3 span{ display:none;}
.listTopSortWrap h3 .cate_tit{font-size:24px;   color: #000;font-weight:normal;  padding: 30px 0 5px 0;
    display: block;}
div.listTopSortWrap .listTopSortWrap strong{ font-size:24px;   color: #000;}
.selectImage{border:1px solid #e9e9e9}
.originRow{display:none}
.prodIcon{display:block;padding: 8px 0;}


.del_wrap h3{float:left;width:8%;    font-family:"dotum";font-size: 11px;padding-top: 14px;}
.del_wrap:first-child{}
.delinfo{border-bottom:1px solid #e9e9e9;overflow:hidden;   }
.delinfo div{    float: right;
    width: 88%;
    border-left: 1px solid #e9e9e9;
    padding: 10px 15px;}
.delinfo div ul li{font-size: 11px;    padding: 5px 0;    background: url(/images/dot.jpg) no-repeat 0 8px;
    text-indent: 10px;
    font-family: "dotum";}
.comwrap{width:933px}
.prod_review{width:944px}
div.multyImageListWrap {}
#contentWrap #COMMUNITY_LIST{width:100% !important;padding: 20px 0;}
#contentWrap #COMMUNITY_WRITE_1{width:100% !important;padding: 20px 0;}
#contentWrap #COMMUNITY_VIEW_1{width:100% !important;padding: 20px 0;}
#contentWrap #COMMUNITY_VIEW_1 h2{padding: 10px 0;}
#contentWrap #COMMUNITY_LIST h2{padding: 10px 0;}
#COMMUNITY_LIST,#COMMUNITY_WRITE_1,#COMMUNITY_VIEW_1{width:944px;}
.boardTopWrap{display: none;}
.iframewrap{width:940px;}
.prod_qna,.prod_review{}
.bdCtl h2{display:none}
.orderBtnWrap{}
div.coloropwrap .coloroption ul li{margin:10px 2px 2px 2px !important;border:2px solid #FFF;}
div.coloropwrap .coloroption ul li.on{border:2px solid #000;}
#COMMUNITY_LIST h2{padding: 10px 0;}
.detailArea .detailInfoTabWrap:nth-child(1) .tabBox a:nth-child(2){}
.detailArea .detailInfoTabWrap:nth-child(1) .tabBox a:nth-child(4){}

.detailInfoTabWrap .detailTab_5{}
.deliveryConditionInfoRow, .brandRow, .deliveryFreeInfoRow{}
.product_03{border-bottom:1px solid #e5e5e5;}

.bestProdListWrap1{display:none}
.product_brand{border-bottom:1px solid #e5e5e5;;border-top:1px solid #e5e5e5;;}
.infoTableWrap tr{border-bottom:1px solid #e5e5e5;}
.product_i{    padding: 10px 0;}
.buycount1{border-bottom:1px solid #e5e5e5;}
/* 브랜드 배너 */
div.brandBanner{position:relative;}
div.brandBanner ul{margin:0 20px;}
div.brandBanner ul li{width:190px !important;}
div.brandBanner ul li img{height:100px;}
div.brandBanner .jcarousel-pagination{display:none;}

div.brandBanner a.jcarousel-control-prev,
div.brandBanner a.jcarousel-control-next{position:absolute;top:50px;width:30px;height:30px;z-index:999;text-indent:-9999px;}
div.brandBanner a.jcarousel-control-prev{left:0px;background: url(/upload/images/btn_p_prev.gif) left top no-repeat;}
div.brandBanner a.jcarousel-control-next{right:0px;background: url(/upload/images/btn_p_next.gif) left top no-repeat;}

div.bestTitle{    padding-bottom: 20px;}
.bestList1 table{    margin-bottom: 20px;}
.bestList1 table tr{    padding-left: 5px;    display: block;}
.ca-nav-prev a span,.ca-nav-next a span{display:none}

.ca-nav-prev,.ca-nav-next {    text-indent: -9999em;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 999;
    display: block;
    width: 27px;
    height: 49px;
  
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
   }
.ca-nav-prev{ position: absolute;
        left: -40px;background: transparent;    background: url(/images/prev.png) no-repeat 0 0;}
.ca-nav-next{   position: absolute;
        right: -40px;background: transparent;    background: url(/images/next.png) no-repeat 0 0;}


div.bestProdListWrap1 .prodListWrap,
div.bestProdListWrap2 .prodListWrap,
div.bestProdListWrap3 .prodListWrap,
div.bestProdListWrap1 .prodListWrap,
div.bestProdListWrap1 .prodListWrap{}
.bestList1 div.productInfoWrap{    width: 300px;
    height: 300px;
    box-sizing: border-box;text-align:center !important;    padding-left: 20px;}
.productInfoWrap:first-child a{}
.productInfoWrap:last-child a{padding-right: 0px;}

.bestList1 .listProdImg {width:215px !important;;height:215px !important;;background: #fff;}

/** login **/
.loginFormWrap input{vertical-align:middle;}
.loginFormWrap .memberTitleWrap{padding-bottom:20px !important;font-size:21px;font-family:'Arvo', Arial, Helvetica, sans-serif;border-bottom:2px solid #000 !important;}


/** 글 등록시 비밀번호 폼 **/
div.comuPwFormWrap{margin:70px auto 0;padding:70px 0;width:720px;border:1px solid #CCC;}
div.comuPwFormWrap .subTitInfo{font-size:17px;font-weight:bold;text-align:center;}
div.comuPwFormWrap table{margin:70px auto 0 !important;width:400px;border:none !important;}
div.comuPwFormWrap input{margin-left:10px;}
div.comuPwFormWrap .btnCenter{margin-top:50px;}
div.comuPwFormWrap .btnCenter a.btn_board_cancel{background:#828282;}
div.comuPwFormWrap .btnCenter strong{font-weight:normal;}


/**** 로그인 ******/
#contentWrap{}
.prodNewListWrapA{}
.prodNewListWrapA table tr td{text-align:center; margin: 0 auto; }
.prodNewListWrapA table tr td:last-child {    border-right: none;}
.prodNewListWrapA table tr:last-child td{    border-bottom: none;}
.prodNewListWrapA table tr td.center{padding:20px 0;    width: 948px;}
#contentWrap .loginFormWrap{margin:50px 0;padding:50px 50px 20px;border:1px solid #CCC;}
#contentWrap .loginFormBox{padding:0;border:none;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap{float:left;position:relative;padding:50px 35px;width:400px !important;border:1px solid #CCC;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap .loginForm{margin-top:20px !important;width:400px !important;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap .loginForm .titMemberLogin{display:none;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table,
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr th,
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td{border:none;} 
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td{padding:10px 0;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td .btnRegMem,
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td .divBar{display:none;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td label{display:block;margin-bottom:5px;font-weight:bold;color:#000;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td.centerTd{text-align:left;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td .regMemBtnWrap{margin-top:160px;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td .btnFindPw{text-align:left;color:#b39964;text-decoration:none;font-family:'Arvo', Arial, Helvetica, sans-serif;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr th .loginBtn{position:absolute;bottom:170px;left:35px;width:400px;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td .facebookBtn{display:block;position:absolute;bottom:110px;left:35px;width:400px;height:50px;background:url(/upload/images/btn_facebook.gif) center no-repeat;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td .facebookBtn img{display:none;}
#contentWrap .loginFormWrap .memLoginBox .memLoginFormWrap table tr td input{padding:5px 0;width:398px;}

#contentWrap .loginFormWrap .memLoginBox .menJoinForm{float:right;padding:50px;width:350px !important;}
#contentWrap .loginFormWrap .memLoginBox .menJoinForm .txtBox{margin-top:60px;}
#contentWrap .loginFormWrap .memLoginBox .menJoinForm .txtBox .txt{font-size:15px;line-height:30px;font-family:'Arvo', Arial, Helvetica, sans-serif;}
#contentWrap .loginFormWrap .memLoginBox .menJoinForm .txtBox ul{list-style:disc;}
#contentWrap .loginFormWrap .memLoginBox .menJoinForm .btnLoginWrap{margin-top:60px;}
#contentWrap .loginFormWrap .memLoginBox .menJoinForm .btnLoginWrap a.btnJoin{display:block;padding-top:20px;width:350px;height:30px;text-align:center;font-size:13px;font-weight:bold;color:#FFF;background:#000;}

/** join **/
.loginFormWrap .joinStepWrap .facebookSigninWrap{margin-top:40px;padding-bottom:50px;}
.loginFormWrap .joinStepWrap .joinWrap{margin-top:40px !important;}

/** 퀵매뉴 **/
div.quickWrap{border:1px solid #CCC;width:70px; }
div.quickWrap .qTit{padding:5px 0;color:#FFF;text-align:center;background: #333;}
div.quickWrap .quickBtnWrap{text-align:center;    padding: 5px 0;    border-top: 1px solid #ccc;}
div.quickWrap .topBtn{padding:5px 0;color:#FFF;text-align:center;background: #333;}
.quickBtnWrap{background:#333}
div.bx-pager{display:none;}
.qbtn{width:100%;background:#fff}
.qbtn ul li{text-align:center;padding:5px 0;border-bottom:1px dotted #ccc}
.quickProdLi{text-align:center;    padding: 10px 0;    background: #fff;}

@media screen and (max-width:1200px) {
	div.quickWrap{display:none}
}



/* 모바일 버전 */
a.btn_go_mobile{display:block;padding:15px 0;text-align:center;border:1px solid #CCC;background:#f8f8f8;}
/* 신청서 */
div.applyTableBodyWrap{width:100%}
div.applyTableBodyWrap h3{font-size:17px;line-height:17px;padding:10px 0;}
div.applyTableBodyWrap table{margin-top:10px;width:100%;border-top:3px solid #000;border-bottom:1px solid #CCC;}
div.applyTableBodyWrap table th,
div.applyTableBodyWrap table td{padding:10px;text-align:left;border-right:1px solid #CCC;}
div.applyTableBodyWrap table td.tit{font-weight:bold}

div.applyTableBodyWrap table th{font-weight:bold}
div.applyTableBodyWrap table tr{border-bottom:1px solid #CCC;}
div.applyTableBodyWrap table tr:nth-child(10) {}
div.applyTableBodyWrap table tr:nth-child(10) .tit{background: #fff;}
div.applyTableBodyWrap table tr.bdTop th,
div.applyTableBodyWrap table tr.bdTop td{border-top:1px solid #CCC;}
div.applyTableBodyWrap table td.comt{border-right:none;}
div.applyTableBodyWrap table li{display:inline-block;*display:inline;*zoom:1;}
div.applyTableBodyWrap table select{height:25px;}
div.applyTableBodyWrap table input{ background: #f7f7f7;border: 1px solid #d5d5d5;}
div.applyTableBodyWrap .sampleBtnBox{text-align:right;}
div.applyTableBodyWrap .sampleBtnBox a{
																	display:inline-block;*display:inline;*zoom:1;
																	padding:0 7px;
																	height:20px;
																	line-height:20px;color:#333;
																	border:1px solid #CCC;
																	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
																	background:#f8f8f8;
																	}
div.applyTableBodyWrap .sampleBtnBox a:hover{border:1px solid #BBB;}

div.applyTableBodyWrap .btnBoxWrap{margin:30px 0 50px;text-align:center;}
div.applyTableBodyWrap .btnBox{margin-top:20px;} 
div.applyTableBodyWrap .btnBox a{display:inline-block;*display:inline;*zoom:1;margin:0 5px;line-height:35px;    padding: 7px 0;}
div.applyTableBodyWrap .btnBox a.btnOk{width:120px;height:35px;color:#FFF;background:#000;}
div.applyTableBodyWrap .btnBox a.btnCancel{width:118px;height:33px;color:#737373;border:1px solid #dcdcdc;}


/* 상품 Q&A */
div.prodQnaBbsArea span{width:36px;height:20px;}
div.prodQnaBbsArea span.bgGray,
div.prodQnaBbsArea span.bgBlue,
div.prodQnaBbsArea span.bgRed{
													display:inline-block;*display:inline;*zoom:1;
													line-height:20px;color:#FFF;    text-overflow: ellipsis;padding:5px;
    overflow: hidden;
													-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
													}
div.prodQnaBbsArea span.bgGray{background: #A0A0A0;}
div.prodQnaBbsArea span.bgBlue{background: #3F3F94;}
div.prodQnaBbsArea span.bgRed{background: #9E771B;}