@CHARSET "UTF-8";

/*********************************************************
■ 서브비쥬얼
********************************************************/
#sepration{position:relative; width:calc(100% - 14rem);height:18.8rem; background:url('../../../images/skin/istd/content/sub_visual.jpg')no-repeat right 0; background-size:cover;	text-align: center;	border-radius:4rem;	margin:3rem auto 0;}
#sepration:before{content:""; position:absolute; right:0px; top:0px;	width:47.3rem;	aspect-ratio: 473 / 81;	background:url('../../../images/skin/istd/content/sub_visual_mask.svg')no-repeat right 0; background-size:100%;}
#sepration .inn{	position:relative; width:100%;	height: 100%; display: flex; align-items: center;  justify-content: center; padding:0 4rem;}
#sepration .inn:before{ content:""; position:absolute; left:6.9rem; bottom:-2.4rem;	width:11.7rem; aspect-ratio: 1; background:url('../../../images/skin/istd/content/sub_visual_obj2.png')no-repeat right 0; background-size:100%; animation: objMove2 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;}
#sepration .inn:after{content:""; position:absolute; right:5.4rem; top:0px; width:9.6rem; aspect-ratio: 1;background:url('../../../images/skin/istd/content/sub_visual_obj.png')no-repeat right 0; background-size:100%; animation: objMove1 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;}
#sepration h2{position: relative; z-index: 1; font-size:var(--krds-mobile-font-size-display-medium); color:#fff; font-weight: 700; text-shadow: 0 0 2rem rgba(0, 0, 0, 0.5); line-height: 1.3;}
@keyframes objMove1 {
  50% {
    transform:translateX(1rem);
  }
}
@keyframes objMove2 {
  50% {
    transform:translateY(1rem);
  }
}
@media screen and (max-width:1700px){
	#sepration{width:calc(100% - 2rem);}
	#sepration div:before{left:3.4rem; bottom:4rem;}
}
@media screen and (max-width:1480px){
	#sepration{border-radius: 3rem;}
	#sepration:before{width:40%;}
	#sepration .inn:before{left:-1.6rem; bottom:0rem;}
}
@media screen and (max-width:768px){
	#sepration{margin:0; width:100%; border-radius: 0 0 2rem 2rem; height:16rem;}
	#sepration:before{width:80%; top: auto; bottom: -1px;  transform: scaleY(-1);}
	#sepration .inn{padding-bottom:3rem;}
	#sepration .inn:before{width: 6.7rem; }
	#sepration .inn:after{width: 4.6rem; top:auto; bottom:0;}
	#sepration h2{font-size: var(--krds-mobile-font-size-display-small);}
	
}
/*********************************************************
■ 컨텐츠영역
********************************************************/
#wrap{overflow-x:hidden}
#container {position: relative; max-width: var(--krds-contents-wrap-size); margin:0 auto ; padding:0 var(--krds-contents-padding-x); display:flex; gap:var(--cont-gap); --cont-gap:8rem; z-index: 1; min-height: 72rem; }

