@charset "utf-8";

@import url(../kps/output.css);

.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link::after { display:none; }

/*  레이어 팝업 kps/general.css에 있는 스타일 이동함 - 2025. 12. 12.*/
html.active{overflow-y:hidden;}
.layerPop_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:100;}
/* .layerPop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0, 0.6);overflow-y:scroll;z-index:100;}
.layerPop .layerPop_area{display:block;position:absolute;min-height:280px;margin:auto;padding-top:28px;overflow:hidden;z-index:95;}
.layerPop .layerPop_area img{max-width:100%;}
.layerPop_close{position:absolute;top:0;width:100%;margin-top:-2px;padding:3px 13px;background-color:#fff;color:#333;font-size:0.95em;box-sizing:border-box; display: flex; justify-content: space-between;}
.layerPop_close .custom-check{display:none;}
.layerPop_close button{display:block;float:right;padding:3px 0;color:#333;vertical-align:middle;}
.layerPop .btnPopupWinodwChk i {vertical-align: middle; font-size: 20px;} */

.layerPop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 100;
}
.layerPop .popupzone-container {
    text-align: center;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.layerPop .popupzone-container .bx-viewport {
    height: auto !important;
}

.layerPop .popupzone-container .popupzone-group {
    width: 144rem;
    max-width: calc(100% - 6rem);
    position: relative;
    color: #fff;
    margin: 0 auto;
}

.layerPop .popupzone-container .popupzone-group ul {
    width: 100%;
    white-space: nowrap;
    text-align: center;
    margin: 0rem auto;
}

.layerPop .popupzone-container .popupzone-group ul li {
    display: inline-block;
    margin-right: 2rem;
}

.layerPop .popupzone-container .popupzone-item .popupzone-close {
    position: absolute;
    right: calc(50% - 47.5rem);
    top: calc(50% - 130px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(20%, #235d89), to(#569e94));
    background: linear-gradient(to right, #235d89 20%, #569e94 100%);
    width: 4.3rem;
    height: 4.3rem;
    text-align: center;
    padding-top: 1.75rem;
    line-height: 1rem;
    color: #fff;
    font-size: .6rem;
    font-weight: 600;
}

.layerPop .popupzone-container .popupzone-item .popupzone-close::before {
    content: '';
    font-size: .7rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    top: 1.1rem;
    font-family: "xeicon";
    height: 1rem;
    line-height: 1rem;
    width: 1rem;
}

.layerPop .popupzone-container .popupzone-item .popupzone-close:hover:before {
    -webkit-transform: rotate(135deg) translateX(-50%);
    transform: rotate(135deg) translateX(-50%);
    -webkit-transition: all .3s;
    transition: all .3s;
    left: calc(50% - .8rem);
    top: 1.45rem;
}

.layerPop .popupzone-container .popupzone-item .popupzone-close .popup-countW {
    font-size: .75rem;
}

.layerPop .popupzone-container .popupzone-item .popupzone-close .popup-countW .popup-count {
    color: #ffe87c;
    font-weight: 400;
}

.layerPop .popupzone-container .popupzone-item .popupzone-btn-close2 {
    display: none;
    height: 2.25rem;
    margin: 2rem 1rem;
    padding: 0 2rem;
    border-radius: 2.25rem;
    background-color: #000;
    line-height: 2.25rem;
}

.layerPop .popupzone-container .popupzone-item .popupzone-btn-close2:after {
    display: inline-block;
    font-family: "xeicon";
    margin-left: 0.5rem;
    content: '';
    vertical-align: middle;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.layerPop .popupzone-container .popupzone-item .popupzone-btn-close2:hover:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.layerPop .popupzone-container .popupzone-item .popupzone-btn-close.inactive {
    display: none;
}

.layerPop .popupzone-container .popupzone-item2 {
    margin-top: 2.3rem;
    font-size: .9rem;
    text-align: center;
}

.layerPop .popupzone-container .popupzone-item2 .popupzone-label {
    display: inline-block;
    margin: 0 0.8rem .5rem;
    padding: 0.8rem 2.5rem;
    border-radius: 5rem;
    background-color: #000;
    line-height: 3.4rem;
	font-size: 2rem;
}

.layerPop .popupzone-container .popupzone-item2 .popupzone-label span,
.layerPop .popupzone-container .popupzone-item2 .popupzone-label .popup-count {
    color: #f00;
    font-weight: 600;
}

.layerPop .popupzone-container .popupzone-item2 .popupzone-label.popupzone-close:after {
    content: '';
    display: inline-block;
    font-family: "xeicon";
    margin-left: 0.5rem;
    vertical-align: middle;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.layerPop .popupzone-container .popupzone-item2 .popupzone-label.popupzone-close:hover:after, .layerPop .popupzone-container .popupzone-item2 .popupzone-label.popupzone-close:focus:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* 팝업 슬라이드 swiper */
.layerPop .popupzone-title {
	font-size: 5.2rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 4rem;
}

.layerPop .popupzone-slider-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}

.layerPop .popupzone-swiper {
	overflow: hidden;
	width: 100%;
}

.layerPop .popupzone-swiper .swiper-slide {
	width: 36rem;
	border-radius: 1.2rem;
	overflow: hidden;
	transition: transform 0.3s ease, opacity 0.3s ease;
	text-align: center;
}

.layerPop .popupzone-swiper .swiper-slide:not(.swiper-slide-active) {
	/* opacity: 0.6; */
}

.layerPop .popupzone-swiper .swiper-slide img {
	min-height:100%;
	height: auto;
	vertical-align: middle;
}

/* 이전/다음 버튼 - 슬라이드 좌우 배치 */
.layerPop .popupzone-slider-wrap .swiper-button-prev,
.layerPop .popupzone-slider-wrap .swiper-button-next {
	position: relative;
	flex-shrink: 0;
	width: 4.4rem;
	height: 4.4rem;
	margin: 0;
	background-color: rgba(0,0,0, 0.8);
	border:none;
	border-radius: 50%;
	color: #fff;
	top: auto;
	left: auto;
	right: auto;
}

.layerPop .popupzone-slider-wrap .swiper-button-prev::after,
.layerPop .popupzone-slider-wrap .swiper-button-next::after {
	font-size: 1.6rem;
	font-weight: bold;
	background-color:#fff;
}

.layerPop .popupzone-slider-wrap .swiper-button-prev:hover,
.layerPop .popupzone-slider-wrap .swiper-button-next:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

.layerPop .popupzone-slider-wrap .swiper-button-disabled {
	opacity: 0.3;
}

.skip-to[href="#popup-close-first"] {
    display: none;
}

@media screen and (max-width: 1440px) {
    .layerPop .popupzone-container .popupzone-group .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
        left: 0;
    }
    .layerPop .popupzone-container .popupzone-group .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
        right: 0;
    }
}

@media screen and (max-width: 1400px) {
    .layerPop .popupzone-container .popupzone-item .popupzone-close {
        display: none;
    }
}

@media (max-width: 1300px) {
    .popup-open {
        right: 1rem;
    }
}

@media (max-width: 1010px) {
    .popup-open {
        min-width: auto;
        top: 5.2rem;
    }
    .popup-open .popupzone-title {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .popup-open .popupzone-title {
        display: inline-block;
    }
}

@media screen and (max-width: 768px) {
    /* 팝업 슬라이드 태블릿/모바일 */
    .layerPop .popupzone-slider-wrap {
        gap: 1rem;
    }
    .layerPop .popupzone-slider-wrap .swiper-button-prev,
    .layerPop .popupzone-slider-wrap .swiper-button-next {
        width: 3.6rem;
        height: 3.6rem;
    }
    .layerPop .popupzone-slider-wrap .swiper-button-prev::after,
    .layerPop .popupzone-slider-wrap .swiper-button-next::after {
        font-size: 1.4rem;
    }
    .layerPop .popupzone-swiper .swiper-slide {
        width: 30rem;
    }
}

@media screen and (max-width: 499px) {
    .popup-open {
        font-size: 0.6rem;
    }
    .layerPop .popupzone-title {
        font-size: 4rem;
        margin-bottom: 1.5rem;
    }
    .layerPop .popupzone-container .popupzone-item2 .popupzone-label {
        margin: 0 .3rem .5rem;
    }
    /* 팝업 슬라이드 모바일 */
    .layerPop .popupzone-slider-wrap {
        gap: 0.8rem;
    }
    .layerPop .popupzone-swiper .swiper-slide {
        width: 26rem;
    }
    .layerPop .popupzone-slider-wrap .swiper-button-prev,
    .layerPop .popupzone-slider-wrap .swiper-button-next {
        width: 3.2rem;
        height: 3.2rem;
    }
    .layerPop .popupzone-slider-wrap .swiper-button-prev::after,
    .layerPop .popupzone-slider-wrap .swiper-button-next::after {
        font-size: 1.2rem;
    }
}

/*-------------------------------------------------
Layout Style Sheet / Author : myeong-hee park / Create date : 2016. 11. 22.
--------------------------------------------------------------------------*/



html {
	font-size:10px;
}

 div, ul, ol, dl, form, figure, button, select, input, textarea, table {
	font-size:1.7rem;
	font-family: 'Pretendard GOV' !important;
}

@media (max-width: 768px) { html { font-size:9px; } }

body {
	letter-spacing: -0.05em;
	color:#464C53;
	font-size:1.7rem;
	line-height:1.5;
	overflow: visible;
}

body#print:before {
	background: none;
}

#wrap {
	position: relative;
	width: 100%;
	margin: 0;
}
.wrap_con {
    width: 1260px;
    margin: 0 auto;
}

#gnavigation {
	display: flex;
    flex-wrap: wrap;
    gap: 4rem;
}
.divisional_area,
#viewDivisional,
.fixTitle,
.sns_share {
	display:none !important;
}

#container, #body {
	position:relative;
}

