@charset "UTF-8";
/* KOHIBaeum */
@font-face {
    font-family:'KOHIBaeum';
    font-weight:100; font-style: normal; font-display: swap;
    src: url('/humanframe/global/assets/css/font/KOHINanumLight.eot?#iefix') format('embedded-opentype'),
    url('/humanframe/global/assets/css/font/KOHINanumLight.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/KOHINanumLight.woff') format('woff'),
	url('/humanframe/global/assets/css/font/KOHINanumLight.otf') format('opentype');
}
@font-face {
    font-family:'KOHIBaeum';
    font-weight:400; font-style: normal; font-display: swap;
    src: url('/humanframe/global/assets/css/font/KOHIBaeum.eot?#iefix') format('embedded-opentype'),
    url('/humanframe/global/assets/css/font/KOHIBaeum.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/KOHIBaeum.woff') format('woff'),
	url('/humanframe/global/assets/css/font/KOHIBaeum.otf') format('opentype');
}
@font-face {
    font-family:'KOHIBaeum';
    font-weight:600; font-style: normal; font-display: swap;
    src: url('/humanframe/global/assets/css/font/KOHINanumBold.eot?#iefix') format('embedded-opentype'),
    url('/humanframe/global/assets/css/font/KOHINanumBold.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/KOHINanumBold.woff') format('woff'),
	url('/humanframe/global/assets/css/font/KOHINanumBold.otf') format('opentype');
}

/* Noto Sans KR */
@font-face {
	font-family:'Noto Sans KR';
	font-weight:100; 
	src: url('/humanframe/global/assets/css/font//NotoSansKR-Thin.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Thin.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Thin.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:200; 
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Light.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Light.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Light.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:400;
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:500; 
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Medium.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Medium.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:600; 
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Bold.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Bold.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:700; 
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Black.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Black.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Black.otf') format('opentype');
}

@font-face {
	src: url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Thin.woff2) format('woff2'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Thin.woff) format('woff'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 200;
	src: url(/humanframe/global/assets/css/font/Pretendard/Pretendard-ExtraLight.woff2) format('woff2'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-ExtraLight.woff) format('woff'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-ExtraLight.otf) format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 300;
	src: url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Light.woff2) format('woff2'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Light.woff) format('woff'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	src: url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Regular.woff2) format('woff2'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Regular.woff) format('woff'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	src: url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Medium.woff2) format('woff2'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Medium.woff) format('woff'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	src: url(/humanframe/global/assets/css/font/Pretendard/Pretendard-SemiBold.woff2) format('woff2'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-SemiBold.woff) format('woff'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-SemiBold.otf) format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	src: url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Bold.woff2) format('woff2'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Bold.woff) format('woff'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 800;
	src: url(/humanframe/global/assets/css/font/Pretendard/Pretendard-ExtraBold.woff2) format('woff2'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-ExtraBold.woff) format('woff'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-ExtraBold.otf) format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 900;
	src: url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Black.woff2) format('woff2'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Black.woff) format('woff'), url(/humanframe/global/assets/css/font/Pretendard/Pretendard-Black.otf) format('opentype');
}

* {margin: 0; padding: 0; list-style-type: none; box-sizing: border-box;}
a {text-decoration: none; color: #222;}
html {position: relative; width:100%; height:100%; font-family: "Pretendard", sans-serif; font-size: 0.625em;}
body {position: relative; width:100%; font-size: 1.5rem; line-height: 1; color:#222; overflow-x: hidden; transition: 0.4s;}

ul,ol {list-style-type: none;}
a {text-decoration: none;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;}
input {margin: 0; /* outline: none; */ border-radius: 0;}
button,input,optgroup,select,textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
button {background-color: transparent;}
fieldset {padding: 0.35em 0.75em 0.625em; border: none;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
[type="checkbox"],[type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details {display: block;}
summary {display: list-item;}
textarea {width: 100%; overflow: auto;}
select, label, img, input, textarea, button {vertical-align: middle;}
img, button {border: none;}
input[type="button"] {background: none; cursor: pointer;}
/* button:focus {outline:none;} */
table {width: 100%; border-spacing: 0; border-collapse: collapse;}
b {font-weight: normal;}
i {font-style: normal;}
address {font-style: normal;}
small {font-size: 100%;}
/* select:focus {outline: none;} */
::placeholder { color: #bcbcbc;opacity: 1; /* Firefox */}
:-ms-input-placeholder {color: #bcbcbc;}
::-ms-input-placeholder {color: #bcbcbc;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {background-color: transparent;}

.clear:after {content: ""; display: block; clear: both;}
.blind {position: absolute; top:-9999px; left: -9999px;}
.inner {width: 90%; margin: 0 auto;}
.tt-noto {font-family: "Noto Sans KR", sans-serif;}
.tt-kohi {font-family:"KOHIBaeum", "Noto Sans KR", sans-serif;}

.ico {position: relative; display: inline-block; width:10px; height:10px; margin-left:3px;}
.ico:after, .ico:before {content: "";display: inline-block;position: absolute;top: 50%;left: 50%;width:100%;height:100%;transform: translate(-50%, -50%);}
.ico.ico-plus:before, .ico.ico-plus:after {width: 8px; height:1px; background: #000;}
.ico.ico-plus:after {transform: translate(-50%, -50%) rotate(90deg);} 
.ico.ico-plus.white:before, .ico.ico-plus.white:after {width: 8px; height:1px; background: #fff;}
.ico.ico-arrow-right:after {width:20px; height:10px; background: url(../img/main/ico_arrow_right_b.svg) no-repeat center;}
.submenu-btn .ico.ico-plus:before, .submenu-btn .ico.ico-plus:after {width: 12px; height:1px; background: #666;}

.mo {display: block;}
.pc {display: none;}

.button.color {border:1px solid #23A088;color:#fff;background-color:#23A088;}

/* border */
.bd-r-no {border-right: none !important;}

/* background */
.bc-no {background: none !important;}

/* table_text */
.tableMt tbody tr td .table_text {font-size: 18px; font-weight: 600; margin-bottom: 15px;}

@media screen and (max-width: 480px) {
    .tableMt tbody tr td .table_text {font-size: 16px; margin-bottom: 10px;}
}

.gap70 {height: 70px;}

@media screen and (max-width: 480px) {
	.gap70 {height: 30px;}
}