@font-face {
	font-family: ±¼¸²;
}
A:link {
	COLOR: #666666; TEXT-DECORATION: none
}
A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
A:active {
	COLOR: #b6b6b6; TEXT-DECORATION: none
}
A:hover {
	COLOR: #b6b6b6
}

a.price:link, a.price:visited, a.price:active{font-size:12px; color:#bc3a7d; text-decoration:none; font-weight:bold;}
a.price:hover{color:#E80078; text-decoration:none}


IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.input {
	BORDER-RIGHT: #8e908e 1px solid; BORDER-TOP: #8e908e 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #8e908e 1px solid; COLOR: #000000; BORDER-BOTTOM: #8e908e 1px solid; FONT-FAMILY: ±¼¸²; BACKGROUND-COLOR: #ffffff
}
.textarea {
	BORDER-RIGHT: #8e908e 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #8e908e 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 9pt; PADDING-BOTTOM: 3px; BORDER-LEFT: #8e908e 1px solid; COLOR: #464646; SCROLLBAR-ARROW-COLOR: #e60000; PADDING-TOP: 3px; BORDER-BOTTOM: #8e908e 1px solid; FONT-FAMILY: ±¼¸²; BACKGROUND-COLOR: #ffffff
}

.button
{
	BORDER-RIGHT: #c4cad1 0px solid; BORDER-TOP: #c4cad1 0px solid; FONT-SIZE: 9pt; BACKGROUND-IMAGE: url(/img/but_null.gif); BORDER-LEFT: #c4cad1 0px solid; WIDTH: 70px; CURSOR: hand; COLOR: #726257; LINE-HEIGHT: 12pt; BORDER-BOTTOM: #c4cad1 0px solid; FONT-FAMILY: "Tahoma"; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; text-align:center; padding-top:2px;
}

P {
	MARGIN-TOP: 2px; MARGIN-BOTTOM: 2px
}
BODY {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
TD {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
SELECT {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
INPUT {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
DIV {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
FORM {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
TEXTAREA {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
CENTER {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
OPTION {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
PRE {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
BLOCKQUOTE {
	FONT-SIZE: 9pt; COLOR: #353535; LINE-HEIGHT: 130%; FONT-FAMILY: ±¼¸²
}
.thm7 {
	FONT-SIZE: 13pt; COLOR: white; FONT-FAMILY: µ¸¿ò; LINE-HEIGHT: 20pt; 
}
.thm10 {
	FONT-SIZE: 8pt; COLOR: #969696; FONT-FAMILY: µ¸¿ò
}
.thm8 {
	FONT-SIZE: 7pt; COLOR: #969696; FONT-FAMILY: tahoma
}
.thm9 {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ff3300; FONT-FAMILY: ±¼¸²
}
.thm9-1 {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: tahoma,verdana
}
.thm9-2 {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: tahoma,verdana
}
BODY {
	SCROLLBAR-FACE-COLOR: #f6f6f6; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR: #d6d6d6; SCROLLBAR-3DLIGHT-COLOR: white; SCROLLBAR-ARROW-COLOR: #d6d6d6; SCROLLBAR-TRACK-COLOR: white; SCROLLBAR-DARKSHADOW-COLOR: white
}

/*Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; }
html, body { width:100%; height:100%; }
body, input, button, textarea { font-size:12px; line-height:1.5em; font-family: "µ¸¿ò", Dotum, Helvetica, AppleGothic, Sans-serif; color:#444; }
h1, h2, h3, h4, h5, h6 { font-size:12px; text-align:left; }
img, fieldset, iframe { border:0 none; }
table, div { border-collapse: collapse;}
select, textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #000000; font-size: 12px; vertical-align: middle; }
textarea { overflow:auto; }
select, input, img, li { vertical-align: middle; text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
legend,  caption { display: none; }
hr { border-collapse:collapse; display:none; }

a:link, a:visited { text-decoration:none; color: #636363; }
a:hover { text-decoration:underline; cursor:pointer; }

/*hidden*/
#accessibility,.skipnavi { position: absolute ; width: 0px; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; visibility: hidden; text-indent: -1000px; }
 
/*png */
.png24 {	tmp:expression(setPng24(this));}

.input {margin:0;padding:0; height:20px; border:solid 1px; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; background-color:white; color:#555; }
.input_button1 { width:90px; height:20px; border:1px solid #b0b0b0; background:#ffffff; color:#787878; font-size:11px; text-align:center;}

.input_ta { height:500px; font-size:11px; color:#787878;}

/*********************************¸ÞÀÎÆäÀÌÁö*********************************/

div#wrap_bg_m {background:url(/imgs/main/bg_main.jpg) no-repeat center 0; width:100%; height:100%;}
div#wrap {width:1000px;}
div#header {position:relative;}
	.gnb {width:930px; height:95px; position:absolute; top:52px; left:70px; z-index:1;}
div#container  {position:relative; top:70px;}
	.flash_m {width:560px; height:300px;}
	.eco_text {height:50px; position:relative; top:75px; left:120px;}
	.eco_text h3 {margin: 0 0 5px 25px;}
	.customer {height:110px; position:relative; top:60px; left:20px;}
	.contents {background:url(/imgs/main/bg_contents_m.jpg) no-repeat; width:966px; height:155px; margin-left:20px; overflow:hidden;}
	.notice {background:url(/imgs/main/bg_notice.jpg) no-repeat 0 25px; float:left; width:270px; height:120px; margin: 20px 0 0 20px;}
	.notice table {width:180px; margin:15px 0 0 80px;}
	.notice table th {background:url(/imgs/main/bullet_notice.gif) no-repeat 0 6px; font:12px "µ¸À½"; color:#7d7d7d; padding-left:5px; }
	.notice table td {font:11px "µ¸À½"; color:#9f9f9f; padding:4px 0;}
	.flash_service {float:left; margin:15px 0 0 5px;}
	.banner {float:right; margin:30px 20px 0 0;}
	.m_eco {width:367px; height:119px;}
div#footer  {position:relative; height:200px; clear:both; margin-top:90px; border-top:1px solid #e4e4e4; text-align:center; padding-top:10px;}

.input_log {
	PADDING-left : 8px; PADDING-top : 0px; PADDING-right : 3px;PADDING-bottom : 0px;BORDER-RIGHT: #bdd1ed 0px solid; BORDER-TOP: #bdd1ed 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #bdd1ed 1px solid; COLOR: #000000; BORDER-BOTTOM: #bdd1ed 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #ffffff;height : 19px;
}
/*********************************¼­ºê ÆäÀÌÁö*********************************/


div#wrap_bg_s {background:url(/imgs/sub/bg_sub.jpg) no-repeat 0 0; width:100%; height:100%;}
div#wrap_s {width:1000px;}
div#header_s {position:relative; height:140px;}
div#container_s  {position:relative;}
	.flash_s {width:600px; height:100px; margin-left:350px;}
	.eco_text_s {height:50px; position:relative; top:10px; left:120px;}
	.eco_text_s h3 {margin: 0 0 3px 25px;}
	.content_sub {position:relative;}
	.col_left {background:url(/imgs/sub/line.jpg) no-repeat 219px 60px; width:250px; height:600px; float:left;}
	.left_menu {width:199px; margin:10px 0 0 20px;}
	.left_menu h1 {padding:0 0 0 10px;}
	.left_m_flash {background:url(/imgs/sub/bg_leftmenu.jpg) no-repeat 0 0; width:199px;height:230px; padding: 0 0 0 20px; margin-top:20px;}
	.left_banner {margin:30px 0 0 20px;}
	.left_banner p {margin-top:20px;}
	.col_right{float:left;}
	.s_title {background:url(/imgs/sub/bg_tit_body.jpg) no-repeat 0 5px; width:750px; height:35px;}
	.s_title h2 {padding:20px 0 0 40px; float:left;}
	.s_title ul {background:url(/imgs/sub/bullet_home.jpg) no-repeat 0 1px; width:300px; float:right; padding-left:50px; margin-top:25px;}
	.s_title ul li {background:url(/imgs/sub/bullet_navi.jpg) no-repeat 0 5px; float:left; padding:0 7px;}
	.body_cont {width:700px; margin:20px 0 0 0;}
div#footer_s  {position:relative; height:200px; clear:both; border-top:1px solid #e4e4e4; text-align:center; padding-top:10px; margin-top:20px;}

.table01 {width:90%;border-collapse:collapse; border:1px #dedede solid;}
.table01 th{font-size:12px;font-weight:bold;text-align:center;border-collapse:collapse; border:1px #dedede solid;background:#fafafa;color:#736357;}
.table01 td {border-collapse:collapse; height:28px;padding-left:20px; border:1px #dedede solid;}

.table02 {width:100%;border-collapse:collapse; border:1px #dedede solid;}
.table02 th{font-size:12px;font-weight:bold;text-align:center;border-collapse:collapse; height:28px;border:1px #dedede solid;background:#fafafa;color:#736357; padding:7px 0 5px 0;}
.table02 td {border-collapse:collapse; height:28px;text-align:center; border:1px #dedede solid;}

.footer_bg {background:url(/imgs/copy_bg.gif) repeat-x; height:93px;}
.s_footer_bg {background:url(/imgs/s_copy_bg.jpg) repeat-x; height:93px;}


/***** 210309 Ç÷¡½Ã¼öÁ¤½Ã Ãß°¡ ****/
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess ¾Æ·¡ css·Î Àͽº±îÁö »ç¿ë°¡´É È®ÀÎ 2018.09.06 */
@font-face { font-family: 'Noto Sans KR';font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }

li { list-style:none; }

.div_header {min-width:1000px; width:100%; position:relative; padding:0 0 25px 0; }

.t_logo { display:inline-block; padding:15px 0 0 5px; }
.t_logo img {  max-height:58px; float:left; margin-right:10px; }
.t_logo span { font:500 20px 'Noto Sans KR', sans-serif; color:#000; display:inline-block; text-align:right; line-height:120%; }
.navbar { display:inline-block;float:right; padding:25px 0 0 0; width:720px; position:relative; }
.nav {  position:absolute; padding:10px 0;  background-color:; border-radius:25px;}
.nav > li { list-style:none; float:left; text-align:Center; width:120px; position:relative; }
.nav > li > a { text-decoration:none;  font:500 18px 'Noto Sans KR', sans-serif; color:#333; letter-spacing:-0.05em; padding:10px 0px;}
.nav > li > a:hover { color:#000; }
.nav li ul { padding:0; margin:10px 0 0 0; display:none; position:absolute; left:50%; top:25px; margin-left:-85px; width:170px;}
.nav li ul li { list-style:none; }
.nav li ul li a {font:300 14px 'Noto Sans KR', sans-serif; color:#ddd; letter-spacing:-0.05em; text-align:center; display:inline-block; width:100%; padding:6px 0;  background:rgba(0,0,0,0.5);  }
.nav li ul li a:hover { text-decoration:none; font-weight:400; color:#fff; background:rgba(0,0,0,1); }

.t_section { position:absolute; top:-3px; right:0; }
.t_section ul {  }
.t_section ul li { float:left; padding:0 10px; position:relative;}
.t_section ul li a { font:400 14px 'Noto Sans KR', sans-serif; color:#333; letter-spacing:-0.05em;  }
.t_section ul li+li:before { content:""; display:block; width:1px; height:16px; background-color:#777; position:absolute; left:0; top:3px; }

.left_menu { background:none; }
.left_menu ul { padding:0 40px 0 0; width:100%; margin:0 auto; box-sizing:border-box; }
.left_menu ul li { position:relative; border-bottom:1px solid #ccc; list-style:none; text-align:left;  }
.left_menu ul li:before { content:""; display:block; width:0px; height:0px; border:3px solid #003399; position:absolute; right:0px; top:12px; }
.left_menu ul li a { display:inline-block; box-sizing:border-box; width:100%; padding:5px 0; font:500 14px 'Noto Sans KR', sans-serif; color:#555; letter-spacing:-0.07em; }
.left_menu ul li a:hover { text-decoration:none; color:#000; }
.left_menu ul li:hover:before { width:4px; height:4px; border:1px solid #003399; }