@charset "UTF-8";


/********************************************************
■ 공통
********************************************************/
/* 검색결과 없음 */
.boardGalleryContainer .galleryList:has(.no-result) {padding-top:0;}
.boardGalleryContainer .galleryList:has(.no-result) ul {justify-content: center;}
.no-result{text-align:center; font-size: clamp(1.5rem, 1.48rem + 0.063vw, 1.6rem); color:#737373; padding:clamp(4.8rem, 4.56rem + 0.75vw, 6rem) clamp(1.2rem, 1.12rem + 0.25vw, 1.6rem);}
.no-result .icon{display:flex; align-items: center; justify-content: center; margin:0 auto clamp(1.2rem, 1.12rem + 0.25vw, 1.6rem); width:14rem; aspect-ratio: 1; background:url('../../../images/skin/istd/content/nopostyet.svg')no-repeat 50% 50%; }
.no-result b{display:block; color:#232323; font-size: clamp(2rem, 1.92rem + 0.25vw, 2.4rem); font-weight:bold; line-height:50px;}


/********************************************************
■ 버튼
********************************************************/
/* 즐겨찾기 모아보기 버튼 */
.bookmark_allSet {display:flex; justify-content:flex-end;}
.bookmark_allSet a {display:flex; justify-content: center;  align-items: center; gap:0.6rem; padding:1rem 2.2rem;  background:#f0f0f0; font-size:var(--krds-pc-font-size-body-small); font-weight: 500; border-radius:0.4rem; border:1px solid rgba(179, 179, 179, 0.5) ; line-height: 1; transition: all 0.3s;}
.bookmark_allSet a .bk_icon {display:block; width:2.4rem; height:auto; aspect-ratio:1; border-radius:100%; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); transition: all 0.3s; box-shadow: rgba(179, 179, 179, 1) 0px 0px 0 0.3px; position:relative;}
.bookmark_allSet a .bk_icon:before {content:''; display:block; width:1.3rem; height:1.2rem; background:url('../../../images/skin/istd/content/bookmark.svg') no-repeat center center; background-size:100% auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition: all 0.3s;}

.bookmark_allSet a.on {border:1px solid rgba(255, 220, 97, 1);outline:1px solid rgba(255, 220, 97, 1); filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1)); background:#fff;}
.bookmark_allSet a.on .bk_icon {background:linear-gradient(180deg, rgba(75,214,186,1) 0%, rgba(0,116,97,1) 100%);}
.bookmark_allSet a.on .bk_icon:before {background:url('../../../images/skin/istd/content/bookmark_on.svg') no-repeat center center; background-size:100% auto;}
.bookmark_allSet a:focus{outline:0.2rem solid rgba(255, 220, 97, 1);}

/* 즐겨찾기 등록 버튼 */
.bk_status { display:inline-flex; vertical-align: middle; width: 3rem; height: auto; margin-left: 1rem; aspect-ratio:1;  background-size:100% auto; border-radius:100%; line-height:0;}
.bk_status span {font-size:0;line-height:0;}
.bk_remove {background:url('../../../images/skin/istd/content/savedBk.svg') no-repeat center center; background-size:100% auto}
.bk_save {background:url('../../../images/skin/istd/content/addBk.svg') no-repeat center center; background-size:100% auto;}

/* 이메일 복사 버튼 */
.emailWrap {position: relative;}
.emailCopy {display: flex; justify-content: center;  align-items: center;  gap: 0.6rem;  padding: 0.6rem 1rem;  background: #f6f6f6;  font-size: var(--krds-pc-font-size-body-small);  font-weight: 500;  border-radius: 0.2rem;  border:1px solid rgba(179, 179, 179, 0.5) ;  line-height: 1; position: absolute;  top: 0; right: -8.3rem;}
.emailCopy:focus{}
.emailCopy.noMail {display:none;}

/********************************************************
■ 학생맞춤 통합지원이란  .cts01_1
********************************************************/
.sub_title{margin-bottom:4rem; }
.sub_title h3{color:var(--black); font-size:var(--krds-pc-font-size-heading-large); line-height:1.3; font-weight: 600;}
.sub_title span{display:inline-block; min-width:6rem; margin-bottom:1rem; height:3.4rem; background:url('../../../images/skin/istd/content/h4.png')no-repeat 0 0; background-size:auto 100%; padding-left:2rem; line-height:3.4rem; color:#016153; font-weight:700; }

.titHas_down {display:flex; align-items: flex-end; justify-content: space-between;  gap: 2rem; margin-bottom:4rem; flex-wrap:wrap;}
.titHas_down .sub_title {margin-bottom:0;}
.titHas_down .guide_down {position: relative; display: inline-flex; gap: 0 1rem;  justify-content: center;  align-items: center;  height: 5rem; border-radius: 2rem;
 font-weight: 600;  border: 1px solid #d2d2d2;  padding: 0 2.5rem; background:#f5f8f6; }
.titHas_down .guide_down:after{content: '';  display: block;  width: calc(100% + 1.4rem);  height: calc(100% + 2px);  background: #09836b;  position: Absolute;  top: 50%;  left: 50%;  z-index: -1; transform: translate(-50%,-50%);  border-radius: 2rem;}
.titHas_down .guide_down img {width:2rem;}


.box-half{display:flex; margin-top:7rem;}
.box-half .sub_title{width:29rem;}
.box-half .box{flex:1}
.box-half .box ul{display:flex; flex-wrap:wrap; gap:var(--boxhalf-gap); --boxhalf-gap:5rem;}
.box-half .box ul li{width:calc((100% - var(--boxhalf-gap) * 1) / 2); border-radius:3rem; box-shadow:0 0 20px rgba(58,122,83,0.1); padding:3rem; display:flex; gap:2rem;}
.box-half .box ul li p{flex:1;}
.box-half .box ul li b{display:block; font-size:var(--krds-mobile-font-size-heading-medium);  margin-top: 0.4rem;}
.box-half .box ul li i img{width:4.5rem;}

.pur_dl{margin-top:6rem; padding-top:7rem; border-top:1px solid #dcdcdc; margin-bottom: 8rem;}
.pur_dl dl{display:flex; justify-content: space-between; align-items: center;}
.pur_dl .item:not(:first-of-type) {margin-top:8.2rem;}
.pur_dl .item dd {flex:1; display: flex; --item-gap:2.4rem; --how-tit:30rem;  gap: 6rem var(--item-gap); position: relative; }
.pur_dl .item .how_tit {display: flex; align-items: center; width: var(--how-tit);}
.pur_dl .item .how_tit span { position:relative; flex-shrink: 0; display: block; width:18.8rem; aspect-ratio: 1; border-radius:100%; background:#f9f0be;}
.pur_dl .item .how_tit span img {width:18.6rem; position:absolute; left:0px; top:50%; z-index: 2; transform:translateY(-50%);}
.pur_dl .item .how_tit h5 {display: flex;  align-items: center; flex-shrink:0; padding:1.6rem; height:8rem; width:20rem; font-size:var(--krds-pc-font-size-body-large); color:#fff; background: #016153; border-radius:2rem; padding-left:9rem;  margin-left:-8rem; z-index: 1;}
.pur_dl .item:nth-child(odd) .how_tit span{background:#e5f7fd;}

.pur_dl .item .how_con {position: relative; width: calc(100% - var(--how-tit) - var(--item-gap)); --con-gap:5.5rem;}
.pur_dl .type_title {display:flex; gap: var(--con-gap); width:100%;}
.pur_dl .type_title h6 {width:calc((100% - 5.5rem * 1)/2); position:relative; font-size:var(--krds-pc-font-size-body-large); font-weight:700; color:#212121;  padding-left: 3rem; margin-bottom: 1.8rem; padding-bottom: 0.5rem; border-bottom: 1px dashed #006854;}
.pur_dl .type_title h6:first-child,
.pur_dl .item ul li.item_l {width: 44%;}
.pur_dl .type_title h6:last-child,
.pur_dl .item ul li.item_r {width:calc(66% - var(--con-gap));}
.pur_dl .type_title h6:before {content:'';  position: absolute; top: 0.3em; left: 0; display:block; width: 1.4rem; height:1.4rem; background:url('../../../images/skin/istd/content/light_icon.svg')no-repeat center center; background-size:100% auto; transform: rotate(45deg);}
.pur_dl .item ul {display:flex; gap:4rem var(--con-gap);  width: 100%; position:relative; flex: 1;}
.pur_dl .item ul li {display: flex; flex-direction: column; width:calc((100% - 5.5rem * 1)/2);}
.pur_dl .item ul li p{position:relative; padding-left:1rem;}
.pur_dl .item ul li p:before{content:""; position: absolute; top: 0.6em; left: 0; display:inline-block; width:4px; height:4px; background:var(--darkGreen);   vertical-align: middle; border-radius:50%; }
.pur_dl .item ul li p strong {color:#016153;}
.pur_dl .item .item_txt {display:flex; flex-direction: column;  justify-content: center;  align-items: flex-start; height: 100%; min-height: 8rem; width: 100%;  padding:1rem 1.5rem; background: #f5f8f6; border: 1px solid #eeeeee; border-radius: 2rem;  position:relative;font-weight: 500;}
.pur_dl .item .item_l .item_txt:after {content:''; display:block; width: 2.3rem; height:3rem; background:url('../../../images/skin/istd/content/cts1_1_arrow1.png')no-repeat center center; background-size:100% auto; position: absolute; top: 50%; right: -4rem; transform: translateY(-50%);}
.pur_dl .item_r .item_txt {background:#fff; border-color:#006854; box-shadow: rgba(245, 248, 246, 1) 0px 0px 0 5px;}
.pur_dl .box ul li{ border-radius:3rem; box-shadow:0 0 20px rgba(58,122,83,0.1); padding:3rem; text-wrap: wrap; }
.pur_dl .box ul li:not(:first-child){margin-top:2rem;}
.pur_dl .box ul li p{position:relative; padding-left:2rem; font-size:var(--krds-pc-font-size-body-large);}
.pur_dl .box ul li p:before{content:""; position:absolute; left:0; top:0.4em; width:1.3rem; height:1.3rem; background:url('../../../images/skin/istd/content/light_icon.svg')no-repeat 50% 50%; background-size:100% 100%;}
.pur_dl .box .bg-box{display: flex; align-items: center;  gap:1rem;  background: #F5F8F6; border-radius:3rem; padding:3rem; font-weight:600; margin-top:3rem; font-size:var(--krds-pc-font-size-body-large); color:var(--darkGreen);}
.pur_dl .box .bg-box .arrow{flex-shrink: 0; display:inline-block; width: 2rem; aspect-ratio: 34 / 44; background: url('../../../images/skin/istd/content/cts1_1_arrow1.png') no-repeat 0 0;  background-size: 100% 100%; }

.bg{background:#F5F8F6; border-radius:6px; padding:6rem 6rem 9rem;}
.bg .sub_title span{background-image:url('../../../images/skin/istd/content/h4_w.png')}

.vision h4{text-align:center; font-size:var(--krds-pc-font-size-heading-medium); font-weight:600; color:#006854; display:flex; align-items: center; justify-content: center; gap:2rem; margin-bottom:3rem;}
.vision h4 span{color:var(--darkGreen); }
.vision h4 em{display:inline-block; width:3rem; height:1px; background:var(--darkGreen); opacity:.3;}

.vision .lineBox{position:relative; padding:1rem 0; text-align:center;}
.vision .lineBox:before,
.vision .lineBox:after{content:''; position:absolute; left:50%; width:50rem;  height:2px; margin-left:-25rem; background:url('../../../images/skin/istd/content/cts1_1_line01.png')repeat-x 0 0; }
.vision .lineBox:before{top:0;}
.vision .lineBox:after{bottom:0;}
.vision .arrow-bg{position:relative;  margin:3rem auto 0; text-align: center;}
.vision .arrow-bg p{ margin:3rem auto 0;  max-width:76rem; font-size:var(--krds-pc-font-size-heading-medium); line-height:1.2; font-weight:600; padding:3rem 2rem; border-radius:2rem;  background:#006854; color:#fff;text-align:center; }
.vis-round{display:flex; gap:0.5rem; margin-top:3rem; border-radius: 6px; padding:3rem;  color:var(--black); font-weight:500; box-shadow:0 0 20px rgba(58,122,83,0.1); text-wrap: wrap;}
.vis-round b{display:block; margin-bottom:0.4rem; color:var(--darkGreen); font-size: var(--krds-pc-font-size-body-large);}

.vision-top{position:relative; margin-bottom:5rem;}
.vision-top.botArrow{margin-bottom:8rem;}
.vision-top.botArrow:after{content:''; position:absolute; left:50%; bottom:-6rem; width:3.4rem; height:4.4rem; background:url('../../../images/skin/istd/content/cts1_1_arrow1.png')no-repeat 0 0; background-size:100% 100%;  transform:translateX(-50%) rotate(270deg );}
.vision-top .lineBox div{  max-width:76rem; border-radius:2rem; color:#fff; font-size:var(--krds-pc-font-size-heading-medium); font-weight:600; background:#006854; padding:3rem 2rem; text-align:center; margin:0 auto;}
.vision-box{background:#fff; border-radius:2rem; padding:4rem; margin-bottom:5rem;}
.vision-box h4{margin-bottom:5rem;}

.vision-half{position:relative; display:flex; --vision-gap:8rem; gap:var( --vision-gap); flex-wrap: wrap; background:#fff; border-radius:2rem; padding:4rem 0;}
.vision-half:before{content:''; position:absolute; left:50%; top:50%; width:3.4rem; height:4.4rem; background:url('../../../images/skin/istd/content/cts1_1_arrow1.png')no-repeat 0 0; background-size:100% 100%; transform:translate(-50%,-50%);}
.vision-half .vis-box{width:calc((100% - var( --vision-gap) * 1) / 2);  padding:0 2rem;}
.vision-half .vis-box .arrow-bg{margin-top:8rem; }
.vision-half .vis-box .arrow-bg:before{content:''; position:absolute; left:50%; top:-5rem; margin-left:-1.5rem; width:3rem; height:2.3rem; background:url('../../../images/skin/istd/content/cts1_1_arrow_down1.png')no-repeat 0 0; background-size:100% 100%; }
.vision-half .vis-box .arrow-bg p{ font-size:var(--krds-pc-font-size-body-large); font-weight:500; padding: 1.5rem 1rem; border-radius:2rem;}
.vision-half .vis-box .lineBox:before,
.vision-half .vis-box .lineBox:after{width:70%; margin-left:-35%;}
.vision-half h4{font-size:var(--krds-pc-font-size-body-large);  margin-bottom:1rem;}
.vision-half h5{margin-top:2rem; text-align:center; color:#006854; font-size:var(--krds-pc-font-size-heading-medium); font-weight:600;}
.vision-half div:nth-of-type(1) .arrow-bg p{background:#F5F8F6; color:#006854;}
.vision-half div:nth-of-type(1) .arrow-bg p:before{opacity:.5;}
.vision-half div:nth-of-type(2) h4{color:#006854;}
.vision-half div:nth-of-type(2) .arrow-bg p{background:#006854; color:#fff;}
.vision-half div:nth-of-type(2) .arrow-bg:before{background-image:url('../../../images/skin/istd/content/cts1_1_arrow_down2.png')}
.vision .vis-text{margin-top:4rem; text-align:center; color:#006854; font-size:var(--krds-pc-font-size-heading-medium); font-weight:600;}

@media (max-width:1600px){
	.box-half .sub_title{width:20rem;}
	.box-half .box ul li .web{display:none;}
}
@media (max-width:1440px){
	.bg{padding: 3rem;}
	.vision-half{--vision-gap:4rem;}

}
@media (max-width:1024px){
	.box-half .box ul{--boxhalf-gap: 3rem;}
	.pur_dl .box ul li,
	.box-half .box ul li,
	.pur_dl .box .bg-box{padding:1.5rem; border-radius: 1.5rem;}
	.pur_dl .box .bg-box .arrow{ width: 1.4rem;}
	.box-half .box ul li b{font-size: var(--krds-mobile-font-size-body-large);}
	
	
	.pur_dl .item dd {align-items: center; --how-tit: 24rem;}
	.pur_dl .type_title {width:100%;}
	.pur_dl .item .how_tit span{width:13rem;}
	.pur_dl .item .how_con {width: calc(100% - var(--how-tit) - var(--item-gap));}
}
@media (max-width:768px){
	.sub_title h3{font-size:var(--krds-mobile-font-size-heading-large);}
	.titHas_down .guide_down{font-size:var(--krds-pc-font-size-body-small);}
	.bg{padding:2rem; width: calc(100% + 4rem); margin-left: -2rem; border-radius:0;}
	
	.box-half{flex-direction: column;}
	.box-half .box ul{ --boxhalf-gap: 2rem;}
	.box-half .box ul li{width:100%; gap:1rem;}

	.vision-half{display:block;}
	.vision-half:before{margin-left: -3.2rem; transform: rotate(90deg ) translate(-50%,-50%);}
	.vision-half .vis-box{width:100%; }
	.vision-half .vis-box + .vis-box{margin-top:6rem;}
	.vision-box{padding:2rem 1.5rem; border-radius: 1.5rem;}
	.vision-box h4{font-size:var(--krds-mobile-font-size-body-large); gap:1rem; margin-bottom: 2rem;}
	.vision h4 em{width:1rem;}
	.vision-top .lineBox div,
	.vision .arrow-bg p{padding:1.5rem; font-size: var(--krds-mobile-font-size-body-large);}
	.vision .arrow-bg p{margin-top:1.5rem;}
	
	.vision .vis-text{margin-bottom:1rem;}
	.vision .lineBox:before, .vision .lineBox:after,
	.vision-half .vis-box .lineBox:before, .vision-half .vis-box .lineBox:after{width:100%; left:0; margin-left:0;}
	.vis-round{padding:1rem; font-size:var(--krds-mobile-font-size-body-small); }
	.vis-round b{font-size:var(--krds-mobile-font-size-body-medium);}
	
	.pur_dl {margin-bottom:6rem;}
	.pur_dl .item:not(:first-of-type) {margin-top:6rem;}
	.pur_dl .item dd {flex-direction: column;  row-gap: 3rem;}
	.pur_dl .item .how_con {width:100%;}
	.pur_dl .item .how_tit {width:100%;}
	.pur_dl .item .how_tit h5{width:calc(100% - 5rem); justify-content: center; padding-left: 5rem;}
	.pur_dl .item ul{font-size:var(--krds-mobile-font-size-body-small);}
	.pur_dl .box ul li p{font-size: var(--krds-mobile-font-size-body-medium);}
	
	.vision .vis-text,
	.vision-half h5{font-size: var(--krds-mobile-font-size-heading-small);}

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

	.pur_dl .item .how_con {display:flex; gap: 1rem; align-items: unset;}
	.pur_dl .item ul {flex-direction:column; width:80%;}
	.pur_dl .type_title {flex-direction:column; width:20%; height:100%; gap:7rem;}
	.pur_dl .type_title h6 {width:100% !important;  height: 100%; margin:0 !important; border:none; position:relative; padding-left:2.2rem;}
	.pur_dl .type_title h6:after {content:''; display:block; width:100%; border:1px dashed #016153; position:absolute; bottom:0; left:0;}
	.pur_dl .type_title h6:last-child {margin-top:1.5rem !important;}
	.pur_dl .item ul li {width:100% !important; margin:0 !important;}
	.pur_dl .item .item_l .item_txt:after {right: auto;  left: 50%;   transform: translateX(-50%) rotate(90deg);  top: auto;   bottom: -3.4rem;}
	.pur_dl .item ul li.item_l {height:8rem;}
	
}


/********************************************************
■ 시도청소개  .cts01_2
********************************************************/
[class^="icon"]{display:inline-block; width:2rem;  aspect-ratio: 1; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%; margin-right:1.6rem; vertical-align: middle;}
.icon_add{background-image:url('../../../images/skin/istd/content/icon_add.svg')}
.icon_tel{background-image:url('../../../images/skin/istd/content/icon_tel.svg')}
.icon_web{background-image:url('../../../images/skin/istd/content/icon_web.svg')}
.icon_web2{background-image:url('../../../images/skin/istd/content/icon_web2.svg')}
.icon_email{background-image:url('../../../images/skin/istd/content/icon_email.svg')}
.icon_model{background-image:url('../../../images/skin/istd/content/icon_model.svg');  }
.icon_model2{background-image:url('../../../images/skin/istd/content/icon_model2.svg');  }
.icon_open {background-image:url('../../../images/skin/istd/content/icon_open.svg');}
.icon_down {background-image:url('../../../images/skin/istd/content/icon_down.svg');} 

.offList {padding:4rem;}
.offList li{display:flex; align-items: center; border-radius:2rem; box-shadow:4px 4px 16px rgba(0,0,0,0.06); background:#fff; padding:2rem 3rem;}
.offList li + li{margin-top:2rem;}
.offList li .btns{ display: flex; flex-direction: column; gap:1rem;}
.offList li .link_go{ display:inline-flex; align-items: center; height:5rem; line-height:5rem; border-radius:2.5rem; font-weight:500;  border:1px solid #FFDC61; background:#FFDC61; padding:0 2.5rem; box-shadow:0 0 14px rgba(0,0,0,0.06); cursor:pointer}
.offList li .link_go .icon_model{border-radius:50%; background-color:#fff; border:1px solid #ddd; background-size:1.6rem 1.6rem; width:2.8rem; height:2.8rem;}

.offList li .mBtn_wrap a {display:inline-flex; gap: 0 1rem; justify-content: center; align-items: center; height:3.8rem; width: 12.4rem; border-radius:2.5rem; font-weight:600;  border:1px solid #ddd; padding:0 2.5rem; border:1px solid  rgba(0,0,0,0.06); font-size:var(--krds-pc-font-size-body-small);}
.offList li .mBtn_wrap a :focus{}
.offList li .mBtn_wrap a.link_web {background:#F5F8F6;}
.offList li .mBtn_wrap a.link_open {background:#fef3d7;}
.offList li .mBtn_wrap a.link_down {background:#ffd969;}

.offList li .mBtn_wrap a i {margin:0; flex-shrink:0;}
.offList li .model_btns {display:flex; flex-direction:column; gap:1.6rem 2rem;}
.offList li .mBtn_wrap {display: flex; gap:1rem 2rem; align-items: center; justify-content: space-between; padding:1rem 3.6rem; width:28rem; box-shadow: rgba(41, 71, 65, 0.14) 0px 0px 14px 2px; border-radius:4rem;font-weight: 700;}
.offList li .mBtn_wrap .mbtns_flex {display:flex; flex-direction:column; gap:0.5rem 1rem;}

.offList li dl{position:relative; flex:1; font-weight:400;}
.offList li dl dd {position: relative; padding-left: 3.5rem; text-wrap: wrap;}
.offList li dl dd i {position: absolute;  top: 0.25em; left: 0;}
.offList li dl dt{width:auto; padding-left:3rem; margin-bottom: 1rem; font-size:var(--krds-pc-font-size-body-large); font-weight:600; color: var(--black); background:url(../../../images/skin/istd/content/light_icon.svg)no-repeat 0 50%; word-break: break-all;}
.offList li dl dd + dd{margin-top:1rem;}
.offList li.empty{display: flex; text-align:center; justify-content: center; flex-direction: column; gap: 1rem; padding: 6rem 2rem;}
.offList2 li{padding:1.2rem 4rem 1.2rem 5rem; flex-wrap:wrap;}

/*바우처목록*/
.voucList li{position:relative;  align-items: normal; align-items: center;  gap: 4rem;}
.voucList li dl dt{display:flex;  justify-content: space-between; align-items: center; border-bottom: 1px dashed #eee;  margin-bottom: 2rem; padding-bottom: 1rem; background-position:0 0.4em;}
.voucList li dl dd{display:flex; gap:1rem; white-space: pre-line; word-break: break-all;}
.voucList li dl dd:before{content:""; position:absolute; left:1.4rem; top:0.45em; width:1rem; height:1rem; background:#FFDC61; border-radius:50%; box-shadow:-4px 2px 0 #EDF2EF;}
.voucList li dl dd span{width:10rem; font-weight:700; color:var(--green2); flex-shrink: 0;}
.voucList li.noPost{width:100%; margin:0; padding:2rem 1rem;}

/*뷰*/
.info-view{display:flex; gap:4rem; }
.info-view > div{flex:1; background:#fff; border-radius:2rem; padding:4rem;}
.info-view > div h4{ font-size: var(--krds-pc-font-size-body-large); border-radius: 2rem; box-shadow: 4px 4px 20px rgba(0,0,0,0.06);  padding: 1.4rem 2rem 1.4rem 7rem;  margin-bottom: 3rem; background: #F5F8F6 url(../../../images/skin/istd/content/light_icon.svg)no-repeat left 2rem top 50%; border: 1px solid #eee;}
.info-view .dot li{display:flex; }
.info-view .dot li + li{margin-top:1rem;}
.info-view .dot li span{position: relative; width: 10rem; color: var(--green2); padding-left: 1.6rem; font-weight: 600; font-size: var(--krds-pc-font-size-body-large);}
.info-view .dot li span:before{content: ''; position: absolute;  left: 0px;  top: 1.1rem;  width: 4px;  height: 4px; background: #ccc;}
.info-view .text p{margin-left:2rem; text-indent:-1.8rem;}
.info-view .text p + p{margin-top:1rem;}

@media (max-width:1440px){
	.offList{padding:3rem;}
	
	.offList li{gap:2rem; flex-direction: column; align-items: flex-start;}
	.offList li dl{width:100%;}
	.offList li .model_btns{width:100%; flex-direction: row;}
	.offList li .mBtn_wrap{padding:1rem 1rem 1rem 2rem; border-radius: 3rem; justify-content: center; flex-flow: row wrap; }
	.offList li .mBtn_wrap:nth-child(2){flex:1;}
	.offList li .mBtn_wrap .mbtns_flex{flex-direction: row;}
}
@media (max-width:768px){
	.offList{padding:2rem;}
	.offList li{flex-direction: column; align-items: flex-start; border-radius: 1.5rem; padding: 1.5rem;}
	.offList li dl dd{font-size:var(--krds-mobile-font-size-body-small); padding-left: 3rem;}
	
	.offList li dl dd span{width:6rem;}
	.offList li .model_btns{flex-direction: column; gap:1rem;}
	.offList li .mBtn_wrap{padding:1rem; gap:1rem; width:100%; justify-content: space-between; font-size:var(--krds-mobile-font-size-body-small);  border-radius: 1.5rem;}
	
	.offList li .mBtn_wrap .mbtns_flex{gap:0.5rem;}
	.offList li .mBtn_wrap a{padding:0 1.5rem; width: 9.4rem;  height:3rem; gap: 0 0.5rem; font-size: var(--krds-mobile-font-size-body-xsmall);}
	.offList li .mBtn_wrap a i{width:1.5rem;}
}

/********************************************************
■ 학생맞춤통합지원센터 소개  .cts01_3
********************************************************/
.purBox{margin-bottom:7rem; display:flex; --purbox-gap:4rem; gap:6rem var(--purbox-gap); flex-wrap:wrap; justify-content: center;}
.purBox > div{width:calc((100% - var(--purbox-gap) * 1) / 2); border-radius:3rem; border:1px solid #F0F0F0; padding:4rem;}
.purBox i{margin:0 auto 2rem; display: block;}
.purBox img{height:4.1rem;}
.purBox .subject{font-size:var(--krds-pc-font-size-heading-medium); font-weight:600; text-align:center; padding-bottom:2rem; margin-bottom:3rem; border-bottom:1px solid #212121;}
.purBox .box01{margin:0 2rem; background:url('../../../images/skin/istd/content/cts1-3_box01.jpg')no-repeat 50% 50%; background-size:cover;}
.purBox .box02{background:url('../../../images/skin/istd/content/cts1-3_box02.jpg')no-repeat 50% 50%; background-size:cover;}
.purBox .box03{background:url('../../../images/skin/istd/content/cts1-3_box03.jpg')no-repeat 50% 50%; background-size:cover;}


.vision-box2{padding:4rem 4rem 9rem;}
.vision-box .orgBg{position:relative; text-align:center; margin:12rem auto 0; z-index:0;}
.vision-box .orgBg:before{content:''; position:absolute; left:50%; top:-9.7rem; margin-left: -2.2rem; width:3.4rem; height:4.4rem; background:url('../../../images/skin/istd/content/cts1_1_arrow1.png')no-repeat 0 0; background-size:100% 100%; transform: rotate(270deg ) translateX(-50%);}

.vision-box .orgBg h5{color:#016153; font-size:var(--krds-pc-font-size-heading-medium); font-weight:800;}
.mainbusi{display:flex; margin-top:4rem; gap:4rem 0;}
.mainbusi .item{width:30%; margin:0 -1rem;}
.mainbusi .item .img{color:#00342a; margin-bottom:3rem; font-weight:800; display: flex; align-items: center; justify-content: center;flex-direction: column; text-align:center; height:15rem; border-radius:7.5rem; border:2rem solid rgba(254,204,51,0.3); line-height:1.2;}
.mainbusi .item .img img{width:3.8rem;     min-width: 3.8rem;}
.mainbusi .item .img p{margin-top:0.5rem; font-size:var(--krds-pc-font-size-body-small); line-height:1.3;}
.mainbusi .item:nth-of-type(3) .img p{margin-top:0;}
.mainbusi .item:nth-child(2n) .img{border-color:rgba(0,104,84,0.3);}
.mainbusi .item .txt{display: flex; justify-content: center; text-align:center;}
.mainbusi .item ul{text-align:left; font-size:var(--krds-pc-font-size-body-xsmall); display: table;  margin-left: auto;  margin-right: auto;}
.mainbusi .item ul li{ position: relative; padding-left:1rem;}
.mainbusi .item ul li:before{ content : ""; display : block; position : absolute; left :0; top:0.7em; width : 3px; height : 3px; background : #666; border-radius:50%; }
.mainbusi .item ul li + li{margin-top:8px;}


.manager{gap:1rem; letter-spacing:-0.05em; box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.06); border-radius:2rem; background:#fcf7e1 url('../../../images/skin/istd/content/cts1_3_manager.png')no-repeat 0 bottom; background-size:auto 6rem; padding:3rem 4rem; margin-top:8rem; display: flex; align-items: center; justify-content: center; text-align:center; }
.manager p i{color:#016153; font-weight:bold; font-size:var(--krds-pc-font-size-body-large);}
.manager a{flex-shrink:0; background:#016153; color:#fff; font-size:var(--krds-pc-font-size-body-small); padding:1rem 2rem; border-radius: 3rem;} 
.manager a i{margin-left:5px;}

@media (max-width:1280px){
	.mainbusi{flex-wrap:wrap;}
	.mainbusi .item{width:calc(50% + 2rem);}
	.mainbusi .item ul{    font-size: var(--krds-pc-font-size-body-medium);}
}
@media (max-width:1024px){
	.manager{flex-direction: column;}
}
@media (max-width:768px){
	.vision-box2{padding:2rem 1.5rem;}
	.purBox{    --purbox-gap: 3rem; gap: var(--purbox-gap);}
	.purBox > div{width:100%; padding:1.5rem;}
	.purBox .box01{ margin:0;}
	.purBox .subject{ font-size: var(--krds-mobile-font-size-body-large);}
	.purBox i{margin:0;}
	.purBox img{height:3rem;}
	
	.mainbusi .item{width:100%; margin:0;}
	.mainbusi .item .img{height: 12rem; border-width: 1.5rem}
	
	.vision-box .orgBg{margin-top:8rem;}
	.vision-box .orgBg:before{top: -7.7rem;}
	.vision-box .orgBg h5{    font-size: var(--krds-mobile-font-size-heading-medium);}
	
}

/********************************************************
■ 시범교육지원청  .cts02_1
********************************************************/
.yearSelect{text-align:right; margin-bottom:3rem; margin-top: -9rem; }
.yearSelect ul{display:inline-flex; border:1px solid #D2D2D2; background:#F5F8F6; border-radius:2.5rem;}
.yearSelect ul li{display:inline-block; }
.yearSelect ul li a{position:relative; display:block; height:5rem; line-height:5rem; padding:0 3rem; z-index:0;     text-align: center;}
.yearSelect ul li a:before{content:''; position:absolute; left:0px; top:1rem; width:1px; height:calc(100% - 2rem); background:#d2d2d2;}
.yearSelect ul li.on a{color:#fff; font-weight:600;}
.yearSelect ul li.on a:before{top:0; width:100%; height:100%; background:#09836b; border-radius:2.5rem; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:-1;}
.yearSelect ul li.on + li a:before,
.yearSelect ul li:first-child:not(.on) a:before{display:none;}

.localTab-wrap{margin:3rem 0 4rem; border:1px solid #D2D2D2; background:#F5F8F6; border-radius:1rem; overflow: hidden;}
.localTab{display:flex; overflow-x: auto;}
.localTab li{flex:1; display:inline-block; }
.localTab li a{position:relative;  display: flex; align-items: center;  justify-content: center; height:8rem; width:100%; font-size:var(--krds-pc-font-size-body-large); color:#666; z-index:0; padding: 0 1.4rem;}
.localTab li a:before{content:''; position:absolute; left:-2px; top:50%; width:4px; height:4px; background:#AABFB1;}
.localTab li.on a{color:#fff; font-weight:600;}
.localTab li.on a:before{left:0; top:0; width:100%; height:100%; background:#09836b; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:-1;}
.localTab li.on a:after{content:''; position:absolute; left:0px; bottom:0; width:100%; height:4px; background:#FFDC61;}
.localTab li.on:first-child a:before{border-radius:1rem 0 0 1rem;}
.localTab li.on:last-child a:before{border-radius:0 1rem 1rem 0;}
.localTab li.on + li a:before,
.localTab li:first-child:not(.on) a:before{display:none;}


@media (max-width:1440px){
	.localTab ul li a{padding:0 2rem;}
}
@media (max-width:1280px){
	.yearSelect{margin-top:-2rem;}
	
}

@media (max-width:768px){
	.yearSelect ul{display:flex;}
	.yearSelect ul li{flex: 1;}
	
	
}

/********************************************************
■ 시범교육지원청 운영모델 뷰페이지
********************************************************/
.model_view {text-wrap:pretty;}
.model_tit {margin-bottom:4.4rem; width: 100%; display: flex; gap:0 3.4rem; background: #016855;  color: #fff;  border-radius: 1rem;  position: relative; justify-content: center; align-items: center;  font-size: var(--krds-pc-font-size-body-large); padding: 2rem 0;}
.model_tit:after {content:""; display:block; width:100%; height:2.2rem; background:#FFDC61; position: absolute; bottom: -4px; left: 0; z-index: -1; border-radius: 0 0 1rem 1rem;}
.model_tit h3 {position: relative; color:#FFDC61; font-weight:700; font-size:var(--krds-pc-font-size-heading-medium);}
.model_tit h3:before {content:""; display:block; width:2px; height:2rem; background:#D9D9D9; position: absolute; top:50%; left: -0.85rem; transform:translate(0,-50%);}
.model {padding: 4rem;}

@media (max-width:1030px){
	.model {padding: 4rem 2rem;}
}
@media (max-width:390px){
	.model_tit {flex-direction: column; gap:0;}
	.model_tit h3:before {display:none;}
}

/* 공통 */
.og {display:flex; gap:4.6rem 0; flex-direction:column; text-wrap: pretty;}
.og .og_box {padding:6.5rem 8rem 3.6rem; background: #fff; border-radius: 2rem; filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.06));}
.og .og_box .tit {margin-bottom:4.95rem; padding-bottom:2.7rem; border-bottom: 2px solid #eee; text-align:center; font-size:var(--krds-pc-font-size-heading-medium); font-weight:700; color:#353535; font-weight:600; line-height: 1;}
.og .og_box .tit span {position: relative;}
.og .og_box .tit span:after {content:""; display:block; width:16px; height:16px; position: absolute; top: -2.6rem; left: 0.2rem;}

.og .sub_tit {padding-left:2rem; margin-bottom: 2rem; font-size:var(--krds-pc-font-size-body-large); font-weight:800; position:relative;}
.og .sub_tit:before {content: '';  position: absolute; left: 0px;  top: 0.25em;  width: 1rem;  height: 2rem; background-size:100% 100% !important;}
.og .sub_tit:not(:first-of-type) {margin-top: 4.95rem;}
.og .sub_tit .ps01 {font-weight:400; color:#016855;}

.og .num_tit {padding-left: 3rem; margin-bottom: 1rem; font-size: var(--krds-pc-font-size-body-large); font-weight: 700; position: relative;  display: flex;  align-items: center; gap: 1rem;}
.og .num_tit span {color: #fff;  width: 2rem;  height: 2rem;  background: var(--black2);  display: inline-flex; flex-shrink:0; justify-content: center;  align-items: center;  font-size: var(--krds-pc-font-size-body-small); line-height: 1;position: absolute;top: 0.3em;left: 0;}
.og .num_tit:not(:first-of-type) {margin-top: 4rem;}

.og .sq_dot > li {position: relative; padding-left: 1.7rem; font-weight: 600; color:#353535;}
.og .sq_dot > li:before {content: '';  position: absolute; left: 0px;  top: 0.5em;  width: 0.8rem;  height: 0.8rem;}
.og .sq_dot > li:not(:first-child) {margin-top:0.3rem;}
.og .sq_dot > li > ul {margin-top: 0.4rem;}
.og .sq_dot > li > ul > li {padding-left: 1.6rem; position:relative;}
.og .sq_dot > li > ul > li:not(:first-child) {margin-top:0.4rem;}
.og .sq_dot > li > ul > li:last-child {margin-bottom:1.6rem;}
.og .sq_dot > li > ul > li:before {content:"-"; display:block; width:auto; height:auto; position:absolute; top:0; left:0;}

.og .og_img {text-align:center; margin-top:4rem;}
.og .ps {font-weight: 600; color: #353535;}



/* 하단 테이블 공통 */
.og .og_table {margin-top:4rem; border-radius:2rem 2rem 1rem 1rem; border:1px solid; overflow:hidden; table-layout: fixed; border-collapse: collapse; text-align:center;}
.og .og_table table {width:100%;}
.og .og_table table thead th {color:#353535; padding:1rem; font-weight:800;}
.og .og_table table tbody {background:#F8F8F8;}
.og .og_table table tbody tr:not(:last-child) {border-bottom: 2px solid #fff;}
.og .og_table table tbody tr td {color:#555; font-size:var(--krds-pc-font-size-body-small); padding:2rem 1rem; font-weight: 600;}
.og .og_table table tbody tr td:not(:last-child) {border-right:1px solid #ddd;}
.og .og_table table thead tr th:not(:last-child),
.og .og_table table tbody tr td:not(:last-child) {border-right:3px solid #fff;}

.og .task_list {text-align:left;}
.og .og_table .task_list { padding: 0 4.3rem;}
.og .task_list li {padding-left:1.6rem; position:relative;}
.og .task_list li:not(:first-child) {margin-top:0.4rem;}
.og .task_list li:before {content: '';  position: absolute;  left: 0px;  top: 0.45em;  width: 0.6rem;  height: 0.6rem; border-radius:100%;}
.og .task_list li > ul > li:before {content:"-"; display:block; width:auto; height:auto; position:absolute; top:0; left:0; background:transparent !important;}


/* arrow 테이블 스타일 */
.og .tb_arrow {margin-top:4rem; border-radius:2rem 2rem 1rem 1rem; border:1px solid; overflow:hidden; table-layout: fixed; border-collapse: collapse; text-align:center;}
.og .tb_arrow table {background: #F8F8F8;}
.og .tb_arrow table td {border:3px solid #fff; }
.og .tb_arrow table th {color:#353535; padding:1.6rem 1rem; font-weight:800;}
.og .tb_arrow table td {color:#555; font-size:var(--krds-pc-font-size-body-small); padding:2rem 1rem; font-weight: 600;} 


/* 조직도 */
.color_g .tit span:after { background:url('../../../images/skin/istd/content/light_g.svg') no-repeat center center;}
.og .color_g .sub_tit:before {background:url('../../../images/skin/istd/content/tit_g.svg') no-repeat center center;}
.og .color_g .sq_dot > li:before {background:#016855;}
.og .color_g .og_table {border-color:#D1ECDE;}
.og .color_g .og_table table tbody tr td {text-align:center;}
.og .color_g .og_table table th {background:#D1ECDE;}
.og .color_g .task_list li:before {background:#016855;}

/* 조직 구성원 역할 */
.color_y .tit span:after { background:url('../../../images/skin/istd/content/light_y.svg') no-repeat center center;}
.og .color_y .sub_tit:before {background:url('../../../images/skin/istd/content/tit_y.svg') no-repeat center center;}
.og .color_y .sq_dot > li:before {background:#FFDC61;}
.og .color_y .og_table {border-color:#EFE9D3;}
.og .color_y .og_table table th {background:#F4EED7;}
.og .color_y .task_list li:before {background:#FFDC61;}
.og .color_y .tb_arrow table th {background:#EFE9D3;}
.og .color_y .tb_arrow {border-color: #EFE9D3;}

@media (max-width:1440px){
	.og .og_box {padding: 6.2rem 4rem 3.6rem;}
}
@media (max-width:1024px){
	.og .og_box {padding: 6.2rem 2rem 3.6rem;}
	.og .og_box .tit span:after {top: -2.4rem;}
	.og .sub_tit:before {top:0.2em;}
	.og .sq_dot li {font-size:1.9rem;}
	
	.og .og_table table thead th {font-size: 1.9rem;}
	.og .og_table table tbody tr td {font-size: 1.7rem;}
	.og .og_table .task_list { padding: 0;}
	.og .og_scroll table {min-width:80rem;}
	.og .og_scroll {overflow-x:scroll;}
	
}

 @media (max-width:767px){
 	.og .sub_tit {width:100%;}
	.og .sub_tit:before {top:0.15em;}
	
}

/********************************************************
■ 영상 콘텐츠 /video/list.do
********************************************************/
.tblForm .post-title {padding: 2rem; color: #333; font-weight: normal; font-size: 2.4rem; background: #fff; border-right: none;  border-left: none;}
.video-form-wrap .nice-select {width:100%; font-size: var(--krds-pc-font-size-body-small); color:#464c53;}
.video-form-wrap .nice-select .current {font-weight:400; color: #757575;}
.video-form-wrap .colorRed {color: var(--krds-light-color-border-danger); padding-right:0.5rem;}


/********************************************************
■ 지역별 유관기관 리스트  /center/localList.do
********************************************************/
.local_searchBox{background: #F5F8F6; border-radius: 2.5rem;  padding: 2rem 2rem 3rem; margin-bottom:7.4rem;}
.local_searchBox .inner{background:#fff; border-radius:2rem; padding:3rem; }
.local_searchBox .inner>ul>li{display:flex; align-items: center;}
.local_searchBox .inner>ul>li:not(:first-child){margin-top:1.5rem;}
.local_searchBox .inner>ul>li .subtit{padding-left:clamp(1.8rem, 1.68rem + 0.375vw, 2.4rem); width:11rem; font-size: var(--krds-pc-font-size-body-medium); font-weight: 600; color: var(--black); flex-shrink: 0; position:relative;}
.local_searchBox .inner>ul>li .subtit:before {content:''; display:block; margin-left:3px; width:5px; height:5px; background: #007461; border-radius:100%; box-shadow: 0 0 0 3px #E4F7ED; position: absolute; left: 0; top: 0.55em;}
.local_searchBox .inner>ul>li div{flex:1;}
.local_searchBox .inner>ul>li div:not(.chkes) label{display:none;}
.local_searchBox .inner>ul>li input[type="text"]{border-radius:0.4rem; border:1px solid #e8e8e8; height:4rem; padding:0 1rem;}
.local_searchBox .inner>ul>li input[type="text"]:focus,
.local_searchBox .inner>ul>li input[type="text"]:hover{ border-color: var(--krds-light-color-input-border-active); border-width: 2px;}
.local_searchBox .inner>ul>li select{border-radius:0.4rem; border-color:#e8e8e8}
.local_searchBox .inner>ul>li .selects{display:flex; gap:0 1rem;}
.local_searchBox .inner>ul>li .selects .nice-select{float:none; align-content: center; width:100%; min-height: 45px; font-size:var(--krds-pc-font-size-body-small); line-height: 1.2;  white-space:wrap;}
.local_searchBox .inner>ul>li .selects .nice-select .option {align-content: center; min-height: 45px; line-height: 1.2;}
.local_searchBox .inner>ul>li .selects .nice-select .current {line-height: 1.2;}
.local_searchBox .inner>ul>li .selects .nice-select:focus{box-shadow:none; border-color: var(--krds-light-color-input-border-active); border-width: 2px;}
.local_searchBox .inner>ul>li .selects .nice-select .list{width:100%; max-height:40rem; overflow-y:auto;}
.local_searchBox .inner>ul>li .chkes{display:flex; gap:0.5rem; flex-wrap:wrap;}
.local_searchBox .inner>ul>li .chkes.searchCate span{width: calc((100% - 0.5rem * 2)/3);}
.local_searchBox .inner>ul>li .chkes .check{min-width: 11rem;}
.local_searchBox .inner>ul>li .chkes .check input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.local_searchBox .inner>ul>li .chkes .check input[type="checkbox"] + label{position:relative; display: flex; align-items: center; height:4rem; line-height: 1.1; padding:0 1rem 0 3.5rem; border:1px solid #D7D7D7; color:#565656; font-size:var(--krds-pc-font-size-body-small);  border-radius:0.4rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.local_searchBox .inner>ul>li .chkes .check input[type="checkbox"] + label:before{content:''; position:absolute; left:1rem; top:0.65em; width:1.8rem; height:1.8rem; border-radius:50%; border:1px solid #EDEDED; background:url('../../../images/skin/istd/content/check_g.png')no-repeat 50% 50%; background-size:1rem 0.8rem;}
.local_searchBox .inner>ul>li .chkes .check input[type="checkbox"]:checked + label{color:var(--black); font-weight:600; border:2px solid #FFDC61; box-shadow:2px 4px 10px rgba(0,0,0,0.1); }
.local_searchBox .inner>ul>li .chkes .check input[type="checkbox"]:checked + label:before{border-color:#FFDC61; background:#FFDC61 url('../../../images/skin/istd/content/check_w.png')no-repeat 50% 50%;  background-size:1rem 0.8rem;}
.local_searchBox .inner>ul>li .chkes .check input[type="checkbox"]:focus + label{ outline: 0.2rem solid var(--krds-light-color-border-inverse); outline-offset: 0; box-shadow: var(--krds-box-shadow-outline);}
.local_searchBox .btnSearch-btn{position:relative; display:block; width:50%; margin:3rem auto 0; background:#fff; border-radius:2rem; box-shadow: 4px 4px 16px rgba(0,0,0,0.06);}
.local_searchBox .btnSearch-btn:before{content:""; position: absolute; left: 2rem;  bottom: -1rem;  width: 5.8rem;  aspect-ratio: 58 / 63;  background: url(../../../images/skin/istd/content/map_ai.png) no-repeat 0 0; background-size: 100%;}
.local_searchBox .btnSearch-btn input{height:5.6rem; width:100%; border:none; background:#fff url(../../../images/skin/istd/main/search-btn.png) no-repeat left 64% top 50%; background-size:4rem 3.2rem; color:var(--green2); border-radius:2rem; font-size:var(--krds-pc-font-size-body-large); font-weight:600; cursor:pointer;}


/* 결과 목록 */
.local_listWrap .list{position:relative; border-radius:2.5rem; padding:2rem;  box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.local_listWrap .list:not(:first-child){margin-top:4.2rem;}
.local_listWrap .list .moreBtn{display:block; position:absolute; right:2rem; top:1.5rem; cursor:pointer; height: 4rem;  line-height: 4rem;  border-radius: 2rem; font-size:var(--krds-pc-font-size-body-small);  font-weight: 500;  border: 1px solid #FFDC61;  background: #FFDC61;  padding: 0 1rem 0 2rem; box-shadow: 0 0 14px rgba(0,0,0,0.06);}
.local_listWrap .list .moreBtn i{display: inline-block; width:2.5rem; height:2.5rem; text-align:center; line-height:2.5rem; background:#fff; border-radius:50%; color:var(--green2); font-weight: 800; transition: all 0.2s ease-out 0s;}
.local_listWrap .list .moreBtn:focus{box-shadow: var(--krds-box-shadow-outline);}
.local_listWrap .list .listBox{display:flex; flex-wrap:wrap; gap:1rem;}
.local_listWrap .list .listBox dt{width:100%; padding:0rem 14rem 1.5rem 3rem;border-bottom:1px dashed #eee; margin-bottom:1rem; font-size:var(--krds-pc-font-size-body-large); font-weight:700; color: var(--black); background: url(../../../images/skin/istd/content/light_icon.svg) no-repeat 0 0.5em;}
.local_listWrap .list .listBox dt .cate{display:inline-block; font-size:var(--krds-pc-font-size-body-small); padding:0.3rem 2rem; background:var(--green2); border-radius:2.5rem; color:#fff;}
.local_listWrap .list .listBox dt em{display:inline-block; color:#999;}
.local_listWrap .list .listBox dt p{display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom:0.5rem; width: 100%;}
.local_listWrap .list .listBox dd{display:flex; width:calc(50% - 0.5rem); line-height: 1.3; }
.local_listWrap .list .listBox dd:nth-child(n+3){word-break:break-word;}
.local_listWrap .list .listBox dd i{flex-shrink: 0;  margin-top: 0.3em;}
.local_listWrap .list .status{display:inline-block; vertical-align: middle; font-size:var(--krds-pc-font-size-body-small); font-weight:500; padding:0.3rem 1rem; background:#EDF2EF; color:var(--darkGreen); border-radius:0.8rem; }

/* 즐겨찾기 등록 버튼 */
.local_listWrap .list .bk_status {position: absolute; right: 15.5rem; top: 1.5rem; height: 4rem; display:inline-flex; align-items: center; vertical-align: middle; width:auto; aspect-ratio: auto; padding:0rem 1rem; background:#F0F0F0; border-radius:2rem; border: 1px solid rgba(0, 0, 0, 0.05); margin-left:1rem;}
.local_listWrap .list .bk_status span { font-size:var(--krds-pc-font-size-body-small); font-weight:500; line-height:1; letter-spacing: -0.05em; }
.local_listWrap .list .bk_remove{background: linear-gradient(45deg, #007461 , #4BD6BA); color:#fff; border: none;}
.local_listWrap .list .bk_remove:after {content:""; width:1.6rem; height:1.6rem; display:inline-block; margin-left:0.4rem; background:url('../../../images/skin/istd/content/savedBkn_on.svg') no-repeat center center; background-size:100% auto}
.local_listWrap .list .bk_save:after {content:""; width:1.6rem; height:1.6rem; display:inline-block; margin-left:0.4rem; background:url('../../../images/skin/istd/content/savedBkn.svg') no-repeat center center; background-size:100% auto;}

.local_listWrap .list .moreBox{ display:none; padding:2rem; border-radius:0 0 2rem 2rem; background:#F5F8F6; margin-top:3rem;}
.local_listWrap .list .moreBox dl{display:flex; gap:1rem 0; flex-wrap:wrap; flex-direction: column;}
.local_listWrap .list .moreBox dl dd{position:relative; padding-left:1rem; display:flex; }
.local_listWrap .list .moreBox dl dd:before{content:""; position:absolute; left:0px; top:0.6em; width:0.5rem; height:0.5rem; background:#57d9bf; border-radius:50%;}
.local_listWrap .list .moreBox dl dd span{ flex-shrink: 0; width: 14rem; font-weight:600; color:var(--green2);}
.local_listWrap .list.active{box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.local_listWrap .list.active .moreBtn{ background:var(--green2); color:#fff; border-color:var(--green2);}
.local_listWrap .list.active .moreBtn i{transform: rotate(180deg );}
.local_listWrap .list.active .moreBox{ display:block;}
.local_listWrap .list.active .moreBox + .moreBox{    border-radius: 2rem;}
.local_listWrap .list.no_list{padding:6rem 2rem; text-align:center;}


.local_searchBox.casdVid_filter .flex {display:flex; align-items: center;}
.local_searchBox.casdVid_filter .inner>ul>li div:is([class*='w']) {width:calc((100% - 3rem * 1)/2) !important; flex:unset;}
.local_searchBox.casdVid_filter .inner>ul>li .selects {gap: 1.5rem 3rem; flex-wrap: wrap;}
.local_searchBox .inner>ul>li input[type="text"] {height:4.5rem;}

@media (max-width:1440px){
	.local_searchBox .btnSearch-btn input{background-position:left 75% top 50%}
}
@media (max-width:768px){
	.local_searchBox{padding:1rem 1rem 2rem;}
	.local_searchBox .inner{padding:1rem; border-radius: 1rem;}
	.local_searchBox .inner>ul>li{display:block;}
	.local_searchBox .inner>ul>li .subtit{display: block; width: 100%;font-size:1.7rem; margin-bottom:0.2rem;}
	.local_searchBox .inner>ul>li .selects{gap:1rem; flex-wrap:wrap;}
	.local_searchBox .inner>ul>li .selects .nice-select .list{width:auto;}
	.local_searchBox .inner>ul>li div {width:100%;}
	.local_searchBox .inner>ul>li .chkes .check{min-width:8rem;}
	.local_searchBox .inner>ul>li .chkes .check input[type="checkbox"] + label{font-size:1.3rem;}
	.local_searchBox .btnSearch-btn{width:100%;}
	.local_searchBox .btnSearch-btn input{background-position:left 75% top 50%; border-radius: 1rem; font-size: 1.7rem; }
	.local_searchBox .btnSearch-btn:before{width:4.8rem;}
	
	.local_listWrap .list:not(:first-child){margin-top:3rem;}
	.local_listWrap .list{padding:1.5rem; border-radius: 2rem;}
	.local_listWrap .list.active{padding-bottom:0;}
	.local_listWrap .list .listBox dt {padding-right:0;display: flex; flex-wrap: wrap; gap: 0.6rem 0.4rem; line-height: 1.2; }
	.local_listWrap .list .listBox dt,
	.local_listWrap .list .listBox dt em{font-size:1.7rem;}
	.local_listWrap .list .listBox dt p{margin-bottom:0;}
	.local_listWrap .list .listBox dd{width:100%;}
	.local_listWrap .list .listBox dd i{ margin-top: 0.1em;}
	.local_listWrap .list .listBox .emailCopy {padding:0.4rem 1rem;}
	.local_listWrap .list .listBox dt .cate{padding:0.3rem 1rem;}
	.local_listWrap .list .listBox dt .cate,
	.local_listWrap .list .status,
	.local_listWrap .list .listBox dd,
	.local_listWrap .list .moreBox dl,
	.local_listWrap .list .moreBtn{font-size: 1.4rem;}
	.local_listWrap .list .bk_status{right:1rem; top: 1rem; height: 3.5rem;}
	.local_listWrap .list .bk_status span{font-size:0;}
	.local_listWrap .list .bk_save:after{margin-left:0;}
	
	.local_listWrap .list .moreBtn{position:relative; right:auto; top:auto; width:50vw; margin:2rem auto 0; display: flex;  align-items: center; justify-content: center; gap:1rem;}
	.local_listWrap .list .moreBox dl dd{ word-break: break-all;}
	.local_listWrap .list .moreBox dl dd span{width: 10rem;}
	.local_listWrap .list .moreBox dl dd:nth-child(3){flex-direction: column}
	.local_listWrap .list .moreBox dl dd:nth-child(3) span{width:100%;}
	.local_listWrap .list.active .moreBox{width:calc(100% + 3rem); margin-left:-1.5rem; margin-top:0; padding: 1.5rem; border-radius:0;}
	.local_listWrap .list.active .moreBox + .moreBox{border-radius:0; border-top:1px solid #bdeae3;}
	.local_listWrap .list.active .moreBox:last-child{border-radius:0 0 2rem 2rem;}
	.local_listWrap .list.active .moreBtn{border-radius:1rem 1rem 0 0;}
	
	
	.local_searchBox.casdVid_filter .inner>ul>li{display:flex; flex-direction: column;  align-items: flex-start;}
	.local_searchBox.casdVid_filter .inner>ul>li .subtit {width: 8rem;}
	.local_searchBox.casdVid_filter .inner>ul>li .selects {flex-wrap:nowrap; gap: 1.5rem 1rem;}
	.local_searchBox.casdVid_filter .inner>ul>li .selects .nice-select .list {width:100%;}
	.local_searchBox.casdVid_filter .flex {flex-direction: column;  align-items: flex-start;}
	.local_searchBox.casdVid_filter .inner>ul>li div:is([class*='w']) {width:100% !important;}
	
}


/********************************************************
■ 문의 및 의견  .consult.jsp
********************************************************/
.page_title{ margin-bottom:4rem; }
.page_title h4{font-size:var(--krds-pc-font-size-heading-medium); color:var(--black); padding-left:5rem; background:url('../../../images/skin/istd/content/bullet.png')no-repeat 0 0; background-size:4.1rem 3.7rem;}
.page_title p{padding-left:5rem; margin-top:0.5rem; color:#666;}

table.online_tb {width:100%; table-layout:fixed; border-top:2px solid #000}
table.online_tb label{margin-right:20px;}
table.online_tb td, 
table.online_tb th{overflow:hidden; vertical-align:middle; border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2; padding:2rem; font-weight:normal;}
table.online_tb th{ font-weight:500;}
table.online_tb th em{color:#E51A1A; margin-left:5px;}
table.online_tb img{vertical-align:middle;}
table.online_tb td.captcha{overflow:hidden;}
table.online_tb td.captcha input{float:right; width:calc(100% - 125px); }
table.online_tb td .email{display:flex; align-items: center;  gap: 5px;}
table.online_tb td .email select{min-width:12rem;}
table.online_tb .file {position:relative;}
table.online_tb .file input[type="file"] {position:absolute; top:0; left:0; width:458px; opacity:0;}
table.online_tb .file input[type="text"] {width:358px;}
table.online_tb .file a { vertical-align:top;}
table.online_tb .file a:focus-visible{outline-color:#E84033}
table.online_tb .file span {margin-left:20px; font-size:var(--krds-pc-font-size-body-small); color:#767676}
table.online_tb .chks{display:inline-block;}
table.online_tb .file .fileBtn {display:inline-block; width:90px;  height:40px; line-height:40px; background:#000; font-weight:normal; font-size:var(--krds-pc-font-size-body-small); color:#fff; text-align:center;margin-left:0px !important;}
table.online_tb td.phone input{width:20%;}
input.datepicker{width:260px; background:url("../../../images/default/content/cal.png") no-repeat 98% 50%; background-size: 20px auto;}

.clause{position:relative; font-size: var(--krds-pc-font-size-body-large);  font-weight: 500; color: #333; background:#fff; border:1px solid #ddd; border-bottom:none; padding:2rem; margin-top: 2rem;}
.clause:focus-visible{outline: 5px auto -webkit-focus-ring-color; outline-offset:-2px ;} 
.clause span.arrow{position:absolute; right:2rem; top:50%; transform:translateY(-50%); cursor:pointer}
.clause i{ font-size:3rem; }
.private{border:1px solid #ddd;  padding:2rem; height:22rem; overflow-y:scroll; color:#666; line-height: 1.8; margin-bottom: 2rem; text-wrap-style: pretty;}
.private:focus-visible{ outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px ;}
.private h5{font-size: var(--krds-pc-font-size-body-large); margin:4rem 0 2rem; color: #333;}
.private h5:first-child{margin-top:0;}
.private h6 {font-size: var(--krds-pc-font-size-body-medium); margin: 2rem 0 1rem; font-weight: 500; color: #555; line-height: 1.8;}
.private p.num{margin-left: 22px;  text-indent: -22px;}
.private .num-ul{padding-left:22px; margin:0.5rem 0;}
.private .num-ul li{margin-left: 15px;  text-indent: -15px;}
.private::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.private::-webkit-scrollbar{width: 1rem;  height:1rem;  background-color: #F5F5F5;}
.private::-webkit-scrollbar-thumb{	background-color: #007461; }
.private .tableWrap{overflow-x:hidden; width:100%; white-space: normal; margin-top:2rem;}

@media (max-width:768px){
	table.online_tb colgroup{display:none;}
	table.online_tb tr{border-bottom:1px solid #ddd;}
	table.online_tb td, 
	table.online_tb th{display:block; border:none;padding:1rem;}
	table.online_tb th{text-align:left;   padding-bottom: 0;   background:none;}
	
	.clause{ padding:2rem 1rem; }
	.private{ padding:1rem; line-height:1.5;}
}

/********************************************************
■ 기관 정보 수정 요청
********************************************************/
.editForm input,
.editForm select {height: 4rem;}
.editForm input.longInput {width:100%;}
.editForm .btnChkUnique {width:10rem; height: 4rem; line-height: 4rem; border-radius: 5px;}
.editForm label {padding:0;}
.editForm .selects{display:flex; gap:0 1rem;}
.editForm .selects .nice-select{float:none; width:100%;}
.editForm .selects .nice-select .list{width:100%; max-height:40rem; overflow-y:auto;}
.editForm ul li .th {flex-basis:18rem !important; justify-content: flex-start !important; padding-left:5rem !important; padding-right:1rem !important; text-align: left !important; font-weight:800;}
.editForm ul li .td {flex-basis: calc(100% - 18rem) !important; padding-right: 5rem !important;}
.editForm li.phone .td input {width:11.3rem !important;}

/* 기관정보 입력부분 */
.editForm .edit_top {flex-direction: column; border-radius:2.5rem; border:20px solid #ecf9e8;}
.editForm .edit_top > div {display:flex;}
.editForm .edit_top > div .td,
.editForm .edit_top > div .th {border:none;}
.editForm .edit_top > div:first-child .th,
.editForm .edit_top > div:first-child .td {padding-bottom:1.2rem; padding-top: 2.6rem !important;}
.editForm .edit_top > div:last-child .th,
.editForm .edit_top > div:last-child .td {padding-top:1.2rem; padding-bottom: 2.6rem !important;}
.editForm .edit_top select{width:100%;}
/* 본문 폼 */
.editForm .form_title {flex-direction:column; align-items: center; gap: 2.4rem; margin-top: 3rem; text-align:center; }
.editForm .form_title h4 {padding: 1.2rem 1rem; width:100%; text-align:center; border:none; background:#F5F8F6; color:#212121; border-radius:1.5rem; font-size:var(--krds-pc-font-size-heading-medium); display: flex;  justify-content: center; align-items: center; gap: 1rem; position:relative; overflow:hidden; z-index: 0;}
.editForm .form_title h4:after {content:''; display:block; width:51.58%; height:20rem; filter:blur(20px); background:#e4f8ea; position:absolute; bottom: 80%; left: 50%;
  transform: translateX(-50%); z-index: -1;}
.editForm .form_title p {width:100%; padding:0 5rem; text-align:left;}
.editForm .form_flex { margin-top:2.5rem; position: relative;}
.editForm .form_flex:after {content: '';   display: block;  width: 1.3rem;   height: 2.2rem;   background: url(../../../images/skin/istd/content/arrow_g.svg) no-repeat center center;  background-size: 100% auto;  position: absolute;  top: 57%; left: 50%;  transform: translate(-50%, -50%);}
.editForm .form_flex > div {width:100%;}
.editForm .form_flex .th {justify-content: center !important;  padding: 0.8rem;  width: 100%;  text-align: center;  background: #f7f7f7;  color: var(--green2); font-size: var(--krds-pc-font-size-body-large); font-weight: 700; border: none; position:relative; font-weight: 700;}
.editForm .form_flex > div:first-child .th:after {content:''; display:block; width:1px; height:50%; background:#ddd; position:Absolute; top:0.5em; right:0;}
.editForm .form_flex textarea {resize: none;  height: 20rem; width: 100%;}
.editForm .zipCode input {width:100%;}
.editForm .zipCode input.zipCode_input {width:20rem;}
.editForm .phone .td > div {gap:1rem;}
.editForm .form_flex .th {padding: 0.8rem !important;}

/* 버튼 */
.btn_wrap,
.edit_btn{display:flex; gap:1rem; justify-content: center; margin-top: 5rem;}
.btn_wrap input ,
.edit_btn input{border:1px solid #a6d0ba; border-radius:0.6rem; height:5rem; width:15rem; color:#212121; background:#f4fdf8;  font-weight:500;}
.btn_wrap .btn_confirm ,
.edit_btn .btn_confirm {border-color:#66ceb3; background: linear-gradient(128deg, rgba(10,140,102,1) 0%, rgba(1,98,83,1) 60%); color:#fff;}

@media (max-width:1024px){
	.editForm ul li {padding-bottom: 3.6rem !important;}
	.editForm .form_title {display:flex; border:none;padding-bottom: 0 !important;}
	.editForm .form_title p {padding: 0 2rem; text-align:center;}
	.editForm ul li > .th {padding-left:0 !important; margin-bottom: 2.4rem;}
	.editForm .form_flex {display:flex; gap:4rem;  flex-direction: column;}
	.editForm .form_flex:after {top: 46%; transform: translate(-50%, -50%) rotate(90deg);}
	.editForm .form_flex > div:first-child .th:after {display:none;}
	.editForm .form_flex .th {margin-top:0;border-radius:4rem !important;}
	
	.editForm .edit_top {padding-bottom:0 !important;}
	.editForm .edit_top > div .td, .editForm .edit_top > div .th {margin:0 !important; }
	.editForm ul li .td {padding-right: 0 !important;}
}
@media (max-width:768px){
	.editForm .edit_top input {width:100%;}
	.editForm .edit_top {display: flex; gap: 2.4rem; padding: 2rem !important; border: 10px solid #ecf9e8;}
    .editForm .edit_top > div {flex-wrap:wrap;gap: 2rem;}
	.editForm .edit_top > div:last-child .th, .editForm .edit_top > div:last-child .td,
	.editForm .edit_top > div:first-child .th, .editForm .edit_top > div:first-child .td {padding: 0 !important;}
	.editForm input,
	.editForm label{width:100%;}
	.editForm .form_title {margin-top:6rem;}
	.editForm .form_title h4{ font-size: 2.2rem;}
	.editForm ul li .td {padding: 0!important;  flex-basis: 100% !important;}
	.editForm ul li .td p {font-size: 1.5rem;}
	.editForm li.phone .td input {width:100% !important;}
	.editForm .zipCode input {width:100%;}
	.editForm .btnChkUnique {font-size:1.5rem; width:12rem;}

	.btn_wrap input ,
	.edit_btn input{flex:1;}
}

/** 사이트맵 **/
.sitemap{position:relative;}
.sitemap .sitemap-list{position:relative; display:flex; flex-direction:column;}
.sitemap .sitemap-item{position:relative;}
.sitemap .sitemap-item+.sitemap-item{margin-top:6.3rem; padding-top:2.7rem; border-top:0.1rem solid #d8d8d8;}
.sitemap .sitemap-item .sitemap-text{display:block; font-size:3rem; font-weight:700;}
.sitemap .sitemap2-depth{position:relative; margin-top:4rem;}
.sitemap .sitemap2-depth .sitemap2-list{display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; gap:4.5rem var(--site2-gap); --site2-gap:3rem;}
.sitemap .sitemap2-depth .sitemap2-item{display:block; width:calc((100% - var(--site2-gap) * 2) / 3);}
.sitemap .sitemap2-depth .sitemap2-text{display:flex; align-items:center; min-height:4.8rem; padding:0 1.5rem; border-radius:0.8rem; background-color:#edf1f5; color:#1d1d1d; font-size:1.9rem; font-weight:700;line-height:1}
.sitemap .sitemap2-depth .sitemap2-text[target="_blank"]:after{display:inline-flex;width:2rem;height:2rem;margin-left:2px;background:url(../../images/krds/ico_go.svg) no-repeat left center; background-size: 18px auto;content:""}
.sitemap .sitemap3-depth{position:relative; margin-top:0.6rem; padding:0 2rem;margin-top: 1rem;padding: 0 0.6rem}
.sitemap .sitemap3-depth .sitemap3-item{position:relative; padding-left:1.3rem;}
.sitemap .sitemap3-depth .sitemap3-item+.sitemap3-item{margin-top:1.2rem;}
.sitemap .sitemap3-depth .sitemap3-item:before{display:block; position:absolute; top:0.9rem; left:0; width:0.4rem; height:0.4rem; border-radius:50%; background-color:#555; content:'';}
.sitemap .sitemap3-depth .sitemap3-text{color:#555; font-size:1.7rem;}
.sitemap .sitemap3-depth .sitemap3-text[target="_blank"]:after{display:inline-flex;width:1.6rem;height:1.6rem;margin-top:-5px;margin-left:2px;background-image:url(../../images/krds/ico_go.svg)no-repeat left center;background-size: 16px auto;content:"";vertical-align:middle;}


@media (max-width:1024px){
    .sitemap .sitemap2-depth .sitemap2-list{--site2-gap:2rem;}
}
@media (max-width:768px){
    .sitemap .sitemap-item+.sitemap-item{margin-top:3.3rem;}
    .sitemap .sitemap-item .sitemap-text{font-size:var(--krds-mobile-font-size-heading-large);}
    .sitemap .sitemap2-depth{margin-top:2.5rem;}
    .sitemap .sitemap2-depth .sitemap2-item{width:calc((100% - var(--site2-gap) * 1) / 2);}
    .sitemap .sitemap2-depth .sitemap2-text{min-height:4.2rem; padding:0 1.4rem; font-size:var(--krds-mobile-font-size-body-medium);}
    .sitemap .sitemap3-depth{margin-top:1rem; padding:0 1.4rem;}
    .sitemap .sitemap3-depth .sitemap3-item{padding-left:1rem;}
    .sitemap .sitemap3-depth .sitemap3-item:before{width:0.3rem; height:0.3rem;}
    .sitemap .sitemap3-depth .sitemap3-item+.sitemap3-item{margin-top:0.6rem;}
    .sitemap .sitemap3-depth .sitemap3-text{font-size:var(--krds-mobile-font-size-body-small);}
}
@media (max-width:600px){
	 .sitemap .sitemap2-depth .sitemap2-list{ gap: 2rem var(--site2-gap);}
	 .sitemap .sitemap2-depth .sitemap2-item{width:100%;}
}