@charset "utf-8";

@font-face {
	font-family: 'PTSerif';
	font-style: normal;
	font-weight: 700;
	src: local('PTSerif-Bold'), url('../fonts/PT_Serif/PTSerif-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'KoPubWorld';
	font-style: normal;
	font-weight: 500;
	src: local('KoPubWorld Dotum_Pro Medium'), url('../fonts/KoPubWorld Dotum_Pro/KoPubWorld Dotum_Pro Medium.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	src: local('KoPubWorld Dotum_Pro Bold'), url('../fonts/KoPubWorld Dotum_Pro/KoPubWorld Dotum_Pro Bold.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 100;
	src: local('Pretendard-Thin'), url('../fonts/Pretendard/Pretendard-Thin.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 200;
	src: local('Pretendard-ExtraLight'), url('../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 300;
	src: local('Pretendard-Light'), url('../fonts/Pretendard/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	src: local('Pretendard-Regular'), url('../fonts/Pretendard/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	src: local('Pretendard-Medium'), url('../fonts/Pretendard/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	src: local('Pretendard-SemiBold'), url('../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	src: local('Pretendard-Bold'), url('../fonts/Pretendard/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 800;
	src: local('Pretendard-ExtraBold'), url('../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 900;
	src: local('Pretendard-Black'), url('../fonts/Pretendard/Pretendard-Black.woff') format('woff');
}



/* 초기화 */
* {font-family:'Pretendard', 'Malgun Gothic','돋움', arial, sans-serif;padding:0; margin:0; box-sizing: border-box;}
html, body {width: 100%; padding:0; margin:0; min-height:100%;}
body {font-family:'Pretendard', '돋움', '굴림', arial, sans-serif; color:#000000; font-weight: 400;word-break: keep-all;}
h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, tbody, tfoot, thead, th, td, article, figure {margin:0;padding:0}
input, textarea, select, td, th, button {font-family:'Pretendard','Malgun Gothic','돋움', arial, sans-serif; color:#444; vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;letter-spacing: -.05em;}
table {width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;}
legend, caption, .skip {position:absolute; left:-5000px; top:0; overflow:hidden; line-height:0.1%; font-size:0.1%; width:0.1%; height:0.1%;}
caption {position:relative;}
img, fieldset {border:0 none;}
label {margin:0;}
button {cursor:pointer;margin:0;border: none; background: none;}
em, address {font-style:normal;}
a {color:#212121}
a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}
img {max-width:100%}
ul, ol {list-style: none;}
p, li {line-height: 1.5;word-break: keep-all;letter-spacing: -.05em;}
input {line-height: 1.1;font: inherit;border: none;background: none;}

:root {
    /* color */
    --black: #111;
    --dgray: #333;
    --gray: #666;
    --line-gray: #ccc;
    --blue:#2E82CE;
    --point:#5676D7;
    --bg: #F9F6F6;
    /* font family */
    --pt: 'PTserif';
    --kp: 'KoPubWorld';
}

body.m-active {overflow-y: hidden;}
body.popup-on {overflow-y: hidden;}
@media screen and (max-width: 768px) {
    body {font-size: 15px;}
}
@media screen and (max-width: 480px) {
    body {font-size: 14px;}
}

.poppins-extrabold {
	font-family: "Poppins", serif;
	font-weight: 800;
	font-style: normal;
}

.flex {display: flex !important;}
.flex-between {display: flex !important; justify-content: space-between !important;}
.flex-center {display: flex !important; justify-content: center !important;}
.flex-end {display: flex !important; justify-content: end !important;}
.direction-column {flex-direction: column !important;}

.gap-3 {gap: 3px;}
.gap-5 {gap: 5px;}
.gap-8 {gap: 8px;}
.gap-10 {gap: 10px;}
.gap-15 {gap: 15px;}
.gap-20 {gap: 20px;}

.txt-left {text-align: left !important;}
.txt-center {text-align: center !important;}
.txt-right {text-align: right !important;}

.color-1 {color: #111 !important;}

.txt-100 {font-weight: 100 !important;}
.txt-200 {font-weight: 200 !important;}
.txt-300 {font-weight: 300 !important;}
.txt-400 {font-weight: 400 !important;}
.txt-500 {font-weight: 500 !important;}
.txt-600 {font-weight: 600 !important;}
.txt-700 {font-weight: 700 !important;}
.txt-800 {font-weight: 800 !important;}
.txt-900 {font-weight: 900 !important;}



.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-35 {padding-top: 35px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-45 {padding-top: 45px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-55 {padding-top: 55px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-65 {padding-top: 65px !important;}
.pt-70 {padding-top: 70px !important;}
.pt-75 {padding-top: 75px !important;}
.pt-80 {padding-top: 80px !important;}
.pt-85 {padding-top: 85px !important;}
.pt-90 {padding-top: 90px !important;}
.pt-95 {padding-top: 95px !important;}
.pt-100 {padding-top: 100px !important;}

.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-45 {padding-bottom: 45px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-55 {padding-bottom: 55px !important;}
.pb-60 {padding-bottom: 60px !important;}
.pb-65 {padding-bottom: 65px !important;}
.pb-70 {padding-bottom: 70px !important;}
.pb-75 {padding-bottom: 75px !important;}
.pb-80 {padding-bottom: 80px !important;}
.pb-85 {padding-bottom: 85px !important;}
.pb-90 {padding-bottom: 90px !important;}
.pb-95 {padding-bottom: 95px !important;}
.pb-100 {padding-bottom: 100px !important;}

.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-35 {padding-left: 35px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-45 {padding-left: 45px !important;}
.pl-50 {padding-left: 50px !important;}
.pl-55 {padding-left: 55px !important;}
.pl-60 {padding-left: 60px !important;}
.pl-65 {padding-left: 65px !important;}
.pl-70 {padding-left: 70px !important;}
.pl-75 {padding-left: 75px !important;}
.pl-80 {padding-left: 80px !important;}
.pl-85 {padding-left: 85px !important;}
.pl-90 {padding-left: 90px !important;}
.pl-95 {padding-left: 95px !important;}
.pl-100 {padding-left: 100px !important;}

.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-35 {padding-right: 35px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-45 {padding-right: 45px !important;}
.pr-50 {padding-right: 50px !important;}
.pr-55 {padding-right: 55px !important;}
.pr-60 {padding-right: 60px !important;}
.pr-65 {padding-right: 65px !important;}
.pr-70 {padding-right: 70px !important;}
.pr-75 {padding-right: 75px !important;}
.pr-80 {padding-right: 80px !important;}
.pr-85 {padding-right: 85px !important;}
.pr-90 {padding-right: 90px !important;}
.pr-95 {padding-right: 95px !important;}
.pr-100 {padding-right: 100px !important;}



.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-55 {margin-top: 55px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-65 {margin-top: 65px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-75 {margin-top: 75px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-85 {margin-top: 85px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-95 {margin-top: 95px !important;}
.mt-100 {margin-top: 100px !important;}

.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-55 {margin-bottom: 55px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-65 {margin-bottom: 65px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-75 {margin-bottom: 75px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-85 {margin-bottom: 85px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-95 {margin-bottom: 95px !important;}
.mb-100 {margin-bottom: 100px !important;}

.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-25 {margin-left: 25px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-35 {margin-left: 35px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-45 {margin-left: 45px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-55 {margin-left: 55px !important;}
.ml-60 {margin-left: 60px !important;}
.ml-65 {margin-left: 65px !important;}
.ml-70 {margin-left: 70px !important;}
.ml-75 {margin-left: 75px !important;}
.ml-80 {margin-left: 80px !important;}
.ml-85 {margin-left: 85px !important;}
.ml-90 {margin-left: 90px !important;}
.ml-95 {margin-left: 95px !important;}
.ml-100 {margin-left: 100px !important;}

.mr-5 {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-25 {margin-right: 25px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-35 {margin-right: 35px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-45 {margin-right: 45px !important;}
.mr-50 {margin-right: 50px !important;}
.mr-55 {margin-right: 55px !important;}
.mr-60 {margin-right: 60px !important;}
.mr-65 {margin-right: 65px !important;}
.mr-70 {margin-right: 70px !important;}
.mr-75 {margin-right: 75px !important;}
.mr-80 {margin-right: 80px !important;}
.mr-85 {margin-right: 85px !important;}
.mr-90 {margin-right: 90px !important;}
.mr-95 {margin-right: 95px !important;}
.mr-100 {margin-right: 100px !important;}



.w-10 {width: 10px !important;}
.w-20 {width: 20px !important;}
.w-30 {width: 30px !important;}
.w-40 {width: 40px !important;}
.w-50 {width: 50px !important;}
.w-60 {width: 60px !important;}
.w-70 {width: 70px !important;}
.w-80 {width: 80px !important;}
.w-90 {width: 90px !important;}
.w-100 {width: 100px !important;}
.w-110 {width: 110px !important;}
.w-120 {width: 120px !important;}
.w-130 {width: 130px !important;}
.w-140 {width: 140px !important;}
.w-150 {width: 150px !important;}

.example-icon {
	width: 16px;
	vertical-align: middle;
}