@charset "euc-kr";
@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 300;
	src: local('Noto Sans Light'), local('NotoSans-Light'),
	url(../fonts/NotoSansKR-Light-Hestia.eot),
	url(../fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
	url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
	url(../fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 350;
	src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
	url(../fonts/NotoSansKR-DemiLight-Hestia.eot),
	url(../fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
	url(../fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
	url(../fonts/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 400;
	src: local('Noto Sans Regular'), local('NotoSans-Regular'),
	url(../fonts/NotoSansKR-Regular-Hestia.eot),
	url(../fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
	url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
	url(../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 500;
	src: local('Noto Sans Medium'), local('NotoSans-Medium'),
	url(../fonts/NotoSansKR-Medium-Hestia.eot),
	url(../fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
	url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
	url(../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'),
	url(../fonts/NotoSansKR-Bold-Hestia.eot),
	url(../fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
	url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
	url(../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
	font-family: 'Lustria';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lustria/v8/9oRONYodvDEyjuhOnC8zMw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* CSS Document */
A:link {FONT-SIZE: 9pt; COLOR: #333333; font-family: Dotum; text-decoration:none;}
A:active {FONT-SIZE: 9pt;  COLOR: #333333; font-family: Dotum; text-decoration:none;}
A:visited {FONT-SIZE: 9pt;  COLOR: #333333; font-family: Dotum; text-decoration:none;}
A:hover {FONT-SIZE: 9pt; COLOR: #3399cc; font-family: Dotum; text-decoration:none;}

*{margin:0; padding:0;}

li{list-style:none; border:0; vertical-align:top; line-height:0px; *font-size:1px;}
ul li { list-style:none;}

img{border:0;}


/* common */
body{font-family:"µ¸¿ò",Dotum,sans-serif; font-size:12px; color:#787877}

a:link, a:visited {text-decoration:none; color:#333;}
a:hover, a:active {text-decoration:underline; color:#333;}

/* layout */

body {background:url("../images/s_bg.jpg") repeat-x 0 0;}

#wrap { width:1211px; margin:auto; position:relative; }

#left_navi { position:absolute; left:-20px; top:178px; z-index:20; }
#q { position:absolute; right:0; top:248px; z-index:20; }

/* skip */
#skip{ position:absolute; }
#skip a { display:block; width:0; height:0; overflow:hidden; }
#skip a:active,
#skip a:focus { width:auto; height:auto; padding:5px; }

/* header */
#header { width:1211px; }
#header dl { position:absolute; z-index:10; right:165px; top:8px; }
#header dd { float:left;}


/* container */
#container { width:1211px; height:100%; background:url("../images/s_body_bg.jpg") repeat-y 0 0; }
#container:after { content:""; display:block; clear:both; }

#container #contents { width:760px; min-height:670px; height:100%; margin:70px 0 70px 310px; float:left;}


#contents .contents_top { width:760px; float:left; margin-bottom:70px; overflow:hidden;}
#contents .contents_top dt { width:350px; float:left; }
#contents .contents_top dd { float:right; }
#contents .conImg_head { width:760px; float:left;}
.contents .s01_01 {width:760px; float:left; }

#contents_foot { width:760px; float:left; margin:0 0 20px 310px;}
#contents_foot .tab_Area {width:127px; float:left; cursor:pointer;}
#contents_foot .tab_Area ul li { float:left; margin-bottom:1px; }
#contents_foot .text_Area {width:297px; height:143px; float:left; background:url(/images/foot/bg.jpg);}
#contents_foot .top_imgs {width:297px; height:48px; float:left;}
#contents_foot .link_text {width:297px; line-height: 30px; float:left;}
#contents_foot .link_text a { color:#FFF; margin-left:34px; }
#contents_foot .btn_Array {float:left; cursor:pointer;}

.s01_01 li {float:left;}

				.interior_box {width:760px; height:494px; position:relative; background:url("../intro/images/interior_02.jpg") no-repeat;}
				.interior_box ul li {position:absolute;}
				.interior_box ul li#a_left {left:0px; top:181px;}
				.interior_box ul li#bimg_box {left:83px; top:0px; width:594px; height:407px;}
				.interior_box ul li#a_right {right:0; top:181px;}

				#simg_box {width:602px; margin:auto; padding-bottom:100px;}
				#simg_box ul {margin-bottom:8px; overflow:hidden;}
				#simg_box li {float:left; margin-right:8px;}



/* footer */
#footer_box { width:100%; clear:both; background:#25475f; }
#footer { width:1211px; margin:auto; position:relative; }

#s_event { width:240px; height:143px; position:absolute; left:0; top:-163px; background:url("../images/s_event.jpg") no-repeat 0 0; }

#s_event .event_01 { position:absolute; left:22px; top:19px; } 
#s_event .event_01 .b_day { position:absolute; left:5px; top:15px; font-size:12px; line-height:12px; font-weight:bold; color:#fff; letter-spacing:-0.5px; }
#s_event .event_01 .b_banner { position:absolute; left:46px; top:0; }

#s_event .event_02 { position:absolute; left:22px; top:81px; } 
#s_event .event_02 .b_day { position:absolute; left:5px; top:15px; font-size:12px; line-height:12px; font-weight:bold; color:#fff; letter-spacing:-0.5px; }
#s_event .event_02 .b_banner { position:absolute; left:46px; top:0; } 


#go_btn { width:150px; position:absolute; left:910px; top:24px; }