/*왼쪽메뉴*/
#container > #section{width:25.8rem;  flex-shrink: 0;}
#container .left_menu{position:relative; z-index:0;  top: -8.5rem; padding:0; }
#container .left_title{z-index: 1; position: relative;display: flex; align-items: center;  justify-content: center; height:13.8rem; border-radius: 2rem 4rem 2rem 0; font-size: var(--krds-pc-font-size-navigation-title-medium, 2.4rem); font-weight: 700; color:#fff; text-align:center; 
background:#074d35 url('../../../images/skin/istd/content/left_menu_box.jpg')no-repeat right top; background-size:cover; }
#container .left_menu_ul{position: relative; top:-2rem; padding: var(--krds-padding-10, 4rem) var(--krds-padding-7, 2rem); border: 1px solid var(--krds-light-color-surface-disabled, #CDD1D5);}
#container .left_menu_ul > li{position:relative;border-bottom:1px solid #eee; }
#container .left_menu_ul > li > a{position:relative; display: flex; padding: var(--krds-padding-6, 1.6rem) var(--krds-padding-3, 0.8rem); align-items: center; gap: var(--krds-gap-3, 0.8rem); font-size: var(--krds-pc-font-size-navigation-depth-medium-bold, 1.7rem); font-weight:700;}
#container .left_menu_ul > li > a:before{display: inline-flex;  content: ""; position: absolute; bottom: -0.1rem; left: 0%;  width: 0; height: 0.3rem; background-color: #007461; transition: var(--krds-transition-base); }
#container .left_menu_ul > li > a:hover:before{left: 0; width: 100%;}
#container .left_menu_ul > li.on > a{color: #007461;}
#container .left_menu_ul > li.on > a:before{left: 0; width: 100%;}
#container .left_menu_ul > li .third_ul{display:none; padding: var(--krds-number-8, 1.6rem) 0;;}
#container .left_menu_ul > li:has( .third_ul) > a: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(../../../images/krds/ico_angle.svg); mask-image: url(../../../images/krds/ico_angle.svg); margin-top: var(--krds-padding-1); margin-left: auto; transition: var(--krds-transition-base); transform: rotate(0deg);}
#container .left_menu_ul > li.on:has( .third_ul) > a:after{	background-color: var(--krds-side-navigation--color-text-selected); transform: rotate(180deg);}
#container .left_menu_ul > li .third_ul li a{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; gap: var(--krds-side-navigation--btn-gap); position: relative; width: 100%; background-color: var(--krds-side-navigation--color-action); font-size: var(--krds-side-navigation--btn-font-size);  font-weight: var(--krds-font-weight-regular); text-align: left; padding: var(--krds-side-navigation--3depth-btn-padding-y) var(--krds-side-navigation--3depth-btn-padding-x); padding-left:3rem; border-radius: var(--krds-side-navigation--3depth-btn-radius);}
#container .left_menu_ul > li .third_ul li a:before{content: "•"; position:absolute; left:var(--krds-side-navigation--3depth-btn-padding-x); top:0.5em;    flex-shrink: 0;}
#container .left_menu_ul > li .third_ul li.on a{background: #E4F7ED; }
#container .left_menu_ul > li.on .third_ul{display:block;}

@media screen and (max-width:1480px){
	#container{--cont-gap:4rem; }
	
}
@media screen and (max-width:1024px){
	#container > #section{display:none;}
}

