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

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;
	box-sizing:border-box;
}
body {font-family: 'Noto Sans KR', sans-serif; color:#333; font-weight:400;}
address { font-style:normal;}
a { display:inline-block;}
html, body {height:100%; font-size:16px;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul, dl {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select, button {
    vertical-align:middle;
	outline:none;
}

img { 
	border:none;
	outline:none;
	vertical-align:middle;
}

.clearfix:after { 
	content:"";
	display:block;
	clear:both;
}

a:link, a:visited { color: #333; text-decoration:none;}
a:active, a:hover { text-decoration:none;}

.site-wrap { height:100%;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}

/*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;}

/* layout */
.full_width{width:100%;}
.wrapper{width:1140px; margin:0 auto;}

/* header */
.header_wrap{
	border-bottom:1px solid #d9d9d9;
	position:relative;
}
.header{
	position:relative;
	height:100px;
}
.header h1{
	float:left;
	padding-top:30px;
}
.header .gnb{
	float:right;
}
.gnb > li{
	float:left;
	font-size:1.25rem;
	width:160px;
	position:relative;
}
.gnb > li:before{
	content:'';
	width:1px;
	height:20px;
	background-color:#999;
	position:absolute;
	top:40px;
	left:0;
}
.gnb > li:nth-of-type(1):before{
	display:none;
}
.gnb > li > a{
	font-weight:700;
	display:block;
	height:100px;
	line-height:100px;
	text-align:center;
	position:relative;
}
.gnb > li > a.on{
	color:#0d4890;
}
.gnb > li > a:after{
	content:'';
	width:0;
	height:4px;
	background-color:#0d4890;
	position:absolute;
	left:50%;
	bottom:0;
	transform: translateX(-50%);
	transition:all 0.3s linear;
}
.gnb > li > a.on:after{
	width:65%;
}
.gnb .depth2{
	background-color:rgba(255,255,255,0.8);
	font-size:1.125rem;
	min-height: 120px;
	padding: 1rem 1.4rem;
	display:none;
	position:absolute;
	top:100px;
	left:0;
	width:160px;
	z-index:999;
}
.gnb .depth2 li{

}
.gnb .depth2 li a{
	display:block;
	width:100%;
	padding:0.5rem 0;
	transition:all 0.2s linear;
}
.gnb .depth2 li a:hover{
	padding-left:0.4rem;
	color:#0d4890;
}

.all_menu_btn{
	position:absolute;
	top:22px;
	right:0;
	width:40px;
	display:none;
	cursor:pointer;
}
.all_menu_btn span{
	display:block;
	width:100%;
	height:3px;
	background-color:#333;
	margin-top:12px;
}
.m_bg{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.5);
	z-index:998;
}

/* footer */
.footer_wrap{
	border-top:1px solid #d9d9d9;
}
.footer{
	padding:2.6rem 0 3rem;
}
.footer_logo{
	float:left;
	margin-right:68px;
	width:192px;
}
.footer_cont{
	float:left;
	width:calc(100% - 260px);
}
.footer_cont ul{
	margin-bottom:0.8rem;
}
.footer_cont ul li{
	float:left;
	padding:0 1rem;
	position:relative;
	line-height:1;
}
.footer_cont ul li:before{
	content:'';
	width:1px;
	height:14px;
	background-color:#999;
	position:absolute;
	top:1px;
	left:0;
}
.footer_cont ul li:first-child{
	padding-left:0;
}
.footer_cont ul li:first-child:before{
	display:none;
}
.footer_cont address{
	color:#999;
	margin-top:1.2rem;
}


/* 전체메뉴 */


/*    그리드 시스템   */
.row {margin: 0 -10px;}
.row:after {content: '';display: block;overflow: hidden;clear: both;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {padding: 0 15px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float: left; padding: 0 15px; box-sizing: border-box;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}