@charset "UTF-8";

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


/* root */
:root {
  --keycolor: #205c9b;
  --text-color:#373737;
}
/*  */

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%;
}
body {font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size:16px; color:var(--text-color); }
address { font-style:normal;}
a { display:block;}
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 {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	table-layout:fixed;
}

input, select {
    vertical-align:initial;
}

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

b {
	font-weight: 500;
}


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

.site-wrap { height:100%;}
.wrapper {width: 100%; max-width:1380px; margin: auto;}

.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.f_left {float: left;}
.f_right {float: right;}

.color-main {color: var(--keycolor)}
.color-sub {}
.color-point {}
.color-default {}
.bg-main {background: var(--keycolor); color: #fff;}
.bg-sub {}
.bg-point {background: #ca2529; color: #fff;}
.bg-default {background: #373737; color: #fff;}

/*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:#373737; color:#fff; text-align:center; font-size:16px; font-weight:bold;}


/* header */
.logo {height:100px; line-height: 70px;}
.logo a {display: inline-block;}
#m_gnb {display: none;}
.hd_gnb {background: var(--keycolor);}
.hd_gnb .wrap {width: 100%; max-width:1380px; margin: auto;}
.gnb > li {float: left; width: 25%; text-align: center; position: relative;}
.gnb li a {color: #fff; padding: 1rem 0; font-size: 1.125rem; font-weight: 400;}
.gnb > li ul {height: 0; visibility:hidden; padding: 0;position: absolute; top: 3.75rem; width: 100%; background: #072769; box-shadow:0px 3px 5px rgb(0 0 0 / 30%); transition:height 0.2s linear; z-index: 99;}
.gnb > li ul li a {color: #878faa; padding: 0.25rem 0;}
.gnb > li ul li a:hover {color: #fff;}
.gnb > li:hover ul {padding: 0.75rem 0; visibility:visible; height: auto;transition:all 0.2s linear;}
.gnb .ulDepth3 {display: none;}

/* footer */
#footer {background: #313334; color:#fff; padding: 2rem 0 3rem; text-align: center;}
#footer .wrapper {position: relative;}
.footer_logo {}
.footer_info {padding-top: 1em;}
.footer_info p, .footer_info b, .footer_info span {line-height: 1.4;}
.footer_info b {font-weight: 600; margin-right: 0.375rem;display: inline-block; }
.footer_info .bar {margin: 0 0.5rem; display: inline-block; vertical-align: top;font-size: 14px;}
.copyright {margin-top: 1em;}

.btn_top {position: absolute; width: 60px; height: 60px; color: #fff; font-size: 14px; background: var(--keycolor) url('../img/main/icon_top.png') center 18px no-repeat; right: 0; top: -2rem; text-align: center; padding-top: 1.75rem; box-sizing: border-box; cursor: pointer;}