@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('/css/notosanskr.css');

/* CSS Document */
a{text-decoration:none; color:#221815;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active{text-decoration:none !important;}
body, p, tr, td, div, table {
font-family: 'DM Sans', 'Noto Sans KR', '³ª´®°íµñ',  'Dotum', 'µ¸¿ò', 'sans-serif'; 
color:#5B7D9F; font-size:9pt; line-height:17px;}


A.notice:link {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#666666; font-size:8pt; text-decoration:none; line-height:16px;}
A.notice:visited {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#666666; font-size:8pt; text-decoration:none; line-height:16px;}
A.notice:active {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#666666; font-size:8pt; text-decoration:none; line-height:16px;}
A.notice:hover {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#FF6600; font-size:8pt; text-decoration:none; line-height:16px;}

A.month:link {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#5479A3; font-size:8pt; text-decoration:none; line-height:16px;}
A.month:visited {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#5479A3; font-size:8pt; text-decoration:none; line-height:16px;}
A.month:active {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#5479A3; font-size:8pt; text-decoration:none; line-height:16px;}
A.month:hover {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#31A3D2; font-size:8pt; text-decoration:underline; line-height:16px;}

A.tab:link {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#5B7D9F; font-size:9pt; text-decoration:none; line-height:16px;}
A.tab:visited {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#5B7D9F; font-size:9pt; text-decoration:none; line-height:16px;}
A.tab:active {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#5B7D9F; font-size:9pt; text-decoration:none; line-height:16px;}
A.tab:hover {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; color:#0C7BD9; font-size:9pt; text-decoration:underline; line-height:16px;}


.select { font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; font-size:9pt; color:#000000; background-color:#FFFFFF; border-width:1; border-color:#696969; border-style:solid; height:0px;}
.textarea { font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; font-size:9pt; color:#000000; background-color:#FFFFFF; border-width:1; border-color:#696969; border-style:solid;}
.button {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; border:solid 1 #959595;font-family:µ¸¿ò,µ¸¿òü,Tahoma,Verdana,Arial;font-size:9pt;color:white;background-color:#959595; height:0px; cursor:hand;}
.button2 {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; border:solid 1 #ffffff;font-family:µ¸¿ò,µ¸¿òü,Tahoma,Verdana,Arial;font-size:9pt;color:black;background-color:#ffffff; height:0px; cursor:hand;}
.button3 {font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; border:solid 1 #000000;font-family:µ¸¿ò,µ¸¿òü,Tahoma,Verdana,Arial;font-size:9pt;color:white;background-color:#000000; height:0px; cursor:hand;}
body {
	scrollbar-face-color:#efefef; 
	scrollbar-shadow-color:#666666;
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#efefef; 
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#666666;}body
}

.sub_top{
    font-family:"µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana", "Arial"; 
	font-size:11px; 
	padding-left:0px;
	padding-right:0px;
	color:#838383;
}

.sub_bg {
	background-image: url(/img/com/sub_bg.gif);
	background-repeat: repeat-x;
}

.sub_bg2 {
	background-image: url(/img/com/sub_bg2.gif);
	background-repeat: repeat-x;
}

.input {
BORDER-RIGHT: #88A3B7 1px solid; BORDER-TOP: #88A3B7 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #88A3B7  1px solid; 
COLOR: #666666; LINE-HEIGHT: 16px; BORDER-BOTTOM: #88A3B7  1px solid; FONT-FAMILY: "µ¸¿ò"; BACKGROUND-COLOR: #ffffff}

.input_list {
BORDER-RIGHT: #4FA40A 1px solid; BORDER-TOP: #4FA40A 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #4FA40A  1px solid; 
COLOR: #F0F6DC; LINE-HEIGHT: 16px; BORDER-BOTTOM: #4FA40A  1px solid; FONT-FAMILY: "µ¸¿ò"; BACKGROUND-COLOR: #4FA40A}

.form1 {
    border-width:1px;
	border-color:#cccccc;
	border-style :solid;
	height: 18px;
	font-size:11px; 
	color:#333333;
	
}

img {border:0;}

/* Å×À̺í */
table.tstyle { 
	border-collapse: collapse; 
	width: 100%; 
	margin:.3em 0 .5em 0px; 
	border: solid #009ecd; 
	border-width: 2px 0 0 0;
	text-align: center;
}
table.tstyle caption {
	text-indent: -2000px; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow:hidden; 
}
table.tstyle th, table.tstyle td { 
	padding: 6px 6px 4px 6px; 
	line-height:140%; 
}
table.tstyle th { 
	background-color:#e6e0ee; 
	font-weight: bold; 
	color:#251f34; 
	text-align: center; 
	vertical-align: middle;
	letter-spacing:-0.1em;
	border: 1px solid #b9b0d4;
}
table.tstyle tbody th { 
	background: #f4f4f4;
	font-weight: bold;
	letter-spacing:-0.1em;
	border: 1px solid #e3e0de; 
	color:#575757;
}
table.tstyle td { 
	background: #fff; 
	border: 1px solid #e3e0de; 
	text-align:left;
}
table.tstyle td.item { 
	background: #f4f4f4;
	font-weight: bold;
	letter-spacing:-0.1em;
	text-align:center;
}
table.tstyle td.bg { 
	background: #f4f4f4;
}
table.tstyle td input { 
	border:1px solid #cdcdcd;
	background:#f9f9f9;
	height:24px;
	margin-bottom:2px;
	vertical-align:middle;
}



/* header ¿µ¿ª */
#wrap { position:relative;margin:0 auto; font-family: 'DM Sans', 'Noto Sans KR', '³ª´®°íµñ',  'Dotum', 'µ¸¿ò', 'sans-serif'; }
#wrap #header{ z-index:10000;-webkit-transition:all .3s;transition:all .3s;}
#wrap .header_inner{ position:relative;}
#wrap .header_inner:after{content:""; display:block; clear:both;}

/*ž¸Þ´º*/
#wrap a:hover{text-decoration:none;}
#wrap .header_inner {position: relative; z-index: 101; box-sizing:border-box;}
#wrap .header_inner #nav {text-align:center; width:875px; height:42px; font-weight:500; background: url("/img/main/menu_bg.png") no-repeat 0 center;}
#wrap .header_inner #nav > ul {clear:both; position:relative; box-sizing:border-box;height:100%;  padding:0 20px; list-style:none;}
#wrap .header_inner #nav > ul > li {float:left; width:20%; height:100%;vertical-align:top;position:relative;}
#wrap .header_inner #nav > ul > li > div{position:relative; z-index:10; padding-top:5px; }
#wrap .header_inner #nav > ul > li > div > a{text-align:center;display:block; width:100%; color:#fff; font-weight: 600; height:30px; line-height:30px; letter-spacing:-0.03em; font-size:13px; position:relative; -webkit-transition:all .3s;transition:all .3s;}
#wrap .header_inner #nav > ul > li > div:before{content : ""; display : block; position : absolute; left : 0; top:50%; margin-top:-6px;  width :1px; height : 16px; background : rgba(255, 255, 255, .3);}
#wrap .header_inner #nav > ul > li:first-child > div:before{background:none;}
#wrap .header_inner #nav > ul > li > div > a > span{display:none; color:#A6A6A6; font-size:9px; text-transform:uppercase; letter-spacing:0;}
#wrap .header_inner #nav > ul > li > div > a:hover{background:#fff; color:#0481C9; border-radius:30px;}
#wrap .header_inner #nav > ul > li > div > a:hover > span{display:inline-block; margin-left:5px;}

#wrap .header_inner #nav > ul > li.on > div > a{background:#fff; color:#0481C9; border-radius:30px;}
#wrap .header_inner #nav > ul > li.on > div > a > span{display:inline-block; margin-left:5px;}



/* 2Â÷¸Þ´º */
#wrap #header #nav ul li ul {z-index: 100; display:none; padding:0;  margin:0; position: absolute; width:350px; border-radius:30px; left:50%; transform:translateX(-50%);   top:40px; box-sizing:border-box; background:#fff; padding-top:5px; box-shadow:3px 5px 5px rgba(0, 0, 0, 0.1);}
#wrap #header #nav ul li ul li {float:none; width:auto; padding:0; display:inline-block; margin:0 5px;  overflow:hidden;}
#wrap #header #nav ul li ul li a{ display:inline-block; color:#6E6E6E;  height:auto;  height:25px; line-height:25px; font-weight:600; letter-spacing:-0.02em;}
#wrap #header #nav ul li ul li a:before{content:""; display:block; clear:both;}
#wrap #header #nav ul li ul li a:hover{color:#000;}
#wrap #header #nav ul li ul li a:focus{color:#000;}


#visual{position:relative; z-index:0;}

/* ¿ÞÂʹè³Ê */
#left_img{position:relative; height:320px; padding-left:40px; background: url("/img/main/left_img03.png") no-repeat 65% bottom;}
#left_img p{position:absolute; left:0; top:130px;}


/* ¸ÞÀÎÇϴܹè³Ê */
.slide01{margin-top:8px}
.slide01 ul{width:189px;height:111px; list-style:none; padding:0;}
.slide01 ul li a{display:block;background:url(/img/main/arr.gif) right+10px center no-repeat; box-sizing:border-box;height:21px; line-height:21px; font-weight:500; color:#6E7A84; padding:0 10px; border-bottom:1px solid #D3D9DD;}
.slide01 ul li.active a{height:69px; border:none; margin-top:-1px;}
.slide01 ul li.active a span{display:none; }

.slide01 ul li:nth-child(1).active a{background:url(/img/main/ban01.jpg) center center no-repeat;}
.slide01 ul li:nth-child(2).active a{background:url(/img/main/ban02.jpg) center center no-repeat;}
.slide01 ul li:nth-child(3).active a{background:url(/img/main/ban03.jpg) center center no-repeat;}



/* ¼­ºêºñÁÖ¾ó */
#sub_visual{position:relative; width:1000px; height:310px; background:url(/img/com/sub_visual.png) center center no-repeat;}
#sub_visual p{position:absolute; right:105px; top:160px;}

#sub_visual.sv01{background:url(/img/com/sub_visual01.png) center center no-repeat;}
#sub_visual.sv04{background:url(/img/com/sub_visual02.png) center center no-repeat;}
#sub_visual.sv03{background:url(/img/com/sub_visual03.png) center center no-repeat;}
#sub_visual.sv06{background:url(/img/com/sub_visual04.png) center center no-repeat;}
#sub_visual.sv05{background:url(/img/com/sub_visual05.png) center center no-repeat;}


/* ¼­ºê¸Þ´º */
.left_menu_td{height:100px;}
.left_menu{text-align:left;}
.left_menu h2{display:none;}
.left_menu ul{list-style:none; padding:0 10px;}
.left_menu ul li{float:none;background:url("/img/com/lm_bar.gif") no-repeat center bottom;}
.left_menu ul li a{display:block; padding:5px 35px; font-weight:500; font-size:13px; }
.left_menu ul li.on a{background:url("/img/com/lm_on.gif") no-repeat left+15px center; color:#006FCD;}


/* Äü¸Þ´º */
#divMenu p{padding:0; margin:0;}
.quick{width:98px; height:148px; background:url("/img/com/quick_bg.gif") no-repeat center bottom; padding:16px 8px; box-sizing:border-box;}
.quick ul{list-style:none; padding:0; margin:0;}
.quick ul li{border-top:1px solid #d3d9dd;}
.quick ul li:first-child{border-top:none;}
.quick ul li a{display:block; padding:6px 0 5px; line-height:1; font-weight:600; color:#6E7A84;}
.quick ul li a img{display:none; margin-top:5px;}
.quick ul li.active a img{display:block;}
.quick ul li.active a{color:#0857B1;}
.quick ul li.active a span{color:#000;}