@keyframes bounceAni {
    0% { transform: scale(1.1); }
    10%, 60% { transform: rotate(-10deg) scale(1.1); }
    50% { transform: rotate(10deg) scale(1.1); }
    70% { transform: rotate(0deg) scale(1.1); }
    100% { transform: scale(1); }

}
.m-container{width: 100%; font-family: 'Pretendard', sans-serif; line-height: 1.5;}
.m-container .inner{max-width: 1300px; margin:0 auto;}
.m-container .box-tb{max-width: 1045px; margin:0 auto;}
section h2{text-align: center; font-size: 30px; font-weight: 700;}
.ft-nanumpen{font-family: 'NanumPen', sans-serif;}
/* prog:진행중, wList: 대기, cls:마감  */
section .status.prog{color:#fff;}
section .status.wList{color:#1a1a1a; background-color: #f2f2f2;}
section .status.cls{color:#1a1a1a; background-color: #f2f2f2;}
/* dot-list */
.dot-gry-hf{width: 100%; overflow: hidden;}
.dot-gry-hf li{font-size: 17px;width: 98%;margin-right: 0;float: none;font-weight: 600;min-width: 98%;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.dot-gry-hf span{margin-left:5px; color:#787878;}
.dot-gry-hf b{display: inline-block; position: relative; padding-left:10px; color: #333;}
.dot-gry-hf b::before{
    content:"";
    display: inline-block;
    width: 4px;height: 4px;
    border-radius: 50%;
    background-color:#cfcfcf;
    position: absolute;
    left:0;
    top:10px;
}
@media (max-width:480px){
    section h2 {font-size:24px;}
}
.dot-gry-ful{width: 100%; overflow: hidden;}
.dot-gry-ful li{font-size: 16px; margin-right: 10px; font-weight: 500;}
.dot-gry-ful span{display: inline-block; margin-left:5px; color:#787878;}
.dot-gry-ful b{display: inline-block; position: relative; padding-left:10px; color:#333;}
.dot-gry-ful b::before{
    content:"";
    display: inline-block;
    width: 4px;height: 4px;
    border-radius: 50%;
    background-color:#cfcfcf;
    position: absolute;
    left:0;
    top:8px;

}

/* tab */
.tab-cont-wrap .tab-conts{display: none;}
.tab-cont-wrap .tab-conts.active{display: block;}
@media (max-width:1200px){
    .m-container .inner{max-width: 95%;}
    .tab-cont-wrap .df-box{display: block!important;}
}
.m-visual {
    padding-top:30px;
    padding-bottom: 160px;
    background: rgb(255,252,252);
    background: linear-gradient(180deg, #fff 0%, #f3f4f5 100%);
}
.m-visual .box-tb {display: flex; justify-content: space-between; gap: 20px;}
.m-visual .box-tb .visual_title {padding-left: 50px;}
.m-visual .v-tit{color:#565656; font-size: 27px; font-weight: 600; line-height: 1;}
.m-visual .v-tit span{display: inline-block;}
.m-visual .v-tit > span {font-size:18px;}
.m-visual .v-tit .main-title {margin: 20px 0;}
.m-visual .v-tit + p {margin-left: -6px;}
.m-visual .ft-nanumpen{margin-bottom:10px; font-weight: 400; font-family: 'NanumPen', sans-serif; font-size: 40px; color:#565656}
.m-visual .ft-nanumpen .mo_block {display:none;}
.m-visual .ft-nanumpen span{color:#e60144}
.m-visual .sc-visual {position: relative; width: 485px; padding-top: 35px;}
.main-visual {max-height:140px;}
.sc-visual .visual-slider .items a {position: relative; min-height: 140px; display: flex; padding: 0 20px; justify-content: space-between; align-items: center;}
.sc-visual .visual-slider .txt-box {padding-right:30px; text-align: center;}
.sc-visual .visual-slider .txt-box {
    opacity: 0;
    transform: translateY(50px);
    transition: transform .5s ease, opacity .5s ease;
    margin-bottom: 10px;
}

.sc-visual .visual-slider .txt-box.dd {
    opacity: 1;
    transform: translateY(0);
}

.sc-visual .visual-slider .txt-box strong {display: block; font-size: 24px; font-weight: bold; color: #333;}
.sc-visual .visual-slider .txt-box p {font-size: 20px; color: #333;}
.sc-visual .visual-slider .img-box {padding-left: 30px;}
.sc-visual .visual-slider .img-box img {opacity: 0; transform: translateX(-100px); transition: transform .8s ease, opacity .8s ease;}
.sc-visual .visual-slider .img-box img.animate {opacity: 1; transform: translateX(0);}

.sc-visual .visual-slider .slide-active .img-box {animation: move-left 2s ease-in-out;}
.sc-visual .arr-box {position: absolute; right: 0; top: 5px; width: 100%; display: flex; justify-content: right;}
.sc-visual .numcount {font-weight: bold;}
.sc-visual .numcount span {margin: 0 5px;}
.sc-visual .controls {display: flex; align-items: center; margin-left: 15px;}
.sc-visual .slide-btn {width: 20px; height: 20px; padding: 0; background-position: center; background-repeat: no-repeat;}
.sc-visual .slide-btn:not(.pause, .play) {background-image: url("../images/slide_btn.png");}
.sc-visual .pause {background-image: url("../images/slide_pause.png");}
.sc-visual .play {display: none; background-image: url("../images/slide_play.png");}
.sc-visual .slide-btn.next {transform: rotate(-180deg);}
@keyframes move-left {
    0% {
        right: -100px; /* 시작점: 화면 밖 오른쪽 */
    }
    100% {
        right: 0; /* 끝점: 화면의 왼쪽 끝 */
    }
}

.m-visual .m-search{position: relative;}
.m-visual .search-box{
    min-width: 463px;
    background-color: #fff;
    border-radius: 40px;
    border:1px solid #595757;
    overflow: hidden;
    padding:1px 35px;
    position: relative;
}
.m-visual .search-box input[type="text"]{margin:0; width: calc(100% - 36px); height: 46px; float: left; margin-right: 5px; font-size: 16px;}
.m-visual .search-box input::placeholder {color: #888;}
.m-visual .search-box .srch-btn{
    width: 31px;
    height: 46px;
    background:url(/static/yeyak/images/search-btn.png) center center no-repeat;
    float: left;

}

@media (max-width:1120px){
    .m-container .box-tb{width: 100%; text-align: center;}
    .m-visual .m-search{width: 100%; padding-top: 0;}
    .m-visual .m-search::before{display: none;}
    .m-visual .search-box{min-width: 100%}
}
@media (max-width:1024px){
    .m-visual .box-tb{flex-direction: column;}
    .m-visual .box-tb .visual_title {padding-left: 0;}
    .m-visual .v-tit .main-title {margin: 5px 0; padding: 0 15px;}
}
@media (max-width:670px){
    .m-visual .sc-visual {width: 100%; padding-top: 0;}
    .sc-visual .main-visual {display: flex; flex-direction: column;}
    .sc-visual .visual-slider .items a {position: relative; min-height: 130px; justify-content: right;}
    .sc-visual .visual-slider .txt-box {padding-right:0; margin-bottom: 0; margin-top: 20px;}
    .sc-visual .visual-slider .txt-box strong {font-size: 21px;}
    .sc-visual .visual-slider .txt-box p {font-size: 18px;}
    .sc-visual .visual-slider .img-box {position: absolute; left: 15px; bottom: 0; padding-left: 0;}
    .sc-visual .visual-slider .img-box img {width: 72%;}
    .m-visual {padding-bottom: 120px;}
    .m-visual .box-tb{gap: 10px;}
    .m-visual .v-tit{font-size: 20px;}
    .m-visual .v-tit p{margin:0 auto;} /*20240905*/
    .m-visual .ft-nanumpen {font-size: 48px;}
    .m-visual .search-box{width: 100%; padding:0 5px 0 15px; height: 40px;}
    .m-visual .search-box input[type="text"] {height: 40px;}
    .m-visual .search-box .srch-btn{width: 20px; height: 39px; background-size: 100% auto;}
}
@media (max-width:480px){
    .m-visual {padding-top: 25px; padding-bottom: 95px;}
    .m-visual .v-tit{font-size: 15px;}
    .m-visual .ft-nanumpen {font-size: 34px;} /*241010*/
}
.quick-menu-wrap{background-color: #c8c1bb; padding-top:100px; position: relative;}
.quick-menu{
    position: absolute;
    left: 50%;
    top: -115px;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1045px;
    margin:0 auto;
}
/**/
.quick-menu ul {
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.quick-menu ul li a {
    display: block;
    width: 170px;
    height: 150px;
    padding: 15px 15px;
    text-align: center;
}

/**/

.quick-menu ul a .txt{padding-bottom:75px;}
.quick-menu ul a p{font-size: 21px; font-weight: 600; color: #333;}
.quick-menu ul a span{font-size: 14px; color:#909090; font-weight: 700; text-transform:uppercase}
.quick-menu ul li a:after{
    content:"";
    display: inline-block;
    width: 100%;
    height: 75px;
    background-position: center center;
    background-repeat: no-repeat;;
}
.quick-menu ul li:nth-child(1) a:after{background-image: url(/static/yeyak/images/q-menu01.png);}
.quick-menu ul li:nth-child(2) a:after{background-image: url(/static/yeyak/images/q-menu06.png);}
.quick-menu ul li:nth-child(3) a:after{background-image: url(/static/yeyak/images/q-menu03.png);}
.quick-menu ul li:nth-child(4) a:after{background-image: url(/static/yeyak/images/q-menu07.png);}
.quick-menu ul li:nth-child(5) a:after{background-image: url(/static/yeyak/images/q-menu08.png);}

.quick-list{display: flex; flex-wrap: wrap; align-items: stretch;  gap: 15px; }
.quick-list .list-box{width: calc(100% / 4 - 11.25px); padding:30px; border-radius: 20px; background-color: #fff; margin-bottom: 10px;}
/* prog:진행, wList: 대기, cls:마감  */
.quick-list .status{display: inline-block; min-width: 70px; padding:4px 5px; background-color:#e16c02; border-radius: 20px; font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 10px;}
.quick-list .list-box.hide {display: none;} /*241010 추가*/
.quick-list .list-box > div {height: 100%; display: flex; flex-direction: column; align-items: baseline; justify-content: space-between;}

.quick-list .list-box p{
    max-height: 55px;
    font-size: 24px;
    margin-bottom: 26px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.2;
}

/* mob-only */
.mob-br{display: none;}
.quick-list-box .mob-only{display: none;}
.quick-list-box .tab-head-wrap ul{display: flex; border-radius: 40px; margin-bottom: 20px; overflow: hidden;}
.quick-list-box .tab-head-wrap li{width:calc(100% / 5);  color:#988383; background-color: #f7dbdb; padding:10px; text-align: center; font-size: 18px;}
.quick-list-box .tab-head-wrap li.active{background-color: #e95d68; color:#fff; font-weight: 600;}
.quick-list-box .tab-head-wrap li button{padding:0;}
.quick-list-box .tab-cont-wrap .list-box{width: 100%;}


.quick-list-box .btn-wrap{text-align: center; padding:25px 0 40px;}
.quick-list-box .more-btn{
    width: 120px;
    text-align: center;
    color:#000;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    padding:14px 5px;
    margin:0 auto;
    background-color: #fce3ca;
}
.quick-list-box .more-btn:hover,
.quick-list-box .more-btn:focus{box-shadow: 0px 0px 8px rgba(255,255,255,0.5);}
.quick-list-box .more-btn:after{
    content:"";
    display: inline-block;
    width: 14px;
    height: 19px;
    background: url(/static/yeyak/images/more-btn.png) center top no-repeat;
    margin-left: 10px;
    vertical-align: middle;
    filter: brightness(0) invert(0);
}

@media (min-width:1024px){
    .quick-menu ul li {
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 2px -2px 8px rgb(199, 192, 185, 0.5);
        transition: .3s;
    }

    .quick-menu ul li:nth-child(odd){
        align-self: flex-end;
    }

    .quick-menu ul li:nth-child(even){
        align-self: flex-start;
    }

    .quick-menu ul a:hover:after,
    .quick-menu ul a:focus:after{animation: bounceAni 2s;}
}
@media (max-width:1300px){
    .quick-list .list-box{padding: 22px 20px 35px}
}
@media (max-width:1024px){
    .m-visual .v-tit > span {display:none;}
    .m-visual .v-tit p {line-height:1.2;}
    .m-visual .v-tit + p {display:none;}
    .m-visual .v-tit span {padding-top:0;}
    .quick-menu {width: 95%; margin: 0 auto; top: -90px;}
    .quick-menu ul{height: auto; background-color: #fff; align-items: center; border-radius:20px; padding:20px 15px 5px;}
    .quick-menu ul li{margin:0; width: calc(100% / 5); padding:0; border: 0; box-shadow: none;}
    .quick-menu ul li a{width:100%; height: auto; border-radius: 0; box-shadow: none; padding:0;}

    .quick-menu-wrap {padding-bottom: 35px;}
    .quick-list{flex-direction: column;}
    .quick-list .list-box{width: 100%;}
    .quick-list .list-box.hide {display: block !important;}
    .quick-list-box .btn-wrap {display: none;}
    .dot-gry-hf li {width: 100%; margin-right: 0;}
    .dot-gry-ful li {margin-right: 0;}
}

@media (max-width:760px){
    .quick-menu ul a p{font-size: 16px; font-weight: 600;}
    .quick-menu ul a span{font-size: 12px; font-weight: 500;}
    /*.quick-list-box .pc-only{display: none;} /*241010 삭제 */
    .quick-list {gap: 8px;} /*241010*/
    .quick-list-box .mob-only{display: block;}
    .quick-list .list-box h3{font-size: 20px;}
}

@media (max-width:670px){
    .m-visual .v-tit > span {font-size:18px;}
    .quick-menu {top:-85px;}
    .quick-menu-wrap{padding-top: 90px;}
    .quick-list-box .btn-wrap {padding: 15px 0 20px;}
}

@media (max-width:560px){.quick-list-box .tab-head-wrap li{font-size: 16px;}}
@media (max-width:480px){
    .quick-menu {top: -60px;}
    .quick-menu ul{padding:20px 10px 10px; top: -160px;} /*241010*/
    .quick-menu ul a p{font-size: 12px;} /*241010*/
    .quick-menu ul a span{display: none;} /*241010*/
    .quick-menu ul li a:after{
        height: 60px;
        margin-top: 6px;
        background-size: 46px auto;
        background-position: center center;
    }
    .quick-list-box .tab-head-wrap li{ font-size: 14px; font-weight: 500; padding: 10px 5px;}

    .quick-list .list-box{padding:20px; margin-bottom: 5px;}
    .quick-list .status{font-size: 16px; margin-bottom: 10px;}
    .quick-list .list-box .tit{margin-bottom: 18px;}
    .quick-list .dot-gry-hf li{font-size: 16px;}
    .quick-list-box .more-btn{padding:8px 5px;}
}
@media (max-width:380px){
    .mob-br{display: block;}
}

.m-service{background-color:#fff; padding:45px 0;}
.m-service .service-list-wrap {position: relative; margin-top: 40px;}
.m-service .service-list-wrap > ul {max-width: 1110px; margin:0 auto; display: flex; gap: 52px; justify-content: center;}
.m-service .service-list-wrap > ul > li {text-align: center;}

.m-service .service-list-wrap > ul > li > a{width: 100%; height: 100%; }
.m-service .service-list-wrap > ul .img-wrap {width: 90px; height: 80px; margin: 0 auto 10px; background-color: #f6f0ea; text-align: center; border-radius: 15px;} /*241010*/

.m-service .service-list-wrap > ul > li p {font-family: 's-core'; font-size: 14px; line-height: 1.2; font-weight:500; color: #333; letter-spacing: -1px;}
.m-service .service-slider > ul > li p .mo_block {display:none;}
/*
.m-service .service-slider .slide-link p{position: relative; padding-top: 88px;}
.m-service .service-slider .slide-link p::before{
    content:"";
    display: block;
    position: absolute;
    left:50%;
    top:0;
    transform: translateX(-50%);
    width: 83px;
    height: 124px;
    background-repeat: no-repeat;
    background-image: url('/static/yeyak/images/service_icons.png');
    padding-top:88px;
    background-position-y:5px;
    background-position-x: -22px ;
    line-height: 1.2;
}
.m-service .service-slider .slick-slide:nth-child(1) p::before{ background-position-x: -22px ;}
.m-service .service-slider .slick-slide:nth-child(2) p:before{background-position-x: -143px;}
.m-service .service-slider .slick-slide:nth-child(3) p:before{background-position-x: -269px;}
.m-service .service-slider .slick-slide:nth-child(4) p:before{background-position-x: -392px;}
.m-service .service-slider .slick-slide:nth-child(5) p:before{background-position-x: -508px;}
.m-service .service-slider .slick-slide:nth-child(6) p:before{background-position-x: -624px;}
.m-service .service-slider .slick-slide:nth-child(7) p:before{background-position-x: -748px;}
.m-service .service-slider .slick-slide:nth-child(8) p:before{background-position-x: -857px;}
241010 삭제 */
.m-service .srv-arrows{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border:1px solid #dcdcdc;
    background-color: #fff;
    box-shadow: 3px 0 5px rgba(73, 73, 73, 0.15);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.m-service .srv-arrows.prev{background-image: url(/static/yeyak/images/marrow-prev01.png); left:50px;}
.m-service .srv-arrows.next{background-image: url(/static/yeyak/images/marrow-next01.png); right:50px;}
.m-service .srv-arrows:hover,
.m-service .srv-arrows:focus{box-shadow: 3px 0 5px rgba(73, 73, 73, 0.35);}
@media (max-width:1280px){
    .m-service .srv-arrows.prev{left:0;}
    .m-service .srv-arrows.next{right:0;}
    .m-service .service-list-wrap > ul {gap: 15px; justify-content: space-between;}
    .m-service .service-list-wrap > ul .img-wrap {width: 70px; height: 65px;}
}
@media (min-width:1024px){
    .m-service .service-list-wrap > ul > li:hover p {color: #fc8113; transition: .2s;}
}
@media (max-width:1024px){
    .m-service .service-list-wrap > ul {max-width: 600px; flex-wrap: wrap; gap: 15px 5px;}
    .m-service .service-list-wrap > ul .img-wrap {width: 60px; height: 55px;}
    .m-service .service-list-wrap > ul > li {width: calc(100% / 4 - 3.75px);}
    .m-service .service-list-wrap > ul > li p {font-size: 14px;}
    .m-service .service-slider > ul > li p .mo_block {display:block;}
}

@media (max-width:1074px){
    .m-service {padding: 30px 0;}
}

@media (max-width:480px){
    .m-service {padding: 30px 0;}
    .m-service .service-list-wrap {margin-top: 20px;}
    .m-service .service-slider .slide-link{font-size: 14px;}
    .m-service .service-slider .slide-link p {font-size:15px;}
}
.m-program{padding:25px 0 45px;}
.m-program h2{margin-bottom: 35px;}
.m-program > .inner{position: relative; padding: 20px; border-radius: 15px; background-color: #fff; box-shadow: -7px 4px 21px 0px rgba(0, 0, 0, 0.09);}
.program-slide-wrap{position: relative; padding-top: 10px; padding-bottom: 10px;}
.program-slide-wrap.no-click {min-height:250px;}
.program-slide-wrap.no-click::before {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #7d746c; opacity: 0.6; border-radius: 10px; content: ''; z-index: 1;}
.program-slide-wrap .info-txt {display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-shadow: 25px 0px 35px rgb(0 0 0); z-index: 2;}
.program-slide-wrap.no-click .info-txt {display: block; width: 90%; font-size: 28px; color: #fff; font-weight: 700; text-align: center;}
.program-slide-wrap .info-txt .mo_block {display: none;}
.program-slide-wrap .program-slide{    max-width: 1074px;    margin: 0 auto;}
.program-slide-wrap .slick-slide{border: 1px solid #e8e8e8; border-radius: 10px; overflow: hidden;}
.program-slide-wrap .slick-slide {
    margin: 10px 10px;
}
.program-slide-wrap .slick-list {
    margin: 0 -10px;
}

.program-slide-wrap .items .desc{padding:25px 20px 30px; background-color: #fff;}
.program-slide-wrap .items .status span{display: inline-block; font-size: 18px; font-weight: 500; color:#565656;}
.program-slide-wrap .items .status span:nth-child(1){padding-right: 10px; position: relative; }
.program-slide-wrap .items .status span:nth-child(1):before{
    content:"";
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #bebebe;
    position: absolute;
    right:-1px;
    top:50%;
    transform: translateY(-50%);

}
.program-slide-wrap .items .status span:nth-child(2){padding-left: 6px;}
.program-slide-wrap .items .status span.prog{color:#dc6802;}
.program-slide-wrap .items .status span.wList{color:#000; background-color: transparent;}
.program-slide-wrap .items .status span.cls{color:#000; background-color: transparent;}

.program-slide-wrap .items p{height: 95px; font-size: 24px; line-height: 1.3; font-weight: 700; margin-top: 15px; color: #333; overflow: hidden; text-overflow: ellipsis;} /*250227*/

.program-slide-wrap .items a{width: 100%; text-align: center; padding:12px; color:#fff;font-size: 19px; font-weight: 500; background-color: #9c6c43;}
.program-slide-wrap .items a > span::after{
    content:"";
    display: inline-block;
    width: 12px;
    height: 17px;
    vertical-align: middle;
    background: url(/static/yeyak/images/arrow-wh.png) center top no-repeat;
    margin-left:10px;
    transition: transform 0.5s;
}

.program-slide-wrap .items a:hover > span::after,
.program-slide-wrap .items a:focus >span::after{
    transform: translateX(15px);
}
.program-slide-wrap .items a:focus{outline-offset: -3px;}


.program-slide-wrap .prm-arrows{
    width: 27px;
    height: 59px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 1;
}
.program-slide-wrap .prm-arrows.prev{background-image: url(/static/yeyak/images/marrow-prev02.png); left:0;}
.program-slide-wrap .prm-arrows.next{background-image: url(/static/yeyak/images/marrow-next02.png); right:0}

.m-program .setAlm{
    position: absolute;
    right:122px;
    top:35px;
    color:#626262;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    padding:8px 10px;
    border-radius: 5px;
    border:1px solid #626262;
}
.m-program .setAlm:hover,
.m-program .setAlm:focus{box-shadow: 0 0 10px rgba(98, 98, 98, 0.35);}
.m-program .setAlm span:after{
    content:"";
    display: inline-block;
    width: 20px;
    height: 20px;
    background:url(/static/yeyak/images/set_icon.png) center center no-repeat;
    vertical-align: middle;
    margin-left: 10px;
}
@media (max-width:1074px){
    .program-slide-wrap .program-slide{max-width: 90%;}
}
@media (max-width:1024px){
    .m-program .setAlm{right: 0;}
}
@media (max-width:760px){
    .program-slide-wrap .program-slide{max-width: 100%;}
    .program-slide-wrap.no-click .info-txt {font-size: 22px;}
    .program-slide-wrap .items p{font-size: 20px; height: 55px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /*250227*/
    .program-slide-wrap .slick-slide {
        margin: 10px 5px;
    }
    .program-slide-wrap .slick-list {
        margin: 0 -5px;
    }
    .program-slide-wrap .prm-arrows{display: none !important;}
    .program-slide-wrap .slick-dots{display: flex; align-items: center; justify-content: center; gap: 10px; padding-top: 10px;}
    .program-slide-wrap .slick-dots li button{
        text-indent: -9999px;
        width: 14px; height: 14px; border-radius: 50%; background-color: #dedede;
        padding: 0;
    }
    .program-slide-wrap .slick-dots li.slick-active button{background-color: #fc8113;}
    .m-program {padding: 30px 0 35px; background-color: #f4f6f9;}
    .m-program h2 {margin-bottom: 60px;}
    .m-program > .inner {background-color: transparent; box-shadow: none; padding: 0;}
    .m-program .setAlm {width: 190px; padding: 6px 10px; right: auto; top: 55px; left: 50%; transform: translateX(-50%); font-size: 15px;}
}

@media (max-width:480px){
    .program-slide-wrap .info-txt .mo_block {display: block;}
    .program-slide-wrap .items a{font-size: 16px;}
    .program-slide-wrap .items .status span {font-size: 16px;}
    .program-slide-wrap .items .desc {padding: 15px 20px 20px;}
    .m-program .setAlm {top: 50px;}
}
.m-srch-tab{background:linear-gradient(180deg, #fff 0%, #fffcf7 100%); padding:35px 0;}
.m-srch-tab .tab-head-wrap{border-bottom:1px solid #e9e9e9}
.m-srch-tab .tab-head-wrap ul{display: flex; gap: 60px; justify-content: center;}
.m-srch-tab .tab-head-wrap li{font-size: 30px; font-weight: 700; color:#000; position: relative; padding-bottom: 12px;}

.m-srch-tab .tab-head-wrap li::before{
    content:"";
    display: inline-block;
    width: 0%;
    height: 5px;
    background-color: #7d746c;
    position: absolute;
    left:50%;
    bottom:-1px;
    transform: translateX(-50%);
    transition: width 0.3s;
}
.m-srch-tab .tab-head-wrap li.active::before{
    width: 100%;
}

.m-srch-tab .tab-head-wrap li:not(:last-child):after{
    content:"";
    display: inline-block;
    width: 1px;
    height: 26px;
    background-color: #e9e9e9;
    position: absolute;
    right:-30px;
    top:50%;
    transform: translateY(-50%);
}

.m-srch-tab .tab-cont-wrap{padding:40px 0;}
.m-srch-tab .dot-gry-hf li + li {margin-right: 0;}
.m-srch-tab .dot-gry-hf li span {letter-spacing: -1.5px;}

.tab-cont-wrap .df-box{display: flex; gap: 20px;}
.tab-cont-wrap .left-cont{ width: 640px; overflow: hidden;}
.tab-cont-wrap .right-cont{width: calc(100% - 660px);}

.tab-cont-wrap .left-cont .inbx{border-radius: 20px; border:1px solid #7d746c; background-color: #fff; overflow: hidden; position: relative;}
.tab-cont-wrap .left-cont .tit{
    text-align: center;
    color:#fff;
    background: #7d746c;
    padding:15px;
}
.tab-cont-wrap .left-cont .tit h3 {font-size: 23px; font-weight: 600;}
.tab-cont-wrap .left-cont .cont-list{ padding:40px 20px; position: relative;}
.tab-cont-wrap .left-cont .reset-btn{font-size: 14px; font-weight: 500; color:#fff; position: absolute; right: 25px; top: 20px;}
.tab-cont-wrap .left-cont .reset-btn::before{
    content:"";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/static/yeyak/images/reset_icon.png) center center no-repeat;
    margin-right: 6px;
    vertical-align: middle;
}

.tab-cont-wrap .area-prgm-list a{width: 100%; padding:20px; background-color: #f4f4f4; border-radius: 20px; margin-bottom: 10px;}
.tab-cont-wrap .area-prgm-list li:last-child a{margin-bottom: 0;}
.tab-cont-wrap .area-prgm-list .tit{display: flex; align-items: center; margin-bottom: 15px;}
.tab-cont-wrap .area-prgm-list .status{width: 80px; display: inline-block; font-size: 18px; font-weight: 600; background-color: #fff; padding:4px 10px; border-radius: 20px; margin-right: 16px; text-align: center; text-align: center; color: #333;} /*241107*/
.tab-cont-wrap .area-prgm-list .status.prog {background-color: #dc6802; color: #fff;}

.tab-cont-wrap .area-prgm-list p{width: calc(100% - 86px); max-width: 440px; font-size: 24px; color: #333; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*250227*/

.tab-cont-wrap .area-prgm-list .dot-gry-hf{padding-left: 15px;}

.tab-cont-wrap .right-cont .btn-wrap{display: none; text-align: center; padding:20px 0; }
.tab-cont-wrap .right-cont .more-btn{
    width: 120px;
    text-align: center;
    color:#eba3a3;
    border:1px solid #eba3a3;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    padding:8px 5px;
    margin:0 auto;
    background-color: #fef9f6;
}
.tab-cont-wrap .right-cont .more-btn:hover,
.tab-cont-wrap .right-cont .more-btn:focus{box-shadow: 0px 0px 8px rgba(255,255,255,0.5);}
.tab-cont-wrap .right-cont .more-btn:after{
    content:"";
    display: inline-block;
    width: 14px;
    height: 19px;
    background: url(/static/yeyak/images/more-btn.png) center top no-repeat;
    margin-left: 10px;
    vertical-align: middle;
    filter: brightness(0) saturate(100%) invert(81%) sepia(69%) saturate(1239%) hue-rotate(297deg) brightness(108%) contrast(89%);
}

/* 이미지 맵 */
.map-box{position: relative; max-width: 575px; margin:0 auto;}
.map-box .map_img {text-align:center;}
.map-box .map_btn{font-size: 16px; position: absolute; font-weight: 600; padding:0;}
.map-box .map_btn.on{/* box-shadow: 0 0 10px #e95d68; background-color: #e95d68; border-radius: 5px;*/} /*250225*/

/* 지역 버튼 위치 */
.map-box .map_btn.n01{left:29%; top: 23%;}
.map-box .map_btn.n02{left:39%; top: 14%;}
.map-box .map_btn.n03{left: 50%;top: 9%;}
.map-box .map_btn.n04{left: 4%;top: 65%;}
.map-box .map_btn.n05{left: 15%;top: 53%;}
.map-box .map_btn.n06{left: 34%;top: 50%;}
.map-box .map_btn.n07{left: 41%;top: 47%;}
.map-box .map_btn.n08{left: 42%;top: 33%;}
.map-box .map_btn.n09{left: 56%;top: 45%;}
.map-box .map_btn.n10{left: 69%;top: 23%;}
.map-box .map_btn.n11{left: 82%;top: 43%;}
.map-box .map_btn.n12{left: 75%;top: 64%;}
.map-box .map_btn.n13{left: 71%;top: 74%;}
.map-box .map_btn.n14{left: 74%;top: 84%;}
.map-box .map_btn.n15{left: 83%;top: 87%;}

/* 기관검색 , 대상선택 */
.tab-cont-wrap .left-cont .cont-list.slide-cont{padding:0;}
.srch-slide .item-btn-list{
    padding:15px 20px 15px 30px;
    overflow: hidden;
}
.srch-slide .item-btn-list button{
    width: calc(100% / 3 - 13px);
    height: 55px;
    font-size: 17px;
    background-color: #fff;
    border:1px solid #ece7e7;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    line-height: 1.2;
    overflow: hidden;
}
.srch-slide .item-btn-list button.on{background-color: #fef9f6; border-color: #ea5c67; font-weight:800;}

.srch-slide .slick-arrow{
    width: 31px;
    height: 52px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-indent: -9999px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #fff;
    padding:0;
}
.srch-slide .slick-arrow.slick-prev{background-image: url(/static/yeyak/images/srch_slide_prev.png); left: 0; border-radius: 0 20px 20px 0;}

.srch-slide .slick-arrow.slick-next{background-image: url(/static/yeyak/images/srch_slide_next.png); right: 0;  border-radius: 20px 0 0 20px;}

@media (max-width:1200px){
    .tab-cont-wrap .tab-conts .df-box{flex-direction: column;}
    .tab-cont-wrap .left-cont{width: 100%;}
    .tab-cont-wrap .right-cont{width: 100%; margin-top: 20px;}
}

@media (max-width:760px){
    .m-srch-tab {background: #fffcf7;}
    .tab-cont-wrap .area-prgm-list p {font-size: 20px;} /*250227*/
    .m-srch-tab .tab-cont-wrap {padding: 30px 0 20px;}
}

@media (max-width:670px){
    .m-srch-tab .tab-head-wrap li{font-size: 28px;}
    /*모바일 첫번째 리스트만 보이게 하는설정*/
    .area-prgm-list > li:nth-child(n+3){display: none;}
    .tab-cont-wrap .right-cont .btn-wrap{display: block;}

}
@media (max-width:575px){
    .map-box .map_btn{font-size: 14px;}
}
@media (max-width:480px){
    .m-srch-tab {padding: 30px 0 10px;}
    .m-srch-tab .tab-head-wrap ul{justify-content: center; gap: 30px;}
    .m-srch-tab .tab-head-wrap li{font-size: 24px;}
    .m-srch-tab .tab-head-wrap li::before {height: 4px;}
    .m-srch-tab .tab-head-wrap li:not(:last-child):after{right: -16px; top: 20px;}
    .tab-cont-wrap .left-cont .tit {padding: 8px 15px;}
    .tab-cont-wrap .left-cont .tit h3{font-size: 20px;}
    .tab-cont-wrap .area-prgm-list .status{font-size: 16px; padding: 5px 10px;}

    .tab-cont-wrap .left-cont .cont-list{padding:20px 10px;}
    .tab-cont-wrap .left-cont .reset-btn {top: 12px; right: 5px;}
    .tab-cont-wrap .left-cont .reset-btn::before {margin-bottom: 3px;}
    .map-box .map_btn{font-size: 11px;}

    .srch-slide .item-btn-list{padding: 5px 33px 5px 40px;}
    .srch-slide .item-btn-list button{width: calc(100% / 3 - 7px);  height: 42px; font-size: 12px; margin-right: 7px; margin-bottom: 7px;}
    .srch-slide .slick-arrow{width: 22px; height: 37px;}

    .tab-cont-wrap .area-prgm-list a {padding: 20px 15px;}
    .tab-cont-wrap .area-prgm-list .dot-gry-hf {padding-left: 0;}
}
/* 테마별 동작 예약 */
.m-thema{background-color: #f3f9fd; padding:50px 0 60px;}
.m-thema h2{margin-bottom: 30px;}
.m-thema .tab-head-wrap ul{display: flex; align-items: center; gap: 10px; justify-content: space-between;}
.m-thema .tab-head-wrap li{padding:15px 10px; max-width: 164px; text-align: center; background-color: #fff;
    border-radius: 15px; border:1px solid #dddddd;font-size: 18px; flex:1 1 0;}
.m-thema .tab-head-wrap li.active{
    background: #9c6c43;
    color:#fff; font-weight: 600;
}

.m-thema .thema-slide-wrap{position: relative; margin-top:20px;}
.m-thema .items{
    background-color: #fff;

}
.m-thema .slick-slide {
    margin: 0 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
    border-radius: 10px;
}
.m-thema .slick-list {
    margin: 0 -10px;
    padding-bottom:10px;
}
.m-thema .items a{
    position: relative; display: block; width: 100%; height: 100%; padding:30px 20px 80px;
}
.m-thema .items .tit{
    height: 60px;
    margin-bottom:15px;
    font-size: 24px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    line-height: 30px;
}

.m-thema .items .status span {display: inline-block;  color: #333; font-size: 18px; font-weight: 600;}
.m-thema .items .status span.status {min-width: 70px; padding: 4px 5px; text-align: center; background-color: #f2f2f2; border-radius: 20px;}
.m-thema .items .status span.status.prog {background-color: #dc6802; color: #fff;} /*250225*/
.m-thema .items .status span + span {margin-left: 10px;}

.m-thema .items .info{position: absolute; bottom: 0; left: 0; width: 100%;}
.m-thema .items .info span{
    display: block;
    width: 100%;
    padding:14px 10px;
    font-size: 18px;
    font-weight: bold;
    background-color: #f5f4f2;
    text-align: center;
    border-radius: 0 0 10px 10px;
}

.m-thema .items .info .chrgd{background-color: #feeddd;}

.thema-slide .slick-arrow{
    width: 27px;
    height: 59px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 30px);
    transform: translateY(-50%);
    z-index: 1;
    text-indent: -9999px;
}
.thema-slide .slick-arrow.slick-prev{
    background-image: url(/static/yeyak/images/marrow-prev02.png);
    left: -45px;
}
.thema-slide .slick-arrow.slick-next{
    background-image: url(/static/yeyak/images/marrow-next02.png);
    right: -45px;
}
.thema-slide .slick-dots{display: flex; align-items: center; justify-content: center; gap: 10px; padding-top: 30px;}
.thema-slide .slick-dots li button{
    text-indent: -9999px;
    width: 12px; height: 12px; border-radius: 50%; background-color: #888;
    padding: 0;
}
.thema-slide .slick-dots li.slick-active button{background-color: #e16c02; width:16px; height:16px;}
@media (max-width:1400px){
    .thema-slide .slick-arrow.slick-prev{left:0;}
    .thema-slide .slick-arrow.slick-next{right: 0;}
}

@media (max-width:760px){
    .m-thema {padding: 30px 0 40px;}
    .m-thema .items .tit{height: 5.5rem; font-size: 20px; margin: 15px 0 20px; -webkit-line-clamp: 2;}
}

@media (max-width:980px){

    .m-thema .tab-head-wrap .tab{overflow: hidden;}
    .m-thema .tab-head-wrap ul{
        overflow-x: auto;
        width: 100%;
        scroll-behavior: smooth;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .m-thema .tab-head-wrap ul::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/

    }
    .m-thema .tab-head-wrap li{width: auto; min-width: 120px;
        flex: 1 0 auto;}
}
@media (max-width:480px){
    .m-container .inner {max-width: 92%;}
    /* .m-service .service-slider .img-wrap {width: 70px; height: 65px;} */
    .m-thema .tab-head-wrap li{font-size: 17px; padding: 10px 10px 10px; border-radius: 8px;}
    .m-thema h2 {margin-bottom: 20px;}
    .m-thema .slick-slide {
        margin: 0 8px;
        box-shadow: none;
    }
    .m-thema .slick-list {
        margin: 0 -8px;
    }
    .m-thema .items a{padding:20px 20px 60px;}
    .m-thema .items .status b{font-size: 12px;}
    .m-thema .items .status span{font-size: 16px;}

    .m-thema .items .info span{width: auto; font-size: 16px; padding: 12px 15px;}
    .m-thema .dot-gry-ful li{margin-bottom: 3px; margin-right: 0;}
    .m-thema .dot-gry-ful span {margin-left: 10px;}
    .thema-slide .slick-dots {padding-top: 25px;}

}


.m-thema .items a .status{margin-bottom: 5px;}
.m-thema .items a  h3{margin-bottom: 15px;height: 60px;font-size: 24px;line-height: 30px;font-weight: bold;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media (max-width:1024px){
	.m-thema .items a  h3{margin-bototm: 15px;height: 50px;font-size: 20px;line-height: 25px;}
}

@media (max-width:767px){
	.m-thema .items a  h3{margin-bottom: 10px;height: 42px;font-size: 16px;line-height: 21px;}
}