@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height:160%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {font-family: 'Noto Sans KR', sans-serif; font-size:16px; color:#333; }
address { font-style:normal;}
a { display:block;}
b { font-weight: 800;}
html, body { height:100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

input, select, button {
    vertical-align:initial;
	box-sizing: border-box;
}

img { 
	border:none;
	vertical-align:top;
	max-width:100%;
}

.clearfix:after { 
	content:"";
	display:block;
	clear:both;
}
a:link, a:visited { color:#333; text-decoration:none;}
a:active, a:hover { color:#333; text-decoration:none;}

.site-wrap { height:100%;}

/*hidden*/
.hidden { position:absolute; left:-9999px; font-size:1px; width:1px; height:1px; line-height:0; }

/*스킵메뉴*/
#skip_menu { width:300px; position:absolute; z-index:9999;}
#skip_menu a { position:absolute; top:-100px;}
#skip_menu a:hover,
#skip_menu a:active,
#skip_menu a:focus { position:absolute; top:0; width:300px; height:20px; display:block; background:#333; color:#fff; text-align:center; font-size:16px; font-weight:bold;}

/* 서브비주얼 */
/* .subVisual {position: relative;height: 7.5rem;background:url(/admission/design/images/subpage/bg_visual.jpg) 0 0 no-repeat;text-align: center;}
.subVisual__txt {position: absolute;bottom: 2.5rem;left: 50%;width: 90%;max-width: 542px;transform:translateX(-50%)} */

/* 전체틀 */
.wrapper {width: 100%;max-width: 1200px;margin-right: auto;margin-left: auto;}
.sub .row {margin-top: 1rem;margin-bottom: 1rem;}
.sub .section {margin-top: 3rem;margin-bottom: 3rem;}

/* header */
#header {position: absolute; z-index: 100; width: 100%;}
.hd__top {}
.hd__top .wrapper {position: relative;} 
.hd__top .logo {padding: 1.5rem 0;}
.hd__top .util {position: absolute; right: 0; top: 50%;transform: translateY(-50%);}
.hd__top .util li {float: left;border-right: 1px solid #fff; padding: 0 15px; font-size: 0.875rem;}
.hd__top .util li a{color: #fff;text-shadow: 0px 1px 5px rgba(0,0,0,5);}
.hd__top .util li:last-child {border-right: none;}

#m_gnb, .m_bg {display: none;}
.gnb_wrap {margin-top: 0.75rem; background-color: rgba(0,0,0,0.2); transition: background-color 0.5s linear;position: relative;}
.gnb {width: 100%; max-width:1200px; margin: 0 auto;}
.gnb li {float: left;width: 18%; text-align: center;position: relative;}
.gnb li a {display: block; font-size: 19px; height: 55px; line-height: 55px; color: #fff;text-shadow: 0px 1px 5px rgba(0,0,0,5);}
.gnb li:first-child {width: 28%;}
.gnb > li:first-child > a, .gnb > li:last-child > a {line-height: 1.1em; padding-top: 7px;}
.gnb_wrap.gnb--hover {background-color: #002f68;}
.gnb_wrap.gnb--hover .menuDepth1 > a {color:#fff;}
.gnb li ul {position: absolute;top: 55px;z-index: 100;width: 100%;height: 0;overflow: hidden;}
.gnb li ul.depth2ov {background: #eff6fe;}
.gnb li ul li {float: none; width: 100%;text-align: center;opacity: 0;transition: height 0.5s linear,opacity 0.5s linear;}
.gnb li ul li:first-child {width: 100%;}
.gnb li ul li a {font-size: 17.5px; line-height: 1em; padding: 15px 0; height: auto;color: #555;letter-spacing:-0.5px;text-shadow: none;}
.gnb li ul li a:hover {background: #002f68; color: #fff;}
.gnb_bg {background: #fff; position: absolute; left: 0; top: 55px; width: 100%; height: 0; z-index: 99;}


/* footer */
#footer {position: relative; top:0px; background: #07203e; color: #fff;}
.ft_top {background: #002f68;}
.footer_menu li {float: left;}
.footer_menu li a {padding:10px 0; color: #fff;font-weight: 100;}
.footer_menu li a:after {content:''; width: 1px; height: 1.2em; display: inline-block;background: #fff; margin: 0 20px; vertical-align: middle; margin-top: -3px;;}
.footer_menu li:last-child a:after {display: none;}
.footer_info {text-align: center; padding: 2rem 0;font-size: 1rem;font-weight: 100;}