@charset "utf-8";

.wrapper { max-width:1464px; margin:0px auto; padding:0 24px;}
.wrapper:after { display:block; content:''; clear:both; }
.wrapper.rel { position:relative; }

#gnb ul.family li.gnb_m1{background:#fff; padding-bottom:1px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8}
#gnb ul.family li.gnb_m1 a{color:#0a4d9c}
#gnb ul.family li.gnb_m1:after, #gnb ul.family li.gnb_m1+li:after{display:none}
#gnb ul.gnb_menu li.lang>a:after {border-top-color:#706d6b;}

#allmenu div.allmenuBox div#array_menu>ul>li.menu1>a { background:url(/main/images/inc/allmenu_ic01.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu2>a { background:url(/main/images/inc/allmenu_ic02.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu3>a { background:url(/main/images/inc/allmenu_ic03.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu4>a { background:url(/main/images/inc/allmenu_ic04.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu5>a { background:url(/main/images/inc/allmenu_ic05.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu6>a { background:url(/main/images/inc/allmenu_ic06.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li>a { color:#905438; }
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li>a:after { background:#905438; }
#allmenu div.allmenuBox .btn_close a { background-image:url(/main/images/inc/allmenu_close.png); }

#top div.top_con { height:100px; }
#top div.top_con:after { display:block; content:''; clear:both; }
#top div.top_con div.logoarea { position:relative; float:left; top:22px; width:25%; z-index:2; }
#top div.top_con div.logoarea p { float:left; width:33%; margin-left:3%; margin-top:3%; }
#top div.top_con div.logoarea img { max-width:100%; }
#top div.top_con ul.top_sns { position:relative; float:right; top:30px; width:30%; text-align:right; z-index:2; }
#top div.top_con ul.top_sns li { display:inline-block; }
#top div.top_con ul.top_sns li a { display:block; }
#top div.top_con div.top_search { position:absolute; width:100%; left:0px; z-index:1; top:0; }
#top div.top_con div.top_search>div { position:relative; top:27px; margin:0px auto; padding:6px; width:20%; min-width:300px; border:3px solid #0a4d9c; border-radius:60px; }
#top div.top_con div.top_search>div .cate { position:absolute; padding-left:10px; top:0px; width:60px;text-transform:uppercase; }
#top div.top_con div.top_search>div .cate label {position:absolute;font-size:0; overflow:hidden; text-indent:0;}
#top div.top_con div.top_search>div .cate:after {content:'';position:absolute;left: 64px;top: 14px;width: 12px;height:10px;background:#fff url(/main/images/inc/top_search_cate.gif) no-repeat right center;z-index: 9;}
#top div.top_con div.top_search>div .cate select {margin-left:-6px;width:75px;height: 37px;/* opacity:0; */cursor:pointer;position: relative;background: none;border: none;font-weight: bold;padding: 5px 0px;}
.cate select option { padding:5px; }
#top div.top_con div.top_search p.word { padding-left:85px; padding-right:70px; }
#top div.top_con div.top_search p.word input[type=text] { border:0px; padding:5px; width:100%; }
#top div.top_con div.top_search p.search_go input {position:absolute; right:-1px; top:-2px; height:42px; border-bottom-right-radius:60px; border-top-right-radius:60px;  overflow:hidden;}

#top nav { position:relative; border-top:1px solid #d8d8d8; border-bottom:2px solid #08509a; }
#top nav #lnb { height:54px;; }
/* #top nav #lnb>ul { overflow:hidden; } */
#top nav #lnb>ul:after {display:block; content:""; clear:both;}
#top nav #lnb>ul>li { float:left; width:16.6%; }
#top nav #lnb>ul>li>a { display:block; text-align:center; font-size:21px; font-weight:bold; color:#222; }
#top nav #lnb>ul>li>a span { display:inline-block; padding:15px 0px 16px; }
#top nav #lnb>ul>li.select>a span { color:#08509a; }
#top nav #lnb>ul>li div.submenu { display:none; background:#fff; border-bottom:1px solid #d8d8d8; }
#top nav #lnb>ul>li div.submenu>ul { border-right:1px solid #d8d8d8; }
#top nav #lnb>ul>li div.submenu>ul>li { float:left; padding:2% 2% 0%; width:15.5%; border-left:1px solid #d8d8d8; }
#top nav #lnb>ul>li div.submenu>ul>li.menu4_submenu { border-right:1px solid #d8d8d8; }
#top nav #lnb>ul>li.menu1 div.submenu>ul>li { width:20.5%; }
#top nav #lnb>ul>li div.submenu>ul>li:first-child:after { display:none; }
#top nav #lnb>ul>li div.submenu>ul>li>a { display:block; padding:8px 20px; font-weight:bold; font-size:15px; background:#efefef /*url(/main/images/inc/depth_on.png) no-repeat 10px center*/; color:#333; }
#top nav #lnb>ul>li div.submenu>ul>li>a+a, #top nav #lnb>ul>li div.submenu>ul>li ul+a { margin-top:30px; }
#top nav #lnb>ul>li div.submenu>ul>li ul { padding:15px 0px 0px 15px; /* overflow:hidden; */ }
#top nav #lnb>ul>li div.submenu>ul>li ul:after {display:block; content:""; clear:both;}
#top nav #lnb>ul>li div.submenu>ul>li ul li a { display:block; padding:0px 0px 1px 10px; background:url(/main/images/inc/submenu_blet.gif) no-repeat left 10px; font-size:14px; }
#top nav #lnb>ul.add_site { display:none; position:absolute; width:103px; top:56px; z-index:999; }
#top nav #lnb>ul.add_site li { float:none; width:100%; }
#top nav #lnb>ul.add_site li img { vertical-align:top; }
#top nav #lnb>ul>li.menu4 div.submenu div.height190{min-height:220px;}

footer div.related { background:#484848; }
footer div.related ul.link>li { position:relative; float:left; width:25%; }
footer div.related ul.link>li>a { display:block; border-right:1px solid #666; padding:14px 20px; color:#c2c2c2; background:url(/main/images/main/related_more.gif) no-repeat 95% center ; }
footer div.related ul.link>li:first-child>a { border-left:1px solid #666; }
footer div.related ul.link>li>div { display:none; position:absolute; bottom:52px; z-index:2; width:100%; background:#666; height:250px; overflow-y:scroll; }
footer div.related ul.link>li>div>ul { width:90%; margin:15px 0px 15px 7%; height:auto; }
/* scrollbar-3dlight-color:#bebebe;
scrollbar-arrow-color:#666;
scrollbar-track-color:#666;
scrollbar-face-color:#bebebe;
scrollbar-shadow-color:#aaa;} */
footer div.related ul.link>li>div>ul::-webkit-scrollbar{margin:10px 0px; width:5px; height:20px; }
footer div.related ul.link>li>div>ul::-webkit-scrollbar-track-piece{background:#777}
footer div.related ul.link>li>div>ul::-webkit-scrollbar-thumb{background:#bebebe}
footer div.related ul.link>li>div>ul li:first-child { border-top:0px; }
footer div.related ul.link>li>div>ul li { border-top:1px dotted #888; }
footer div.related ul.link>li>div>ul li a { padding:5px; display:block; color:#fff; font-weight:bold; }
footer div.bottom { padding:30px 0px; overflow:hidden; }
footer div.bottom ul.btm_logolist li { float:left; margin-right:1%; }
footer div.bottom ul.btm_logolist li.btm_logo { padding-top:1% }
footer div.bottom ul.btm_logolist li img { max-width:100%; }
footer div.bottom div.btm_info { float:left; width:50%; }
footer div.bottom div.btm_info ul.btm_menu { overflow:hidden; }
footer div.bottom div.btm_info ul.btm_menu li { float:left; margin-right:3%; font-weight:bold; font-size:14px; }
footer div.bottom div.btm_info div.copy * { font-size:14px; }
footer div.bottom div.btm_info div.copy address { margin-top:10px; }
footer div.bottom div.btm_info div.copy address span { font-weight:bold; color:#333; }
footer div.bottom div.btm_info div.copy address span.tel_num { color:#0a4d9c; }
footer div.bottom ul.btm_visitor { float:right; width:20%; margin-top:-5px; text-align:right; }
footer div.bottom ul.btm_visitor li { display:inline-block; margin-left:3%; font-size:13px; font-weight:bold; }
footer div.bottom ul.btm_visitor li span.tit:after {content:' :';}
footer .btn_wfont a { color:#0a4d9c; }



#ing { position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:9999; }
#ing>div { position:relative; top:50%; overflow:hidden; margin:0 auto; max-width:1100px; width:100%; max-height:675px; height:100%; border-radius:30px; background-color:#fff; transform:translateY(-50%); }
#ing>div:before { position:absolute; right:30px; bottom:0; width:494px; height:614px; background:url('/headman/images/inc/ing.png') no-repeat right bottom; content:''; }
#ing>div .con { margin-top:20%; padding-top:30px; padding-bottom:30px; background-color:#025aaa; }
#ing>div .con p { padding-left:6%; color:#fff; font-weight:300; font-family:'Noto Sans Korean', 'Noto Sans KR'; letter-spacing:-2px; }
#ing>div .con .tit { font-size:50px; }
#ing>div .con .tit span { font-weight:500; font-family:'Noto Sans Korean', 'Noto Sans KR'; }
#ing>div .con .txt { font-size:25px; }
#ing .btn_close { position:absolute; right:30px; top:30px; }
#ing .btn_close a { display:block; position:relative; width:60px; height:60px; text-indent:-5000px; background:url('/main/images/inc/allmenu_close.png') no-repeat center bottom; }

select#selectbox::-ms-expand {
	display:none;
}



/************************************************************************************************************************************************/

/*����ɼ��� D-DAY*/
.top_con { position:relative; }

.voteD-day { position:absolute; left:48%; margin-left:200px; top:17px; text-align:center; }
.voteD-day p { line-height:14px; }
.voteD-day .day { font-size:30px; font-weight:700; color:#0a4d9c; line-height:30px; margin-bottom:5px; }

.vote_before { position:absolute; left:72%; top:16px; }

.top_line_bnr {background: #EDF1F5; padding:8px 0;}
.top_line_bnr .wrap {display: flex; align-items: center; color:#1d1d1d; font-size:15px; line-height:16px;}
.top_line_bnr .wrap img {margin-right:9px; width:24px;}

@media screen and (max-width:945px) { 
.voteD-day, .vote_before { display:none; }
}
/*end ����ɼ��� D-DAY*/

@media screen and (min-width:1400px) { 
	#top nav #lnb>ul.add_site.dp_add_site { display:block; right:5%; }
}

@media screen and (max-width:1400px) { 
	#top nav #lnb>ul.add_site { display:none !important; }
}

@media screen and (max-width:1200px) { 
	footer div.bottom { padding:20px 20px; }
	footer div.bottom ul.btm_logolist { display:none; }
	footer div.bottom div.btm_info { width:70%; }
	footer div.bottom ul.btm_visitor { width:30%; }
}

@media all and (min-width:768px) { 
	.dp_mb { display:none; }
	.pc_block { display:block; }
	.pc_inline { display:inline; }	
	.pc_hidden { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }		
	#top div.top_con div.logoarea h1 { float:left; width:63%; margin-top:5px ; }	
	#top nav #lnb>ul>li>a:hover span, 
	#top nav #lnb>ul>li>a.select span { padding-bottom:13px; color:#08509a; border-bottom:3px solid #08509a; }
	#top nav #lnb>ul>li.menu6 { float:right; background:#08509a; color:#fff; }
	#top nav #lnb>ul>li.menu6 a span { padding-right:35px; color:#fff; background:url(/main/images/inc/ic_menu6.gif) no-repeat right 14px; }
	#top nav #lnb>ul>li div.submenu { position:absolute; width:100%; left:0px; top:56px; z-index:999; }
	#top nav #lnb>ul>li.menu1 div.submenu>ul>li { min-height:470px; }
	#top nav #lnb>ul>li.menu1 div.submenu>ul>li.height {min-height:300px;}
	#top nav #lnb>ul>li.menu2 div.submenu>ul>li { min-height:380px; }
	#top nav #lnb>ul>li.menu2 div.submenu>ul>li.height { min-height:280px; }
	#top nav #lnb>ul>li.menu2 div.submenu>ul>li.height_long {min-height: 450px;}
	#top nav #lnb>ul>li.menu3 div.submenu>ul>li { min-height:1220px; }
	#top nav #lnb>ul>li.menu3 div.submenu>ul>li>ul { min-height:80px; }
	#top nav #lnb>ul>li.menu3 div.submenu>ul>li>a+a { margin-top:50px; }
	#top nav #lnb>ul>li.menu4 div.submenu>ul>li { min-height:350px; }
	#top nav #lnb>ul>li.menu4 div.submenu>ul>li.height { min-height:163px; }
	#top nav #lnb>ul>li.menu5 div.submenu>ul>li { min-height:350px; }	
	#top nav #lnb>ul>li.menu5 div.submenu>ul>li.height { min-height:161px; }
}

@media screen and (max-width:767px)  { 
	.dp_pc { display:none !important; }
	.mb_block { display:block; }
	.mb_inline { display:inline; }
	.mb_hidden { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }	
	.wrapper { padding:0 12px;}
	#gnb ul.gnb_menu { float:none; width:100%; text-align:center; overflow:hidden; margin:0 auto; border-bottom:1px solid #ccc; }
	#gnb ul.gnb_menu li.home { margin-left:35%; }	
	#gnb ul.family { display:none; }
	#allmenu div.allmenuBox div#array_menu>ul>li>a, #allmenu div.allmenuBox div#array_menu>ul>li>div { width:100%; }
	#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li { width:50%; }
	#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li.long>ul li { width:48%; }
	#allmenu div.allmenuBox div#array_abc>ul>li>a { padding-bottom:60px; }
	#allmenu div.allmenuBox div#array_abc>ul>li>a, #allmenu div.allmenuBox div#array_abc>ul>li>div { width:100%; }
	#allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li { width:47%; }
	#top div.top_con div.logoarea { float:none; margin:0 auto; width:160px; height:70px; text-align:center; }
	#top div.top_con { height:100%; }
	#top nav { border-top:0px; }
	#top h2 { position:absolute; right:10px; top:-60px;  border-radius:100px; }	
	#top h2 a { display:block; width:50px; height:50px; background:url(/main/images/inc/ic_menu.gif) no-repeat center center; text-indent:-5000px; }	
	#top .top_search>h2 { display:block; position:absolute; left:10px !important; top:12px !important; width:50px; height:50px; margin-top:0; }	
	#top .top_search>h2 a { display:none; background:url(/main/images/inc/mb_btn_search.png) no-repeat center center; text-indent:-5000px; }	
	#top nav #lnb { position:absolute; z-index:999; border-top:2px solid #08509a; width:100%; margin-top:0; }
	#top nav #lnb>ul { background:#fff; }
	#top nav #lnb>ul>li { width:100%; border-bottom:1px solid #d8d8d8; }
	#top nav #lnb>ul>li>a { padding-left:20px; text-align:left; }
	#top nav #lnb>ul>li>a:hover, #top nav #lnb>ul>li>a:active { background:#08509a; color:#fff; }
	#top nav #lnb>ul>li.select>a:hover span { background:#08509a; color:#fff; }
	#top nav #lnb>ul>li div.submenu { border-bottom:0px; border-top:1px solid #eee; }
	#top nav #lnb>ul>li div.submenu>ul { padding:10px; background:#efefef; }
	#top nav #lnb>ul>li div.submenu>ul>li { padding:0px; width:100% !important; border-left:0px; }	
	#top nav #lnb>ul>li div.submenu>ul>li:after { display:none; }
	#top nav #lnb>ul>li div.submenu>ul>li>a, #top nav #lnb>ul>li.menu4 div.submenu>ul>li>a { padding:3px 10px; }
	#top nav #lnb>ul>li div.submenu>ul>li>a+a, #top nav #lnb>ul>li div.submenu>ul>li ul+a { margin:0px; }
	#top nav #lnb>ul>li div.submenu>ul>li>ul { display:none; }
	#top div.top_con div.top_search { z-index:2; }
	#top div.top_con div.top_search>div { display:none; overflow:hidden; top:0; width:auto; border-radius:0; border-left:0; border-right:0; border-top:2px solid #0a4d9c; border-bottom:2px solid #0a4d9c; background:#fff; }
	#top div.top_con div.top_search p.search_go { border-bottom-right-radius:0; border-top-right-radius:0; padding-right:0; }
	/*#top div.top_con div.top_search { margin-top:16px; height:124px; background:#fef5f1; border-top:2px solid #f3692c; box-shadow:0px 1px 2px #666; }
	#top div.top_con div.top_search>div { top:40px; background:#fff; }*/

	footer div.related ul.link>li>a { padding:10px 20px 10px 10px; font-size:14px; letter-spacing:-1px; }	
	footer div.related ul.link>li>div { bottom:44px; width:195%; }
	footer div.related ul.link>li:nth-child(4)>div { right:0px; }
	footer div.related ul.link>li>div>ul { width:83%; }
	footer div.related ul.link>li>div>ul li a { font-size:13px; padding:2px; letter-spacing:-1px; }
	footer div.bottom div.btm_info { width:100%; }	

	#ing>div { top:50%; max-height:350px; }
	#ing>div:before { right:0; -webkit-background-size:50%; background-size:50%; }
	#ing>div .con { padding-right:45%; margin-top:90px; }
	#ing>div .con .tit { font-size:35px; }
	#ing>div .con .txt { font-size:20px; }
	.top_line_bnr .wrap {font-size:12px;}

}


@media screen and (max-width:520px) { 
	#gnb { position:relative; z-index:99; }
	#gnb ul.gnb_right { display:block; text-align:center; padding:5px 0; margin:0 40%; }
	#gnb ul.family li a { padding:8px 6px !important; }
}

@media screen and (max-width:480px) { 
	.wrap { min-width:300px; }
	footer div.related ul.link>li>a .ml_5 { margin-left:-5px; }
	footer div.related ul.link>li { width:50%; }
	#ing>div:before { background:none; }
	#ing>div .con { padding-right:0; }
	#ing>div .con .tit { font-size:20px; }
	#ing>div .con .txt { font-size:15px; }
}

/*focus ring style*/

*:focus-visible {outline:2px dashed #e4004b; box-shadow:-4px -4px 0 #fff, 4px 4px 0 #fff, -4px 4px 0 #ffff, 4px -4px 0 #fff, 0 -4px 0 #fff, 0 4px 0 #fff, 4px 0 0 #fff, -4px 0 0 #fff; z-index:999999999;}
input:focus-visible,
select:focus-visible {outline:2px solid #e4004b;}
input[type=submit]:focus-visible {outline:2px dashed #e4004b;}