@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,800,900&subset=korean");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700,800,900&display=swap');

/*base font*/
body{font-size:12px; font-family:"Arial",±¼¸²; color:#666666; line-height:140%; background-repeat: repeat-x;}
td{font-size:12px; font-family:"Arial",±¼¸²; color:#666666; line-height:140%;}
select{font-size:11px; font-family:"verdana"; color:#2C2C2C;}
input{font-size:11px; font-family:"verdana"; color:#2C2C2C;}

/*base link*/
a {FONT-FAMILY: "Arial",±¼¸²; FONT-SIZE: 12px; COLOR: #666666; TEXT-DECORATION: none}
a:hover {FONT-FAMILY: "Arial",±¼¸²; FONT-SIZE: 12px; COLOR: #4D82A2; TEXT-DECORATION:none}

/* main */
.txt_main      { color:#647CBE; font-weight:bold; font-family: ±¼¸², verdana; }
.txt_sub_main  { color:#CB689E; }
.txt_sub { color:#5EACB8; }
.notice  { color:#2092B6; }

.box { background-color:silver; font-size:9pt;border:#818181 1px solid;}

.today_dd      { color:#000000; font-weight:bold; font-family: ±Ã¼­; }

.style1 {
font-family: "µ¸¿ò";
font-size: 12px;
}

/*¸µÅ©*/
A:link
{
	text-decoration: none;
	color:#000000;
}
A:visited
{
	text-decoration: none;
	color:#000000;
}
A:hover
{
	text-decoration: none;
	color:#BBBBBB;
}

A.top_menu:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#FFFFFF;
	font-weight: bold;
	
}
A.top_menu:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#FFFFFF;
	font-weight: bold;
}
A.top_menu:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#FFFFFF;
	font-weight: bold;
}

A.foot_menu:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#AF4A00;
	
}
A.foot_menu:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#AF4A00
}
A.foot_menu:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#AF4A00;
}

A.c000:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#000000;
	
}
A.c000:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#000000;
}
A.c000:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#000000;
}
A.c000_top:link
{
	font-family:±¼¸²,Tahoma;
	font-size:11px;
	text-decoration: none;
	color:#000000;
	
}
A.c000_top:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:11px;
	text-decoration: none;
	color:#000000;
}
A.c000_top:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:11px;
	text-decoration: underline;
	color:#000000;
}
A.c000_my:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:blue;
	
}
A.c000_my:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:blue;
}
A.c000_my:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:blue;
}

A.A2004D:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#A2004D;
	
}
A.A2004D:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#A2004D;
}
A.A2004D:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#A2004D;
}

A.sc000:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#000000;
	
}

A.sc000:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#000000;
}
A.sc000:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#CCFFFF;
}

A.sc_s_notice:link
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#CCFFFF;
	
}

A.sc_s_notice:visited
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#CCFFFF;
}
A.sc_s_notice:hover
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	text-decoration: underline;
	color:#CCFFFF;
}
/*TD*/
TD
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	color:#333333;
}

TD.m_form
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	color:#666666;
	padding:0 0 0 10;
}
TD.m_form2
{
	font-family:±¼¸²,Tahoma;
	font-weight:bold;
	font-size:12px;
	color:#666666;
	padding:0 0 0 10;
}
TD.m_from_r
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	padding:10 10 10 10;
	line-height:18px;
	color:#666666;
}
TD.m_from_r2
{
	font-family:±¼¸²,Tahoma;
	font-weight:bold;
	font-size:12px;
	padding:10 10 10 10;
	line-height:18px;
	color:#666666;
}
TD.ft_td
{
	text-align:right;
	background-color:#F7F7F7;
}
/*P*/
P
{
	margin-top: 0;
	margin-bottom: 0;
}
P.contents
{
	margin-top: 2;
	margin-bottom: 2;
}
/*INPUT*/
INPUT
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
}
INPUT.text
{
	height:20px;
	padding-top:2px;
}
INPUT.text_n
{
	height:20px;
	padding-top:2px;
	border:#cac3c3 solid 1px;
}
INPUT.button
{
	padding-top:2px;
}

