body	{
	font-family:µ¸¿ò, Tahoma;
	font-size:12px;
	color:666666;
	line-height:15px;
	overflow-x:hidden;
	overflow-y:croll;
	margin:0px;
	background:#FFFFFF;
	scrollbar-face-color:#f6f6f6;
	scrollbar-highlight-color:#f6f6f6;
	scrollbar-3dlight-color:#bfbfbf;
	scrollbar-darkshadow-color:#bfbfbf;
	scrollbar-shadow-color:#f6f6f6;
	scrollbar-arrow-color:#8c8c8c;
	scrollbar-track-color:#e8e8e8;
	margin-left: 0px;
    margin-top: 0px; 
    margin-right: 0px;
    margin-bottom: 0px; 
}

A {text-decoration: none; color:323232 } 
A:hover {text-decoration: none; color:195a84} 

img		{border:none;}		
table		{font-family:"µ¸¿ò","Tahoma"; font-size: 9pt; line-height:145%; letter-spacing: -0.02em; }
td			{font-family:"µ¸¿ò","Tahoma"; font-size: 9pt; color:323232; line-height:145%; letter-spacing: -0.02em; }
h1 {position:absolute; left:0; top:-5000px; overflow:hidden;}

.main { background:url(../images/main_bg.gif); background-repeat:repeat-x; }
.sub { background:url(../images/sub_bg.gif); background-repeat:repeat-x; }