/* 이전소스 */
#header {
	width: 1260px;
    min-height: 152px;
	margin: 0 auto;
	transition: height 0.3s ease;
	}
/*상단 바로가기*/	
.top_service {	
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	height: 51px;
	margin-bottom: 25px;
	line-height: 1.3;
	font-size: 0.867em;
	}
.top_service a {
	color: #555;
	}
.top_service a.point01 {
	color: #fc6719;
	} 	
.khidi_hm {
	position: relative;
	height: 50px;
	line-height: 1.5;
	overflow: hidden;
	}	
.khidi_hm > li {
	float: left;
	height: 100%;
    white-space: nowrap;	
	overflow: hidden;
	}
.khidi_hm > li + li {
	margin-left: 15px;
	}
.khidi_hm > li > a {
	position: relative;
	display: block;
	padding: 14px 0 17px 25px;
	background: url(../../images/kps/new_layout/khidi_hm.png) no-repeat 0 0;
	transition:none;
	} 
.khidi_hm > li.qna a {
	background-position: 0 -50px;
	}
.khidi_hm > li.contentsMap a {
	background-position: 0 -50px;
	}
.khidi_hm > li.event a {
	background-position: 0 -100px;
	}
.khidi_hm > li.nutrition a {
	background-position: 0 -150px;
	} 
.khidi_hm > li.nutrition02 a {
	background-position: 0 -100px;
	} 
	
.khidi_hm > li .on,
.khidi_hm > li a:hover {
	width: auto;
	color:#fc6719;
	} 
.khidi_hm > li > .on:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fc6719;
	content:'';
	}
