@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

* {margin:0; padding:0; word-break:keep-all;}

.clearfix{*zoom:1}
.clearfix:after{clear:both;display:block;content:'';}

html,body{font-size:16px; overflow-x:hidden; font-family:'Pretendard'; font-weight:400; color: #01010D;}
body {position:relative;}
a {text-decoration:none; color:inherit;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
img{vertical-align: top;}
.section {width:100%; position:relative; }
.c_center {position: relative; margin: 0 auto; width: 1440px;}
select::-ms-expand {display:none}
select {font-family:'Pretendard'; font-weight:400; font-size: 1rem; padding: 0 10px;}
caption {visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
input {padding: 0 10px; border: 0; color: #707070; font-family:'Pretendard'; font-weight: 300; font-size: 1rem;}
textarea {padding: 10px; box-sizing: border-box; width: 100%; height: 100%; resize: none; border: 1px solid #ddd;}

.c1 {color:#174332 !important;}
.c2 {color:#0a8001 !important;}
.c3 {color:#438d68 !important;}
.c4 {color:#438f8f !important;}
.c_bk {color:#070b09;}
.c_w {color:#fff;}
.c_gry {color:#878787;}
.c_gry2 {color:#666;}
.c_gry3 {color:#2c2c2c;}
.c_red {color:#e3200a;}
.c_grn {color: #8bc34a; }

.poppin {font-family: 'Poppins', sans-serif;}

.blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}


.f14 {font-size:0.875rem;}
.f15 {font-size:0.938rem;}
.f16 {font-size:1rem;}
.f18 {font-size:1.125rem;}
.f20 {font-size:1.250rem;}
.f22 {font-size:1.375rem;}
.f24 {font-size:1.5rem;}
.f26 {font-size:1.625rem;}
.f28 {font-size:1.75rem;}
.f30 {font-size:1.875rem;}
.f32 {font-size:2rem;}
.f34 {font-size:2.125rem;}
.f36 {font-size:2.250rem;}
.f38 {font-size:2.375rem;}
.f42 {font-size:2.625rem;}
.f44 {font-size:2.75rem;}
.f48 {font-size:3rem;}
.f54 {font-size:3.375rem;}
.f62 {font-size:3.875rem;}
.f72 {font-size:4.5rem;}
.f86 {font-size:5.375rem;}

.m0 {margin:0 !important;}
.mt_0 {margin-top:0 !important;}
.mb_0 {margin-bottom:0 !important;}

.m-12 {margin-top: 12px;}
.m-20 {margin-top: 20px;}
.m-24 {margin-top: 24px;}
.m-28 {margin-top: 28px;}
.m-36 {margin-top: 36px;}
.m-40 {margin-top: 40px;}
.m-45 {margin-top: 45px;}
.m-60 {margin-top: 60px;}
.m-80 {margin-top: 80px;}
.m-72 {margin-top: 72px;}
.m-100 {margin-top: 100px;}

.m_10 {margin-bottom: 10px;}
.m_12 {margin-bottom: 12px;}
.m_20 {margin-bottom: 20px;}
.m_24 {margin-bottom: 24px;}
.m_28 {margin-bottom: 28px;}
.m_36 {margin-bottom: 36px;}
.m_40 {margin-bottom: 40px;}
.m_45 {margin-bottom: 45px;}
.m_60 {margin-bottom: 60px !important;}
.m_80 {margin-bottom: 80px;}
.m_72 {margin-bottom: 72px;}
.m_100 {margin-bottom: 100px;}


.p0 {padding:0 !important;}
.mt_0 {padding-top:0 !important;}
.pb_0 {padding-bottom:0 !important;}


.p-12 {padding-top: 12px !important;}
.p-20 {padding-top: 20px !important;}
.p-24 {padding-top: 24px !important;}
.p-28 {padding-top: 28px !important;}
.p-36 {padding-top: 36px !important;}
.p-45 {padding-top: 45px !important;}
.p-60 {padding-top: 60px !important;}
.p-80 {padding-top: 80px !important;}
.p-72 {padding-top: 72px !important;}
.p-100 {padding-top: 100px !important;}

.p_20 {padding-bottom:20px;}
.p_60 {padding-bottom:60px;}
.p_80 {padding-bottom:80px;}
.p_100 {padding-bottom:100px;}


.wid100 {width: 100%;}
.wid49 {width: 49%;}
.wid23 {width: 23%;}
.wid18 {width: 18%;}

.light {font-weight: 300;}
.bold {font-weight:500;}
.bold1 {font-weight:600;}
.bold2 {font-weight:700;}

.lh15 {line-height:1.5;}
.lh18 {line-height:1.8;}

.dp_f {display: -webkit-box; display: -ms-flexbox; display: flex;}
.dp_sb {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.dp_c {-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.dp_wrap{-ms-flex-wrap: wrap; flex-wrap: wrap;}
.dp_cc {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center;}
.dp_end {align-items: flex-end;}
.dp_end02 {justify-content: flex-end;}
.dp_fc {flex-direction: column;}

.dp_ib{display:inline-block;}
.dp_b {display:block;}
.p_r {position:relative;}
.v_m {vertical-align:middle;}

.txt-l {text-align:left;}
.txt-r {text-align:right;}
.txt-c {text-align:center;}

.mo {display:none;}
.mo-m {display:none;}

.adm-logo {width:150px; margin:0 auto 20px;}
.adm-logo img {width:100%;}

.gry01 {background-color: #5a5a5d;}
.gry02 {background-color: #707070;}
.gry03 {background-color: #B4B4B4;}
.gry04 {background-color: #D1D1D1;}

.blue01 {background-color: #043677;}
.blue02 {background-color: #054391;}
.blue03 {background-color: #4f77a9;}
.blue04 {background-color: #f1f5f8;}
.skyblue {background-color: #f2f4f6;}
.grn01 {background-color: #75C553;}
.orange01 {background-color: #ffa207;}
.red01 {background-color: #ff0000;}
.wht01 {background-color: #fff;}

.red {color: #ff0000;}
.c_blue {color: #064EAA;}
.cogrn {color: #75C553;}
.c_gry {color: #5c5c5c;}

.tabInner {margin:0 auto; padding: 40px 0; width: 1090px;}
.tableWrap table {margin: 0 auto; width: 100%; background-color: #fff;}
.tableWrap table tr {border: 1px solid #eee; height: 45px;}
.tableWrap table td {padding-left: 20px; color: #2c2c2c;}
.tableWrap table td ul li {margin-right: 10px;}
label {display: flex; align-items: center;}

.bgTbl {background-color:#4f77a9; color: #fff;}

input[type=checkbox] {
    display:none;
}

input[type=checkbox] + label { 
    cursor: pointer; 
    padding-left: 25px; 
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 10px center;
    background-image: url('../images/common/checkbox_off.svg');
}

input[type=checkbox]:checked + label {
    background-image: url('../images/common/checkbox_on.svg');
}

input[type=checkbox]:disabled + label {
    background-image: url('../images/common/checkbox_on.svg');
}

input[type="radio"] {display:block; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background: #fff; cursor: pointer; padding: 0; width: 16px; height: 16px; border:1px solid #707070; border-radius: 50%; box-sizing:border-box; margin-right:10px; overflow: hidden;}
input[type="radio"]::after {content: ''; display: none; width: 10px; height: 10px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center; background: #054391; border-radius: 50%; cursor: pointer;}
input[type="radio"]:checked::after {display: block;}

.search_box {
	position: relative;
	margin-top: 7px;
	height: 40px;
	width: 220px;
}

.search_box input {
	padding: 0 30px;
	width: 220px;
	height: 40px;
	border-radius: 40px;
	box-sizing: border-box;
}

.search_box button {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	cursor: pointer;
}