/* txt */
.notice_txt	{font-family:"µ¸¿ò","Tahoma"; font-size: 12px; color:#616161;}
.yellow		{font-family:"µ¸¿ò","Tahoma"; font-size: 12px; color:#fcffa8; font-weight: bold;}
.sky		{font-family:"µ¸¿ò","Tahoma"; font-size: 12px; color:#afe3ff; font-weight: bold;}
.blue		{font-family:"µ¸¿ò","Tahoma"; font-size: 14px; color:#2387bd; font-weight: bold;}
.date	{font-family: "µ¸¿ò","Tahoma"; font-size: 11px; color:bababa; line-height: 150%;}


.text1		{font-family:"µ¸¿ò","Tahoma"; font-size:  9pt; color:#afe3ff; font-weight: bold;}



/*¶óÀÎÁÖ±â*/
.line_b   {border-bottom:#666666 1px dotted;}

/* padding */
.pad_img		{padding:17 0 0 0;}
.pad_left			{padding:0 0 0 15;}
.pad_banner	{padding:18 0 35 0;}
.pad_con		{padding:25 0 35 0;}
.pad_tit			{padding:0 20 0 23;}

/*input¹Ú½ºÇüÅÂ*/
.checkbox{ color: 666666; background-color: #ffffff}
.form    { font-size:12px; color:#4CD0B6; font-family:"µ¸¿ò","Tahoma"; border: #DFDCD3 1px solid; line-height:160%; padding:0 0 0 5;  background-color: #F2F0E9}
.textarea{ border:#A4B97F 1px solid; font-size: 9pt; color: #4F4F4F;  background-color:#FFFFFF;}
.radio	 { color:#3B3B3B; font-size:14px; line-height:130%; font-family:"±¼¸²","Tahoma"; border:0; }
.join_txt{ color:#324B6A; font-weight:bold;}

/* ÇöÀçÀ§Ä¡ */
.navi	{font-family: "µ¸¿ò","Tahoma"; font-size: 11px; color:7f7f7f; line-height: 150%; padding-top:4px; padding-right:10px;}
.navi2	{font-family: "µ¸¿ò","Tahoma"; font-size: 11px; color:314789; line-height: 150%; padding-top:3px;}
.title1 {font-family: "µ¸¿ò", "sans-serif"; font-size: 12px; color:323232; line-height: 150%; font-weight: bold;}
.title2 {font-family: "µ¸¿ò", "sans-serif"; font-size: 12px; color:ff5003; line-height: 150%; font-weight: bold;}
.title3 {font-family: "µ¸¿ò", "sans-serif"; font-size: 12px; color:ffffff; line-height: 150%; font-weight: bold;}


/*header*/
.header .logo {display:inline-block; margin:0; padding:0; vertical-align:middle;}
.header .nav_wrap {display:inline-block; vertical-align:middle;padding-left:30px;}
.header .nav_wrap .nav {list-style:none; display:block;  padding-top:3px;}
.header .nav_wrap .nav li {float:left; list-style:none; }
.header .nav_wrap .nav li a {font-family:'Noto Sans KR', sans-serif;}
.header .nav_wrap .nav li>a {position:relative; font-size:15px; font-weight:bold; margin:0 26px;}
.header .nav_wrap .nav li>a:hover {color:#0b5899;}
.header .nav_wrap .nav li:first-child>a {margin-left:0;}
.header .nav_wrap .nav li:last-child>a {margin-right:0;}

.header .nav_wrap .nav li>ul.gsub {
	display:none;
	position:absolute;
	margin-top:2px;
	padding:6px 20px 7px;
	background-color:#0b5899;
	border-radius:24px;
}
.header .nav_wrap .nav li>ul.gsub.gsub01 {
	margin-left:0;
}

.header .nav_wrap .nav li>ul.gsub>li>a {
	font-size:12px;
	color:#fff;
	font-weight:normal;
	margin:0 10px;
}

.header .nav_wrap .nav li>ul.gsub.hide {display:block !important;}


.header .nav_wrap .nav li>ul.gsub01 {left:170px;}
.header .nav_wrap .nav li>ul.gsub02 {}
.header .nav_wrap .nav li>ul.gsub03 {left:410px;}
.header .nav_wrap .nav li>ul.gsub04 {}
.header .nav_wrap .nav li>ul.gsub05 {}
.header .nav_wrap .nav li>ul.gsub06 {}
.header .nav_wrap .nav li>ul.gsub07 {right:250px;}




/*lang*/
.lang-wrap {float:right; margin-top:20px;}
.lang-wrap .lang li {float:left; list-style:none; margin-left:10px;} 
.lang-wrap .lang li a {font-size:11px; font-weight:600; position:relative; padding-left:7px;}
.lang-wrap .lang li a:after {
	position:absolute;
	top:4px;
	left:0;
	display:block;
	content:'';
	width:4px;
	height:4px; 
	border-radius:50%;
	background-color:#575757;
}
.lang-wrap .lang li.eng a {color:#0c5a9d;}
.lang-wrap .lang li.eng a:after {	background-color:#6e98bc;}
.lang-wrap .lang li.eng a:hover {text-decoration:underline;}

/*clx*/
.clx {*zoom:1;}
.clx:after {
	display:block;
	content:'';
	clear:both;
}


/*main_visual*/
.main_visual {
	position:relative;
	width:100%;
	height:380px;
	background-image:url(/images/main_visual.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100%;
}

.main_visual .main_pc_img {
	position:absolute;
	top:30px;
	left:0;
}

.main_visual .main_pc_vid {
	position:absolute;
	top:49px;
	left:61px;
}

.main_visual .main_mv_btn {
	position:absolute;
	top:300px;
	right:0;
}

/*product_slider*/
	.slick-slide {margin: 0px 20px;}
	.slick-slide img {width: 100%;}

	.slick-prev:before,
	.slick-next:before {color: black;}
	
	.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
	
	.slick-active {opacity: .5;}
	
	.slick-current {opacity: 1;}

	.slick-dots {
		top: 8px;
    right: 35px;
    width: auto !important;
	}
	
	.slick-dots li.slick-active {background:#1664b9; opacity:1;}

	.slick-dots li {
		width:10px !important;
		height:10px !important;
		background:#ddd;
		margin:0 2px !important;
	}
	.slick-dots li button {width:10px !important; height:10px !important;}
	.slick-dots li button:before, .slick-dots li button:after {
		content:'' !important;
		color:transparent !important;
	}