/*컨텐츠*/
#container .right_content{flex:1; padding-bottom:10rem; width:calc(100% - 25.8rem - var(--cont-gap));}
/*현재경로*/
.root_menu{ padding-top:4rem; margin-bottom: 6rem;}
.root_menu h3{font-size:var(--krds-pc-font-size-heading-xlarge); font-weight:700; color:var(--krds-light-color-text-bolder); margin-bottom: 7.6rem; }
.location-wrap{  display: flex; justify-content: flex-start; margin-bottom:2.4rem;}
.location-wrap .home{display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: var(--krds-gap-2); padding: 0 var(--krds-breadcrumb--padding-x); background-color: var(--krds-breadcrumb--color-action);border-radius: var(--krds-breadcrumb--radius);}
.location-wrap .home:before{display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; content: ""; width: var(--krds-icon--size-small); height: var(--krds-icon--size-small); 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(../../../images/krds/ico_bread_home.svg); mask-image: url(../../../images/krds/ico_bread_home.svg);}
.location-wrap .home:after{display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; content: ""; margin-left: var(--krds-gap-2); width: var(--krds-icon--size-small); height: var(--krds-icon--size-small); 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(../../../images/krds/ico_angle.svg);mask-image: url(../../../images/krds/ico_angle.svg); transform: rotate(-90deg);}
.page-title-wrap{display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; gap: var(--krds-pc-gap-layout-title-body-large);}
.page-title-wrap .h-tit{font-size:var(--krds-pc-font-size-heading-xlarge); line-height:1; color:var(--sub-color-black);  font-family: var(--Paperlogy); font-weight: 700;}
.page-title-wrap .h-tit-drop .drop-btn{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: var(--krds-gap-3); line-height: 1.2;}
.page-title-wrap .h-tit-drop .drop-btn:after{content: ""; flex-shrink: 0; display: inline-flex; width: var(--krds-size-height-5); height: var(--krds-size-height-5); 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(../../../images/krds/ico_expand.svg); mask-image: url(../../../images/krds/ico_expand.svg); transition: 0.4s ease-in-out; transform: rotate(90deg);}
.page-title-wrap .h-tit-drop .drop-menu{padding: 1.5rem; left: 0; transform: 0;  max-width: 80rem;  transform: translateX(0); }
.page-title-wrap .h-tit-drop .drop-menu .drop-list li.on{color: #007461;}
.page-title-wrap .h-tit-drop .drop-menu .drop-list li:not(:first-child){margin-top:1rem;}

@media (min-width:1024px){
	.page-title-wrap[data-type=responsive] .h-tit-drop {display: none;}
}
@media screen and (max-width:1024px){
	.root_menu{padding-top:1rem;}
	.root_menu h3{display:block;}
	.location-wrap{margin-bottom:1.4rem;}
	
	.page-title-wrap .h-tit{font-size: var(--krds-mobile-font-size-heading-xlarge);}
	.page-title-wrap[data-type=responsive] h1.h-tit{display:none;}
	
}
@media screen and (max-width:768px){
	.root_menu h3{font-size:var(--krds-mobile-font-size-display-medium);     margin-bottom: var(--krds-pc-gap-layout-h1-h2);}
	.breadcrumb li:not(:nth-child(2)):last-child strong{order: 3;}
	
	.page-title-wrap {justify-content: flex-start; align-items: flex-start;}
	.page-title-wrap .h-tit{text-align:left;}
	.page-title-wrap .h-tit-drop .drop-menu{width:100%;}
}


.tab_menu ul{display:flex; margin-bottom:5rem; border-bottom:2px solid #0C8083; }
.tab_menu ul li{ }
.tab_menu ul li a{display:block; height:5.5rem; line-height:5.5rem; font-size:2rem; font-weight:500; border-top:1px solid #ddd; background:#fff; color:#555;  text-align:center;}
.tab_menu ul li.on a{background:#0C8083; color:#fff; border-color:#0C8083; box-shadow:0 0 1rem rgba(142,142,142,0.3); }
.tab_menu ul li.on a:focus-visible{outline-color:#E84033}
.tab_menu ul li:first-child a{border-top-left-radius:0.5rem; border-left:1px solid #ddd;}
.tab_menu ul li:not(first-child) a{border-right:1px solid #ddd;}
.tab_menu ul li:last-child a{border-top-right-radius:0.5rem; }

.tableWrap table { margin:0;  clear:both; width:100%;}
.tableWrap table thead tr th {color: #016253; font-weight:500; background:#F5F8F6; text-align:center; padding:2rem 1rem 1.8rem; border-top:2px #18A792 solid; border-bottom:1px #d5d5d5 solid; }
.tableWrap table tbody tr td {color: #575757; padding:2rem; border-bottom:1px solid #dadada;  text-align:center; vertical-align:middle;border-right: 1px solid #d5d5d5;}
.tableWrap table tbody tr td:last-child{border-right:none;}
.tableWrap table tbody tr th{color: #575757; padding:2rem; border-bottom:1px solid #dadada;  text-align:center; vertical-align:middle;border-right: 1px solid #d5d5d5; background:#F7F7F7;}
.tableWrap table tbody tr td.bg{background:#F7F7F7;}




/* 2023-11-22 웹 접근성 전용 경고창 추가 bk */
.alertDiv {display: flex; margin-left: 1rem; align-items: center; font-size: 1.5rem; font-weight:bold;}
.alertDiv.success {color:#2553b7;}
.alertDiv.fail {color:#e51e1e;}

/* 2023-11-22  웹 접근성 컨펌창 레이어  팝업 추가 bk */
.layer_pop{display:none;position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:200;}
.layer_pop .pop_con{position:absolute; left:50%; top:50%; width:50rem; background:#fff; border-radius:2rem; padding:3rem 2rem 2rem; transform:translate(-50%,-50%);}
.layer_pop .pop_con h4{color:#121212; text-align:center; font-size:3.2rem; margin:2rem 0;}
.layer_pop .pop_con p{font-size:2.2rem; color:#666; text-align:center;}
.layer_pop .pop_btn{display:flex; gap:0 2rem; margin-top:4rem;}
.layer_pop .pop_btn button{font-size:2rem; text-align:center; flex:1; height:5rem; border-radius:0.6rem; }
.layer_pop .pop_btn button.pop_cancel{color:#666; border:1px solid #666; background:#fff;}
.layer_pop .pop_btn button.pop_confirm{background:#2352AE; color:#fff;}
.layer_pop .pop_btn button.pop_confirm:focus-visible{outline-color:#E84033;}









/*********************************************************
■ 통합검색
********************************************************/
.no_result{text-align:center; padding:4rem 0; }
.no_result p{font-size:var(--krds-pc-font-size-heading-medium);  margin:2rem 0; font-weight:700;}
.no_result span{display:inline-block; text-align:left; color:var(--krds-light-color-text-disabled-on)}
.no_result2{display:none; text-align:center; padding:4rem 1rem; }
.no_result2 p{margin-top:1.5rem;}

.total-search-top-box{display: flex; align-items: flex-start; justify-content: center; flex-direction: row; position: relative; margin-bottom: var(--krds-gap-11);}
.total-search-top-box:after{display: block; position: absolute; top: 0; left: 50%; z-index: 0;transform: translateX(-50%); content: "";width: 100vw; height: 100%; background-color: #F5F8F6;}
.total-search-top-box > .inner{display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 2; padding: var(--krds-gap-11) 0; width: 79.2rem;}
.total-search-top-box > .inner .sch-form-wrap{width: 100%;}

.search-list-top{    
	--search-list-color-text-primary: var(--krds-light-color-text-primary);
    --search-list-width-border: var(--krds-light-border-width-variable-regular);
    --search-list-color-border: var(--krds-light-color-divider-gray);
    --search-list-sort-btn-color-button-hover: var(--krds-light-color-button-text-fill-hover);
    --search-list-sort-btn-color-button-active: var(--krds-light-color-button-text-fill-pressed);
    --search-list-sort-btn-color: var(--krds-light-color-text-basic);
    --search-list-sort-btn-color-background: var(--krds-light-color-button-text-fill);
    --search-list-sort-btn-border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-button-text-border);
    display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; gap: var(--krds-gap-9); margin: var(--krds-pc-gap-layout-h2-h3) 0 var(--krds-gap-7);
}
.search-list-top.border{flex-wrap: wrap; padding-bottom: var(--krds-padding-8); margin: 0 0 var(--krds-padding-10); border-bottom: var(--search-list-width-border) solid var(--search-list-color-border);}
.search-list-top .sch-info{display: inline; font-size: var(--krds-pc-font-size-body-large); font-weight: var(--krds-font-weight-bold);}
.search-list-top .sch-info .point{word-break: break-all; color: var(--green2);}
.search-list-top .sch-info li,
.search-list-top .sch-sort li{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position: relative;}
.search-list-top .sch-info li{display: inline;}
.search-list-top .sch-info li:not(:last-child),
.search-list-top .sch-sort li:not(:last-child){padding-right: 1.7rem;}
.search-list-top .sch-info li:not(:last-child)::after, 
.search-list-top .sch-sort li:not(:last-child)::after{content: ""; display: inline-flex; width: var(--search-list-width-border); height: var(--krds-size-height-2); background-color: var(--search-list-color-border); position: absolute; bottom: 0.3rem; right: 0.5rem;}
.search-list-top .sch-sort{flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; flex-direction: row;}
.search-list-top .sch-sort .sort-label{font-weight: var(--krds-font-weight-bold); white-space: nowrap; margin-right: var(--krds-gap-4);}
.search-list-top .sch-sort .w-sort-btn{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: var(--krds-gap-3);}
.search-list-top .sch-sort .w-sort-btn button{transition: var(--krds-transition-base); color: var(--search-list-sort-btn-color); border: var(--search-list-sort-btn-border); border-radius: var(--krds-radius-medium2); background-color: var(--search-list-sort-btn-color-background);}
.search-list-top .sch-sort .w-sort-btn button.active{ text-decoration: underline; text-underline-offset: var(--krds-font-underline-offset);}
.search-list-top .sch-sort .krds-form-select-sort{border: var(--search-list-sort-btn-border); border-radius: var(--krds-radius-medium2); background-color: var(--search-list-sort-btn-color-background);}
.global_search {display:flex; gap:var(--krds-pc-gap-layout-left-contents);}
.global_search .cate_area{position: relative; top: 0; width: 28.2rem; flex-shrink: 0; height: 100%; transition: top 0.1s;}
.global_search .cate_area .cate-navigation-header{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; margin-bottom:var(--krds-padding-10); padding-bottom: var(--krds-padding-8); border-bottom:0.1rem solid var(--krds-light-color-divider-gray);}
.global_search .cate_area .cate-navigation-header .quick-title{font-size: var(--krds-pc-font-size-body-large); font-weight:var(--krds-font-weight-bold); color:var(--krds-light-color-text-bolder);}
.global_search .cate_area ul{display: flex; gap: var(--krds-gap-2); flex-direction: column;}
.global_search .cate_area ul li a{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row;  gap: var(--krds-gap-3); border-radius:var(--krds-radius-medium2);; background-color:var(--krds-light-color-action-secondary);  padding:var(--krds-padding-3) var(--krds-padding-6) var(--krds-padding-3) var(--krds-padding-3) ; }
.global_search .cate_area ul li a:before{content: "•";}
.global_search .cate_area ul li.on a{ background:#F5F8F6; color:var(--green2); font-weight:var(--krds-font-weight-bold);}
.global_search .cate_area .tabBtn{width:100%; display:none; align-items: center; padding:0 var(--krds-padding-6); height:5rem; border-radius:var(--krds-radius-medium1); border:0.1rem solid var(--krds-light-color-border-gray);  }
.global_search .cate_area .tabBtn span{flex:1; text-align:left;}
.global_search .cate_area .tabBtn.open{border:0.2rem solid var(--green2);  color:var(--green2); font-weight:600; }
.global_search .cate_area .tabBtn.open .svg-icon{ transform: rotate(180deg);}
.global_search .search_con{flex:1}

.sr_result{margin-bottom:6rem; position: relative; }
.sr_result h3{padding-left:2rem; background: url(../../../images/skin/istd/content/light_icon.svg) no-repeat 0 0.4em; margin-bottom: 1.5rem; font-size:  var(--krds-pc-font-size-body-large); }
.sr_result h3 span{color:var(--green2);}

.sr_result .smore{display: flex; flex-flow: row wrap;align-items: center; position: absolute; top: 0.2em; right: 0rem; gap: 0.4rem;font-size:  var(--krds-pc-font-size-body-small); color:var(--krds-color-light-gray-50);}
.sr_result .smore .svg-icon{background-color:var(--krds-color-light-gray-50); width: var(--krds-icon--size-small);  height: var(--krds-icon--size-small);}
.sr_result .smore:hover,
.sr_result .smore:focus{color:var(--green2);}
.sr_result .smore:hover .svg-icon,
.sr_result .smore:focus .svg-icon{background-color:var(--green2);}
.sr_result .tb_wrap > .text{padding:1.5rem;  display: flex; flex-direction: column; gap: var(--krds-gap-3); border:0.1rem solid var(--krds-color-light-gray-10); border-radius:1rem;}
.sr_result .tb_wrap > .text + .text {margin-top:1rem;}
.sr_result .tb_wrap > .link{display:flex; justify-content: space-between; padding:1.5rem; border:0.1rem solid var(--krds-color-light-gray-10); border-radius:1rem;}
.sr_result .tb_wrap > .link + .link{margin-top:1rem;}
.sr_result .tb_wrap .gal_date{color:#464c53;}
.sr_result .tb_wrap .gal_tit{ font-size: 1.7rem; font-weight: var(--krds-font-weight-bold);}
.sr_result .tb_wrap a:hover,
.sr_result .tb_wrap a:focus{text-decoration: underline; text-underline-offset: var(--krds-font-underline-offset);}

@media screen and (max-width:1024px){
	.total-search-top-box > .inner{    padding: var(--krds-gap-7) 0;}
	.global_search{display:block;}
	.global_search .cate_area{width:100%; height:auto; margin-bottom:3rem; }
	.global_search .cate_area .cate-navigation-header{display:none;}
	.global_search .cate_area .tabBtn{display:flex;}
	.global_search .cate_area ul{display:none; position:absolute; left:0px; top:6rem; height:30rem; width: 100%; padding:var(--krds-padding-4) 0; overflow-y:auto; z-index: 1; background: #F5F8F6; border-radius:var(--krds-radius-medium1); box-shadow:0 0 2rem rgba(0,0,0,.2);}
	.global_search .cate_area ul li a{color:var(--krds-light-color-text-disabled-on); padding: var(--krds-padding-3) var(--krds-padding-6);}
	.global_search .cate_area ul li a:before{display:none;}
	.global_search .cate_area ul li.on a{ color:var(--green2);  }
	.global_search .cate_area ul.open{display:block;}
	
	.search-list-top .sch-info{display:flex; flex-direction: column; gap:var(--krds-gap-3);}
	.search-list-top .sch-info li{display:block;}
	.search-list-top .sch-info li:not(:last-child), 
	.search-list-top .sch-sort li:not(:last-child){padding-right:0}
	.search-list-top .sch-info li:not(:last-child)::after, 
	.search-list-top .sch-sort li:not(:last-child)::after{display:none;}
	
	.sr_result .smore{position:relative; top:auto; right:auto;  padding:var(--krds-padding-3) var(--krds-padding-6); border-radius:var(--krds-radius-xlarge2); border: 0.1rem solid var(--krds-color-light-gray-10); width: 10rem;  margin:var(--krds-gap-6) auto 0; }
	.sr_result .smore:hover,
	.sr_result .smore:focus{border-color:var(--green2);}
	.sr_result .tb_wrap > .text .krds-badge{display:none;}
}