.khidi_hm > li.home .on,
.khidi_hm > li.home a:hover  {
	background-position: 0 -200px;
	}	
.khidi_hm > li.contentsMap .on,
.khidi_hm > li.contentsMap a:hover  {
	background-position: 0 -250px;
	}
.khidi_hm > li.qna .on,
.khidi_hm > li.qna a:hover  {
	background-position: 0 -250px;
	}
.khidi_hm > li.event .on,
.khidi_hm > li.event a:hover  {
	background-position: 0 -300px;
	}
.khidi_hm > li.nutrition .on,
.khidi_hm > li.nutrition a:hover  {
	background-position: 0 -350px;
	}
.khidi_hm > li.nutrition02 .on,
.khidi_hm > li.nutrition02 a:hover  {
	background-position: 0 -300px;
	}
.khidi_hm > li.regulation a {
	background: none;
	}
.khidi_hm > li.regulation a::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    color: #989898;
    line-height: 1;
    transform: translateY(-50%);
    font-size: 20px;
    font-family: xeicon;
    content: "\e9be";
	}
.khidi_hm > li.regulation a:hover::after,
.khidi_hm > li.regulation a.on::after {
    color: #fc6719;
	}
.gov {
	float: left;
	margin-top: 8px;
	}		
/* 로그인, 회원가입, 사이트맵 바로가기 */	
.session_time {
	display: block;
	float: left;
    margin: 16px 10px 0 0;
	}
.tsidemenu {
	float: left;
	margin-top: 16px;
	letter-spacing: -0.08em;
	}
.tsidemenu > li {
	float: left;
	margin-right: 10px;
	}
.tsidemenu > li:last-child {
	letter-spacing: 0;
	}
/* 산업별 지원정보 */	
.view_divisional {
	float: left;
	display: block;
    margin-left: 28px;
    padding: 12px 0 16px;
    color: #4a515f;
    text-align: center;
    letter-spacing: -0.08em;
    line-height: 1.4;
    font-size: 1.267em;
    font-weight: bold;
	}
.divisional_area {/* 사업별페이지 바로가기 */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: auto;
    padding: 20px 0;
	background-color: #fff;
    font-size: .867em;
    visibility: hidden;
    overflow: hidden;
	opacity: 0;
	}
.divisional_area::after {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	content: '';
	}	
.divisional_area.active {
	display: block;
    visibility: visible;
    overflow: inherit;
	opacity: 1;
	z-index: 100;
	}	
.divisional_area::after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 200%;
	height: 100%;
	background-color: #fff;
	border-bottom: 1px solid #424556;
	transform: translateX(-50%);
	z-index: -1;
	content: '';
	}
.divisional_area .divisional_list {
    width: 1260px;
    margin: 0 auto;
    overflow: hidden;
	}
.divisional_area .divisional_list li {
	float: left;
	width: calc((100% / 9) - 6px);
	height: 62px;
	margin: 3px;
	line-height: 60px;
	text-align: center;
	overflow: hidden;
	}
.divisional_area .divisional_list li.long {
	line-height: 1.6;
	}	
.divisional_area .divisional_list li a {
	display: block;
	color: #333;
	border: 1px solid #ddd;
	}
.divisional_area .divisional_list li.long a {
	padding: 9px 0;
	}	
.divisional_area .divisional_list li a:hover {
	background: #fc6719; 
	border-color: transparent;
	color: #fff; 
	transition: all .3s ease;
	text-decoration: none;
 	}		
.divisional_area .btn_close {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: 630px;
    overflow: hidden;
	}
.close {
	display: block;
	width: 35px;
	height: 35px;
	background-color: #424554;
	text-indent: 100%;
	overflow: hidden;
	color: transparent;
	}
.close span {
    display: block;
    background-color: #fff;
    border-radius: 3px;
    transform: rotate(45deg);
    transition: all 400ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
	}
.close span.vertical {
    position: absolute;
    top: 8px;
    left: 16px;
    width: 2px;
    height: 18px;
	}
.close span.horizon {
    position: absolute;
    top: 16px;
    left: 8px;
    width: 18px;
    height: 2px;
	}
.close:hover span {
	background-color: #fff;
	transform: rotate(-45deg); 
	}
.btn_cos {
	float: right;
	width: 54px;
	height: 51px;
	background-color: #E36719;
    letter-spacing: 0.03em;
    line-height: 51px;
    text-align: center;
	font-family: 'Myriad Pro';
    font-weight: bold;
	}
.btn_cos a {
	display: block;
	color: #fff;
	line-height: 51px;
	}
	
/* 로고 */	
.logo {
	float: left;
	height: 56px;
	margin-right: 86px;
    line-height: 1;
	}
.logo a:first-child {
	display: inline-block;
	width: 108px;
  	height: 100%;
	background: url(../../images/kps/new_layout/logo.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 1em;
	vertical-align: middle;
	}	
.logo img {
	vertical-align: middle;
	}	
.logo span {
	display: inline-block;
    margin-top: -1px;
    color: #313131;
    letter-spacing: -0.08em;
	vertical-align: middle;
    font-weight: normal;
	font-size: 1.067em;
	}	
/* NAVIGATION STYLE
-------------------------------------------------*/
.header_wrap nav {
	float: left;
	margin-top: 2px;
	}
.fixTitle {
	display: none;
    position: absolute;
    top: 73px;
    left: 238px;
	width: 460px;
	color: #313131;	
	text-overflow: ellipsis; 
	white-space: nowrap;
    font-weight: normal;
	font-size: 1.333em;
	overflow: hidden;
	z-index: 95;
	}	
#gnavigation {
	clear: both;
	position: relative;
	width: 100%;
	}	
#gnavigation > li {
	position: relative;
	float: left;
	margin-left: 28px;
	white-space: nowrap;
	}
#gnavigation > li:first-child {
	margin-left: 0;
	}	
