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

:root {
	--krds-contents-wrap-size: 1500px;
	--font-family-base: 'SUITE', 'Pretendard GOV', 'Malgun Gothic', '맑은고딕', sans-serif;
	--font-suite: 'SUITE', sans-serif;
	--font-jalnan: 'jalnan', sans-serif;

	--main-primary-5: #F1F5FD;
	--main-primary-10: #E0E9F9;
	--main-primary-20: #C7D8F6;
	--main-primary-30: #A1BFEF;
	--main-primary-40: #759EE5;
	--main-primary-50: #547CDD;
	--main-primary-60: #4666D2;
	--main-primary-70: #364EBF;
	--main-primary-80: #31419C;
	--main-primary-90: #2C3A7C;
	--main-primary-95: #1F264C;

	--main-secondary-5: #F2F8FD;
	--main-secondary-10: #E4F0FA;
	--main-secondary-20: #C3DFF4;
	--main-secondary-30: #8EC6EB;
	--main-secondary-40: #54A9DE;
	--main-secondary-50: #2C8DCB;
	--main-secondary-60: #1D70AC;
	--main-secondary-70: #195A8B;
	--main-secondary-80: #184D74;
	--main-secondary-90: #194161;
	--main-secondary-95: #112A40;
}

.logo {display: flex; padding-left: 6.6rem; color: var(--krds-light-color-text-subtle); 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);}

.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 {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-action-primary-active)}

#detail_con .section h3 {color: #4666D2;}
#detail_con .section h4 {background-image: url(../img/ico_main_sec_h4.svg); background-position: left top;}

.side-nav .snv-list .snv-li .snv-li-btn:hover,
.side-nav .snv-list .snv-li .snv-li-btn.selected {background: #EEF2FD;}

.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn:hover,
.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn.selected {font-weight: 700; background: #EEF2FD;}

/********************************************************************************** 반응형*********************************************************************/
@media (max-width: 1199px) {
}


@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;}
}