/* ¸Þ´º ÆùÆ® */
@font-face {
	font-family: 'Batang_Regular';
	src: url('../font/Batang_Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Title_Bold';
	src: url('../font/Title_Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Title_Medium';
	src: url('../font/Title_Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face	{
	font-family:"Pretendard";
	src:url('font/Pretendard-Regular.eot');
	src:url('font/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
	url('font/Pretendard-Regular.woff') format('woff'),
	url('font/Pretendard-Regular.ttf') format('truetype');
	src:local(¢®¨ª), url('font/Pretendard-Regular.woff') format('woff');
}
@font-face	{
	font-family:"PretendardM";
	src:url('font/Pretendard-Medium.eot');
	src:url('font/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
	url('font/Pretendard-Medium.woff') format('woff'),
	url('font/Pretendard-Medium.ttf') format('truetype');
	src:local(¢®¨ª), url('font/Pretendard-Medium.woff') format('woff');
}
@font-face	{
	font-family:"PretendardSB";
	src:url('font/Pretendard-SemiBold.eot');
	src:url('font/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('font/Pretendard-SemiBold.woff') format('woff'),
	url('font/Pretendard-SemiBold.ttf') format('truetype');
	src:local(¢®¨ª), url('font/Pretendard-SemiBold.woff') format('woff');
}
@font-face	{
	font-family:"PretendardB";
	src:url('font/Pretendard-Bold.eot');
	src:url('font/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
	url('font/Pretendard-Bold.woff') format('woff'),
	url('font/Pretendard-Bold.ttf') format('truetype');
	src:local(¢®¨ª), url('font/Pretendard-Bold.woff') format('woff');
}
@font-face	{
	font-family:"PretendardEB";
	src:url('font/Pretendard-ExtraBold.eot');
	src:url('font/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('font/Pretendard-ExtraBold.woff') format('woff'),
	url('font/Pretendard-ExtraBold.ttf') format('truetype');
	src:local(¢®¨ª), url('font/Pretendard-ExtraBold.woff') format('woff');
}
/* common */
html,body,div,ul,li,l,dl,dt,dd,ol,p,form,input,iframe {margin:0; padding:0;}
body, p		{font-family:"±¼¸²",gulim; color:#707070; font-size:12px; line-height:17px;}
ul,li,ol,dl {list-style:none}
img 		{border:0; vertical-align:top}
a			{color:#707070; text-decoration:none;}
.dot		{float:left;}
body		{background:url(../img/sub/bg.gif) repeat-x}
body, table, tr, td, textarea, input, div, select {font-family:"±¼¸²",gulim; font-size: 12px; color: #707070;}
.png24 		{tmp:expression(setPng24(this));  }
:focus		{outline-style:none}

/* Wrap */
#wrap		{margin:0 auto; width:970px; height:100%}
#top		{float:left; width:970px; height:90px;}
#center		{float:left; width:970px; height:100%; background:url(../img/sub/bg_left.gif) repeat-y}
#contents	{float:left; width:670px; vertical-align:top; margin:52px 0 30px 30px; }
#footer		{float:left; width:100%; height:61px; border-top:solid 1px #eaeaea; text-align:center; vertical-align:top}

/*gnb*/
#tm		{float:right; height:27px; margin-right:20px;}
#tm	li	{float:left; display:inline;}
#gnb	{float:left; width:970px; height:63px}
#logo	{float:left; width:184px; height:63px; margin-left:20px; background:url(../img/common/logo2.jpg) no-repeat}
#menu	{float:right; width:766px; height:63px; text-align:right}

nav{
  position: relative;
}
#topnav {float: right;}
#topnav ul{height: 38px; }
#topnav li{
  list-style: none;
  display: inline-block;
  *display:inline; /* IE7 */
  _display:inline; /* IE6 */
  text-align: center;
  padding: 8px 0px 30px 0;
  *padding: 8px 0px 30px 0 ; /* IE7 */
  _padding: 8px 0px 30px 0 ;/* IE6 */
  padding: 8px 0px 30px 0 \0/IE8;/*IE8Àû¿ë*/
  width: 88px;
  white-space:nowrap;
}
_:-ms-fullscreen, :root #topnav li{
  list-style: none;
  display: inline-block;
  padding-right: 26px;
  padding: 8px 0px 30px 0 ;
}
#topnav ul>li{
  list-style: none;
  display: inline-block;
}
#topnav .gnb ul>li:first-child ~ li{
margin-left:26px;
display: inline-block;
}
#topnav ul{
  width:700px;
}
#topnav  li a:link{
  color: #f1f1f1;
  font-size: 11pt;
  font-weight: 400;
    font-family: 'GyeonggiTitleM';
  }
#topnav  li a:visited{
  background: #5eb70c;
  padding: 8px;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  color: #f1f1f1;
  font-size: 11pt;
  font-weight: 400;
  font-family: 'GyeonggiTitleM';}

  #topnav  li:hover > a{
    background: #5eb70c;
    padding: 6px;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    color: #f1f1f1;
    font-size: 11pt;
    font-weight: 400;
    font-family: 'GyeonggiTitleM';}


#topnav .first li:hover > a{
  background: none;
  padding: 0;
  color: #f1f1f1;
  font-size: 9pt;
  font-weight: 400;
  text-decoration: none;
}
#topnav>.sub>li a:hover{
  color: #f1f1f1;
  background: none;
  padding: 0;
  font-size: 8pt;
  font-weight: 400;
  text-decoration: none;
}
#topnav  .sub li{
  padding: 10px 4px;
  padding-top: 11px \0/IE8;/*IE8Àû¿ë*/

}
_:-ms-fullscreen, :root #topnav  .sub li{
  padding: 10px 4px;
  padding-top: 11px;
}
#topnav  .sub li:first-child{
  padding-left: 24px;
}
#topnav  .sub a:link{
  font-size: 9pt;
}
#topnav  .sub a:visited{
  color: #f1f1f1;
  font-size: 9pt;
  font-family: 'GyeonggiTitleM';}
