@charset "utf-8";
/*-------------------------------------------------
Author : insu
Create date : 2025-08-04
Version : v1.0
-------------------------------------------------*/

/* usual setting */
html {font-size: 10px; box-sizing: border-box; scroll-behavior: smooth;}
*, *:before, *:after {box-sizing: border-box;}
/* :focus {outline: 2px solid red;} */
body {font-size: 1.6rem; margin: 0; padding: 0; font-weight: 400;  color: var(--krds-light-color-text-basic);list-style: none; -webkit-text-size-adjust: none;}
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}
p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; transform: skew(-0.1deg);}
a {color: inherit; text-decoration: none; transform: skew(0.2deg); cursor: pointer; text-underline-offset: 0.4rem;}
img {border: 0; vertical-align: middle; font-size: 0;}
/* table {border-collapse: collapse; border-spacing: 0; width: 100%;} */
th {font-weight: inherit;}
caption, legend {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
select, input {color: var(--krds-color-light-gray-60); vertical-align: middle;}
b, strong {font-weight: 700;}
address, em, i {font-style: normal;}
button {border: 0; background: none; cursor: pointer; color: inherit;}
hr {margin: 0; border: none; padding: 0; display: block;}
figure, figcaption {padding: 0; margin: 0;}
fieldset, video {border: none; padding: 0; margin: 0; box-sizing: border-box;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, section, aside, nav, main {display: block;}
button, input, optgroup, select, textarea {font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0;}
pre {margin: 0; white-space: pre-wrap; font-family: "NotoSansKR", sans-serif; line-height: 1.6; color: var(--krds-color-light-gray-60);}

@media (max-width: 767px) {
	html {font-size: 8px;}
}

/* color */
:root {
	--main-color1: var(--krds-color-light-primary-60);
	--main-color2: var(--krds-color-light-primary-50);
	--main-color3: var(--krds-color-light-success-10);
	--main-color4: var(--krds-color-light-success-5);
	--main-color5: var(--krds-color-light-gray-60);
	--main-color6: var(--krds-color-light-gray-30);
	--main-color7: var(--krds-light-color-border-gray-light);
	--main-color8: var(--krds-color-light-gray-5);
	--text-color1: var(--krds-light-color-icon-gray);
	--text-color2: var(--krds-color-light-gray-90);
	--text-color3: var(--krds-color-light-gray-50);
	--text-color4: var(--krds-color-light-gray-60);
	--text-colorW: var(--krds-color-light-gray-0);
	--point-color1: #EA5212;
	--point-color2: #C54235;
	--point-color3: #47A8C7;
	--point-color4: #337FD9;
	--point-color5: #003964;
	--point-color6: red;
}
.txtcol1 {color: var(--text-color1);}
.txtcol2 {color: var(--text-color2);}
.txtcol3 {color: var(--text-color3);}
.txtcol4 {color: var(--text-color4);}
.txtcolW {color: var(--text-colorW);}
.txtcolP1 {color: var(--point-color1);}
.txtcolP2 {color: var(--point-color2);}
.txtcolP3 {color: var(--point-color3);}
.txtcolP4 {color: var(--point-color4);}
.txtcolP5 {color: var(--point-color5);}
.mcol1 {color: var(--main-color1) !important;}
.mcol2 {color: var(--main-color2);}
.mcol3 {color: var(--main-color3);}
.mcol4 {color: var(--main-color4);}
.mcol5 {color: var(--main-color5);}
.mcol6 {color: var(--main-color6);}
.mcol7 {color: var(--main-color7);}
.mcol8 {color: var(--main-color8);}

  
/* scrollbar */
div {scrollbar-width: thin;}
div::-webkit-scrollbar {width: 5px;}
div::-webkit-scrollbar-thumb {border-radius: 3px;}
section {scrollbar-width: thin;max-width: 100%;}
section::-webkit-scrollbar {width: 0px;}
section::-webkit-scrollbar-thumb {display: none;}
.clr {clear: both;}

/* margin & padding */
.mAuto {margin: 0 auto !important;}
.mp0 {margin: 0 !important; padding: 0 !important;}
.ma0 {margin: 0 !important;}
.mt0 {margin-top: 0rem !important;}
.mt4 {margin-top: 0.4rem !important;}
.mt8 {margin-top: 0.8rem !important;}
.mt10 {margin-top: 1rem !important;}
.mt15 {margin-top: 1.5rem !important;}
.mt16 {margin-top: 1.6rem !important;}
.mt20 {margin-top: 2rem !important;}
.mt24 {margin-top: 2.4rem !important;}
.mt30 {margin-top: 3rem !important;}
.mt40 {margin-top: 4rem !important;}
.mt48 {margin-top: 4.8rem !important;}
.mt50 {margin-top: 5rem !important;}
.mt54 {margin-top: 5.4rem !important;}
.mt56 {margin-top: 5.6rem !important;}
.mt60 {margin-top: 6rem !important;}
.mt64 {margin-top: 6.4rem !important;}
.mt70 {margin-top: 7rem !important;}
.mt72 {margin-top: 7.2rem !important;}
.mt80 {margin-top: 8rem !important;}
.mt90 {margin-top: 9rem !important;}
.mt100 {margin-top: 10rem !important;}

.mb0 {margin-bottom: 0rem !important;}
.mb4 {margin-bottom: 0.4rem !important;}
.mb8 {margin-bottom: 0.8rem !important;}
.mb10 {margin-bottom: 1rem !important;}
.mb16 {margin-bottom: 1.6rem !important;}
.mb20 {margin-bottom: 2rem !important;}
.mb24 {margin-bottom: 2.4rem !important;}
.mb30 {margin-bottom: 3rem !important;}
.mb40 {margin-bottom: 4rem !important;}
.mb48 {margin-bottom: 4.8rem !important;}
.mb50 {margin-bottom: 5rem !important;}
.mb60 {margin-bottom: 6rem !important;}
.mb80 {margin-bottom: 8rem !important;}
.mb100 {margin-bottom: 10rem !important;}
.mb160 {margin-bottom: 16rem !important;}

.ml4 {margin-left: 0.4rem !important;}
.ml8 {margin-left: 0.8rem !important;}
.ml10 {margin-left: 1rem !important;}
.ml16 {margin-left: 1.6rem !important;}
.ml20 {margin-left: 2rem !important;}
.ml24 {margin-left: 2.4rem !important;}
.ml30 {margin-left: 3rem !important;}
.ml40 {margin-left: 4rem !important;}
.ml50 {margin-left: 5rem !important;}
.ml60 {margin-left: 6rem !important;}
.ml80 {margin-left: 8rem !important;}
.ml100 {margin-left: 10rem !important;}

.mr8 {margin-right: 0.8rem !important;}
.mr10 {margin-right: 1rem !important;}
.mr16 {margin-right: 1.6rem !important;}
.mr20 {margin-right: 2.0rem !important;}
.mr24 {margin-right: 2.4rem !important;}
.mr30 {margin-right: 3rem !important;}
.mr40 {margin-right: 4rem !important;}
.mr50 {margin-right: 5rem !important;}
.mr60 {margin-right: 6rem !important;}
.mr80 {margin-right: 8rem !important;}
.mr100 {margin-right: 10rem !important;}

.pd0 {padding: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pt4 {padding-top: 0.4rem !important;}
.pt10 {padding-top: 1rem !important;}
.pt16 {padding-top: 1.6rem !important;}
.pt40 {padding-top: 4rem !important;}
.pb0 {padding-bottom: 0 !important;}
.pb10 {padding-bottom: 1rem !important;}
.pl8 {padding-left: 0.8rem !important;}
.pl11 {padding-left: 11rem !important;}

/* font */
.fs_8 {font-size: 0.8rem !important;}
.fs_9 {font-size: 0.9rem !important;}
.fs_10 {font-size: 1rem !important;}
.fs_11 {font-size: 1.1rem !important;}
.fs_12 {font-size: 1.2rem !important;}
.fs_13 {font-size: 1.3rem !important;}
.fs_14 {font-size: 1.4rem !important;}
.fs_15 {font-size: 1.5rem !important;}
.fs_16 {font-size: 1.6rem !important;}
.fs_17 {font-size: 1.7rem !important;}
.fs_18 {font-size: 1.8rem !important;}
.fs_19 {font-size: 1.9rem !important;}
.fs_20 {font-size: 2rem !important;}
.fs_22 {font-size: 2.2rem !important;}
.fs_24 {font-size: 2.4rem !important;}
.fs_26 {font-size: 2.6rem !important;}
.fs_28 {font-size: 2.8rem !important;}
.fs_30 {font-size: 3rem !important;}
.fs_32 {font-size: 3.2rem !important;}
.fs_36 {font-size: 3.6rem !important;}
.fs_40 {font-size: 4rem !important;}
.fs_42 {font-size: 4.2rem !important;}
.fs_48 {font-size: 4.8rem !important;}

.fw_100 {font-weight: 100 !important;}
.fw_200 {font-weight: 200 !important;}
.fw_300 {font-weight: 300 !important;}
.fw_400 {font-weight: 400 !important;}
.fw_500 {font-weight: 500 !important;}
.fw_600 {font-weight: 600 !important;}
.fw_700 {font-weight: 700 !important;}
.fw_800 {font-weight: 800 !important;}
.fw_900 {font-weight: 900 !important;}

h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0.5rem; line-height: 1.2; font-weight: 500;}
body h1 {font-size: 4.8rem;font-weight: 600;}
body h2 {font-size: 4rem; font-weight: 600;}
body h3 {font-size: 3.6rem; font-weight: 600;}
body h4 {font-size: 2.8rem;}
body h5 {font-size: 2.4rem;}
body h6 {font-size: 2rem;}

/* utility */
.hide {position: absolute; width: 1px; height: 1px; padding: 0;	margin: -1px; overflow: hidden;	clip: rect(0, 0, 0, 0);	border: 0;}
.inner {max-width: 68.7vw; width: 100%; margin: 0 auto;}
@media (max-width: 1280px) {
	.inner {max-width: 90vw;}
}
.overtext {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.over2lines {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis;}
.over3lines {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis;}
.over4lines {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis;}
.over5lines {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis;}
p.lh3 {line-height: 3rem;}

.pc-style {display: block !important;}
.pc-style-flex {display: flex !important;}
.tablet-style {display: none !important;}
.mobile-style {display: none !important;}
@media (max-width: 1280px) {
	.pc-style {display: none !important;}
	.pc-style-flex {display: none !important;}
	.tablet-style {display: block !important;}
	.mobile-style {display: none !important;}
}
@media (max-width: 767px) {
	.pc-style {display: none !important;}
	.pc-style-flex {display: none !important;}
	.tablet-style {display: block !important;}
	.mobile-style {display: block !important;}
}

/* list style */
ul.circle li {position: relative; margin-left: 15px;}
ul.circle li::before {position: absolute; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; top: 14px; left: -15px; background: var(--krds-light-color-icon-gray);}
ul.circle-30 li {position: relative; margin-left: 15px;}
ul.circle-30 li::before {position: absolute; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; top: 20px; left: -15px; background: var(--krds-light-color-icon-gray);}

/* border */
.borderT1 {width: 100%; border-top: 1px solid var(--krds-light-color-border-gray-light);}
.borderB1 {width: 100%; border-bottom: 1px solid var(--krds-light-color-border-gray-light);}

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

/* background */
.bg-point {background: linear-gradient(180deg, rgba(243, 248, 239, 0) 50%, var(--krds-color-light-success-5) 50%); width: fit-content;}

.sr_only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.w-full {
	width: 100%;
}