#gnavigation > li > a {
	position: relative;
	display: block;
	padding: 12px 0 16px;
	color: #4a515f;
	text-align: center;
    letter-spacing: -0.08em;
    line-height: 1.2;
    font-size: 1.267em;/* 19font */
    font-weight: bold;
	}
#gnavigation > li > a:after {
	display: block;
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #fc6719;
	transition: width .3s ease-in-out;
	content:'';
	}
#gnavigation li:hover a {
	text-decoration: none;
	}
#gnavigation > li >a.active:after,
#gnavigation > li:hover > a:after {
	width: 100%;
	}
#gnavigation > li:hover > a:after{
	opacity:0.5;
	}
#gnavigation > li .depth2 {
	display: none;
	position: absolute;
	top: 50px;
	left: 50%;
	width: 200px;
	padding: 19px 13px;
	background: #fff;
	border: 1px solid #434555;
	box-sizing: border-box;
	line-height: 1.3;
	letter-spacing: -0.05em;
	transform: translateX(-50%);
	font-size: 0.867em;
	overflow: hidden;
	}	
#gnavigation > li:hover .depth2 {
	opacity: 1;
	transition: all 0.3s ease;
	}
#gnavigation > li .depth2 > li {
	margin-top: 6px;
	}	
#gnavigation > li .depth2 > li:first-child {
	margin-top: 0;
	}
#gnavigation > li .depth2 a {
	display: block;
	padding: 5px 6px;
	color: #313131;
	line-height: 1.1;
	}
#gnavigation > li .depth2 a:hover {	
	background: #fc6719;
	color: #fff;
	}
#gnavigation > li > a[href^="http://"] {
	padding-right: 14px; 
	background: url(../../images/common/icon/icon_newlayer.gif) no-repeat right 5px;
	}

.allmenu {
	float: right;
	width: 45px;
	height: 44px;
	margin-top: 5px;
	padding: 13px;
	color: transparent;
	overflow: hidden;
	}	
.allmenu span[class*="bar"] {
    display: block; 
    width: 75%; 
    height: 2px; 
    margin-top: 5px;
    background-color: #4a515f;
    border-radius: 1px;
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden; 
	}
.allmenu span.bar1 {
	margin-top: 0;
	}
.allmenu:hover .bar1,
.allmenu:hover .bar3 {
	width: 100%;
	}
.allmenu span.bar2,
.allmenu:hover .bar2 {
	width: 100%;
	}	
.allmenu_layer {
	display:none;
	position: absolute;
	top: 51px;
	left: 0;
	width: 100%;	
	height : 0;
	z-index: 90;
	transition:height .4s;
	}	
.allmenu_layer:before {
	position:absolute;
	left:-5000%;
	top:0;
	width:9999%;
	height:100%;
	background: #fff;
	content:'';
	}
.all_nav {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	width: 1260px;
	height: 0;
	margin: auto;
	background: url(../../images/kps/layout/allmenu_bg.png) no-repeat right bottom;
	overflow: hidden;
	transition: height .4s;
	}	
.all_nav > li {
	position: relative;
	width: 14.28%;
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	}
.all_nav > li:hover {
	background: #fdfdfd;
    transition: all 0.3s ease;
	}	
.all_nav > li:before,
.all_nav > li:last-child:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #ddd;
	content:'';
	}
.all_nav > li:last-child:after {
	left: inherit;
	right: 0;
	}	
.all_nav a {
	color: #313131;
	}
.all_nav > li > span,
.all_nav > li > a {
	display: block;
	margin-top: 30px;
	line-height: 1;
	font-size: 1.2em;
	}
.all_nav .depth2 {
	margin: 20px 0 30px;
	font-size: 0.933em;
	}
.all_nav .depth2 > li {
	margin-top: 5px;
	}		
.all_nav .depth2 > li:first-child {
	margin-top: 0;
	}
.all_nav .depth2 a {
    display: block;
    padding: 3px 0 5px;
    color: #313131;
    line-height: 1.1;
	}
.all_nav .depth2 a:hover {	
	background: #fc6719;
	color: #fff;
	text-decoration: none;
	}	
.allmenu_close {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	text-align: right;
	opacity: 0;
	}
.allmenu_close button {
	display: block;
	width: 54px;
	height: 54px;
	background: #434555;
	text-indent: 100%;
	}
.allmenu_layer.active .allmenu_close {
	opacity: 1;
	}	
	
#header .allmenu_close span.vertical {
	top: 12px;
    left: 26px;
    width: 2px;
    height: 30px;
}
#header .allmenu_close span.horizon	{
	top: 26px;
    left: 12px;
    width: 30px;
    height: 2px;
}
.allmenu_layer.active,
.allmenu_layer.active .all_nav {
	height: auto;
}
.allmenu_layer.active:before {
	border-bottom: 2px solid #434555;
}
.btn_searchOpen {
	position: absolute;
	top: 77px;
	right: 0;
    height: 44px;
	color: #fc6719;
	letter-spacing: -0.05em;
	font-size: 1.133em;
	font-weight: bold;
	vertical-align: top;
}
.btn_searchOpen i {
    font-size: 23px;
    vertical-align: middle;
}

/* 상단 스크롤링시 STYLE */
.header_wrap.fixed {
	position: fixed;
	top: 0;
	height: auto;
	margin-top: -51px;
	background: #fff;	
	border-bottom: 2px solid rgba(67, 74, 84, .23);
	background-clip: padding-box;
	}	
.header_wrap.fixed #header {
    position: relative;
	min-height: auto;
	}	
.header_wrap.fixed + #body {
	margin-top: 172px;
	}	
.header_wrap.fixed .top_service {
	margin-bottom: 25px;
	}	
.header_wrap.fixed .logo {
	height: 46px;
	margin-left: 20px;
	}	