#topnav  .sub a:active{
  color: #f1f1f1;
  background:
  font-size: 9pt;
}

/* 2.nav>ul ¿¡ ÇüÁ¦·Î div¸¸µé°í + ¿¬»êÀÚ·Î ÁöÁ¤Çϱâ */
#topnav ul:hover+div{
  display: block;
  z-index: -1;
}
/* 3.barŬ·¡½º(°ø°£) ±âº» ¼ÂÆà vw,overflow-y,postion»ç¿ë*/
.bar-2020{
  display: none;
  width: 100vw;
  overflow-y: hidden;
  position: absolute;
  /*°°Àº ³ôÀ̸¦ ÁÙ°Í. gnbÀÇ ¹Ù·Î ¾Æ·¡±îÁöÀÇ ³ôÀÌ°¡ ÁÁÀ½*/
  bottom: -60px;
  height: 60px;
}
/*  4.barŬ·¡½º ¾È¿¡ ½ÇÁúÀûÀÎ º¸¿©ÁÖ´Â °ø°£ ¸¸µé±â */
#topnav .bar .barwrap{
  background: #ddd;
  width: 100%;f
  overflow-y: hidden;
  /*½ÇÁúÀûÀÎ ¹ÙÀÇ ³ôÀÌ. 3.-4.=gnb¿Í ¹ÙÀÇ »çÀÌ*/
  height: 45px;
  position: absolute;
  bottom: 0;
/*     float:left; */
}
/* 5. bar¿¡ ¿Ã·Á¼­ barÀ¯ÁöÇϱâ*/
#topnav .bar:hover{
  display: block;
  position:absolute;
  z-index:-1;
}

/* ÀÌÇÏ 2Â÷¸Þ´º³ª¿À°Ô Çϱâ */
#topnav .sub li{
  width: auto;
}
#topnav li ul{
  display:none;
  width: 766px;
  position: absolute;
  height: 0px;
}
/*1Â÷¸Þ´º ¿À¹ö½Ã 2Â÷¸Þ´º block*/
#topnav li:hover ul{
  display:block;
  width: 970px;
  margin: 0 auto;
}
/*»ö»óÀ¸·Î ¹üÀ§Å×½ºÆ®*/
#topnav li:nth-child(1) ul{
color: white;
height: 32px;
margin-left: -262px;
}
#topnav li:nth-child(2) ul{
color: white;
height: 32px;
margin-left: -265px;
}
#topnav li:nth-child(3) ul{
color: white;
height: 32px;
margin-left: -268px;
}
#topnav li:nth-child(4) ul{
color: white;
height: 32px;
margin-left: -324px;
}
#topnav li:nth-child(5) ul{
color: white;
height: 32px;
margin-left: -354px;
}
#topnav li:nth-child(6) ul{
color: white;
height: 32px;
margin-left: -500px;
}
#topnav li:nth-child(7) ul{
color: white;
height: 32px;
margin-left: -558px;
}
#topnav>li>a:focus+ul{
  display:block!important;
  color:#fff;
/*   background:#fff; */
}
#topnav>li>a:focus+ul>li>a:focus{
  display:block!important;
  color:#fff;
