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

:root {
	--krds-contents-wrap-size: 1440px;
	--krds-font-family-base: 'Paperlogy', 'Malgun Gothic', '맑은고딕', sans-serif;
	--main-primary-5: #f0fbea;
	--main-primary-10: #c0e0b5;
	--main-primary-20: #9acd89;
	--main-primary-30: #70b859;
	--main-primary-40: #49a52d;
	--main-primary-50: #409028;
	--main-primary-60: #347920;
	--main-primary-70: #2a631a;
	--main-primary-80: #204e14;
	--main-primary-90: #1f4206;

	--krds-color-light-primary-5: #f0fbea;
	--krds-color-light-primary-10: #c0e0b5;
	--krds-color-light-primary-20: #9acd89;
	--krds-color-light-primary-30: #70b859;
	--krds-color-light-primary-40: #49a52d;
	--krds-color-light-primary-50: #409028;
	--krds-color-light-primary-60: #347920;
	--krds-color-light-primary-70: #2a631a;
	--krds-color-light-primary-80: #204e14;
	--krds-color-light-primary-90: #1f4206;

	--krds-color-light-secondary-5: #fef3ee;
	--krds-color-light-secondary-10: #fccfc2;
	--krds-color-light-secondary-20: #faab95;
	--krds-color-light-secondary-30: #f78566;
	--krds-color-light-secondary-40: #f5633d;
	--krds-color-light-secondary-50: #dd5435;
	--krds-color-light-secondary-60: #c4452d;
	--krds-color-light-secondary-70: #ad3626;
	--krds-color-light-secondary-80: #92251d;
	--krds-color-light-secondary-90: #791615;
}

.masthead {
	background-color: #eef2f7;
}

.krds-header .header-con .logo {
	width: auto;
	height: 36px;
}

.krds-header .header-con .logo a {
	display: flex;
	gap: 0.4rem;
	align-items: center;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.3;
	color: #404f55;
	padding-left: 5.6rem;
	background: url(/share/images/ico_logo_symbol.svg) no-repeat left center;
}
.krds-header .header-con .logo a span {
	font-weight: 400;
}
/* .krds-header .btn-navi.login, .krds-header .btn-navi.join {display: none;} */
.krds-header .main-nav .inner {
	display: flex; 
	justify-content: space-between; 
	align-items: center;
}
.krds-header .header-con .search-wrap {
	padding: 0;
	height: auto;
}
.krds-header .search-form .scr-box {
	height: 4rem;
}
.krds-header .search-form [class*='-btn'] {
	width: 4rem;
	height: 4rem;
}
.main-nav .gnb-menu .gnb-main-trigger {
	height: 6.6rem;
}

.krds-footer {
	background: #fff;
}
.krds-footer .logo {
	display: flex;
	gap: 0.4rem;
	width: auto;
	align-items: center;
	height: 3rem;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.3;
	color: #404f55;
	padding-left: 5.6rem;
	background: url(/share/images/ico_logo_symbol.svg) no-repeat left center;
}
.krds-footer .logo span {
	font-weight: 400;
}
.krds-footer .f-con .f-info {
	font-size: 1.6rem;
}
.krds-footer .f-con .f-info .cs {
	flex-direction: row;
	gap: 2.4rem;
}
.krds-footer .f-con .f-link {
	align-items: flex-end;
}
.krds-footer .f-con .f-link .link-go .krds-btn.text {
	font-weight: 400;
}
.krds-footer .f-btm {
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	font-size: 1.6rem;
}

#detail_con .section h3 {
	color: var(--main-primary-90);
	background-image: url(../img/ico_main_sec_h3.svg);
	background-position: left top 0.5rem;
}
#detail_con .section h4 {
	background-image: url(../img/ico_main_sec_h4.svg);
}

.info-list li.point-blet::before,
.point-blet::before {
	top: 0.3rem;
	width: 1.6rem;
	height: 1.6rem;
	background-image: url(../img/point-ic.svg);
	background-size: 100%;
}

.side-nav .snv-list > li > .snv-li-btn::before,
.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn.selected {
	background: #204e14;
}

.side-nav .snv-list .snv-li .snv-li-btn:hover,
.side-nav .snv-list .snv-li .snv-li-btn.selected {
	color: #fff;
	background: #49a52d;
}

.side-nav .snv-list .snv-li [class*='snv-toggle'][aria-expanded='true']::after {
	background-color: var(--krds-color-light-gray-80);
}
.side-nav .snv-list .snv-li .snv-li-btn:hover::after,
.side-nav .snv-list .snv-li .snv-li-btn.selected::after {
	background-color: #fff;
}

.side-nav .snv-list .snv-li .snv-submenu > ul {
	padding: 0 1rem;
}

.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: 400;
	color: #1e2124;
	background: #f5f1dc;
}
.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn:hover::before,
.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn.selected::before {
	color: #1e2124;
}
.box-group-area > li .btn-wrap .krds-btn.text.medium:hover {
	color: #ddd;
}
.krds-header .header-con .util .util-list > li:hover a,
.drop-wrap:hover button {
	color: #1e2124;
	border: 1px solid #fef3ee;
}

#gnb-wether {display: flex; align-items: center; gap: 1rem; font-size: 1.6rem;}
#gnb-wether i {display: block; width: 4rem; height: 4rem;}
#gnb-wether div + div:before {content: '/'; font-size: 1.5rem; margin: 0 0.4rem 0 -0.4rem;}
#gnb-wether .good {color: #256EF4;}
#gnb-wether .bad {color: var(--krds-color-light-danger-50);}

/********************************************************************************** 반응형*********************************************************************/
@media (min-width: 1024px) {
	.krds-header .header-con .inner {padding-bottom: 2rem;}
}

@media (max-width: 1023px) {
}

@media (max-width: 767px) {
	.krds-header .header-con .logo a {
		gap: 4px;
		height: 100%;
		padding-left: 39px;
		font-size: 18px;
		background-size: 32px;
		background-image: url(/share/images/ico_logo_symbol.svg);
	}
	.krds-header .header-con .logo a span {
		font-size: 18px;
	}

	.krds-footer .logo {
		padding-left: 39px;
		font-size: 18px;
		background-size: 32px;
		background-image: url(/share/images/ico_logo_symbol.svg);
	}
	.krds-footer .logo span {
		font-weight: 400;
	}

	#detail_con .section h3 {
		background-position: left top 0.3rem;
	}
}

@media (max-width: 359px) {
}