@charset "utf-8";

#top { border-bottom:1px solid #ddd; }
#toparea { position:relative; width:140rem; padding:1.2rem 0; display:flex; justify-content:space-between; margin:0 auto; }

.inner { max-width:140rem; width:100%; margin:0 auto; }

@media (max-width:1440px){
	.inner { padding:0 3.2rem; }
	#toparea { width:100%; }
}

@media (max-width:1024px){
	.inner { padding:0 2.4rem; }
}

@media (max-width:768px){
	.inner { padding:0 1.6rem; }
	#toparea { width:100%; padding:1.2rem 1.6rem; }
}

/* 타이틀 */
#top h1.title { }
#top h1.title a span { position:relative; top:-1px; }

#top h1.title a { width:100%; height:5.2rem; padding:0 0 0 6.6rem; font-size:2.8rem; background:url(/images/common/mark.png) no-repeat; background-size:auto 5.2rem; display:flex; align-items:start; flex-direction:column; }
#top h1.title a span { display:block; font-size:0.625em; font-weight:700 !important; color:#888; text-transform:uppercase; letter-spacing:-0.1em; color:#222 !important;  }
#top h1.title a strong { font-weight:700; text-transform:uppercase; color:#111; }


@media (min-width:769px) and (max-width:1024px){

}

@media (max-width:768px){
	#top h1.title { }
	#top h1.title a { height:4rem; font-size:2rem; padding:0 0 0 5.0rem; background-size:auto 4rem; }
}


/* 사이드메뉴 */
.sidemenu,
.utilList { display:none; }


/* 메인 메뉴 */
/*#menu { position:absolute; right:0px; top:10.8rem; width:100%; border-top:1px solid #ddd; z-index:99; }*/
#menu { position:absolute; top:3.2rem; right:13%; max-width:calc(140rem - 26rem); width:100%; z-index:99;  margin:0 auto; }
#topMenu { display:flex; justify-content:end; overflow:visible !important; }

#topMenu > li { position:relative; text-align:center; display:inline-block; }
#topMenu > li > a:link,
#topMenu > li > a:visited { position:relative; vertical-align:middle; padding:0 4rem; height:7.6rem; line-height:7.6rem; color:#111; font-size:2.4rem; font-weight:700; letter-spacing:-1px; word-break:keep-all; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#284394;  }

#topMenu > li > a:link::before,
#topMenu > li > a:visited::before { position:absolute; left:50%; bottom:0px; content:''; width:0; border-bottom:3px solid #284394; text-align:center; transition:0.3s; transform:translate(-50%, 0); display:block; z-index:100; }
#topMenu > li > a:active::before,
#topMenu > li > a:focus::before,
#topMenu > li > a:hover::before { width:100%; }

#topMenu > li > a:link > ul::before,
#topMenu > li > a:visited > ul::before { position:absolute; left:50%; bottom:0px; content:''; width:0; border-bottom:3px solid #284394; text-align:center; transition:0.3s; transform:translate(-50%, 0); display:block; z-index:100; }
#topMenu > li > a:active > ul::before,
#topMenu > li > a:focus > ul::before,
#topMenu > li > a:hover > ul::before { width:100%; }


@media (max-width:1440px){
	#menu { right:0; }
}

@media (max-width:1170px){
	#menu { right:0; top:6.4rem; }
}


@media (min-width:1025px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { font-size:2.0rem; }
}



@media (max-width:1024px){
	#menu { display:none; } 
}


/* 서브메뉴 표시 */
#topMenu > li:hover > ul { background:#fafafa; }
#topMenu > li > ul { position:absolute; left:0; top:7.7rem; width:100%; height:24.4rem; padding:10px 0 0 0px; border-left: 1px solid #eee; background:#fff; display:none; clear:both; z-index:1003;   }
#topMenu > li > ul > li { position:relative; width:100%; padding:3px 10px 4px 10px;  text-align:left; display:block; }
#topMenu > li > ul.end { border-right: 1px solid #eee;}

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { width:100%; height:auto; padding:0; background:none; color:#333; border:0; line-height:1.3; text-decoration:none; font-family:pgovm; font-size:1.5rem; margin:0; letter-spacing:-1px;  }
#topMenu > li > ul > li > a:active,
#topMenu > li > ul > li > a:hover,
#topMenu > li > ul > li > a:focus,
#topMenu > li > ul > li > a.select { clear:both; color:#2268bd; }

#topMenu > li > ul > li > ul.mdepth3 { width:0; height:0; font-size:0; display:none; }

.submenu { display:none; overflow:hidden; }

.menubox { position:absolute; left:0; top:10.8rem; width:100%; height:24.8rem; border-top:1px solid #ddd; border-bottom:3px solid #284394; background:#fff; display:none; z-index:10; }



#topMenu > li > ul > li.none { display:none; }



@media (max-width:1024px){
	.topMenu,
	.menubox { display:none; } 	
	.menubox { width:0; height:0; border:0; line-height:0; }
}	

/* 하단 */
#bottom { border-top:1px solid #ddd; }
	/* 하단 메뉴링크 */
.foot-quick { display:none; }
.f-link { display:none; }
#bottom .f-btm .f-btm-text .f-menu { display:none; }
#bottom .f-btm .f-btm-text { justify-content:end; }