<style type="text/css">
<!--

/*base font*/
body{font-size:12px; font-family:"Arial",±¼¸²; color:#666666; line-height:140%; background-repeat: repeat-x;}
td{font-size:12px; font-family:"Arial",±¼¸²; color:#666666; line-height:140%;}
select{font-size:11px; font-family:"verdana"; color:#2C2C2C;}
input{font-size:11px; font-family:"verdana"; color:#2C2C2C;}

/*base link*/
a {FONT-FAMILY: "Arial",±¼¸²; FONT-SIZE: 12px; COLOR: #666666; TEXT-DECORATION: none}
a:hover {FONT-FAMILY: "Arial",±¼¸²; FONT-SIZE: 12px; COLOR: #4D82A2; TEXT-DECORATION:none}

/* main */
.txt_main      { color:#647CBE; font-weight:bold; font-family: ±¼¸², verdana; }
.txt_sub_main  { color:#CB689E; }
.txt_sub { color:#5EACB8; }
.notice  { color:#2092B6; }

.box { background-color:silver; font-size:9pt;border:#818181 1px solid;}

.today_dd      { color:#000000; font-weight:bold; font-family: ±Ã¼­; }

.style1 {
font-family: "µ¸¿ò";
font-size: 12px;
}

/*¸µÅ©*/
A:link
{
	text-decoration: none;
	color:#000000;
}
A:visited
{
	text-decoration: none;
	color:#000000;
}
A:hover
{
	text-decoration: none;
	color:#BBBBBB;
}

A.top_menu:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#FFFFFF;
	font-weight: bold;
	
}
A.top_menu:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#FFFFFF;
	font-weight: bold;
}
A.top_menu:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#FFFFFF;
	font-weight: bold;
}

A.foot_menu:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#AF4A00;
	
}
A.foot_menu:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#AF4A00
}
A.foot_menu:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#AF4A00;
}

A.c000:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#000000;
	
}
A.c000:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#000000;
}
A.c000:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#000000;
}
A.c000_top:link
{
	font-family:±¼¸²,Tahoma;
	font-size:11px;
	text-decoration: none;
	color:#000000;
	
}
A.c000_top:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:11px;
	text-decoration: none;
	color:#000000;
}
A.c000_top:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:11px;
	text-decoration: underline;
	color:#000000;
}
A.c000_my:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:blue;
	
}
A.c000_my:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:blue;
}
A.c000_my:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:blue;
}

A.A2004D:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#A2004D;
	
}
A.A2004D:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#A2004D;
}
A.A2004D:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#A2004D;
}

A.sc000:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#000000;
	
}

A.sc000:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#000000;
}
A.sc000:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#CCFFFF;
}

A.sc_s_notice:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#CCFFFF;
	
}

A.sc_s_notice:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#CCFFFF;
}
A.sc_s_notice:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#CCFFFF;
}
/*TD*/
TD
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	color:#333333;
}

TD.m_form
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	color:#666666;
	padding:0 0 0 10;
}
TD.m_form2
{
	font-family:±¼¸²,Tahoma;
	font-weight:bold;
	font-size:12px;
	color:#666666;
	padding:0 0 0 10;
}
TD.m_from_r
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	padding:10 10 10 10;
	line-height:18px;
	color:#666666;
}
TD.m_from_r2
{
	font-family:±¼¸²,Tahoma;
	font-weight:bold;
	font-size:12px;
	padding:10 10 10 10;
	line-height:18px;
	color:#666666;
}
TD.ft_td
{
	text-align:right;
	background-color:#F7F7F7;
}
/*P*/
P
{
	margin-top: 0;
	margin-bottom: 0;
}
P.contents
{
	margin-top: 2;
	margin-bottom: 2;
}
/*INPUT*/
INPUT
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
}
INPUT.text
{
	height:20px;
	padding-top:2px;
}
INPUT.text_n
{
	height:20px;
	padding-top:2px;
	border:#cac3c3 solid 1px;
}
INPUT.button
{
	padding-top:2px;
}

/*SELECT*/
SELECT
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	height:20px;
}

/*TEXTAREA*/
TEXTAREA
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
}
TEXTAREA.textarea_n
{
	width:100%;
	line-height:20px;
	border:#999999 solid 1px;
}

