@charset "euc-kr";
@import url(/css/master.css);
@import url(/css/common.css);
@import url(/css/contents.css);
@import url(/css/board.css);
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
/*¿À¸¥ÂÊ ½ºÅ©·Ñ*/
#floatdiv	{	position:absolute;	width:50px;	top:300px;	left:960px;}
#floatdiv .top{margin-top:20px}

#wrap{width:100%;text-align:center;background:url() repeat-x }
#wrapbg {position:absolute;left:0;top:0;width:100%;height:564px;background:url() no-repeat center top;}
#header {position: relative;width:960px;margin: 0 auto;height:159px;}
/*.tmenu{	height:190px;position:absolute;	top:0px;left:0px;width:100%;z-index:300;}*/
/*.subvisual{position:absolute;top:95px;right:0px;z-index:50;}*/	 


/*Ãß°¡*/
body { font-family: 'Pretendard', sans-serif; font-weight:300;}
ul { list-style: none; }
a { text-decoration: none; color: inherit; }
.subheader {  width: 100%;  border-bottom: 1px solid #eee;  padding: 20px 0;}
.subcontainer {  max-width: 1200px;  margin: 0 auto;  display: flex;  align-items: center;  justify-content: space-between;  padding: 0 20px;}
.logo img {  height: 62px;   display: block;}
.gnb ul {  display: flex;  gap: 60px; /* ¸Þ´º °£°Ý */}
.gnb ul li a {  font-size: 18px;  font-family:'Pretendard', sans-serif;  font-weight: 800;  color: #00334e; /* À̹ÌÁöÀÇ Â£Àº ³×À̺ñ »ö»ó */  letter-spacing: -0.5px;}
.gnb ul li a:hover {  color: #0056b3;}
.util {  display: flex;  align-items: center;  gap: 10px;}
.util a {  font-size: 13px;  font-weight: 600;  color: #666;}
.util .bar {  width: 1px;  height: 12px;  background-color: #ccc;}

.lnb { width: 200px; font-family: 'Pretendard', sans-serif; font-weight:300; margin-top:0; padding-top:0; position:relative; top:-100px;}
.lnb-title { margin-top: 0; margin-bottom: 15px; }
.lnb-title h2 { font-size: 34px; font-family: 'Pretendard', sans-serif; font-weight:500; color: #333; letter-spacing: -1px; padding-bottom: 10px; border-bottom: 2px solid #333; }
.lnb-menu ul { list-style: none; padding: 0; margin: 0; }
.depth1 { display: block; font-size: 18px; font-weight: bold; color: #0089bd; padding: 15px 0 10px; text-decoration: none; }
.depth2 { padding-left: 10px; }
.depth2 li { margin-bottom: 5px; }
.depth2 li a { display: block; font-size: 14px; color: #666; text-decoration: none; padding: 3px 0; }
.depth2 li a.on { color: #000; font-weight: bold; }
.depth2 li a.on::before { content: '- '; font-weight: bold; }

/*Ãß°¡ ³¡*/


#header .img_flash{background-image:url(../images/sub01.jpg);background-position:top;background-repeat:no-repeat;width:960px;height:175px;line-height:0%;vertical-align: top;font-size:0px;}
#header .img_flash2{background-image:url(../images/sub02.jpg);background-position:top;background-repeat:no-repeat;width:960px;height:175px;line-height:0%;vertical-align: top;font-size:0px;}
#header .img_flash3{background-image:url(../images/sub03.jpg);background-position:top;background-repeat:no-repeat;width:960px;height:175px;line-height:0%;vertical-align: top;font-size:0px;}
#header .img_flash4{background-image:url(../images/sub04.jpg);background-position:top;background-repeat:no-repeat;width:960px;height:175px;line-height:0%;vertical-align: top;font-size:0px;}
#header .img_flash5{background-image:url(../images/sub05.jpg);background-position:top;background-repeat:no-repeat;width:960px;height:175px;line-height:0%;vertical-align: top;font-size:0px;}
#header .location {position:absolute;top:100px;left:290px;z-index:150;float:left;font-size:11px;color: #999;height:37px;font-family:dotum, Verdana,gulim,Segoe,Arial,Helvetica, sans-serif;	}
#header .location h2{visibility:hidden;}
#header .location strong {font-weight:normal;color: #555;}


#container{*zoom:1;clear:both;position:relative;width:960px;margin:0 auto;text-align:left;}
#container:after{content:'';display:block;clear:both}

/* ¼­ºê ·¹ÇÁÆ®¸Þ´º*/
#subleftmenu {float:left;width:200px;text-align:left;}
#subleftmenu .flash {padding-top:10px;}

#container .banner {width:162px;}

/* ¼­ºê ŸÀÌƲ */
#contents {float:left;width:670px;margin-left:90px}

#contents .title {font-size:25px; font-weight:500; font-family:'Pretendard'; height:29px; margin:0px 0 0 0px;}
#contents .title h3 {float:left;}

#contents .title ul {float:right; padding:12px 24px 0 0;}
#contents .title ul li {color:#acacac; font-size:90%;}
#contents .title ul li a {color:#acacac;}
#contents .title ul li img {margin-bottom:2px;}

/* ¼­ºê ÄÁÅÙÃ÷ */
#contents .contentBlock {padding:70px 0px 30px 0px;}