/*   background:#fff; */
}
#topnav>li>a+ul>li>a:focus{
  display:block!important;
  background:fff;
}

/*sub*/
#simg01				{float:left; width:625px; height:161px; background:url(../img/sub/top_img.jpg) no-repeat;}
#simg02				{float:left; width:345px; height:161px;}
#simg01 #st			{float:left; width:210px; height:42px; margin:119px 0 0 30px}
#simg01 #location	{float:left; width:370px; margin:134px 0 0 15px; color:#afb1b8}

.inline li			{float:left; display:inline}
.padding3			{padding:3px}
.history_view		{padding:3px 10px 3px 3px; font-weight:bold;}
.history_view a:hover		{text-decoration:underline}
.culture_view li	{background:url(../img/icon/dot_gray01.gif) no-repeat 0 3px; padding-left:7px}
.list_img_txt 		{float:left; display:inline-block; padding-right:10px;}
.list_img_txt img	{display:block;}

#stitle			{margin-bottom:30px;}
#lm				{float:left; margin:52px 0 50px 30px; width:210px; height:100%;}
#lm	li			{float:left; display:inline;}

.left01_menu	{float:left; width:140px;}
.left01_data	{float:right; width:530px;}

.left04_menu	{float:left; width:170px;}
.left04_data	{float:right; width:500px;}