.header_wrap.fixed .logo a:first-child {
	width: 73px;
	height: 20px;
	background: url(../../images/kps/layout/logo02.png) no-repeat 0 0;
    vertical-align: top;
	}
.header_wrap.fixed nav,
.header_wrap.fixed .view_divisional {
	display: none;
	height: 0;
	opacity: 0;
	}
.header_wrap.fixed .fixTitle {
	display: block;
	}
.header_wrap.fixed .allmenu {
	float: right;
    margin-top: -13px;
	margin-right: 0;
	}	
.header_wrap.fixed .allmenu span[class*="bar"] {
	background: #434a54;
	}
.header_wrap.fixed .allmenu_layer {
	top: 122px;
	}
.header_wrap.fixed .allmenu_layer.active:after {
	position:absolute;
	top:0;
	left:-5000%;
	width:9999%;
	height: 1px;
	border-top: 1px solid #434555;
	content:'';
	}
.header_wrap.fixed .total_search {
	display: none;
	}
.header_wrap.fixed .hotissue_area {
	margin-top: -23px;
	}
/* 흰색 bg 일경우 */
#wrap.wrap_min:before {
	display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 51px;
    background: url(../../images/kps/new_main/bg.gif) no-repeat 0 0;
    z-index: -1;
    content: '';
	}
.wrap_min .header_wrap {
	height: 131px;
    border-bottom: 2px solid rgba(67, 74, 84, .23);
	}	
.wrap_min .top_service {
	margin-bottom: 0;
	}		
.wrap_min .logo {
	height: 30px;
	margin: 25px 0;
	}	
.wrap_min .logo a:first-child {
	width: 79px;
	background: url(../../images/kps/layout/logo02.gif) no-repeat 0 2px;
	}
.wrap_min .btn_searchOpen {
	top: 69px;
	}	
.wrap_min .hotissue_area {
	top: 64px;
	}
.wrap_min .allmenu {
	margin-top: 19px;
	}	
.wrap_min .allmenu span[class*="bar"] {
	background: #434555;
	}
.wrap_min .realtime_list .rank,
.wrap_min .realtime_list a,
.wrap_min .realtime_list .num,
.fixed .realtime_list .rank,
.fixed .realtime_list a,
.fixed .realtime_list .num {
	color: #313131;
	}
.wrap_min .header_wrap.fixed  {
	height: 122px;
	}
.wrap_min .fixed .logo {
	height: 30px;
    margin: 0 0 0 20px;
	}
.wrap_min .fixed .logo span {
	margin-top: -5px;
	}		
.wrap_min .fixed  .hotissue_area {
	margin-top: -3px;
	}	

.aside_linksite {
	margin-bottom: 15px;
	overflow: hidden;
	}	
.aside_linksite li {
	line-height: 0;
	}	
.quick_link {/* 3개 아이콘 */
	width: 100%;
	letter-spacing: -0.05em;
	font-size: 0.933em;
	overflow: hidden;
	}
.quick_link li {
	border: 1px solid #ddd;
	border-top: none;
	}
.quick_link li:first-child {
	border-top: 1px solid #ddd;
	}
.quick_link li a {
	display: block;
	padding: 19px 36px;
	color: #313131;
	}
.quick_link li a:hover {
	text-decoration: none;
	}	
.quick_link li i {
	display:inline-block;
	width: 25px;
	height: 25px;
	margin-right: 13px;
	background: url(../../images/kps/common/icon_strip.png) no-repeat 0 -312px;
	vertical-align: middle;
	}
.quick_link li:nth-child(2) i {
	background-position: 0 -356px;
	}		
.quick_link li:last-child i {
	background-position: 0 -401px;
	}
.stitle {
	margin: 35px 0 2px;
	color: #000;
	letter-spacing: -0.08em;
	line-height: 1.2;
	font-size: 1.8em;
	}	
.path_wrap {
	margin-bottom: 58px;
	padding-bottom: 26px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 0.933em;
	overflow: hidden;
	}	
.path_wrap .path {
	float: left;
	margin-top: 7px;
	line-height: 1.2;
	}
.path_wrap .xi-home {
	color: #909090;
	}
.path_wrap .xi-caret-down-min {
	width: 15px;
	height: 13px;
	color: #909090;
	transform: rotate(-90deg);
	vertical-align: top;
	font-size: 11px;
	}
.path_wrap .black_bold {
	color: #fc6719;
	}
	
.path_wrap .float_right {
	background: url(../../images/kps/layout/setup_control.gif) no-repeat right 0;
	}	
.font_setup {
	float: left;
	overflow: hidden;
	}	
.font_setup dt {
	float: left;
	height: 28px;
	margin-right: 12px;
	}	
.font_setup dd {
	float: left;
	height: 28px;
	overflow: hidden;
	}	
.path_wrap button {
	float: left;
	width: 40px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	}
.path_wrap .fs_sm {
	width: 41px;
	background-position: -40px 0;
	}
.path_wrap .print {
	background-position: -81px 0;
	}	

/* //이전소스 */

/*
krds style change
*/

/* header */
#krds-header .header-container .logo {
	width: 11.2rem;
}
#krds-header .header-container .logo a {
	background-image: url(../../images/kps/new_layout/logo.png);
}

