@charset "utf-8";
@import url('/share/css/font/Paperlogy.css');
@import url('/share/css/font/Sebang.css');
@import url('/share/css/swiper.min.css');

:root {
	--krds-contents-wrap-size: 1400px;
	--font-family-base: 'Sebang', 'Pretendard GOV', 'Malgun Gothic', '맑은고딕', sans-serif;
	--font-sebang: 'Sebang', sans-serif;
	--krds-color-light-primary-5: #ecf1ff;
	--krds-color-light-primary-10: #dde6ff;
	--krds-color-light-primary-20: #c2d0ff;
	--krds-color-light-primary-30: #9cb0ff;
	--krds-color-light-primary-40: #7586ff;
	--krds-color-light-primary-50: #5a63ff;
	--krds-color-light-primary-60: #3a36f5;
	--krds-color-light-primary-70: #312ad8;
	--krds-color-light-primary-80: #2925ae;
	--krds-color-light-primary-90: #262689;
	
	--krds-color-light-secondary-5: #faf5ff;
	--krds-color-light-secondary-10: #f2e7ff;
	--krds-color-light-secondary-20: #e7d3ff;
	--krds-color-light-secondary-30: #d5b0ff;
	--krds-color-light-secondary-40: #bd7eff;
	--krds-color-light-secondary-50: #a64dff;
	--krds-color-light-secondary-60: #912af3;
	--krds-color-light-secondary-70: #7c1ad6;
	--krds-color-light-secondary-80: #6a1aaf;
	--krds-color-light-secondary-90: #57178c;
	--krds-light-color-border-secondary: #5A63FF;
}


.masthead {background: #f5f5f5;}
.logo {display: flex; padding-left: 6.6rem; color: #333; font-weight: 400; font-size: 2.4rem; gap: 0.6rem; line-height: 1.4; background: url(/share/images/ico_logo01.svg) no-repeat left center;}

body {font-family: var(--font-family-base); letter-spacing: 0.5px; color:#333;}
.krds-btn.text, .krds-header .btn-navi {color:#444; font-weight: normal;}

.krds-header {font-family: var(--font-sebang);}
.krds-header .btn-navi {color: var(--krds-light-color-text-subtle);}
.krds-header .header-con .logo {display: flex; font-size: 2.4rem;}
.krds-header .hd-main {display: flex; align-items: center; justify-content: space-between;}

.krds-footer {font-family: var(--font-sebang); background: var(--krds-light-color-surface-gray-subtler);}
.krds-footer .f-con .f-info {font-size: 1.6rem;}
.krds-footer .f-btm .f-btm-text .f-menu {font-size: 1.6rem;}
.krds-footer .f-con .f-link .link-go .krds-btn.text {font-size: 1.6rem;}
.krds-footer .f-con .f-link .link-go .krds-btn.text .svg-icon {width: 2rem; height: 2rem;}
.krds-footer .f-btm .f-btm-text .f-menu .point {color: var(--krds-light-color-border-secondary)}



/********************************************************************************** 반응형*********************************************************************/
@media (min-width: 1024px) {
	.krds-footer .f-con .f-link {
        width: auto !important;
    }
}

@media (max-width: 1023px) {
    .krds-header .inner {
        border-bottom: none;
    }
	.krds-footer > .inner {
        padding: 2.4rem 16px 8.6rem;
    }
}


@media (max-width: 767px) {
	.logo {padding-left: 4.5rem; background-size: 3.5rem; background-position: top 0.6rem left;}
	.krds-header .header-con .logo {font-size: 2.1rem;}

	.krds-footer > .inner {gap: 3rem;}
	.krds-footer .logo  {line-height: 1.5; font-size: 2rem;}
	.krds-footer .f-btm {flex-direction: column; align-items: flex-start; justify-content: flex-start;	}
	.krds-footer .f-btm .f-copy {text-align: left;}
	.krds-footer .f-con .f-link .link-go .krds-btn.text .svg-icon {margin-bottom: -.6rem;}

	#detail_con .section h4 {background-position: left top 0.8rem;}
}