.left02_menu	{float:left; width:170px;}
.left02_menu li	{border-bottom:solid 1px #e4e4e4; padding:5px 0 5px 23px; background:url(../img/icon/arrow_sky.gif) 6px 5px no-repeat; font-weight:bold; letter-spacing:-1px}
.left02_data	{float:right; width:470px;}

.left03_menu	{float:left; width:160px;}
.left03_menu li	{border-bottom:solid 1px #e4e4e4; padding:5px 0 5px 23px; background:url(../img/icon/arrow_sky.gif) 6px 5px no-repeat; font-weight:bold; letter-spacing:-1px}
.left03_data	{float:right; width:500px;}
.left03_data li a:hover	{ text-decoration:underline}


.org li			{float:left; padding:15px 0; background:url(../img/icon/spots01.gif) bottom repeat-x; width:335px}
.org li:after	{display:block; clear:both; content:""}
.org li	.thumb	{display:inline-block; float:left; margin:0 10px 0 0}
.org li	.thumb img	{display:block; border:#999 solid 1px; width:100px; height:125px}


.pdf li			{position:relative; padding:15px 0; border-bottom:1px solid #e4e4e4; }
.pdf li:after	{display:block; clear:both; content:""}
.pdf li	.thumb	{display:inline-block; float:right; margin:0 0 0 10px}
.pdf li	.thumb img	{display:block;}


.tb01_s	img		{width:75px; height:115px; border:solid 1px #6a6a6a}
.tb01_b	img		{width:110px; height:165px; border:solid 1px #6a6a6a}
.tb01_stitle	{color:#006fa3; background:url(../img/icon/dot_gr.gif) 6px 9px no-repeat; padding-left:13px}
.tb01_tb_s		{border-top:#79b9dd solid 2px}
.tb01_tb_b		{border:#e4e4e4 solid 1px; border-top:#79b9dd solid 2px}
.tb01_td01		{background:#f6f6f6; font-weight:bold}
.tb01_td02		{background:#f6f9f0; font-weight:bold}


.map_menu		{float:left; width:150px; margin-bottom:30px}
.map_menu li	{background:url(../img/icon/dot_sky.gif) 6px 12px no-repeat; padding:6px 0 4px 15px; border-bottom:#e4e4e4 solid 1px; letter-spacing:-1px}
.map_title		{width:150px; height:30px; color:#FFFFFF; background:url(../img/sub/09_sitemap.gif) right no-repeat ; padding-top:15px; text-align:center; font-weight:bold; vertical-align:top}

.pop_title		{background:url(../img/icon/icon_pop.gif) #77af18 10px 8px no-repeat; padding:8px 0 8px 30px; font-size:14px; color:#FFF; font-weight:bold}


#b_line			{float:left; width:920px; height:40px ; border-bottom:solid 1px #e2e2e2}

#contents .content    {font-family: 'PretendardM'; letter-spacing: -0.03em;}
#contents .content dt {font-family: 'PretendardSB'; font-size: 19px; color: #333; line-height: 1.8;}
#contents .content dd {font-family: 'PretendardM'; font-size: 13.5px; color: #666; line-height: 18px; text-align: justify; word-break: keep-all;}
#contents .content .cont-box  {font-family: 'PretendardM'; background: #f2f2f2; border: 2px #e5e5e5 solid; padding:8px; box-sizing: border-box; font-size: 13.5px; line-height: 18px; margin: 10px 0;}
#contents .content .font-blue {color: #0061a3;}
#contents .content b{font-family: 'PretendardB';}

/* font */
.spacing-1	{letter-spacing:-1px;}
.ft_b	{font-weight:bold}
.ft11	{font-size:11px; font-family:µ¸¿ò}
.ft12	{font-size:12px; font-family:±¼¸² gulim}
.ft14	{font-size:14px; font-family:±¼¸² gulim}
.ft_ffffff		{color:#ffffff}
.ft_006fa3 		{color:#006fa3}
.ft_006fa3 a	{color:#006fa3}
.ft_1a76c2 		{color:#1a76c2}
.ft_1a76c2 a	{color:#1a76c2}
.ft_ff6000 		{color:#ff6000}
.ft_ff6000 a	{color:#ff6000}
.ft_a5a5a5		{color:#a5a5a5}
.ft_a5a5a5 a	{color:#a5a5a5}
.ft_ff3d10		{color:#ff3d10}
.ft_ff3d10 a	{color:#ff3d10}

.ft_line18			{line-height:18px}
.link_deco:hover	{text-decoration:underline; color:#F00}
.u_line				{text-decoration:underline;}


/**/
.numlist		{list-style:decimal; margin-left:18px;}
.btn img		{margin:0 3px}
.line_e7e7e7	{position:relative; background:#e7e7e7}
.line_2b2b2b	{position:relative; background:#e7e7e7}
.line_dddddd	{position:relative; background:#dddddd}
.line_e0e0e0	{postion:relative; background:#e0e0e0}
.dot			{width:100%}
.txt_icon		{align:absmiddle; margin:0 5px}
.inblock		{display:inline-block}


/*table*/
.snc_tb	{width:660px}
.tb01		{background:#baa793}
.tb01 th	{background:#e4ddd7; font-weight:bold; padding:7px; text-align:center}
.tb01 tr	{background:#ffffff; text-align:center; height:30px}
.tb0101		{background:#f7f3ef; font-weight:bold}

.tb02 		{font-weight:bold; border-top:#47942e solid 2px;}
.tb02 th	{height:30px; border-bottom:#dedad5 solid 1px; text-align:center}
.tb02 td	{height:30px; background:#FFF; border-bottom:#dedad5 solid 1px; padding-left:7px}
.tb0201 	{border-top:#47942e solid 2px; border-bottom:#47942e solid 2px; }

.tb03 		{font-weight:bold; border-top:#47942e solid 2px;}
.tb03 td	{height:28px; border-bottom:#dedad5 solid 1px; padding-left:12px}


/*form*/
.input01		{border:#afafaf solid 1px; background:#ffffff; height:16px; padding:3px 3px 0 3px;}
.input02		{border:#afafaf solid 1px; background:#ffffff; height:15px; padding:2px 0 0 3px; font-size:11px;}
.input_search	{border:#FFFFFF solid 1px; background:#ffffff; height:15px; padding:3px;}
.txt01			{border:#afafaf solid 1px; background:#ffffff; padding:3px}
.sel01			{border:#FFFFFF solid 1px; font-size:11px}




/* ¿¡µðÆ®&±âŸ */
.SelectBar {border-top-style:none; font-family: ±¼¸²; font-size: 9pt; background-color:#dfdfdf;}
.BtnImg {border-style:none; font-family: ±¼¸²; font-size: 9pt; width: 25px; height: 25px; background-color:#dfdfdf;}
.TextMenuBar {border-top-style:none; font-family: ±¼¸²;  font-size: 9pt; background-color:#dfdfdf;}
.input_1 {font-size: 9pt; background-color: #FFFFFF; border: 1px #999999 solid}
.input {font-size: 9pt; background-color: #FFFFFF; border: 1px #999999 solid}
.intro {font-size: 9pt; line-height: 14pt; color: #666666}
.scrollbars1 {scrollbar-face-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #D9D9D9;scrollbar-shadow-color:#D9D9D9;scrollbar-darkshadow-color: #D9D9D9;scrollbar-track-color: ##FFFFFF;scrollbar-arrow-color: #9D9D9D}
.text_b{ font-size: 9pt; text-decoration: none; line-height: 12pt; font-weight: bold; color: #000000}
.data{ font-size: 8pt; text-decoration: none; line-height: 12pt; color: #999999}
.data2{ font-size: 11px; font-family: tahoma,µ¸¿ò; text-decoration: none; line-height: 12pt; color: #999999}