.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title > a {
	display: inline-flex;
    padding: 0 var(--krds-spacer-2) !important;
    font-size: var(--krds-fz-title-xlg);
    font-weight: 700;
    gap: var(--krds-spacer-4);
	border:none;
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title > a::after {
	content: '바로가기';
    text-decoration: underline;
    font-size: 1.5rem;
    font-weight: 400;
    width: auto;
	margin-left: 2rem;
    padding-right: 2rem;
    line-height: 2.4;
	background-image: url(../../img/component/icon/ico_more.svg);
	background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.7rem;
    text-underline-offset: 0.3rem;
    transition: 0.4s ease-in-out;
}

.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a, 
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button {
	font-weight:400;
}

.sch-form-wrap.vert .sch-input {
	margin-bottom:4rem;
}

.sch-form-wrap.vert .sch-input .btn_arrow {
	position:absolute;
	bottom:-4rem;
	left:0;
	width: auto;
	height:auto;
	background:none;
	text-indent:0%
}

.sch-form-wrap.vert .sch-input .btn_arrow button {
	color:#111;
}

.sch-form-wrap.vert .sch-input .btn_arrow button::before {
	content:"";
	display:inline-block;
	vertical-align: middle;
	width: 2rem;
	height: 2rem;
	margin-right:0.4rem;
	background-color:#111;
	mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../img/component/icon/ico_sch_plus.svg);
    mask-image: url(../../img/component/icon/ico_sch_plus.svg);
}

/* left menu */
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn[target="_blank"]::after {
	content: "";
    flex-shrink: 0;
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../img/component/icon/ico_go.svg);
    mask-image: url(../../img/component/icon/ico_go.svg);
    margin-top: var(--krds-padding-1);
}

/* footer */
.main-service {
	display:none;
}
#krds-footer {
	z-index: 9;
}
#krds-footer .f-cnt .f-link {
	display:block;
}
#krds-footer .f-cnt .f-link .link-go {
	margin-bottom:3.2rem;
}
#krds-footer .f-logo {
	width: 11.2rem;
	background-image: url(../../images/kps/new_layout/logo.png);
}
#krds-footer .f-cnt .f-link .link-sns {
	display:inline-flex; vertical-align: middle;
}
#krds-footer .f-cnt .f-link .link-sns .krds-btn.icon.border {
	background:none;
	border-color:#CDD1D5;
}
#krds-footer .f-cnt .f-link .certificate {
	margin-left:3rem;
}
#krds-footer .f-cnt .f-link .certificate,
#krds-footer .f-cnt .f-link .certificate > a {
	display:inline-block; vertical-align: middle;
}

.krds-modal .modal-dialog .modal-content {
	box-shadow: none;
}

.krds-drop-wrap .drop-menu .drop-list .item-link {
	padding:0 0.8rem;
}


.service-list {
	position: fixed;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	visibility: hidden;
	pointer-events: none;
	overflow: hidden;
	z-index: -100;
	transition: visibility 0s 1s, z-index 0s 0.4s;
}