/*SELECT*/
SELECT
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
	height:20px;
}

/*TEXTAREA*/
TEXTAREA
{
	font-family:±¼¸²,Tahoma;
	font-size:12px;
}
TEXTAREA.textarea_n
{
	width:100%;
	line-height:20px;
	border:#999999 solid 1px;
}

TEXTAREA.textarea_n_l
{
	width:100%;
	line-height:20px;
	border:#999999 solid 1px;
	background-image:url('/image/underline.gif');
}
body{
font-family: "±¼¸²", "µ¸¿ò", "Verdana", "Arial";
font-size: 12px;
color: #636363;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#C3C3C3;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#C3C3C3;
scrollbar-shadow-color:#C3C3C3;
}
.input_box { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF; background-color:#FFFFFF;height:17px;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.input_box2 { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #CACACA;	border-right: 1px solid #CACACA;	border-bottom: 1px solid #CACACA;	border-left: 1px solid #CACACA; background-color:#FFFFFF;height:17px;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.input_box3 { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959;background-color:#F6F6F6;}
.input_chat { font-family: "±¼¸²", "Arial", "Verdana";	color:#00834F; border-top: 1px solid #F6F6F6;	border-right: 1px solid #F6F6F6;	border-bottom: 1px solid #CACACA;	border-left: 1px solid #F6F6F6; background-color:#F6F6F6;height:17px;padding-top:5}

.text_box { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF; background-color:#FFFFFF;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.text_box2 { font-family: "±¼¸²", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #9C9A9C;	border-right: 1px solid #9C9A9C;	border-bottom: 1px solid #9C9A9C;	border-left: 1px solid #9C9A9C; background-color:#FFFFFF;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}

/* ¸®½ºÆ®ÀÇ ½ºÅ¸ÀÏ Á¦°Å */
li, ul {list-style:none; margin:0; padding:0}

.line_top{display:inline-block; vertical-align:top; box-sizing:border-box;}
.line_mid{display:inline-block; vertical-align:middle; box-sizing:border-box;}
.line_bt{display:inline-block; vertical-align:bottom; box-sizing:border-box;}
.tb_box{width:100%; display:table; box-sizing:border-box;}
.td_box{width:100%; display:table-cell; vertical-align:middle; box-sizing:border-box;}
.less-trans #container{}
#container .root_daum_roughmap_landing{border-radius: 0; padding:0; border:0}
.Bak_wrap{background:#f8f8f8;}
.W_Bak_wrap{background:#fff}
.po_Bak{background:#f3f8fe}
.Bt_bor{border-top:1px solid #221f1f; border-bottom:1px solid #ddd; font-size:0; position:relative}
.lazy{background-position:center center; background-size:cover; background-repeat:no-repeat;}
.lazy img{margin:0 auto}
.inner{width:960px; clear:both; margin:0 auto; box-sizing:border-box}


.header{font-family:"Noto Sans KR","Montserrat",sans-serif; color:#333; font-weight:500; text-align:left; position:absolute; top:0; left:0; }
.header h1{display:inline-block; margin:0; padding:12px 0 8px}
.header h1 a{display:block; padding:15px 13px 15px 6px;}
.header .gnb{border-radius:5px; border:1px solid #3e7809; margin-top:5px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#79a94c+0,80c144+47,79a94c+100 */
background: linear-gradient(to bottom,  #79a94c 0%,#80c144 47%,#79a94c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header .gnb,
.header .gnb li{display:inline-block; }
.header .gnb .main{padding:5px 18px; position:relative; }

.header .gnb a{font-family:"Noto Sans KR","Montserrat",sans-serif; letter-spacing:-.1rem}
.header .gnb .depth1{padding:2px 29px; line-height:24px; font-size:15px; color:#333; display:inline-block; position:relative; }

.header .gnb .main:before, 
.header .gnb .main:after {content: ''; display:block; position:absolute; width:1px; background:#3e770a; border-width: 0 1px 0 0 ; border-style: solid;  
					border-color:#aee47c; height:10px; left:0; top:50%; transform: translateY(-50%);}
.header .gnb .main:first-child:before, 
.header .gnb .main:first-child:after{display:none;}
.header .gnb .main:hover .depth1{color:#fff;  border-radius:3px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a490d+0,3a5f16+61,458709+100 */
background: linear-gradient(to bottom,  #2a490d 0%,#3a5f16 61%,#458709 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header .gnb .depth2{position:absolute; top:38px; left: 50%; transform: translateX(-50%);display:none; transition-duration: 0.4s; width:120%; text-align:center}
.header .gnb .depth2:after {content: ''; display:block; position:absolute; width:8px; height:8px; background:#395d16; border:2px solid #79a94c; border-radius:50%;
					  left:50%; top:-3px; transform: translateX(-50%);}

.header .gnb .main:hover .depth2{display:block; }
.header .gnb .depth2 a{padding:10px 5px; color:#1c3505; display:block; }
.header .gnb .depth2 a.on,
.header .gnb .depth2 a:hover{color:#009900;}
.header .gnb .main:nth-child(2) .depth2{width:235%;}
.header .utill{position:absolute; top:0; right:5%;}
.header .utill a{font-family:"Noto Sans KR","Montserrat",sans-serif; letter-spacing:-.05rem; font-size:10px; color:#666; padding:7px; display:inline-block; position:relative; }
.header .utill a:before, 
.header .utill a:after {content: ''; display:block; position:absolute; width:1px; background:#556743; height:8px; left:0; top:51%; transform: translateY(-50%);}
.header .utill a:first-child:before, 
.header .utill a:first-child:after{display:none;}
.lnb{padding:10px; font-family:"Noto Sans KR","Montserrat",sans-serif; }
.lnb h3{margin:0; padding:5px 0; letter-spacing:-.1rem; font-size:15px; 
	   font-weight:500; color:#2d4d0f; border-bottom:2px solid #9ec677} 
.lnb ul{padding-top:5px;}
.lnb li{border-bottom:1px solid #ddd}
.lnb li a{position:relative; display:block; line-height:19px; padding:3px 10px; font-family:"Noto Sans KR","Montserrat",sans-serif; font-weight:500; color:#666;
	   transition-duration: 0.1s;}
.lnb li.on a,
.lnb li a:hover{color:#39571d; font-size:14px;}
.lnb li a:after {content: ''; display:block; position:absolute; width:4px; background:#9ec677; height:4px; left:0; top:50%; transform: translateY(-50%);}

.quick{border-radius:35px; border:1px solid #82c345; padding:10px 9px; text-align:center; position:relative; font-family:"Noto Sans KR","Montserrat",sans-serif; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1ecd6+0,9cc874+9,a3d277+100 */
background: linear-gradient(135deg,  #e1ecd6 0%,#9cc874 9%,#a3d277 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.quick h4{color:#fff; font-size:10px; line-height:12px; font-weight:700; font-family:"Noto Sans KR","Montserrat",sans-serif; margin:0; padding:6px 0 10px}
.quick ul{padding:10px 0; background:#fff; border-radius:30px;}
.quick li{}
.quick li a{padding:10px 7px; box-sizing:border-box; width:54px;
		font-family:"Noto Sans KR","Montserrat",sans-serif; color:#333; display:block; position:relative; line-height:14px; font-size:11px;  font-weight:600;}
.quick li span{color:#777; display:block; letter-spacing:-.05rem; font-weight:500 }
.quick li a:after {content: ''; display:block; position:absolute; width: calc(100% - 16px); background:#f0e6e0; height:1px; left:8px; top:0;}
.quick li:first-child a:after{display:none;}
.quick li a:hover span{color:#2d4d0f; font-weight:600;}
.quick .btn_top{position:absolute; left:0; bottom:-24px; cursor:pointer;display:block; width:100%; left:0; text-align:center; color:#333;
			line-height:18px; font-size:11px;  font-weight:500; letter-spacing:-.05rem; padding:3px 0; }