@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600&display=swap');

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Light.eot');
	src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Poppins-Light.woff') format('woff'),
	url('../fonts/Poppins-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Regular.eot');
	src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Poppins-Regular.woff') format('woff'),
	url('../fonts/Poppins-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-SemiBold.eot');
	src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Poppins-SemiBold.woff') format('woff'),
	url('../fonts/Poppins-SemiBold.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

 @font-face {
	font-family: "Noto Sans KR";
	font-weight: 300;
	font-style: normal;
	src: url("../fonts/NotoSans-Light.eot?") format("eot"),
	url("../fonts/NotoSans-Light.woff2") format("woff2"),
	url("../fonts/NotoSans-Light.woff") format("woff"),
	url("../fonts/NotoSans-Light.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans KR";
	font-weight: 400;
	font-style: normal;
	src: url("../fonts/NotoSans-Regular.eot?") format("eot"),
	url("../fonts/NotoSans-Regular.woff2") format("woff2"),
	url("../fonts/NotoSans-Regular.woff") format("woff"),
	url("../fonts/NotoSans-Regular.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans KR";
	font-weight: 500;
	font-style: normal;
	src: url("../fonts/NotoSans-Medium.eot?") format("eot"),
	url("../fonts/NotoSans-Medium.woff2") format("woff2"),
	url("../fonts/NotoSans-Medium.woff") format("woff"),
	url("../fonts/NotoSans-Medium.otf") format("opentype");
}
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,button{margin:0;padding:0;border:0;font:inherit;}
body{-webkit-text-size-adjust:none;font-family:'Poppins', 'Arial', 'Noto Sans KR', "돋움", sans-serif;font-size:14px;font-weight:400;}
input,textarea,select,button{vertical-align:middle;padding:0;margin:0;}
input,textarea {font-family:'Poppins', sans-serif;}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],textarea,select{-webkit-appearance:none;border-radius:0;border:none;box-shadow: none;box-sizing: border-box;}
input[type="checkbox"]{-webkit-appearance:none;-ms-appearance:none;}
input[type="radio"]{-webkit-appearance:none;-ms-appearance:none;}
textarea{resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
ul,ol,li {list-style-type:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
img,fieldset,iframe{border:none;}
img{vertical-align: top;width: 100%;}
a{color: inherit;}
a, a:active, a:hover{text-decoration:none;}
strong {font-weight: 800;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
caption, legend {height:0;width:0;line-height:0;font-size:0;overflow:hidden;visibility:hidden;display:none;-webkit-padding-start:0;-webkit-padding-end:0;}
button{background:transparent;cursor:pointer;}
input::-ms-clear{display:none;}
label img{pointer-events:none;}
textarea::placeholder, input::placeholder{color: #C7C7C7;}
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {color:#777;}
textarea::-moz-placeholder, input::-moz-placeholder {color:#777;}
textarea:-ms-input-placeholder, input:-ms-input-placeholder, .ip_text:-ms-input-placeholder {color:#777;}
textarea:-moz-placeholder, input:-moz-placeholder {color:#777;}
.select_box select {display:block;width:100%;height: 23px;padding: 0 25px 0 7px;box-sizing:border-box;background:#fff url('../images/ico/ico_sel.png') no-repeat 90% center;background-size:11px 7px;font-size: 13px;color: #000;}
.clear:after{content: '';display: block;clear: both;}
/* skipnavi */
#skipnavi {position:absolute; top:0; left:0; z-index:500; width:100%; height:0;}
#skipnavi a {display:block;position:absolute;top:-1000px;left:0;width:100%;height:1px;overflow:hidden;z-index:99999999;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {top:0px;left:0;background-color:#e9e9e9;padding:7px 0 5px;height:auto;color:#000;font-weight:bold;text-align:center;text-decoration:none;}
.align_c{text-align: center;}
.align_l{text-align: left;}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
.h100{height: 100%;}
.mb50{margin-bottom: 50px;}
.pb100{padding-bottom: 100px}

/* btn */
.btn{display: inline-block;padding: 10px 17px;text-transform: uppercase;letter-spacing: 0;font-size: 12px;}
.btn-st01{background: #77C4CC;color: #004B7E;}
.btn-st01:after{content: '';width: 6px;height: 10px;display: inline-block;vertical-align: middle;margin-left: 6px;background: url(../images/ico/btn_arrow_n.png) no-repeat center;background-size: cover;margin-bottom: 2px;}
.btn-st02{background: #004B7E;color:#0AC3CC;}
.btn-st02:after{content: '';width: 6px;height: 10px;display: inline-block;vertical-align: middle;margin-left: 6px;background: url(../images/ico/btn_arrow_ln.png) no-repeat center;background-size: cover;margin-bottom: 2px;}