TEXTAREA.textarea_n_l
{
	width:100%;
	line-height:20px;
	border:#999999 solid 1px;
	background-image:url('/image/underline.gif');
}
body{
font-family: "±¼¸²", "µ¸¿ò", "Verdana", "Arial";
font-size: 12px;
color: #636363;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#C3C3C3;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#C3C3C3;
scrollbar-shadow-color:#C3C3C3;
}
.input_box { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF; background-color:#FFFFFF;height:17px;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.input_box2 { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #CACACA;	border-right: 1px solid #CACACA;	border-bottom: 1px solid #CACACA;	border-left: 1px solid #CACACA; background-color:#FFFFFF;height:17px;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.input_box3 { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959;background-color:#F6F6F6;}
.input_chat { font-family: "±¼¸²", "Arial", "Verdana";	color:#00834F; border-top: 1px solid #F6F6F6;	border-right: 1px solid #F6F6F6;	border-bottom: 1px solid #CACACA;	border-left: 1px solid #F6F6F6; background-color:#F6F6F6;height:17px;padding-top:5}

.text_box { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF; background-color:#FFFFFF;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.text_box2 { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #9C9A9C;	border-right: 1px solid #9C9A9C;	border-bottom: 1px solid #9C9A9C;	border-left: 1px solid #9C9A9C; background-color:#FFFFFF;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}


/* 210115 ÇÃ·¡½Ã Áß´ÜÀ¸·Î html5·Î º¯°æ */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&subset=korean");
.reset_div i,.reset_div em {font-style: normal;}
.blind {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
.reset_div {margin: 0; padding: 0; font-family:"Noto Sans KR","¸¼Àº °íµñ", "Malgun Gothic",sans-serif;}
.header {margin:0;padding:0 40px 0 80px; background: #101010;}
.reset_div div, .reset_div ul, .reset_div ol, .reset_div li, .reset_div h1, .reset_div h2, .reset_div h3, .reset_div h4, .reset_div h5, .reset_div h6 {margin:0;padding:0; font-family:"Noto Sans KR","¸¼Àº °íµñ", "Malgun Gothic",sans-serif;}
.reset_div a{color:#666; text-decoration:none; padding:0; margin:0; font-family:"Noto Sans KR","¸¼Àº °íµñ", "Malgun Gothic",sans-serif;}
.reset_div a:link    {text-decoration:none; }
.reset_div a:active    {text-decoration:none; }
.reset_div a:visited    {text-decoration:none;}
.reset_div a:hover    {text-decoration:none; }

/* ¸®½ºÆ®ÀÇ ½ºÅ¸ÀÏ Á¦°Å */
.reset_div ol, ul {list-style:none; margin: 0; padding: 0;}
.reset_div img{vertical-align:top; max-width:100%}

/* Çì´õ */
.top_header {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end;}
.top_header .util {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.top_header .util li {margin-left: 15px;}
.top_header .util li a {display: block; color: #aaa; font-size: 10px; font-weight: 500; transition: color .3s;}
.top_header .util li a:hover {color: #fff;}
.bottom_header {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.bottom_header h1.logo {padding: 8px 0 20px;}
.bottom_header h1.logo a {display: block;}
.bottom_header .gnb {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 10px; position: relative;}
.bottom_header .gnb > li {padding: 0 35px;}
.bottom_header .gnb > li > a {display: block; font-size: 18px; color: #fff; font-weight: 400; line-height: 45px;}
.bottom_header .gnb .depth2 {position: absolute; left: 0; bottom: 0; border: none; padding: 0 25px;  overflow: hidden; z-index: 999; opacity: 0; height: 0; transition: all .2s;}
.bottom_header .gnb > li:nth-of-type(2) .depth2 {left: 135px;}
.bottom_header .gnb .depth2 li {padding: 0 10px; display: inline-block; vertical-align: middle;}
.bottom_header .gnb .depth2 li a {display: block; color: #aaa; transition: color .2s; font-size: 14px; line-height: 20px;}
.bottom_header .gnb .depth2 li a:hover {color: #fff;}
.bottom_header .gnb > li:hover .depth2 {opacity: 1; padding: 0 10px; overflow: visible; height: auto; border: 1px solid #aaa;}

/* ¸ÞÀÎ¹è³Ê */
.main_banner {border-radius: 5px; border: 1px solid #b8b9b4; background: #fff; box-shadow: inset 0px 4px 4px 0px rgba(221,221,221,0.5); background: linear-gradient(to top, transparent, #f1f1f1 90%); position: relative;}
.main_banner .tel_list {padding: 20px 10px 20px 22%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; overflow: hidden;}
.main_banner .tel_list li {text-align: right;}
.main_banner .tel_list:before {content: 'COSTOMMER CENTER';position: absolute;left: 8px;top: 11px;font-size: 10px; font-weight: 300; line-height: normal; color: #000;}
.main_banner .tel_list .txt_wrap {position: relative;}
.main_banner .tel_list .txt_wrap:before {content: ''; position: absolute; left: -10px; top: 0; width: 1px; height :100%; background:#ddd;}
.main_banner .tel_list li:first-of-type .txt_wrap:before {display: none;}
.main_banner .tel_list strong {display: block; font-size: 14px; font-weight: 500; transition: color .3s; line-height: normal;}
.main_banner .tel_list em {display: block; font-size: 14px; font-weight: 700; padding-top: 5px; color: #3682b2; line-height: normal;}
.main_banner .tel_list li:hover strong {color: #3682b2;}

.main_banner .tel_list .tel_box {position: absolute;left: 10px;top: 30px;text-align: left;transform: translateX(-100%);overflow: hidden; opacity: 0; transition: all .5s;}
.main_banner .tel_list .tel_box i {display: block; font-size: 10px; font-weight: 300; line-height: normal; color: #000;}
.main_banner .tel_list .tel_box span {display: block; line-height: normal;}
.main_banner .tel_list .tel_box span.hover {padding-left: 12px; position: relative;}
.main_banner .tel_list .tel_box span.hover:before {content: ''; position: absolute; left: 0; top: 0; width: 9px; height: 100%; background: #6daac7;}
.main_banner .tel_list .tel_box span b {display: block; font-weight: 400; font-size: 13px; color: #5a5a5a; line-height: normal;}
.main_banner .tel_list .tel_box span span {font-size: 16px; color: #000; font-weight: 500;}
.main_banner .tel_list li:first-of-type .tel_box span b {color: #000; font-size: 16px; font-weight: 500;}
.main_banner .tel_list li:first-of-type .tel_box span span {color: #5a5a5a; font-size: 13px; font-weight: 400;}
.main_banner .tel_list li.on .tel_box {opacity: 1; transform: translateX(0);}

/* ¼­ºê */
/* lnb */
.lnb_wrap .lnb_tit {box-sizing: border-box; border: 8px solid #80b9e6; padding: 15px 30px;}
.lnb_wrap .lnb_tit strong {display: block; color: #80b9e6; font-size: 20px;}
.lnb_wrap .lnb_tit span {display: block; color: #999; font-size: 12px; padding-top: 5px;}
.lnb_wrap .lnb {padding-top: 15px;}
.lnb_wrap .lnb li {padding: 0 15px; border-bottom: 1px solid #ddd;}
.lnb_wrap .lnb li a {display: block; color: #999; font-size: 14px; line-height: 30px; padding-left: 20px; position: relative; font-weight: 500;}
.lnb_wrap .lnb li a:before {content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 1px; background: #aaa; transform: translateY(-50%);}
.lnb_wrap .lnb li:hover a {color: #333;}
.lnb_wrap .lnb li:hover a:before {background: #80b9e6;}

/* ¼­ºêºñÁÖ¾ó */
.sub_visual {background: url(../images/sub_visual1.jpg) no-repeat 50% 50%; background-size: 100%; height: 130px; padding: 0 40px; box-sizing: border-box;}
.sub_visual1 {background-image: url(../images/sub_visual1.jpg);}
.sub_visual2 {background-image: url(../images/sub_visual2.jpg);}
.sub_visual3 {background-image: url(../images/sub_visual3.jpg);}
.sub_visual4 {background-image: url(../images/sub_visual4.jpg);}
.sub_visual5 {background-image: url(../images/sub_visual5.jpg);}
.sub_visual em {display: block; padding-top: 35px; font-size: 14px; color: #80b9e6; line-height: normal; font-weight: 500;}
.sub_visual strong {display: block; font-size: 20px; color: #333; line-height: 25px;}
.sub_visual span {display: block; font-size: 13px; color: #aaa; line-height: normal; padding-top: 3px;}


/* Äü¸Þ´º */
.quick_menu strong {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; background: linear-gradient(to bottom, #bed8ef, #5297d0); padding: 5px 6px;}
.quick_menu strong span {display: block; color: #fff;}
.quick_menu strong span:nth-of-type(1) {font-size: 25px;}
.quick_menu .quick_list li {text-align: center;}
.quick_menu .quick_list li a {font-size: 10px;}
.quick_menu .quick_list em {font-size: 10px; display: block; color: #fff; background: #a6a6a6;}
.quick_menu .quick_list span {display: block; background: #f6f6f6; padding-bottom: 3px;}
.quick_menu .quick_list span:before {content: ''; display: block; width: 100%; height: 35px; background: url(../images/ic_quick1.png) no-repeat 50% 50%;}
.quick_menu .btn_top {text-align: center; display: block; height: 25px; width: 100%; background: url(../images/btn_top.png) no-repeat 50% 50%; text-indent: -9999px; border-top: 1px solid #ddd;}
.quick_menu .quick_list li:nth-of-type(2) span:before {background-image: url(../images/ic_quick2.png);}
.quick_menu .quick_list li:nth-of-type(3) span:before {background-image: url(../images/ic_quick3.png);}
.quick_menu .quick_list li:hover span {background: #fff; color: #80b9e6;}

-->

</style>