.service-list-inner {
	position:absolute;
	bottom:-100%;
	left:50%;
	transform:translateX(-50%);
	width: calc(100% - 3.2rem);
	max-width: 120rem;
	background: #fff;
	padding: 5rem 9rem;
	border-radius: 2.4rem  2.4rem 0 0;
	background: linear-gradient(145deg, #243060 39.3%, #F4671B 92.19%);
	box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.1);
	transition: bottom 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

.service-list-inner::before {
	content:"";
	display:block;
	position: absolute;
	left:5rem;
	bottom:0;
	width: 39rem;
	height:10rem;
	background:url('/resources/images/kps/new_main/service-bg-img.png') no-repeat center center / cover;
	opacity: 0.5;
	z-index: -1;
}

.service-list.is-visible {
	visibility: visible;
	pointer-events: auto;
	z-index: 100;
	transition: visibility 0s 0s, z-index 0s 0s;
}

.service-list.is-visible .service-list-inner {
	bottom:0;
	transition: bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.service-list::after {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	opacity: 0;
	z-index: -1;
	transition: opacity 0.3s ease;
}

.service-list.is-visible::after {
	opacity: 1;
}

.service-list .text {
	color:#fff;
}

.service-list .text h2 {
	display:inline-block;
	position:relative;
	padding-right:1.75rem;
	font-size:4rem;
	line-height:1.2;
}
.service-list .text h2::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:1rem;
	height:1rem;
	border-radius: 50%;
	background:#FD5E10;
}

.service-list .text p {
	margin-top:1.6rem;
	font-size:1.8rem;
	opacity: 0.8;
}

.service-list .list {
	display:flex;
	flex-wrap:wrap;
	gap:4rem;
	margin-top:4.8rem;
}
.service-list .list > li {
	width:calc(33.3% - 2.66rem);
}
.service-list .list > li:nth-child(2) {
	margin-top:-12rem;
}
.service-list .list > li:nth-child(3) {
	margin-top:-7.2rem;
}
.service-list .list .bxes {
	width: 100%;
	border-radius:2.4rem;
	background:#fff;
	overflow: hidden;
	text-align: left;
}
.service-list .list .bxes + .bxes {
	margin-top:4rem;
}
.service-list .list .bxes strong {
	display:block;
	width:100%;
	padding:3rem 3rem 2rem;
	background:#ddd;
	color:#fff;
	font-size:2.4rem;
	font-weight:700;
	background-size:cover;
	background-position:50% 50%;
	box-sizing: border-box;
}
.service-list .list .bxes strong::before {
	content:"";
	display:flex;
	align-items: center;
	justify-content: center;
	width:2.2rem;
	height:2.2rem;
	margin-bottom:1rem;
	border-radius: 0.4rem;
	background:#FD5E10;
	color:#fff;
	font-size:1.8rem;
	font-weight:700;
	text-align: center;
	line-height:1;
}
.service-list .list .bxes[data-service="1"] strong {
	background:url('/resources/images/kps/new_main/img_service1.jpg');
}
.service-list .list .bxes[data-service="2"] strong {
	background:url('/resources/images/kps/new_main/img_service2.jpg');
}
.service-list .list .bxes[data-service="3"] strong {
	background:url('/resources/images/kps/new_main/img_service3.jpg');
}
.service-list .list .bxes[data-service="4"] strong {
	background:url('/resources/images/kps/new_main/img_service4.jpg');
}
.service-list .list .bxes[data-service="5"] strong {
	background:url('/resources/images/kps/new_main/img_service5.jpg');
}
.service-list .list .bxes[data-service="1"] strong::before {
	content:"1";
}
.service-list .list .bxes[data-service="2"] strong::before {
	content:"2";
}
.service-list .list .bxes[data-service="3"] strong::before {
	content:"3";
}
.service-list .list .bxes[data-service="4"] strong::before {
	content:"4";
}
.service-list .list .bxes[data-service="5"] strong::before {
	content:"5";
}
.service-list .item {
	padding:2rem 3rem;
}
.service-list .item > li {
	position:relative;
	padding:0.4rem 0 0.4rem 2.2rem;
}
.service-list .item > li::before {
	content:"";
	display:block;
	position:absolute; 
	top:1.4rem;
	left:0;
	width:0.6rem;
	height:0.6rem;
	border-radius: 50%;
	background:rgba(255, 103, 29, 0.49);	
}
.service-list .item > li > a {
	color:#1E2124;
	font-size:1.8rem;
	font-weight:500;
	line-height:1.5;
	transition: all 0.3s ease;
}
.service-list .item > li > a:hover {
	text-decoration: underline;
	text-underline-offset: 0.4rem;
}

.service-list .btn-close {
	position:absolute;
	top:2.3rem;
	right:3rem;
}

.service-list .btn-close .svg-icon {
	width:3rem;
	height:3rem;
	background:#fff;
}

/* #krds-footer .foot-quick .inner .krds-drop-wrap {
	flex:1;
} */
/* .krds-drop-wrap .con-tit {
	font-size: var(--krds-pc-font-size-heading-medium);
}
.krds-drop-wrap .drop-menu-close {
	position: absolute;
    right: 4rem;
    top: 2.4rem;
    align-self: flex-end;
    display: inline-flex;
}

.krds-drop-wrap .drop-menu.drop-menu-site {
    min-width: max-content;
}

.krds-drop-wrap .drop-menu.drop-menu-site .drop-list > li > a {
    white-space: nowrap;
}

.krds-drop-wrap .drop-menu.drop-menu-site .drop-list > li > a .svg-icon {
    width: 1.6rem;
    height: 1.6rem;
}

.krds-drop-wrap .drop-menu.drop-menu-language {
    min-width: max-content;
}

.krds-drop-wrap .drop-menu.drop-menu-language .drop-list > li > a {
    white-space: nowrap;
}

.krds-drop-wrap .drop-menu.drop-menu-language .drop-list > li > a .svg-icon {
    width: 2rem;
    height: 2rem;
}

.krds-drop-wrap .drop-menu.drop-menu-footer {
	display: none;
    row-gap: .8rem;
    top: auto;
    bottom: calc(100% + 2rem);
    left: 2rem;
    padding: 2.4rem 4rem;
    width: calc(100% - 4rem);
    transform: unset;
}

.krds-drop-wrap .drop-menu.drop-menu-footer:before {
    bottom: auto;
    top: 100%;
    left: 2rem;
    transform: rotate(45deg) translatey(-50%);
}

.krds-drop-wrap .drop-menu.drop-menu-footer .drop-in {
    row-gap: 0;
    padding: 0 1.6rem .8rem;
}

.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
	max-height:35rem;
    margin-top: 1.6rem;
	overflow-y: auto;
}

.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list::-webkit-scrollbar {
    width: 0.4rem;
}

.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list::-webkit-scrollbar-thumb {
    background-color: #cdd1d5;
    border-radius: 0.2rem;
}

.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 0.2rem;
}

.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list > li {
    width: calc(100% / 2 - calc(1.2rem / 2));
}

.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .8rem;
    padding: .8rem 1.6rem;
    height: 100%;
    min-height: 5.8rem;
    border: 1px solid #cdd1d5;
    border-radius: .6rem;
	word-break: break-all;
}

.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list > li > a .svg-icon {
    width: 1.6rem;
    height: 1.6rem;
} */

/* side tools */
.side-tools {
	position:fixed;
	top:50% !important;
	right:0;
	transform: translateY(-50%);
	transition: transform 0.25s ease-out;
	z-index: 10;
}

.side-tools::after {
	content:"";
	display:block;
	position:absolute; 
	right:0; top:100%;
	width: 7rem;
	height:6.8rem;
	background-image: url(../../images/kps/aside/bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.side-tools .item-list {
	position:relative;
	margin-top:0.7rem;
	padding:2.2rem 0;
	border-radius: 2.4rem 0 0 2.4rem;
	background-color:#F8EDE0;
	box-shadow: 4px 8px 10px rgba(179, 154, 136, 0.31);
}

.side-tools .item-link {
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap:0.8rem;
	width: 9.6rem;
	padding:1rem;
	text-align: center;
	transition: all 0.3s ease;
}

.side-tools .item-link:hover, .side-tools .item-link:focus {
	text-decoration: underline;
	text-underline-offset: 0.4rem;
}

.side-tools .side-tools-inner > .item-link {
	gap:0.4rem;
	padding: 2rem 1rem 1rem;
	border-radius:2rem 0 0 2rem;
}

.side-tools .item-link .ico {
	position:relative;
	display:block;
	width:2.4rem;
	height:2.4rem;
}

.side-tools .item-link .ico img {
	vertical-align: middle;
}

.side-tools .item-link .ico .num {
	position:absolute;
	right:-0.5rem; top:-0.8rem;
	width: 1.8rem;
	height:1.8rem;
	border-radius: 50%;
	background-color:#FF5F11;
	color:#fff;
	font-size:1.4rem;
	font-weight:500;
	text-align: center;
	line-height:1.8rem;
	overflow: hidden;
}

.side-tools .item-link .txt {
	font-size:1.4rem;
	font-weight:500;
}

.side-tools .item-list .item-link .txt {
	color:#464C53;
	font-size:1.6rem;
}

/* sub layout */
#container .in-between {
	gap:6.4rem;
}
/* #container .in-between .contents {
	flex:none;
	width: 100%;
} */

#container .in-between .krds-side-navigation {
	width: 24.8rem;
	padding:4.8rem 0;
	border-right:0;
}

.krds-breadcrumb-wrap {
	padding-top:5.6rem;
}

.page-title-wrap {
	flex-direction:row;	
	margin-bottom:4.9rem;
}

.page-title-wrap .h-tit {
	color:#131416;
	flex:1;
}

.page-title-wrap .page-util {
	display: flex;
	align-items: center;
	gap:var(--spacer-2);
}


.page-title-wrap .page-util > li > button {
	display:inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height:4rem;
	border-radius: 0.4rem;
}


.page-title-wrap .page-util .krds-drop-wrap {
	display:block;
}

.page-title-wrap .page-util .drop-list-share {
	display:flex;
	align-items: center;
	gap:var(--spacer-2);
}


/* 연간컨텐츠 */
.relation_content {
	margin-top:4rem;
	padding:2.4rem 3rem;
	border:1px solid #CDD1D5;
	border-radius: 0.8rem;
	background:#F4F5F6;
}
.relation_content::after {
	content:"";
	display:table;
	clear: both;
}
.relation_content dt {
	float:left;
	position:relative;
	top: 0.4rem;
	padding-right:1.6rem;
	margin-right:1.6rem;
	color:#131416;
	font-size:1.7rem;
}
.relation_content dt::after {
	content:"";
	display:block;
	position:absolute;
	right:0;
	top: 50%;
	transform:translateY(-50%);
	width:1px;
	height:1.2rem;
	background:#CDD1D5;
}
.relation_content dd {
	float: left;
	display:inline-flex;
	flex-wrap:wrap;
	align-items: center;
	gap: 0.8rem 1.6rem;
	max-width: calc(100% - 12rem);
}
.relation_content dd a {
	display:inline-block;
	vertical-align: middle;
	padding:0.3rem 0.8rem;
	border-radius: 0.4rem;
	background:#243060;
	color:#fff;
	font-size:1.7rem;
	text-align: center;
}

/* html copy */
.pop-layer {
	display:none; 
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background:#000;
    opacity: 0.7;	
	z-index: 100;
}
.pop-container {
	display:none; 
    position: fixed;
    top: 50%;
    left: 50%;
    width: 370px;
	padding: 40px 30px;
	background: #f0f2f5 url(../../images/kps/popup/mail_popBg.gif) no-repeat right 0;
    transform: translate(-50%, -50%);
	z-index: 100;
}	
.pop-container .ctxt {
	width: 100%;
	color: #666;
	overflow: hidden;
}	
.pop-container .ctxt textarea {
	width: 98%;
	height: 185px;
	margin-bottom: 15px;
}	
.pop-container .btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
	background: url(../../images/kps/common/btn_close_attech.png) no-repeat center;
	text-indent: -9999px;
}
.pop-container .btn-close button {
    display: block;
    width: 100%;
    height: 100%;
	text-indent: -9999px;
}



