@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;}
/*-------------------------------------------------
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 {
	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: 26rem;
}
#krds-header .header-container .logo a {
	background-image: url(../../images/eps/common/logo.png);
}

#krds-header .header-container .btn-navi.lang::before {
	mask-image: url(../../img/component/icon/ico_global.svg);
	mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
}

.krds-main-menu .gnb-toggle-wrap .gnb-main-list .sub-title {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-5);
    height: var(--krds-main-menu--sub-menu-title-size-height);
    padding: 2rem 0 0;
    font-size: var(--krds-main-menu--sub-menu-title-font-size);
    font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .sub-title > a {
	display: inline-flex;
    padding: 0 0.8rem;
    font-size: var(--krds-fz-title-xlg);
    font-weight: 700;
    gap: var(--krds-spacer-4);
    border: none;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .sub-title > a::after {
	content: 'view';
    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-main-list > ul {
	display: flex;
	flex-wrap:wrap;
	padding:var(--krds-padding-6) 0 var(--krds-padding-8);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul > li {
	width: 25%;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul > li .gnb-sub-trigger {
	position:relative;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul > li .gnb-sub-trigger::before {
	content: "";
	display:block;
	position:absolute;
	left: 1rem;
    top: 2.4rem;
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--krds-light-color-text-basic);
    border-radius: var(--krds-radius-max);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before {
	display:none;
}
.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);
}

/* footer */
.main-service {
	display:none;
}
#krds-footer > .inner {
	max-width: 120rem;
	gap:3.2rem;
}
#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: 26rem;
	background-image: url(../../images/eps/common/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-footer .f-btm {
	padding-top:0;
	border-top:none;
}

/* #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%;
	right:0;
	transform:translateY(-50%);
	transition: top 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;
}

.side-tools .side-tools-inner > .item-link {
	padding: 2rem 1rem 1rem;
	border-radius:2rem 0 0 2rem;
	background:#fff;
}

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

.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>li:has(.btn_fprint) {
    display: none;
}


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

.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu {
    flex-grow: 1;
}
/*
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: 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; }
}
@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; }
	.relation_content dt::after { display:none; }
	.relation_content dd { width: 100%; max-width: 100%; }
}