@charset "euc-kr";
@import url('common_new.css');

.mainsub
{
    margin-bottom:37px;
    
}
.mainsub li,.mainsub li a
{
    font-family:Arial;
    font-size:16px;
    color:#363636;
}


.gnb{
	position:absolute;
	top:0;
	left:510px;
}
.top_bg1  
{
    background:url(../img/top/retailer_only.png) no-repeat; 
    width:128px; 
    height:31px;
    margin-right:10px;
}
.top_btxt01 { font-family:"Arial"; font-size:15px; color:#ffffff; font-weight:bold; padding-left:10px; line-height:53px;}
.top_btxt02, .top_btxt02 a
{
    font-family:"Arial"; 
    font-size:12px;
    color:#707070;
    line-height:15px;
    vertical-align:top;
    margin-top:-2px;
}
.top_btxt02 a{    color:#009ddc;}
.top_btxt02 a, .top_btxt02 a:link, .top_btxt02 a:active, .top_btxt02 a:visited, .top_btxt02 a:hover{    text-decoration:underline !important;}

.top_txt02 li, .top_txt02 li a 
{ 
    font-family:"Arial" !important; 
    font-size:13px !important; 
    color:#363636 !important; 
    padding-top:5px;
    padding-right:8px;
}
.top_txt02 li img
{
    margin-top:-3px;
}

.gnb_a {width:100%; background-color:#fff; border-bottom: 1px solid #bebebe;}

.menu{width:904px; height:43px; margin:0 auto;}
.menu li {float:left; }
.menu li ul {visibility:hidden; position:absolute;}
.menu li.hover ul {visibility:visible; position:absolute; display:block;  z-index:10;}

.menu > ul > li {margin-right:90px;}
.menu > ul > li > a
{
    font-family:'Noto Serif';
    font-size:16px;
    color:#333;
    display:inline-block;
	padding-top:10px;
	padding-bottom:11px;
}
.menu > ul > li > a:hover
{
    color:#50cdff;
    background:url(../img/main/over.png) center bottom no-repeat;
}
.menu a.m01:hover
{
    background:inherit;
}
/*
.menu a.m02 {    width:140px;}
.menu a.m03 {    width:215px;}
.menu a.m04 {    width:110px;}
.menu a.m05 {    width:185px;}
.menu a.m06 {    width:144px;}
.menu a.m07 {    width:110px;}
*/

.menu > ul > li > select {border:0px solid #999; border-radius:0px; margin-top:9px; margin-bottom:5px; font-size:16px; font-family:'Noto Serif';}

.smenu {
    background-color:#bebebe;
    padding-left:15px;
	padding:10px;
}
.smenu li { padding-right:15px; }
.smenu a:link ,.smenu a:active ,.smenu a:visited ,.smenu a:hover { font-family:Arial; font-size:13px; color:#FFFFFF; line-height:29px; }
.smenu a:hover { color:#009ad8; text-decoration:'underline'}


/* 상단 메인비쥬얼 */
.main_visual{;z-index:1}
.main_visual .slide_area{height:400px}
.main_visual .slide_area ul li a{display:block;height:400px;margin:0 auto;background-position:50% 0;background-repeat:repeat-x} 
.main_visual .slide_area.expansion a{width:100%} 

/*bxSlider jquery 제어*/
.bx-controls-direction,
.bx-controls-auto { display:none}
.bx-wrapper .bx-viewport { border:none; left:0; box-shadow:none;}
	/*Inner Type*/
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a {display: inline-block;overflow: hidden;width: 24px;height: 24px; background: url('/img_inc/icon_slide_state2.png') 5px 5px no-repeat;margin: 0 -2px; text-indent:-5000px; font-size:0;}
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background-position: 5px -25px;outline: none;background-image:url('/img_inc/icon_slide_state2.png') !important; background-color:transparent !important; background-repeat: no-repeat !important;}
	/*Out Type*/
	.new_arrival_slider .bx-wrapper { margin-bottom:0 !important}
	.new_arrival_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .new_arrival_slider .bx-wrapper .bx-pager.bx-default-pager a 
		{display: inline-block;overflow: hidden;width: 24px;height: 24px; background: url('/img_inc/icon_slide_state2.png') 5px 5px no-repeat;margin: 0 2px; text-indent:-5000px; font-size:0;}
	.new_arrival_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .new_arrival_slider .bx-wrapper .bx-pager.bx-default-pager a.active 
	{background-position: 5px -25px;outline: none;background-image:url('/img_inc/icon_slide_state2.png') !important; background-color:transparent !important; background-repeat: no-repeat !important;}
	
	/*개별정의*/
		/*headerbanner jquery 제어*/
		.headban_slider .bx-controls {position: absolute;top: 360px;left: 50%;text-align: center;}
		.headban_slider .bx-wrapper .bx-pager {text-align: center !important; padding-top: 10px; width: 200px !important;margin-left: -100px; z-index:5000}
		
		/*해더 하단 우측배너 jquery 제어*/
		.topright_ban_slide .bx-controls {position: absolute;top: 116px;text-align: right; right: 210px;}
		.topright_ban_slide .bx-wrapper .bx-pager {text-align: right !important; padding-top: 10px; width: 200px !important; z-index:5000}
	
		/*해더 하단 신제품 jquery 제어*/
		.new_arrival_slider .bx-controls {position: absolute;top: -40px;text-align: right;right: 208px;}
		.new_arrival_slider .bx-wrapper .bx-pager {text-align: right !important; padding-top: 10px; width: 200px !important; z-index:5000}
		
		/*해더 하단 좌측배너 jquery 제어*/
		.topleft_ban_slide_new .bx-controls {position: absolute;top: 210px; left:15px;}
		.topleft_ban_slide_new .bx-wrapper .bx-pager {text-align: right !important; padding-top: 10px; width: 200px !important; z-index:5000}
		
		/*해더 하단 우측배너 jquery 제어*/
		.topright_ban_slide_new .bx-controls {position: absolute;top: 210px; left:40px;}
		.topright_ban_slide_new .bx-wrapper .bx-pager {text-align: right !important; padding-top: 10px; width: 175px !important; z-index:5000}
	
	
#main .slide_area{position:relative;min-width:1100px;margin:0 auto}
#main .slidesjs-navigation{position:absolute;top:159px;z-index:999;text-indent:-10000em;font-size:0}
#main a.slidesjs-next,
#main a.slidesjs-previous{position:absolute;display:none !important;overflow:hidden;width:24px;height:45px;background:url('/img_inc/icon_slide_arr.png') no-repeat;text-indent:-10000em}
#main a.slidesjs-next{right:0;background-position:0 -50px}
#main a.slidesjs-previous{left:0}
#main .slidesjs-pagination {position:absolute;z-index:999;bottom:10px;left:-7px;width:100%;height:16px;margin:0 auto;text-align:center}
#main .slidesjs-pagination li {position:relative;display:inline-block;width:18px;height:16px;text-indent:-10000em;font-size:0;margin-left:7px}
#main .slidesjs-pagination li a{display:inline-block;overflow:hidden;width:18px;height:16px;margin:0;background:url('/img_inc/icon_slide_state.png') 0 0 no-repeat }
#main .slidesjs-pagination li a:focus,
#main .slidesjs-pagination li a.active,
#main .slidesjs-pagination li a.on,
#main .slidesjs-pagination li a:hover,
#main .slidesjs-pagination li a:hover.active{background-position: 0 -20px;outline:none}


.mc_txt01 { font-family:Arial; font-size:20px; color:#7a7a7a;}
.tit_txt01 { font-family:'Noto Serif'; font-size:20px; color:#333; font-weight:bold; padding-bottom:19px; text-align:left; margin-bottom:10px;}


.left_txt01 {width:157px;}
.left_txt01_on { font-family:Arial; font-size:14px; color:#61b4e0; line-height:35px; padding-left:5px; }

.left_txt01 a:link { font-family:Arial; font-size:14px; color:#6f6d6d; line-height:35px; padding-left:5px; }
.left_txt01 a:active { font-family:Arial; font-size:14px; color:#6f6d6d; line-height:35px; padding-left:5px;  }
.left_txt01 a:visited { font-family:Arial; font-size:14px; color:#6f6d6d; line-height:35px; padding-left:5px; }
.left_txt01 a:hover { font-family:Arial; font-size:14px; color:#61b4e0; line-height:35px; padding-left:5px;  } 

.left_txt01_m { padding-left:15px;} 
.left_txt01_m a:link { font-family:Arial; font-size:12px; color:#6f6d6d; line-height:25px; }
.left_txt01_m a:active { font-family:Arial; font-size:12px; color:#6f6d6d; line-height:25px;  }
.left_txt01_m a:visited { font-family:Arial; font-size:12px; color:#6f6d6d; line-height:25px; }
.left_txt01_m a:hover { font-family:Arial; font-size:12px; color:#61b4e0; line-height:25px;  } 

.cont_tit1{font-family:Arial; font-size:18px; color:#50aede; font-weight:bold; line-height:42px; }
.cont_tit2{font-family:Arial; font-size:18px; color:#50aede; font-weight:bold; }

.hide{display:none;}
.body a {display:block;}

.body{display:none;}
.menu2{float:left; margin-left:0px;}

.bottbtn{
	width:150px;
	float:left;
}
.bottbtn li{
	font-family:"Arial";
	font-size:12px !important;
	color:#ffffff;
	line-height:16px;
}
.bottbtntt{
	width:170px;
	float:left;
}
.bottbtntt li a:link, .bottbtntt li a:visited, .bottbtntt li a:active, .bottbtntt li a:hover{
	font-family:"Arial";
	font-size:11px !important;
	color:#ffffff;
	line-height:16px;
}
.bottbtn a:link, .bottbtn a:active, .bottbtn a:visited {
	font-family:"Arial";
	font-size:11px !important;
	color:#ffffff;
	line-height:16px;
}
.bottbtn a:hover {
	font-family:"Arial";
	font-size:11px !important;
	color:#ffffff;
	line-height:16px;
	text-decoration:none;
}
.sub211{
	text-align:center;
	width:609px;
	height:477px;
	background:url(../img/sub211/bg02.jpg) 0 0 repeat-x;
}
.sub2111{
	width:205px;
	background-color:#9d9a9a;
	padding:5px 0 5px 20px;
	font-family:"Georgia";
	font-size:15px !important;
	color:#ffffff;
}
.sub211pop{
	padding-top:20px;
	text-align:center;
	width:371px;
	background:url(../img/sub211/bg04.jpg) 0 0 repeat-y;
}
.sub401{
	margin-top:35px;
	padding:18px 0 0 19px;
	width:619px;
	height:186px;
	background:url(../img/sub4/bg01.jpg) 0 0 no-repeat;
}
.top11 li{
	padding-top:15px;
	font-family:"Arial";
	font-size:12px !important;
	color:#959595;
}
.top11pop{
	text-align:center;
	width:441px;
	background:url(../img/top1/bg01.jpg) 0 0 repeat-y;
}
.top21{
	text-align:right;
	padding:15px 30px 15px;
	background-color:#f8f9fa;
	border-bottom:1px solid #eaeaea;
	font-family:"Arial";
	font-size:11px !important;
	color:#525252;
	line-height:18px;
}
.wishbg{
	text-align:center;
	width:117px;
	background:url(../img/common/bg01.png) 0 0 repeat-y;
}
.wishbg1{
	width:36px;
}
.wishbg2{
	width:689px;
	height:59px;
	background:url(../img/sub2/line.jpg) 0 0 repeat-y;
}
.mainbg1{
	width:848px;
	height:72px;
	background:url(../img/index/line.jpg) 0 0 repeat-y;
}
.mainbg2{
	width:47px;
	height:235px;
	background:url(../img/index/bl.jpg) 0 0 repeat-y;
}
.top3bo{
	width:101px;
	margin:0 auto;
	text-align:center;
}




/* 텍스트 */
.fonttop{
	font-family:"Arial";
	font-size:11px !important;
	color:#009ddc;
}
.font1{
	font-family:"Arial";
	font-size:11px !important;
	color:#9f9f9f;
	line-height:17px;
}
.font2{
	font-family:"Arial";
	font-size:11px !important;
	color:#50cdff;
	line-height:17px;
}
.font3{
	font-family:"Arial";
	font-size:12px !important;
	color:#959595;
	line-height:15px;
}
.font4{
	font-family:"Arial";
	font-size:12px !important;
	color:#50cdff;
	line-height:15px;
}
.font5{
	font-family:"Arial";
	font-size:12px !important;
	color:#959595;
	line-height:19px;
}
.font51{
	font-family:"Arial";
	font-size:14px !important;
	color:#67b9e2;
	line-height:20px;
}
.font52{
	font-family:"Arial";
	font-size:13px !important;
	color:#67b9e2;
	font-weight:bold;
	line-height:19px;
}
.font6{
	font-family:"Arial";
	font-size:13px !important;
	color:#5e5e5e;
	line-height:19px;
}
.font7{
	font-family:"Arial";
	font-size:11px !important;
	color:#727272;
}
.font8{
	font-family:"Arial";
	font-size:12px !important;
	color:#717171;
}
.font9{
	font-family:"Arial";
	font-size:12px !important;
	color:#009ddc;
}
.font10{
	font-family:"Georgia";
	font-size:13px !important;
	color:#636363;
}
.font11{
	font-family:"Arial";
	font-size:11px !important;
	color:#9d9a9a;
}
.font12{
	font-family:"Arial";
	font-size:12px !important;
	color:#464646;
}
.font13{
	font-family:"Arial";
	font-size:16px !important;
	color:#777777;
	font-weight:bold;
}
.font14{
	font-family:"Arial";
	font-size:11px !important;
	color:#949494;
	line-height:15px;
}
.font15{
	font-family:"Georgia";
	font-size:18px !important;
	color:#50aede;
}
.font16{
	font-family:"Arial";
	font-size:11px !important;
	color:#959595;
}
.font17{
	font-family:"Arial";
	font-size:12px !important;
	color:#959595;
}
.font18{
	font-family:"Arial";
	font-size:12px !important;
	color:#757575;
	font-weight:bold;
}
.font19{
	font-family:"Arial";
	font-size:12px !important;
	color:#009ddc;
	font-weight:bold;
}
.font20{
	font-family:"Arial";
	font-size:12px !important;
	color:#787878;
}
.font21{
	font-family:"Arial";
	font-size:22px !important;
	color:#777777;
	font-weight:bold;
}
.font22{
	font-family:"Arial";
	font-size:16px !important;
	color:#565656;
	line-height:22px;
}
.font23{
	font-family:"Georgia";
	font-size:16px !important;
	color:#009ddc;
	line-height:20px;
}

a.link01:link { font-family: "Arial" !important; font-size:11px; color:#757575; text-decoration:#757575 !important;}
a.link01:visited { font-family: "Arial" !important; font-size:11px; color:#757575; text-decoration:#757575 !important;}
a.link01:active { font-family: "Arial" !important; font-size:11px; color:#757575; text-decoration:#757575 !important;}
a.link01:hover { font-family: "Arial" !important; font-size:11px; color:#757575; text-decoration:#757575 !important;}

a.link02:link { font-family: "Arial" !important; font-size:12px; color:#787878; text-decoration:#787878 !important;}
a.link02:visited { font-family: "Arial" !important; font-size:12px; color:#787878; text-decoration:#787878 !important;}
a.link02:active { font-family: "Arial" !important; font-size:12px; color:#787878; text-decoration:#787878 !important;}
a.link02:hover { font-family: "Arial" !important; font-size:12px; color:#787878; text-decoration:#787878 !important;}

a.link03:link { font-family: "Arial" !important; font-size:16px; color:#009ddc; text-decoration:#009ddc !important;}
a.link03:visited { font-family: "Arial" !important; font-size:16px; color:#009ddc; text-decoration:#009ddc !important;}
a.link03:active { font-family: "Arial" !important; font-size:16px; color:#009ddc; text-decoration:#009ddc !important;}
a.link03:hover { font-family: "Arial" !important; font-size:16px; color:#009ddc; text-decoration:#009ddc !important;}

a.link04:link { font-family: "Arial" !important; font-size:11px; color:#009ddc; text-decoration:#009ddc !important;}
a.link04:visited { font-family: "Arial" !important; font-size:11px; color:#009ddc; text-decoration:#009ddc !important;}
a.link04:active { font-family: "Arial" !important; font-size:11px; color:#009ddc; text-decoration:#009ddc !important;}
a.link04:hover { font-family: "Arial" !important; font-size:11px; color:#009ddc; text-decoration:#009ddc !important;}

a.link05:link { font-family: "Arial" !important; font-size:11px; color:#50cdff; text-decoration:#50cdff !important;}
a.link05:visited { font-family: "Arial" !important; font-size:11px; color:#50cdff; text-decoration:#50cdff !important;}
a.link05:active { font-family: "Arial" !important; font-size:11px; color:#50cdff; text-decoration:#50cdff !important;}
a.link05:hover { font-family: "Arial" !important; font-size:11px; color:#50cdff; text-decoration:#50cdff !important;}

a.link06:link { font-family: "Arial" !important; font-size:12px; color:#009ddc; text-decoration:#009ddc !important;}
a.link06:visited { font-family: "Arial" !important; font-size:12px; color:#009ddc; text-decoration:#009ddc !important;}
a.link06:active { font-family: "Arial" !important; font-size:12px; color:#009ddc; text-decoration:#009ddc !important;}
a.link06:hover { font-family: "Arial" !important; font-size:12px; color:#009ddc; text-decoration:#009ddc !important;}


#site{width:638px; margin:0 auto;}
.hide{display:none;}
.line01{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding-left:20px; height:36px;}
.line01 img{margin-bottom:2px;}
.line02{border-bottom:1px solid #e5e5e5; background:#f7f7f7; padding-left:40px; padding-top:20px; padding-bottom:20px; padding-right:20px;}
.line03{border-bottom:1px solid #e5e5e5; padding-left:20px; height:34px; }
.selected{background:#ffffff; font-weight:bold; color:#333; cursor:pointer;}
.over{background:#ffffff;color:#000000; cursor:pointer;}


#Black{display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:#000000;  
Alpha(opacity=80);
 -moz-opacity:0.8;
 opacity:0.8;
 filter:Alpha(opacity=80);}
#Main{display:none; position:fixed; top:40%; left:40%;  padding:30px; color:#333; margin-left:-50px; margin-top:-100px; z-index:100;}


.btn-primary
{
    background-color:#009ddc;
    border-color:#009ddc;
}

.btn-primary[disabled]
{
    background-color:#9fddf5;
    border-color:#9fddf5;
}



/* ------------------ 리뉴얼 (161124) ------------------ */

.basic_layout_a {position:relative; margin:0 auto; width:904px; text-align:center;}

.btn_mail {margin-top:50px; margin-bottom:50px;}

.ban_list {margin-bottom:30px;}

.tit_experiences {padding-top:30px; margin-bottom:30px; clear:both;}

.experiences_list {float:left; margin-right:20px; margin-bottom:100px;}

#footer .bg_footer1 {width:100%; height:110px; background-color:#f1f1f0;}
#footer .bg_footer1 p {font-family:'Noto Serif'; font-size:16px;}
#footer .bg_footer2 {width:100%;height: 180px;background-color:#eaeaea;}
#footer .bg_footer2 p {font-family:'Noto Serif'; font-size:16px;}
#footer .bg_footer2 .foot_world li {float:left;margin-left: 14px;}

[data-tooltip-text]:hover {position: relative;}
[data-tooltip-text]:hover:after {content:attr(data-tooltip-text); position:absolute; bottom:-13px; left:0; padding:10px; background-color:#eaeaea; color:#555; font-size:14px; z-index: 9999; width:100%; height:39px; padding-top:13px; font-weight:bold;}