/*
media query
*/

@media (min-width: 1024px) {
	#krds-footer .f-cnt .f-link { width: 30%; }

	/* #container .in-between:has(.krds-side-navigation) .contents { flex:none; width: calc(100% - 31.2rem); } */
	
}

@media (max-width: 1680px) {
	.service-list-inner {
		padding:4rem 5rem;
	}
	.service-list .list {
		gap:2.4rem;
	}
	.service-list .list > li {
		width:calc(33.3% - 1.6rem);
	}
	.service-list .list .bxes + .bxes {
		margin-top:2.4rem;
	}
}
@media (max-width: 1440px) {
	/* .side-tools .side-tools-inner > .item-link { box-shadow: 2px 2px 8px rgba(179, 154, 136, 0.31); } */
}
@media (max-width: 1024px) {
	.side-tools { display:none; }
	.service-list-inner {
		padding:3rem 3rem 0;
	}
	.service-list .text h2 {
		font-size:3.2rem;
	}
	.service-list .list {
		overflow-y: auto;
		height:calc(100vh - 36rem);
		padding-bottom:3rem;
	}
	.service-list .list > li {
		width:100%;
	}
	.service-list .list > li:nth-child(2) {
		margin-top:0;
	}
	.service-list .list > li:nth-child(3) {
		margin-top:0;
	}
}
@media (max-width: 768px) {
	#krds-header .header-container .logo { margin-right:0; }
	#krds-header .header-container .logo a { background-position:0; }
	.relation_content dt { margin-right:0; padding-right:0; margin-bottom: 0.8rem;}
	.relation_content dt::after { display:none; }
	.relation_content dd { width: 100%; max-width: 100%; }
}

#topNaviCom_MENU00627 {
    margin-left: auto;
}

#topNaviCom_MENU00627 > a {
    display: inline-flex;
    align-items: center;
    gap: var(--krds-header--navi-gap);
    padding: 0 1.2rem;
    font-weight: var(--krds-font-weight-bold);
    color: var(--krds-header--navi-color-text);
    transition: var(--krds-transition-base);
    font-size: var(--krds-header--navi-font-size-pc);
}

#topNaviCom_MENU00627 > a::before {
    display: inline-flex;
    content: "";
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../img/component/icon/ico_all.svg);
    mask-image: url(../../img/component/icon/ico_all.svg);
    position: relative;
    top: auto;
    left: auto;
}

.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {
    --krds-main-menu-mobile--menu-left-width : 17rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .krds-main-menu-mobile .gnb-wrap {
        width: 50%;
    }
}