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

:root {
	--krds-contents-wrap-size: 1400px;
	--font-family-base: 'Pretendard GOV', 'Malgun Gothic', '맑은고딕', sans-serif;
	--font-paper: 'Paperlogy', sans-serif;
	--font-ttangs: 'Ttangsbudaejjigae', sans-serif;
	--font-estab: 'establishRetrosans', sans-serif;
	--main-color:#152A75;
	--sub-color:#00A1A7;
	--main-gra:linear-gradient(113deg, var(--main-primary-80)  7.97%, var(--main-primary-95) 92.25%);
	--sub-gra:linear-gradient(96deg, var(--sub-color)  7.97%, var(--main-primary-60) 92.25%);

	--main-primary-5: #F0F6FB;
	--main-primary-10: #DFE8F1;
	--main-primary-20: #BADBFF;
	--main-primary-30: #90C2FF;
	--main-primary-40: #659FFF;
	--main-primary-50: #417AFF;
	--main-primary-60: #275DDA;
	--main-primary-70: #2146D7;
	--main-primary-80: #153ABE;
	--main-primary-90: #213DA1;
	--main-primary-95: #152A75;

	--main-secondary-5: #E9F5F4;
	--main-secondary-10: #c7fffa;
	--main-secondary-20: #90fff7;
	--main-secondary-30: #51f7f2;
	--main-secondary-40: #1de4e4;
	--main-secondary-50: #04c5c8;
	--main-secondary-60: #00a1a7;
	--main-secondary-70: #057a80;
	--main-secondary-80: #0a6065;
	--main-secondary-90: #0d5054;
	--main-secondary-95: #002e33;
}


.krds-header {font-family: var(--font-paper);}
.krds-header .header-con .logo {width: 17rem}
body[class*="scroll"] .krds-header:not(.sample) .header-in {border-bottom: 0px;}

.main-nav .inner {display: flex; align-items: center; justify-content: space-between;}
.main-nav .gnb-menu {flex-shrink: 0;  flex-grow:1}
.main-nav .gnb-menu > li:nth-child(n+6) {display: none;}
.main-nav .gnb-menu .gnb-main-trigger{color: var(--krds-color-light-gray-90); font-weight: 600; font-size: 2rem}

/* .hd-search {flex-grow: 0; max-width: 30.5rem; position: relative; top: 0.8rem;}
.hd-search .sc-box {width: 100%; height: 5.6rem; border-radius: 3.2rem; background: #fff; background-image:linear-gradient(#fff, #fff), var(--main-gra); border: 0.3rem solid transparent; background-origin: border-box; background-clip: content-box, border-box; overflow: hidden;}
.hd-search .sc-box input[type="search"] {display: block; width: 100%; height: 100%; background: transparent; border: 0; box-shadow: none; padding: 0 2rem;}
.hd-search .search-btn {position: absolute; z-index: 1; top: 0.8rem; right: -0.8rem; width: 5.6rem; height: 5.6rem; border-radius: 1.7rem; background: var(--main-color) url(../img/main/ico_main_hd_search01.svg) no-repeat center/cover; text-indent: -999.9rem;} */

.hd-search {position: relative; flex-grow: 0; max-width: 30.5rem}
.hd-search::before,
.hd-search::after {display: block; content: ''; position: absolute; background-size: contain}
.hd-search::before {left: -4px; top: -1.7rem; width: 4.4rem; height: 3rem; background-image: url(../img/main/2d_geomi.png)}
.hd-search::after {right: -6.4rem; top: -2.2rem; width: 6.1rem; height: 7.5rem; background-image: url(../img/main/2d_danbi.png)}
.hd-search .sc-box {display: flex; align-items: center; width: 100%; height: 4.6rem; border-radius: 3.2rem; background: #EEE; }
.hd-search .sc-box input[type="search"] {display: block; width: 100%; height: 100%; background: transparent; border: 0; box-shadow: none; padding: 0 2rem;}
.hd-search .search-btn {flex-shrink: 0;  width: 4.6rem; height: 100%; border-radius: 10rem; background: var(--main-color) url(../img/main/ico_main_hd_search01.svg) no-repeat center/cover; text-indent: -999.9rem;}
.gnb-top5{display: none !important; position: relative; align-items: center; display: flex; gap:.7rem; width: 15rem; height:3.8rem; overflow:hidden; top:-2px; margin-right: 1.2%;}
.gnb-top5 .gnb-top5-swiper{flex-grow: 1; height: 1.9rem; overflow:hidden; align-items: center;}
.gnb-top5 .swiper-wrapper{height: 100%; flex-direction: column;}
.gnb-top5 .swiper-slide{height: 1.9rem; font-size: 1.6rem; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.gnb-top5 .gnb-top5-btn{flex-grow: 0; display: flex; flex-direction: column; margin-top: 3px; gap:1px}
.gnb-top5 .gnb-top5-btn button{position:relative; width: 17px; height: 17px}
.gnb-top5 .gnb-top5-btn button img{width: 12px; }
.gnb-top5 .gnb-top5-btn button.prev-btn img{vertical-align: bottom; transform: rotate(180deg); transform-origin: top;}

.page-title-wrap .h-tit {font-family: var(--font-paper);}
.side-nav .snv-tit {font-family: var(--font-paper);  margin-bottom: .3rem;}
#detail_con .section h3 {font-family: var(--font-paper);}

.krds-btn.large {
	--krds-button--font-weight-large: 600;
}
.krds-btn.primary {background-color: var(--main-secondary-70); border-color: var(--main-secondary-70); color: #fff;}
.krds-btn.primary:hover {background-color: var(--main-secondary-80);}
.krds-btn.primary:active,
.krds-btn.primary:focus {background-color: var(--main-secondary-90);}
.krds-btn.secondary {background-color: var(--main-secondary-5); border-color: var(--main-secondary-60); color: var(--main-secondary-60);}
.krds-btn.secondary:not(.icon) .svg-icon {background-color: var(--main-secondary-60);}

.krds-footer .logo img{width: 15rem}
.krds-footer .f-btm .f-btm-text .f-menu .point {color: #003675;}
#link-go a{text-decoration: underline}

/********************************************************************************** 반응형*********************************************************************/

@media (min-width: 1024px) {
	.krds-header .header-con .inner {gap:1.2rem; padding-top: .3rem; padding-bottom: 1.8rem;}
	.krds-header .header-con .logo { top: -.5rem; position: relative;}
}

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


@media (max-width: 767px) {
	html {font-size: 56.25% !important;}
	.krds-header .header-con .logo {width: 14rem; display: flex; align-items: center; font-size: 0px;}
	.krds-footer .f-con .f-link {display: none;}
	.krds-footer .f-btm {flex-direction: column; gap: 2rem;}
}


@media (max-width: 359px){
}
@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}