@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
/* common */
* { margin:0; padding:0; }
html, body { width:100%; height:100%; }
html { overflow-y:scroll; *overflow-x:auto;}
body { *word-break:break-all; -ms-word-break:break-all; }
body, input, button { font-size:13px; line-height:1.5em; font-family:Dotum,"±¼¸²",Gulim,AppleGothic,Sans-serif; color:#383d41; }
h1, h2, h3, h4, h5, h6 { font-size:13px; text-align:left; }
img, fieldset, iframe { border:0 none; }
ul li { list-style:none; }
a { color:#666; text-decoration:none; }
a:hover { color: #fc7700; text-decoration:none; }
textarea { overflow:auto; }


#wrap{width:1004px; text-align:left; }

#header{width:1004px;float:left; height:117;}
#content{width:1004px; /*margin-top:745px;*/ float:left;}
#bottom{width:1004px; /*margin-top:861px;*/ float:left;}


/*¸ÞÀÎÆäÀÌÁö °ü·Ã*/

.main_text{width:450px; margin-top:90px;}
.main_notice{width:450px; margin-top:44px;}
.main_txt01{color: #898989; font-family: µ¸¿ò; font-size: 13px; line-height:22px;}
.main_gallery{width:450px; margin-top:29px;}


/*¼­ºêÆäÀÌÁö*/
#sub_middle{width:1040px; float:left;}
#sub_bottom{width:1040px; float:left;}
#sub_m2{width:825px;}



.sub_01{width:221px;}
.sub_02{width:603px;}
.sub_03{width:9px;}

#quick_wrap { width:1100px; margin:0 auto; clear:both;}
.cl {clear:both;} /* float¾Æ·¡¿¡ ³Ö¾î¼­ ÀνĽÃÅ°´Â Ŭ·¡½º */


#go_form { padding:0 0 80px 0;}
#go_form table { color:#888; border-collapse:collapse; margin-bottom:20px; width:100%; text-align:left;}
#go_form table.col_table th { text-align:right; width:16%; letter-spacing:-1px;}
#go_form table.row_table th { text-align:center;}

#go_form table th { padding:4px; font-weight:bold; letter-spacing:-1px; border:#ccc solid 1px; font-size:13px; background-color:#efefef; letter-spacing:-1px;}
#go_form table td { padding:4px; border:#ccc solid 1px;}
#go_form2 { padding:0 20px 80px 20px;}
#go_form2 table { color:#888; border-collapse:collapse; margin-bottom:20px; width:100%; text-align:left;}
#go_form2 table.col_table th { text-align:right; width:18%;}

#go_form2 table th { padding:6px; font-weight:bold; letter-spacing:-1px; border:#ccc solid 1px; font-size:13px; background-color:#efefef; letter-spacing:-1px;}
#go_form2 table td { padding:6px; border:#ccc solid 1px; letter-spacing:-1px; font-size:13px;}
#go_form2 .num { width:25px;}
#go_form2 table td label { margin-right:10px; display:inline-block;}

.input_txt, .txtarea { border:#ccc solid 1px; padding:4px; width:200px;}
.txtarea { border:#ddd solid 1px; padding:4px; width:98%; overflow-y:scroll; height:150px;}
.num { width:40px;}
body {	background:url(../images/mainbg.jpg) top center repeat-x; background-color:#FFFFFF;}
.ch_box label { margin-right:13px; font-size:13px; letter-spacing:-1px;}

.brand_group { padding:0 20px 50px 20px; min-height:100px; position:relative;}
.brand_group h4 { background:url(../images/ico_sub.jpg) 0 0 no-repeat; padding-left:25px; font-size:16px; padding-bottom:20px; border-bottom:#d8d9dc solid 1px; padding-top:4px;}
.brand_group ul li { overflow:hidden; padding-bottom:20px; border-bottom:#d8d9dc solid 1px; padding-top:20px;}
.brand_group ul li dl { float:left; width:410px; text-align:left;}
.brand_group ul li dt { font-weight:bold; color:#6e90b6; padding-bottom:10px; font-size:14px;}
.brand_group ul li dd { background-color:#f0f4f8; padding:10px;}
.brand_group .thumb_img { border-collapse:collapse; float:left; margin-right:40px; margin-left:20px; vertical-align:middle; text-align:center; width:209px; height:143px;}
.nav_group { text-align:center; padding-top:15px;}
.nav_group a { padding:3px 6px 0 6px; line-height:15px; position:relative; top:-1px; *top:5px;}
.nav_group a:hover dl dd,
.nav_group a:hover dl dt{ text-decoration:none; color:#F63;}
.nav_group a img { vertical-align:bottom; position:relative; top:1px; *top:-4px;}
.nav_group a.on { background-color:#6e90b6; color:#fff;}


#brand_detail_group { padding:0 20px 50px 20px;}
#brand_detail_group h4 { background:url(../images/ico_sub.jpg) 0 0 no-repeat; padding-left:25px; font-size:20px; padding-bottom:20px; border-bottom:#d8d9dc solid 1px; padding-top:4px;}
#brand_detail_group ul li { overflow:hidden; padding-bottom:20px; border-bottom:#d8d9dc solid 1px; padding-top:20px;}
#brand_detail_group ul li dl { float:left; width:320px; text-align:left; overflow:hidden;}
#brand_detail_group ul li dt { font-weight:bold; color:#6e90b6; padding-bottom:10px; font-size:15px; border-bottom:#d8d9dc solid 1px; margin-bottom:10px;}
#brand_detail_group ul li dd { padding:10px;}
#brand_detail_group .thumb_img { float:left; margin-right:20px; margin-left:20px; vertical-align:middle; text-align:center; width:325px; height:222px; position:relative;}
#brand_detail_group .thumb_img a {border:#fff solid 1px; display:block;}
#brand_detail_group .thumb_img a:hover{ border:#000 solid 1px; opacity:0.7; filter:alpha(opacity=70); }
#brand_detail_group .thumb_img a:hover .btn_plus { position:absolute; top:0; left:0; display:block; background:url(images/plus.png) center 50% no-repeat; width:325px; height:222px;}
#brand_detail_group .product_group h4{ margin-top:40px; margin-bottom:20px;}
#brand_detail_group .product_group .div_ul { overflow:hidden; position:relative;}
#brand_detail_group .product_group .div_ul .div_li { float:left; padding:6px; border-bottom:none; overflow:visible;}
#brand_detail_group .product_group .div_ul .div_li span { display:block; position:relative;}
#brand_detail_group .product_group .div_ul .div_li a:hover span em { position:absolute; width:100%; height:100%; background:url(../images/plus.png) 50% 50% no-repeat;}
#brand_detail_group .product_group .div_ul .div_li span.title { padding-top:5px;}
.check_box { position:relative; bottom:-2px;}

/*layerPopup*/
#blackWrap {	position:absolute;	left:0; top:0; width:0px; height:0px;	background:#000;	opacity:0.5; filter:alpha(opacity=50);	z-index:200;}
#layerPopup {	position:absolute;	left:0; top:0;	display:none;	z-index:201;}
#layerPopup .content { cursor:default; }
#layerPopup .handle {cursor:move;}
.a_layerPopup { cursor:pointer; }
.halfOpacity {opacity:0.5; *filter:alpha(opacity=50);}
#ajaxTarget {width:0; height:0; border:0; display:none;}
.ellipsis {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
input.bigFont {font-family: Helvetica, Arial, Dotum, sans-serif; font-size: 14pt; font-weight:bold; height:22px; padding-top:4px; padding-left:5px;}

.loading {
	position:absolute; top:0; left:0;
	background:url(/sboard/images/loading_white.gif) center center no-repeat;
	background-color:#fff;
	width:100%; height:100%;
}
.on_tit { float:left; width:150px; font-size:13px; margin-right:10px; border-right:#e1e1e1 solid 1px; padding-right:10px; padding-top:3px;}

.sect td, .sect th{border-top:#ccc double 3px !important;}

.imgWrapTable {table-layout:fixed; border-collapse:collapse;}
.imgWrapTable td {padding:0; vertical-align:middle; text-align:center;}

.important { color:#fb5f36; margin-right:2px;}


/*flash*/
.n_header{ background-color:#fff}
.n_header .top_logo{background:url(/flash-img/topbg_01.jpg) left 10px no-repeat; vertical-align:top}
.n_header .top_logo > h1{ width:190px; height:45px; margin-left:15px; background:url(/flash-img/top_logo.jpg) center top no-repeat; text-indent:-9999px; cursor:pointer}
.n_header .top_navi{ padding-top:10px; height:62px; background:url(/flash-img/topbg_01.jpg) left 10px repeat-x; vertical-align:top} 
.n_header .top_navi > ul:after{display:block;content:"";clear:both;}
.n_header .top_navi > ul > li{ position:relative; float:left; font-size:15px; font-family:'Noto Sans KR';font-weight:500;color:#fff; text-align:center; line-height:34px; background:url(/flash-img/navi_line.jpg) left center no-repeat}
.n_header .top_navi > ul > li:hover > span{ color:#fffc00; cursor:pointer}
.n_header .top_navi > ul > li.navi1{ background:none; width:128px;}
.n_header .top_navi > ul > li.navi2{ width:126px;}
.n_header .top_navi > ul > li.navi3{ width:151px;}
.n_header .top_navi > ul > li.navi4{ width:104px;}
.n_header .top_navi > ul > li.navi5{ width:141px;}
.n_header .top_navi > ul > li.navi6{ width:124px;}
.n_header .top_navi > ul > li > ul{ display:none;position:absolute; left:0; top:34px;}
.n_header .top_navi > ul > li > ul > li{  float:left; margin-right:15px; font-size:13px; font-weight:500; line-height:28px; letter-spacing:-0.5px; color:#646464; cursor:pointer}
.n_header .top_navi > ul > li > ul > li:hover{ color:#fc7700}
.n_header .top_navi > ul > li.navi1 > .snb{ left:36px;}
.n_header .top_navi > ul > li.navi2 > .snb{ left:20px; width:600px}
.n_header .top_navi > ul > li.navi3 > .snb{ left:18px; width:500px}
.n_header .top_navi > ul > li.navi4 > .snb{ left:-190px; width:455px}
.n_header .top_navi > ul > li.navi5 > .snb{ left:20px; width:155px}
.n_header .top_navi > ul > li.navi6 > .snb{ left:inherit; right:10px; width:220px}

.n_main_visual{ padding:3px 0 0 3px; background:url(/flash-img/mainbg.jpg) left top no-repeat; vertical-align:top;}
.n_main_visual > .n_visual_box{  position:relative; width:740px; height:265px; }
.n_main_visual > .n_visual_box > .tit{ position:absolute; right:-1px; top:45px; width:206px; height:150px; padding:12px 19px 0 0; background:url(/flash-img/m_tit_bg.png) left top repeat;font-family:'Noto Sans KR';font-weight:500;color:#fff; z-index:200; text-align:right; box-sizing:border-box}
.n_main_visual > .n_visual_box > .tit > h2{ font-size:25px; letter-spacing:-0.03px; font-weight:500; color:#fcca00; line-height:32px; text-align:right}
.n_main_visual > .n_visual_box > .tit > p{ padding-top:14px; font-size:16px; letter-spacing:-0.4px; font-weight:500; color:#fff; line-height:21px;}
.n_main_visual > .n_visual_box > .txt{ position:absolute; left:0; bottom:0; width:100%; height:36px; background:url(/flash-img/m_txt_bg.png) left top repeat;font-family:'Noto Sans KR'; font-size:14px;font-weight:500;color:#fff; text-align:center; line-height:36px; z-index:200}

#slides{ z-index:100; overflow:hidden; width:740px; height:265px; }
.slidesjs-pagination {position:absolute; right:17px; top:16px; z-index:1000;list-style: none;}
.slidesjs-pagination li {float: left; margin: 0 4px 0 3px;}
.slidesjs-pagination li a { display: block;width: 8px; height: 0;padding-top: 8px; background-color:#fff; border-radius:10px; float: left; overflow: hidden;}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { background-color: #ff6600}


.left_banner{ width:190px; height:111px; margin:0 auto;}
.left_banner:after{display:block;content:"";clear:both;}
.left_banner > a{ display:block; float:left;height:111px; background-position: center center; background-repeat:no-repeat; text-indent:-9999px}
.left_banner > a.bnr1{ width:62px; background-image:url(/flash-img/leftbanner02_1_off.png) }
.left_banner > a.bnr2{ width:65px; background-image:url(/flash-img/leftbanner02_2_off.png) }
.left_banner > a.bnr3{ width:63px; background-image:url(/flash-img/leftbanner02_3_off.png) }
.left_banner > a:hover.bnr1{ background-image:url(/flash-img/leftbanner02_1_on.png) }
.left_banner > a:hover.bnr2{ background-image:url(/flash-img/leftbanner02_2_on.png) }
.left_banner > a:hover.bnr3{ background-image:url(/flash-img/leftbanner02_3_on.png) }