/********************************************************
■ 공통
********************************************************/
.title{color: #000; font-family: "Happiness Sans"; font-size: 3.2rem; letter-spacing: -0.064rem;}
.title b{color: #007461;}

.main-bg1,
.main-bg2{position:relative; overflow:hidden;}
.main-bg1:before,
.main-bg2:after{content:""; position:absolute; }
.main-bg1:before{left:0px; top:0px; width:50%; height:100%;  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFFCEF 93.43%);  z-index: -1;}
.main-bg2:after{right:0%; bottom:-50%; width: 85.3299rem; height: 82.7256rem; transform: rotate(-1.73deg); border-radius: 85.3299rem; background: rgba(211, 240, 225, 0.40); filter: blur(100px); z-index:-1; animation: main-bg2 10s linear infinite both;}
@keyframes main-bg2 {
  50% {right:-30%; bottom:-30%; }
}

/********************************************************
■ 지도
********************************************************/
#map-wrap{margin-top:5rem; --map-gap:4rem; 	--map-padding-x:6rem; 	--map-box:68rem; }
.map-head, .map-head h2 b, .half-map, .local-search .search_input, .check-wrap .check input + label, .map-box, #local .map{position:relative; }
.map-head{padding:6rem 6rem 3.3rem; }
.map-head h2{width:var(--map-box); margin-left:auto; padding-left:8rem;}
.map-head h2 em{display:inline-block;}
.map-head h2 span{display:block; font-size: var(--font-size-heading-small, 1.9rem); font-weight: 700; margin-bottom:1rem;}
.map-head h2 b{ display:inline-block; color: #000; font-family: "Happiness Sans"; font-size: 4.4rem; line-height:1;}
.map-head h2 b:after{content:""; position:absolute; right:-11rem; bottom:0; width: 10rem;  aspect-ratio: 100 / 87; background:url(../../../images/default/main/ai_character01.svg);background-size:100%; }
.map-head:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background-size: 100%; z-index: -1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='718' viewBox='0 0 1400 718' fill='none'%3E%3Cpath d='M1340.76 0.164062C1373.48 0.164227 1400 26.6855 1400 59.4014V658C1400 691.137 1373.14 718 1340 718H60C26.8629 718 4.83259e-07 691.137 0 658V178C7.73213e-06 144.863 26.8629 118 60 118H534.5C579.236 118 618.693 95.4023 642.082 61H642.172C664.8 24.4854 705.233 0.164062 751.349 0.164062H1340.76Z' fill='%23EDF6F2'/%3E%3C/svg%3E");}
.map-head:after{content:""; position:absolute; left:0px; top:-1.4rem; width:100%; height:100%; background-size: 100%; z-index: -2;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1396' height='718' viewBox='0 0 1396 718' fill='none'%3E%3Cpath d='M1330.76 0.164062C1363.48 0.164223 1390 26.6855 1390 59.4014V118H1396V658C1396 691.137 1369.14 718 1336 718H60C26.8629 718 4.83258e-07 691.137 0 658V178C7.73213e-06 144.863 26.8629 118 60 118H524.5C569.236 118 608.693 95.4023 632.082 61H632.172C654.8 24.4854 695.233 0.164062 741.349 0.164062H1330.76Z' fill='url(%23paint0_linear_196_52766)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_196_52766' x1='1396' y1='278.5' x2='187' y2='180.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300A68B'/%3E%3Cstop offset='1' stop-color='%23007461'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");}

.half-map{ display:flex; gap:var(--map-gap); border-radius: 0 0 6rem 6rem; background:#EDF6F2; padding:0 var(--map-padding-x) 3.7rem; }
.half-map:after{content:""; position:absolute; right:-4rem; bottom:2rem; width:12.2rem; aspect-ratio: 122 / 128; animation: tree 10s linear infinite both;
background:url(../../../images/default/main/main_obj_tree.svg); background-size:100%; filter: drop-shadow(0 10px 4px rgba(0, 0, 0, 0.06));}

.local-search{position:absolute; left:var(--map-padding-x);top:0; width: calc(100% - var(--map-box) - var(--map-padding-x)); padding:2.7rem; padding-right:calc(var(--map-padding-x) * 2); background:#fff; border-radius: var(--krds-number-14) 0 0 var(--krds-number-14);}
.local-search .search_input {border-radius: var(--krds-number-12); border: 1px solid #007461; background: #007461; padding:0.5rem; padding-right:4rem; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);}
.local-search .search_input label{display:none;}
.local-search .search_input input[type="text"]{width: 100%; border-radius: 2.8rem; border: 1px solid #007461; background: #FFF; height: 5.5rem; padding:0 2.4rem;}
.local-search .search_input input[type="text"]:focus{box-shadow: var(--krds-box-shadow-outline);}
.local-search .search_input .sbtn{position:absolute; right:0.5rem; top:calc(50% - 2rem); display: flex; align-items: center;  justify-content: center; width:6rem; height:4rem; border-radius: 2.8rem; border: 2px solid #FFF; background: linear-gradient(105deg, #1B9F89 14.68%, #007461 88.19%); background: all 0.2s ease-out 0s;}
.local-search .search_input .sbtn:hover{background: linear-gradient(105deg, #1B9F89 0%, #007461 50.19%);}

.map-buttons{width:calc(100% - var(--map-box) - var(--map-gap)); padding-top:18.6rem;}
.map-buttons h3{display:flex; gap:0.6rem 1.6rem; align-items: flex-end; flex-flow:row wrap; color: #000; font-family: "Happiness Sans"; font-size: 3.2rem;}
.map-buttons h3 span{display:inline-block; ; width:10rem;  aspect-ratio: 100 / 58; background:url(../../../images/default/main/main_map.svg); background-size:100%; margin-right:1.6rem;}
.map-buttons h3 em{display:inline-flex; align-items: flex-end;}
.map-buttons p{font-size: var(--krds-pc-font-size-body-large);	color: var(--krds-light-color-text-basic); margin-top:var(--krds-gap-4);}
.map-buttons .check-wrap{margin-top:var(--krds-gap-10); display:flex; }
.check-wrap{display:flex; flex-wrap:wrap; gap:var(--krds-gap-5) var(--krds-gap-5);}
.check-wrap .check{display:inline-flex;}
.check-wrap .check input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.check-wrap .check input + label{ display: flex; align-items: center; height:4.4rem;padding:0.4rem 2.4rem; padding-left: 1.2rem; color:var(--krds-light-color-text-subtle); font-size:1.7rem; border-radius: var(--krds-number-14); border: 1px solid #FFF; background: rgba(255, 255, 255, 0.40); box-shadow: 0 4px 16px 0 rgba(43, 43, 43, 0.10); cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.check-wrap .check input + label:before{content:''; display:inline-block; width:4.4rem;  aspect-ratio: 1; background-size:100%; }
.check-wrap .check input:focus + label{box-shadow: var(--krds-box-shadow-outline); outline: 0.2rem solid var(--krds-light-color-border-inverse); outline-offset: 0; transition: outline 0s, box-shadow 0s !important;}
.check-wrap .check input:checked + label{color: var(--krds-light-color-text-basic); font-weight: 700;}
.check-wrap .check.cate_gyung input:checked + label{border:2px solid #0042B6;}
.check-wrap .check.cate_gyung input + label:before{background-image:url('../../../images/default/main/map_taype01.png');}
.check-wrap .check.cate_hak input:checked + label{border:2px solid #025B00;}
.check-wrap .check.cate_hak input + label:before{background-image: url('../../../images/default/main/map_taype02.png');}
.check-wrap .check.cate_sim input:checked + label{border:2px solid #6431B4;}
.check-wrap .check.cate_sim input + label:before{background-image: url('../../../images/default/main/map_taype03.png');}
.check-wrap .check.cate_dol input:checked + label{border:2px solid #FF7B12;}
.check-wrap .check.cate_dol input + label:before{background-image: url('../../../images/default/main/map_taype04.png');}
.check-wrap .check.cate_gun input:checked + label{border:2px solid #FF2E63;}
.check-wrap .check.cate_gun input + label:before{background-image: url('../../../images/default/main/map_taype05.png');}
.check-wrap .check.cate_etc input:checked + label{border:2px solid #696969;}
.check-wrap .check.cate_etc input + label:before{background-image: url('../../../images/default/main/map_taype06.png');}

.map-box{ width:var(--map-box); padding:2rem; background:#fff; border-radius:4rem; border-top-left-radius:0;  z-index: 1; overflow: hidden;}
.map-box .btn-map-my,
.map-box .map-option{position:absolute; z-index:2;}
.map-box .btn-map-my{left:5rem; top:4rem; display:flex; align-items: center; gap:0.7rem; padding:0 1.7rem; color: var(--krds-light-color-text-subtle); font-size: var(--krds-pc-font-size-body-small); font-weight: 700;height:5rem; border-radius: 1rem; border: 1px solid #E2E2E2; background: rgba(255, 255, 255, 0.86); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.20);backdrop-filter: blur(5px);}
.map-box .btn-map-my:before{content:""; position:absolute; left:-4.2rem; bottom:0px; width:5.2rem;  aspect-ratio: 52 / 59; background: url('../../../images/default/main/ai_character02.svg'); background-size:100%; filter: drop-shadow(0 10px 4px rgba(0, 0, 0, 0.06));}
.map-box .btn-map-my:focus{outline-color:var(--krds-light-color-border-primary);}
.map-box .btn-map-my:hover{ color: #007461;}
.map-box .btn-map-my:hover [class^="icon"]{background-color:#007461;}
.map-box .map-option{display:flex; flex-direction: column; gap: var(--krds-gap-3); right:2rem; bottom:2rem; padding:1.5rem 0 0 1.5rem; background:#fff; border-top-left-radius:2rem;}
.map-box .map-option:before{content:""; position:absolute; left:-8rem; bottom:0px; width:8rem; height:8rem; border-radius:50%; box-shadow:3rem 3rem #fff; z-index: -1;}
.map-box .map-option button{width: 4.6rem; height: 4.6rem; flex-shrink: 0; border-radius: 1.15rem; border: 1.15px solid #E2E2E2; background-color: #F1F1F1; background-repeat:no-repeat; background-position:50% 50%; background-size:2.4rem;}
.map-box .map-option button.btn-map-compass{display:none;}
.map-box .map-option button.btn-map-zoom{background-image:url('../../../images/default/main/icon_plus.svg');}
.map-box .map-option button.btn-map-minus{background-image:url('../../../images/default/main/icon_minus.svg');}

/*카카오지도 초기화*/
#local .map{height: 100%; border-radius:3rem; overflow:hidden;}
#local .map .root_daum_roughmap_landing{width:100%; height:100%;}
#local .map .root_daum_roughmap .wrap_map{height:100%;}
#local .map .root_daum_roughmap .wrap_controllers,
#local .map .root_daum_roughmap .map_border,
#local .map .root_daum_roughmap .wrap_btn_zoom{display:none;}
#local .layer_view{position: absolute; min-width: 280px;  background: #fff;  border-radius: 2rem; outline:0.4rem solid #fff;  box-shadow: 0 5px 20px rgba(00, 00, 00, .35);  z-index: 5; margin-top:5px; margin-left:-150px;}
#local .layer_view .close{position:absolute; right:1.5rem; top:2.8rem; font-size:0; width:1.3rem; height:1.3rem; background:url('../../../images/skin/istd/content/close.png')no-repeat 0 0; background-size:100% 100%; }
#local .layer_view dl dt{background:#FFDC61; padding:2rem 1.5rem; padding-right:4rem; word-break: break-all; white-space: normal; font-family: 'Happiness Sans';  color:var(--black); font-size:1.7rem; border-radius: 2rem 2rem 0 0; border-bottom:4px solid #fff; box-shadow:0 3px 8px rgba(0,0,0,0.06);}
#local .layer_view dl dd{padding:1.5rem; font-size:1.7rem;}
#local .layer_view dl dd p{display:block;    word-break: keep-all; white-space: normal;}
#local .layer_view dl dd a{display:inline-block; margin-top:1.5rem; font-size:1.7rem; font-weight:600;  color:var(--black); }
#local .layer_view .marker{position: absolute; font-size: 0; top: -43px;  left: 46%;  z-index: -1;}
#local .layer_view .marker a{display:block; height:100%;}

[class^="icon"]{display:inline-block; width:2.4rem;  aspect-ratio: 1; vertical-align: middle; -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; forced-color-adjust: none;}
.icon_compass{
	-webkit-mask-image: url(../../../images/default/main/icon_compass.svg); 
	mask-image: url(../../../images/default/main/icon_compass.svg); 
	background-color:var(--krds-light-color-text-subtle);
}
.icon_search{
	-webkit-mask-image: url(../../../images/default/main/icon_search.svg); 
	mask-image: url(../../../images/default/main/icon_search.svg); 
	background-color:#fff;
}

@keyframes tree {
  50% { transform:translateX(1.5rem);}
}

@media (max-width:1480px){
	#map-wrap{--map-box:58rem; --map-padding-x: 4rem;}
	.check-wrap{ gap: var(--krds-gap-4);}
}
@media (max-width:1280px){
	#map-wrap{--map-box:50rem; --map-padding-x: 2rem;}
	.map-head h2{padding-left:4rem;}
	.map-head h2 b:after{width:6rem; right:-7rem;}
	.map-buttons h3 span{width:7rem;}
	.check-wrap .check input] + label{font-size:1.5rem;     padding: 0.4rem 1.4rem;}
	.check-wrap .check input] + label:before{width: 2.6rem;}
}
@media (max-width:1024px){
	.half-map{flex-direction: column;}
	.map-head{padding:3rem 2rem 3.3rem;}
	.map-head:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='718' viewBox='0 0 1400 718' fill='none'%3E%3Cpath d='M1340.76 0C1373.48 0.000180198 1400 26.5215 1400 59.2373V657.836C1400 690.973 1373.14 717.836 1340 717.836H60C26.8629 717.836 4.83259e-07 690.973 0 657.836V177.836C7.73213e-06 144.699 26.8629 117.836 60 117.836H161.5C206.236 117.836 245.693 95.2382 269.082 60.8359H269.173C291.801 24.3217 332.234 0 378.349 0H1340.76Z' fill='%23EDF6F2'/%3E%3C/svg%3E");}
	.map-head:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='718' viewBox='0 0 1400 718' fill='none'%3E%3Cpath d='M1340.76 0C1373.48 0.000180198 1400 26.5215 1400 59.2373V657.836C1400 690.973 1373.14 717.836 1340 717.836H60C26.8629 717.836 4.83259e-07 690.973 0 657.836V177.836C7.73213e-06 144.699 26.8629 117.836 60 117.836H161.5C206.236 117.836 245.693 95.2382 269.082 60.8359H269.173C291.801 24.3217 332.234 0 378.349 0H1340.76Z' fill='url(%23paint0_linear_269_9552)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_269_9552' x1='1400' y1='278.336' x2='187.581' y2='179.777' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300A68B'/%3E%3Cstop offset='1' stop-color='%23007461'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");}
	.map-head h2{width:70%; padding-left:0;}
	.map-head h2 b{font-size:3.6rem;}
	.map-buttons{width:100%; padding-top:0;}
	.local-search{width:calc(100% + 2rem); position: relative; left:0;}
	.map-box{width:100%;}
	#local .map{ aspect-ratio: 3 / 2;}
}
@media (max-width:768px){
	#map-wrap{--map-padding-x: 1rem; --map-gap: 2rem; padding-top:4rem; margin-top: 0; background: #EDF6F2;}
	.map-head{padding:0 0 2rem; }
	
	.map-head h2{width:100%; text-align:center; padding-right: 3rem;}
	.map-head h2 em{text-align:left;}
	.map-head h2 b{font-size:2.8rem;}
	.half-map{padding:0 0 4rem;}
	.local-search{ width: 100%; left: 0; padding: 0; background: none;}
	.local-search .search_input input[type="text"]{padding-left:1.4rem}
	.local-search .search_input input[type="text"]::placeholder{font-size:1.5rem;}
	.map-buttons{margin-top:2rem;}
	.map-buttons h3{gap:0 1rem; font-size:2.2rem; justify-content: center;}
	.map-buttons h3 span{display:none;}
	.map-buttons p{font-size: var(--krds-mobile-font-size-body-small); text-align:center; margin-top: 0.6rem;}
	.map-buttons .check-wrap{ margin-top: var(--krds-gap-4); justify-content: center;}
	#local .map{border-radius: 2rem; aspect-ratio: 3 / 3;}
	.map-box{padding:1rem; border-radius: 3rem;}
	.map-box .btn-map-my{top:2rem; height: 4rem; font-size: 1.36rem;  padding: 0 1rem;}
	.map-box .map-option{ padding: 1rem 0.5rem 0.5rem 1rem; right: 1rem;  bottom: 1rem;}
	.map-box .map-option button{width: 3.6rem; height:3.6rem;}
	.check-wrap{gap: var(--krds-gap-3);}
	.check-wrap .check input + label{height:3.6rem; padding: 0.4rem 1rem;}
	.check-wrap .check input + label:before{width:2rem;}
}
@media (max-width:500px){
	.map-head:before{top:-4rem; height:4rem;}
	.map-head:after{top:-5rem; height:5rem; }
	.check-wrap .check input + label{font-size:4vw;}
}

/********************************************************
■ 퀵메뉴
********************************************************/
.quick-wrap{padding:var(--quick-padding-y) 0; --quick-padding-y:9rem; --quick-padding-x:27rem;}
.quick-wrap .inner{position:relative; padding-left:var(--quick-padding-x);}
.quick-wrap .inner:before,
.quick-wrap .inner:after{content:""; position:absolute;}
.quick-wrap .inner:before{left:10rem; top:calc(-1 * var(--quick-padding-y)) ; width: 100%; height:calc(100% + calc(var(--quick-padding-y)*2)); background:#fff; border-bottom-left-radius:18rem; z-index:-1;}
.quick-wrap .inner:after{left:3.5rem; bottom:1rem; width:10.2rem;  aspect-ratio: 102/111; animation: quick 10s linear infinite both; background:url('../../../images/default/main/obj_map_img02.svg')no-repeat 0 0; background-size:100%; filter: drop-shadow(0 10px 4px rgba(0, 0, 0, 0.06));}
.quick-wrap .title{margin-bottom:2.4rem;}
.quick-wrap ul{display:flex; --quick-gap:8rem; gap:var(--quick-gap);}
.quick-wrap li {color: var(--krds-light-color-text-basic); font-size: var(--krds-pc-font-size-body-medium); font-weight: 700; transition: color 0.2s ease-out 0s;}
.quick-wrap li  a{display:block;}
.quick-wrap li [class^="quick"]{display:block; width: 11rem;  aspect-ratio: 1; border-radius: 2rem; background-color: #F1F1F1; margin-bottom:var(--krds-gap-5); background-position:50% 50%; background-repeat:no-repeat; background-size:7.4rem ; transition: all 0.4s ease-out 0s;}
.quick-wrap li .quick01{background-image:url('../../../images/default/main/quick_icon01.png')}
.quick-wrap li .quick02{background-image:url('../../../images/default/main/quick_icon02.png')}
.quick-wrap li .quick03{background-image:url('../../../images/default/main/quick_icon03.png')}
.quick-wrap li .quick04{background-image:url('../../../images/default/main/quick_icon04.png')}
.quick-wrap li .quick05{background-image:url('../../../images/default/main/quick_icon05.png')}
.quick-wrap li:hover{color: #007461;}
.quick-wrap li:hover [class^="quick"]{box-shadow:7px 6px 10px rgba(0,0,0,0.1), -6px -3px 10px rgba(0, 0, 0, 0.04); background-color:#fff; animation: quick-img 0.6s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;}

@keyframes quick {
  50% {transform:translateY(1.5rem);}
}
@keyframes quick-img {
  50% {background-position:50% 30%;}
}
@media (max-width:1480px){
	.quick-wrap ul{--quick-gap: 6rem;}
}
@media (max-width:1280px){
	.quick-wrap { --quick-padding-x: 20rem; --quick-padding-y: 8rem;}
	.quick-wrap ul{--quick-gap: 4rem; justify-content: space-between; flex-wrap:wrap;}
}
@media (max-width:768px){
	.quick-wrap {  --quick-padding-x: 2rem;}
	.quick-wrap .inner:before{ left: 7rem;  border-bottom-left-radius: 8rem;}
	.quick-wrap .inner:after{left:auto; right:1rem; width: 8.2rem;}
	.quick-wrap ul{--quick-gap: 2rem; justify-content: flex-start}
	.quick-wrap li {width:calc((100% - var(--quick-gap) * 2) / 3);}
	.quick-wrap li [class^="quick"]{ width: 8rem; background-size: 4.4rem;}
}
@media (max-width:600px){
	.quick-wrap li br{display:none;}
}

/********************************************************
■ 공지사항
********************************************************/
.notice-wrap, .notice_item .line, .video-btn div, .video-box .vod, .prog, .prog .progress{position:relative;}
.notice-wrap{padding:var(--notice-padding-y) 0; --notice-padding-y:9.6rem; --notice-gap:6.4rem; --video-width:40rem;}
.notice-wrap:before,
.notice-wrap:after{content:""; position:absolute; left:0px; top:0px; width:76%; height:100%; border-radius: 0 18rem 18rem 0;}
.notice-wrap:before{ background: #FFFCEF url('../../../images/default/main/notice_bg.png')no-repeat left bottom; z-index:-1;}
.notice-wrap:after{top:2rem; background: #FDE073; z-index:-2;}
.notice-wrap .inner{display:flex; gap:var(--notice-gap); }
.notice-wrap .notice{width:calc(100% - var(--video-width) - var(--notice-gap));}
.board-head{margin-bottom:4rem; display:flex; gap:4.8rem; align-items: center;}
.board-tab ul{display:flex; gap:3.2rem; }
.board-tab li button{color: var(--krds-light-color-text-disabled); font-size: var(--krds-pc-font-size-heading-small); font-weight: 700; cursor:pointer;}
.board-tab li.on button{color: #007461;}
.notice_list .swiper{ padding: 2rem; width: calc(100% + 4rem); left: -2rem;  top: -2rem;}
.notice_item{  border-radius: 1.2rem; background: #FFF; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);}
.notice_item a{display: flex; flex-direction: column; gap: var(--krds-gap-5); height:100%; padding: var(--krds-pc-padding-card-small) var(--krds-pc-padding-card-medium); }
.notice_item span{display:block;}
.notice_item .noti_cate{display:inline-block; padding: var(--krds-number-4) var(--krds-gap-4); border-radius: 0.8rem; border: 1px solid rgba(0, 116, 97, 0.30); background: #007461; color:#fff;}
.notice_item .noti_subject{color: var(--krds-light-color-text-basic); font-size: var(--krds-pc-font-size-body-large); font-weight: 700; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 3; line-height: 1.5em;height: 4.5em;   -webkit-box-orient: vertical;word-wrap:break-word;} 
.notice_item .line{width:100%; height:1px; background: var(--krds-light-color-border-gray-light);}
.notice_item .line:before{content:""; position:absolute; left:0px; top:0px; width:0; height:1px; background:#007461; transition: width 0.4s ease-out 0s;}
.notice_item .noti_content{color: var(--krds-light-color-text-disabled-on); font-size: var(--krds-pc-font-size-body-small); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2;  line-height: 1.5em;height: 3em; -webkit-box-orient: vertical;word-wrap:break-word; }
.notice_item .noti-date{color: var(--krds-light-color-text-basic); font-size: var(--krds-pc-font-size-body-small); font-weight: 700; padding-top: 5.5rem; margin-top: auto;}
.notice_item:hover{box-shadow: 10px 10px 16px 0 rgba(0, 0, 0, 0.08);}
.notice_item:hover .noti_subject{color:#007461;}
.notice_item:hover .line:before{width:100%;}
.notice-wrap .video{width:var(--video-width);}
.video-btn{ display:flex; height:8.8rem; gap:1.6rem; justify-content: flex-end; align-items: center;}
.video-btn .swiper-button-lock{display:block !important; }
.video-btn div{left:auto; top:auto; right:auto; bottom:auto; width:4.4rem; height:4.4rem; border-radius: 50%; border: 1px solid rgba(166, 166, 166, 0.50); cursor:pointer; font-size:0; background: #FFFCEF;}
.video-box{padding:3.4rem 2.6rem; border-radius:1.7rem; background:#FDE073 url('../../../images/default/main/vod_box.jpg')no-repeat 0 0;}
.video-box .vod{aspect-ratio: 16 / 9.2; border:3px solid #fff; border-radius:0.8rem; overflow:hidden; background:#fff;}
.video-box .vod video{width:100%; height:100%; }
.video-box .tag{margin-top:2rem; display:flex; gap: 0.4rem; justify-content: space-between; overflow-x: auto; scroll-snap-type: x mandatory;  -webkit-scroll-snap-type: x mandatory;  -ms-overflow-style: none;    scrollbar-width: none;}
.video-box .tag::-webkit-scrollbar{display: none;}
.video-box .tag span{border-radius: 2rem; height:3rem; background: #FFFCEF; display: flex; align-items: center; padding: 0 1.2rem; white-space: nowrap; color: var(--krds-light-color-text-basic); font-size: 85%;}
.prog{ width: 100%; height: 3.4rem; margin-top:2rem; border:0.4rem solid #E6E8EA; border-radius: 1rem; background: #E6E8EA;}
.prog .swiper-pagination{display:flex !important; top: 0; left: 1rem; width:auto; font-size: 1.4rem; font-weight: 700; padding:0; color:#fff; background:none; border:none; border-radius:0;  height: 2.6rem;}
.prog .swiper-pagination .swiper-pagination-current{color:#fff;}
.prog .swiper-button-stop{position:absolute; right:1rem; width:2.6rem; height:2.6rem;  z-index: 2; cursor:pointer; font-size:0; background:none; border:none; border-radius:0;}
.prog .swiper-button-stop.on:after{mask-image:url('../../../images/krds/ico_swiper_play.svg')}
.prog .progress{ height:100%; border-radius: 0.87rem; background: #E6E8EA; }
.prog .progress span{position:absolute; left:0px; top:0px;height:100%; border-radius: 0.87rem; background: #007461; -webkit-transition: width 0.2s ease-out 0s; transition: width 0.2s ease-out 0s;}

@media (max-width:1480px){
	.notice-wrap{--notice-gap: 4rem;}
}
@media (max-width:1280px){
	.notice-wrap{--video-width:36rem;}
	.board-head{flex-wrap:wrap; gap:1rem 4.8rem;}
	.notice_item a{padding: var(--krds-mobile-padding-card-small) var(--krds-mobile-padding-card-medium);}
}
@media (max-width:1024px){
	.notice-wrap{--video-width:100%; --notice-padding-y: 8rem; --notice-gap: 2rem 4rem;}
	.notice-wrap .inner{flex-wrap:wrap;}
	.notice-wrap .notice{width:100%;}
	.notice_item .noti-date{padding-top: 3.5rem;}
	.video-btn{height:4.4rem; margin-bottom:1rem;}
	.video-box{padding:2rem; overflow:hidden;}
	.video-box .tag{justify-content: flex-start; width:calc(100% + 4rem); padding-left:2rem; position:relative; left:-2rem;}
}
@media (max-width:768px){
	.notice-wrap:before, .notice-wrap:after{ width: 90%;  border-radius: 0 8rem 8rem 0;}
	.board-head{display:block;}
	.board-tab{ margin-top:1rem; position:relative; left:calc(-1*var(--krds-contents-padding-x)); padding:0 var(--krds-contents-padding-x); width:calc(100% + calc(var(--krds-contents-padding-x) * 2)); overflow-x: auto; scroll-snap-type: x mandatory; -webkit-scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none;}
	.board-tab::-webkit-scrollbar{display: none;}
	.board-tab ul{gap:2rem;  }
	.board-tab li a{ white-space: nowrap;}
	.board-tab li:last-child{padding-right:2rem;}
	.notice_item .noti_cate{font-size:1.5rem;}
}

/********************************************************
■ 로고 슬라이드
********************************************************/
.logo-slide{padding:11.5rem 0 11rem;}
.logo-slide .inner, .slideLink{position: relative; }
.logo-slide .inner{display: flex; gap:5rem; align-items: center;}
.logo-slide .title{flex-shrink: 0; width:20rem;}
.logo-slide .slideLink{width:calc(100% - 25rem);}
.logo-slide .swiper{padding: 1rem;}
.logo-slide a{display: flex; align-items: center;  justify-content: center; border-radius: 0.8rem; background: #FFF; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.10); padding:1rem 3rem; height:7rem; }
.logo-slide a:focus{ outline-color:var(--krds-light-color-border-primary);}
.logo-slide a img{max-height:100%;}
.logo-slide .swiper-button-next, 
.logo-slide .swiper-button-prev{width:4.4rem; height:4.4rem; border-radius: 50%; border: 1px solid rgba(166, 166, 166, 0.50); cursor:pointer; font-size:0; background: #FFFCEF;}
.logo-slide .swiper-button-prev{left:-2.2rem;}
.logo-slide .swiper-button-next{right:-2.2rem;}

@media (max-width:768px){
	.logo-slide{padding:8rem 0 6rem;}
	.logo-slide .inner{display:block;}
	.logo-slide .title{width:100%; margin-bottom:2rem;}
	.logo-slide .slideLink{width:100%;}
	.logo-slide .swiper{padding:1rem 0; overflow: visible;}
	.logo-slide .swiper-button-next,
	.logo-slide .swiper-button-prev{display:none;}
}