@charset "UTF-8";
.inner{width:1600px;margin:0 auto;}
h2{font-size:2.25rem;font-weight:bold;}
#container {z-index:0;position:relative;}
#wrap{overflow:hidden;}

@media (max-width:1600px){
    .inner{width:100%;padding:0 1rem;}
}
@media (max-width:1030px){
    h2{font-size:2rem;}
}
@media (max-width:767px){
    h2{font-size:1.75rem;}

}


/*ctn01*/
#ctn01{padding:2.5rem 0 4rem 0;background:#fafafa;}
#ctn01 .inner{display:flex;justify-content: space-between}
#ctn01 .visual{width:42.1875%;position:relative;}

#ctn01 .visual .mainSwiper{overflow:hidden;border-radius:1rem;box-shadow: 10px 10px 20px rgb(6 0 1 / 15%);}
#ctn01 .visual .swiper-slide a{width:100%;height:100%;display:inline-block;}
#ctn01 .visual .swiper-slide a img{width:100%;height:33.75rem;    object-fit: cover;}
#ctn01 .visual .swiper-btn{position:absolute;bottom:0;background:#fff;border-radius:1.25rem;left:50%;margin-left:-4.25rem;margin-bottom:-1.25rem;width:8.5rem;height:2.5rem;z-index:1;display:flex;align-items: center;justify-content: center;gap:0.4rem;}
#ctn01 .visual .swiper-btn button{display: inline-block;text-indent: -9999px;width:1rem;height:1rem;}
#ctn01 .visual .swiper-btn button#swiper-play {background:url(/images/common/default/main/start-btn.svg)no-repeat center center;background-size:cover;}
#ctn01 .visual .swiper-btn button#swiper-pause {background:url(/images/common/default/main/stop-btn.svg)no-repeat center center;background-size:cover;}
#ctn01 .visual .swiper-btn .swiper-pagination-main {font-size:0.9rem;color:#333333;position:relative;left:auto;bottom:auto;width:auto;display:flex;align-items: center;}
#ctn01 .visual .swiper-button-next, .swiper-button-prev {margin-top:0 !important;transform:translateY(-50%);}
#ctn01 .visual .swiper-btn .swiper-pagination-total {color:#999999;}

#ctn01 .visual .swiper-btn .page-navi {width:2rem;height:2px;background:#ddd;display:inline-block;margin:0 0.45rem;position:relative;}
#ctn01 .visual .swiper-btn .page-navi:before{content:'';display: block;height: 100%;border-radius: 3px;transition-property: background-color;transition-duration: .2s;transition-timing-function: ease-in-out;}
#ctn01 .visual .swiper-btn .page-navi.on:before{    background-color: #404040;
    animation: 5s proBar;}


@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}

#ctn01 .visual .swiper-button-prev {width:2.75rem;height:2.75rem;background:#fff url(/images/common/default/main/slide-left.svg)no-repeat center center;left:0;border-radius:50%;margin-left:-1.375rem;box-shadow: 5px 0 15px rgb(0 0 0 / 15%);}
#ctn01 .visual .swiper-button-next {width:2.75rem;height:2.75rem;background:#fff url(/images/common/default/main/slide-right.svg)no-repeat center center;right:0;border-radius:50%;margin-right:-1.375rem;box-shadow: 5px 0 15px rgb(0 0 0 / 15%);}
#ctn01 .visual .swiper-button-prev:after{display:none}
#ctn01 .visual .swiper-button-next:after{display:none}

#ctn01 .right{width:55.625%; display:flex;flex-direction: column;justify-content: space-between;}
#ctn01 .right .right-top{height:24.5rem;border:1px solid #ddd;border-radius:1rem;overflow:hidden;position:relative;background: #fff;}
#ctn01 .right .right-top .board-item-list{display:flex;    background: linear-gradient(90deg, #ea6a1c 0%, #e7510e 100%);padding:0.85rem 2rem 0 1.1rem;height:3.75rem;}
#ctn01 .right .right-top .board-item-list li.board-item > a {transition-duration: 0.2s;padding:0 1.5rem;color:#fff;font-size:1rem;min-width:7rem;text-align:center;position:relative;    height: 2.9rem;display: flex;align-items: center;justify-content: center;}
#ctn01 .right .right-top .board-item-list li.board-item > a br{display:none}

#ctn01 .right .right-top .board-item-list li.board-item:not(:last-child) > a:after{content:'';display:block;position:absolute;width:1px;height:0.9rem;background:#fff;top:1.25rem;right:0;}
#ctn01 .right .right-top .board-item-list li.board-item.onBefore > a:after{display:none;}
#ctn01 .right .right-top .board-item-list li.board-item.on > a{background:#fff;color:#ea6a1c;border-radius:0.5rem 0.5rem 0 0;font-weight:bold;}
#ctn01 .right .right-top .board-item-list li.board-item:hover > a{background:#fff;color:#ea6a1c;border-radius:0.5rem 0.5rem 0 0;font-weight:bold;transition-duration: 0.2s;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con {position:absolute;width:100%;display:flex;flex-wrap:wrap;left:0;padding:1.5rem 1rem;height:calc(100% - 3.75rem);    align-items: flex-start;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con:before{content:'';display:block;position:absolute;width:1px;height:calc(100% - 3rem);background:#ddd;left:50%;top:50%;transform:translate(0,-50%);margin-left:-0.025rem}

#ctn01 .right .right-top .board-item-list li.board-item .board-con > a{width:calc(50% - 1.5rem);padding:1.1rem 0;display:flex;border-bottom:1px dashed #ddd;align-items: flex-start;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(odd){margin-right:1.5rem;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(even){margin-left:1.5rem;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a:first-child,
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(2){padding-top:0;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(5),
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(6){padding-bottom:0;border-bottom:none;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-type {display:inline-block;min-width:3.9rem;line-height:1.65rem;border-radius:5px;font-size:.9rem;text-align:center;margin-right:1rem;font-weight:700;padding:0 0.5rem;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-type.type01{background:#fdf6e3;color:#d65312;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-type.type02{background:#f0f6ff;color:#336bd8;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-type.type03{background:#effaee;color:#2b8e3e;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-type.type04{background:#ffedf2;color:#ef3282;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-txt{width:calc(100% - 4.9rem);}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-txt .tit{font-size:1.1rem;line-height:1.3;font-weight:600;    display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;text-decoration: underline;
    text-underline-position: under;height:2.9rem; text-decoration-thickness: 1px;
    text-decoration-color: #fff;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a:hover .board-txt .tit{text-decoration-color:#333;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-txt .date{font-size:0.8rem;color:#888;margin-top:0.85rem;display:block;}

#ctn01 .right .right-top .board-item-list li.board-item .board-con .more-btn{position:absolute;width:1.2rem;height:1.15rem;background:url(/images/common/default/main/more-icon.svg)no-repeat center center;background-size:cover;right:1.6rem;top:-2.25rem;cursor:pointer;transition: transform 0.5s;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con .more-btn a{display:block;width:100%;height:100%;}
#ctn01 .right .right-top .board-item-list li.board-item .board-con .more-btn:hover{transform: rotate(180deg);}

#ctn01 .right .right-top .board-item-list li.board-item .board-none .icon-bx{margin:0 auto;margin-bottom:1.5rem;width:5rem;height:5rem;background:#fdf6e3 url(/images/common/default/content/board-none.png)no-repeat center center;background-size:2.25rem;border-radius:50%;}
#ctn01 .right .right-top .board-item-list li.board-item .board-none {height:calc(100% - 3.75rem);position:absolute;width:100%;left:0;text-align:center;font-size:1.1rem;    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}


#ctn01 .right .right-bottom{height:7.75rem;display:flex;align-items: center;justify-content: center;background:#fff;border:1px solid #ddd;border-radius:1rem;}
#ctn01 .right .right-bottom ul{display:flex;width:100%;}
#ctn01 .right .right-bottom ul li span{padding:0 4px;display:inline-block;font-size:1rem;margin-top:1rem;font-weight:600;line-height:1.3;position:relative;  display: inline;
    }

#ctn01 .right .right-bottom ul li {width:calc(100% / 4);text-align:center;}
#ctn01 .right .right-bottom ul li:not(:last-child){border-right:1px dashed #ddd;}
#ctn01 .right .right-bottom ul li a{display:inline-block;width:100%;height:100%;}
#ctn01 .right .right-bottom ul li a img{ transition: transform 0.5s;display:block;margin:0 auto;margin-bottom:0.75rem;}
#ctn01 .right .right-bottom ul li:hover a img{ transform: scaleX(-1);}
#ctn01 .right .right-bottom ul li:hover a{color:#ea6a1c;}
#ctn01 .right .right-bottom ul li:hover span {  box-shadow: inset 0 -10px 0 #fdf6e3; }
#ctn01 .right .right-bottom ul li:hover span em{position:relative;z-index:1;}
#ctn01 .right .right-top .board-item-list li.board-item.onBefore > a:after{display:none;}

.swiper-notification {    text-indent: -9999px;    position: absolute;
    top: -99999px;
    left: -99999px;
    line-height: 0;}
@media (max-width:1600px){
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a{width:calc(50% - 0.5rem);}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(odd){margin-right:0.5rem;}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(even){margin-left:0.5rem;}
    #ctn01 .right .right-top .board-item-list li.board-item{width:calc(100% / 4);}
    #ctn01 .right .right-top .board-item-list li.board-item > a{min-width:inherit;width:100%;padding:0 0.5rem;}

}
@media (max-width:1400px){
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-txt .tit{font-size:1rem;height:auto;}

}
@media (max-width:1050px) {
    #ctn02 .official-list-con ul li .btn-zone a{    text-align: center;
        padding: 0 0.5rem;}


}
@media (max-width:1030px){
    #ctn01 .right .right-bottom ul li img{height:2.5rem;}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a{display:block;width:100%;margin-right:1rem;}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a:first-child, #ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(2){padding-top:1.1rem;}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con{overflow-y:scroll;width:100%;padding:0 0 0 1rem;}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(5), #ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(6){padding-bottom:1.1rem;    border-bottom: 1px dashed #ddd;}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-txt{width:100%;}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a .board-type{margin-right:0;margin-bottom:1rem;}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(odd){margin-right:1rem;}
    #ctn01 .right .right-top .board-item-list li.board-item .board-con > a:nth-child(even){margin-left:0;}

    #ctn01 .right .right-top .board-item-list li.board-item .board-con:before{display:none;}

}
@media (max-width:767px) {
    #ctn01{padding-top:1rem;padding-bottom:2.5rem;}

    #ctn01 .inner {display:block;}
    #ctn01 .visual{width:100%;}
    #ctn01 .visual .swiper-slide a img{height:auto;}
    #ctn01 .right{width:100%;margin-top:3rem;}
    #ctn01 .right .right-bottom{margin-top:1.5rem;height:auto;padding:1rem;}
    #ctn01 .right .right-bottom ul{flex-wrap:wrap;margin-bottom:-1rem;justify-content: center;}
    #ctn01 .right .right-bottom ul li{width:calc(100% / 4);margin-bottom:1rem;}
    #ctn01 .visual .swiper-button-prev{left:1rem;margin-left:0;}
    #ctn01 .visual .swiper-button-next{right:1rem;margin-right:0;}



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

    #ctn01 .right .right-top .board-item-list li.board-item > a{word-break: break-all;line-height:1.2;}
    #ctn01 .right .right-bottom{padding:1rem}
    #ctn01 .right .right-bottom ul{flex-wrap:wrap;margin-bottom:0;}

    #ctn01 .right .right-bottom ul li span{margin-top:0.5rem;}
    #ctn01 .right .right-bottom ul li:nth-child(2){border-right:none;}


    #ctn01 .right .right-bottom ul li{width:calc(100% / 2);padding-bottom:1rem;border-bottom:1px dashed #ddd;margin:0;padding:1rem 0;}
    #ctn01 .right .right-bottom ul li:nth-child(3){border-bottom:none;}
    #ctn01 .right .right-bottom ul li:nth-child(4){border-bottom:none;}
}

/*ctn02*/
#ctn02 {padding:3.75rem 0;}
#ctn02 .inner{position:relative;height:37rem;}
#ctn02 .tit-bx {display:flex;justify-content: space-between}
#ctn02 .tit-bx ul.official{display:flex;width:21rem;border:1px solid #ddd;height:3.5rem;border-radius:0.5rem;box-shadow: 5px 0 20px rgb(0 0 0 / 10%);padding:0.35rem 3.5rem 0.35rem 0.35rem;}
#ctn02 .tit-bx ul.official > li {width:calc(100% / 2 - 0.4rem);}
#ctn02 .tit-bx ul.official > li:not(:last-child){margin-right:0.4rem;}
#ctn02 .tit-bx ul.official > li > a{border-radius:0.5rem;display: flex;align-items: center;justify-content: center;width:100%;height:100%;text-align:center;color:#888;transition-duration: 0.2s;}
#ctn02 .tit-bx ul.official > li.on > a{background:#ea6a1c;color:#fff;font-weight:bold;}
#ctn02 .tit-bx ul.official > li:hover > a{background:#ea6a1c;color:#fff;font-weight:bold;transition-duration: 0.2s;}
#ctn02 .official-list-con {position:absolute;left:0;top:4.75rem;display:flex;width: calc(100% + 1.5rem);}
#ctn02 .official-list-con ul {display:flex;flex-wrap:wrap;width:100%;margin:-0.75rem;}
#ctn02 .official-list-con ul li {margin:0.75rem;width:calc(100% / 3 - 1.5rem);border-radius:0.75rem;}
#ctn02 .official-list-con ul li {border:1px solid #f8f8f8;background:#f8f8f8;height:15rem;border-radius:0.75rem;padding:1.25rem 0.9rem;}
#ctn02 .official-list-con ul li .bus-tit{width:3.9rem; height:1.65rem; display:flex; align-items:center; justify-content:center; border-radius:5px; font-size:0.9rem; font-weight:600; background:#fff; border:1px solid #e75d08; color:#e75d08;}
#ctn02 .official-list-con ul li .state-bx{display:flex;align-items:center;}
#ctn02 .official-list-con ul li .state-bx span{width:3.9rem;height:1.65rem;display:flex;
    align-items:center;justify-content:center;border-radius:5px;font-size:0.9rem;font-weight:600;}
#ctn02 .official-list-con ul li .state-bx span:not(:last-child){margin-right:5px;}
#ctn02 .official-list-con ul li .state-bx span.state01{background:#336bd8;color:#fff;}
#ctn02 .official-list-con ul li .state-bx span.day{background:#fff;border:1px solid #e75d08;color:#e75d08;}
#ctn02 .official-list-con ul li a.tit{font-size:1.1rem;font-weight:700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;position: relative;min-height:2.85rem;line-height:1.3;margin-top:1.25rem;}
#ctn02 .official-list-con ul li a.tit span.type{color:#336bd8;}
#ctn02 .official-list-con ul li p.day{margin-top:1rem;font-size:0.9rem;}
#ctn02 .official-list-con ul li .btn-zone {display:flex;align-items:center;gap:0.5rem;margin-top:2rem;}
#ctn02 .official-list-con ul li .btn-zone a{background:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content: center;width:50%;height:2.75rem;border-radius:0.4rem;color:#666;font-size:0.9rem;}

#ctn02 #official01.official-list-con ul li .btn-zone a {width:100%;}

#ctn02 .official-list-con ul li .state-bx span.state01-1 {background:#e96a1b;color:#fff;border:1px solid #e96a1b}

#ctn02 .official-list-con ul li .state-bx span.state02-2 {background:#336bd8;color:#fff;border:1px solid #336bd8}

#ctn02 .official-list-con ul li .state-bx span.state03-3 {background:#8f8f8f;color:#fff;border:1px solid #8f8f8f}


#ctn02 .official-list-con ul li:hover{background:#fff;border:1px solid #ea6a1c;box-shadow: 8px 0 35px rgb(6 0 1 / 8%);}

#ctn02 .official-list-con ul li .btn-zone a.homepage:hover{background:#ea6a1c;color:#fff;border:1px solid #ea6a1c;}
#ctn02 .official-list-con ul li .btn-zone a.view-btn:hover{background:#272a2e;color:#fff;border:1px solid #272a2e;}
#ctn02 .official-list-con ul li .btn-zone a.link-btn:hover{background:#ea6a1c;color:#fff;border:1px solid #ea6a1c}
#ctn02 .official-list-con ul li .btn-zone a.link-btn:after{content:'';display:block;width:0.8rem;height:0.8rem;background:url(/images/common/default/content/link-btn.svg)no-repeat center center;background-size:cover;margin-left:0.5rem;}
#ctn02 .official-list-con ul li .btn-zone a.link-btn:hover:after {
    background: url(/images/common/default/content/link-btn-on.svg)no-repeat center center;
    background-size: cover;
}

#ctn02 .official-list-con .more{position:absolute;right:3rem;top:-3.5rem; transition: transform 0.5s;    text-indent: -9999px;width:1.2rem;height:1.15rem;background:url(/images/common/default/main/more-btn.png)no-repeat center center;background-size:cover;}
.ctn02-swiper-con{width:calc(100% / 3 - 1.15rem);margin:0 auto;text-align: -webkit-right;z-index:1;position:absolute;right:0;bottom:0;height:15rem;bottom:0.8rem;}
.ctn02Swiper {position:relative;border-radius:0.75rem;overflow:hidden;}

.ctn02Swiper .swiper-slide img{border-radius:0.75rem;max-width:100%;    height: 90%;}

#ctn02 .official-list-con .more:hover{transform: rotate(180deg);}

#ctn02 .swiper-btn{left:50%;margin-left:-4.5rem;width:9rem;height:2.5rem;border-radius:1.2rem;background:#fff;position:absolute;z-index:1;bottom:0;box-shadow: 5px 0 15px rgb(0 0 0 / 15%);
}
#ctn02 .swiper-btn .btn-con{position:relative;display: flex;align-items: center;justify-content: center;gap:0.3rem;    height: 2.5rem;}
#ctn02 .swiper-btn button{display: inline-block;text-indent: -9999px;width:0.9rem;height:0.9rem;}
#ctn02 .swiper-btn button#swiper-play-ctn02 {background:url(/images/common/default/main/start-btn.svg)no-repeat center center;background-size:cover;}
#ctn02 .swiper-btn button#swiper-pause-ctn02 {background:url(/images/common/default/main/stop-btn.svg)no-repeat center center;background-size:cover;}
#ctn02 .swiper-btn .swiper-pagination-ctn02 {font-size:0.9rem;color:#666;position:relative;left:auto;bottom:auto;width:auto;    display: flex;
align-items: center;}
#ctn02 .swiper-btn .swiper-button-next-ctn02, .swiper-button-prev-ctn02 {margin-top:0 !important;}
.swiper-button-prev-ctn02:after, .swiper-container-rtl .swiper-button-next-ctn02:after{display:none !important;}
.swiper-button-next-ctn02:after, .swiper-container-rtl .swiper-button-prev-ctn02:after{display:none !important;}
#ctn02 .swiper-btn .swiper-button-prev-ctn02 {position:relative;background:url(/images/common/default/main/slide-left.svg)no-repeat center center;background-size:cover;left:0;cursor:pointer;width:0.45rem;height:0.7rem;}

#ctn02 .swiper-btn .swiper-button-next-ctn02 {padding-left:5px;background:url(/images/common/default/main/slide-right.svg)no-repeat center center;background-size:cover;right:0;cursor:pointer;width:0.45rem;height:0.7rem;}
#ctn02 .swiper-btn .swiper-pagination-ctn02 .swiper-pagination-current{color:#333}
#ctn02 .swiper-btn .swiper-pagination-ctn02 .swiper-pagination-total {color:#999;}
#ctn02 .swiper-btn .line{display:block;width:1px;background:#ddd;height:0.9rem;right:0;top:0;}

#ctn02 .swiper-btn .swiper-pagination-ctn02 .page-navi {width:2rem;height:2px;background:#ddd;display:inline-block;margin:0 0.45rem;position:relative;text-align:left;}
#ctn02 .swiper-btn .swiper-pagination-ctn02 .page-navi:before{content:'';display: block;height: 100%;border-radius: 3px;transition-property: background-color;transition-duration: .2s;transition-timing-function: ease-in-out;}
#ctn02 .swiper-btn .swiper-pagination-ctn02 .page-navi.on:before{    background-color: #404040;
    animation: 5s proBar;}

#ctn01 .visual .swiper-btn .page-navi.stop:before {animation-play-state: paused;
-webkit-animation-play-state: paused;}
#ctn02 .swiper-btn .swiper-pagination-ctn02 .page-navi.stop:before {animation-play-state: paused;
    -webkit-animation-play-state: paused;}


@media (max-width:1600px) {
    .ctn02-swiper-con{right:1rem;bottom:0.75rem;}
#ctn02 .official-list-con{left:1rem;width: calc(100% - 0.5rem);}
    .ctn02Swiper .swiper-slide img{border-radius:0.75rem;max-width:100%;    height: 13.75rem;}


}
@media (max-width:1100px) {
    #ctn02 .official-list-con ul li a.tit{letter-spacing: -0.035rem;}
    #ctn02 .official-list-con ul li .btn-zone a{font-size:0.85rem;}

}
@media (max-width:1050px) {
    #ctn02 .official-list-con ul li .btn-zone {margin-top:1rem;}
}
@media (max-width:1030px) {
#ctn02 .official-list-con ul li {width: calc(100% / 2 - 1.5rem);}
#ctn02 .official-list-con ul li:nth-child(4),
#ctn02 .official-list-con ul li:nth-child(5) {display:none;}
    .ctn02Swiper .swiper-slide img{width:100%;}
    .ctn02-swiper-con{ width: calc(100% / 2 - 1.5rem);bottom:0.75rem;}
    #ctn02 .official-list-con ul li .btn-zone a{font-size:0.9rem;}
}
@media (max-width:767px) {
    #ctn02 {
        padding: 2.5rem 0;
    }
}


@media (max-width:720px) {
#ctn02 .inner{height: 73.3rem;}
#ctn02 .official-list-con ul li {    width: 100%;height:225px;}

.ctn02Swiper{width: 100%;height:auto;}
.ctn02Swiper .swiper-wrapper {margin-bottom:2rem;}

#ctn02 .tit-bx{display:block;}
#ctn02 .tit-bx ul.official{width:100%;margin-top:1.5rem;}
#ctn02 .official-list-con{top:8rem;}
    .ctn02-swiper-con{width: calc(100% - 2rem);right:auto;left:auto;}


}



#ctn03 .link-zone{background:#e25b01;display:flex;padding:1.2rem 3.5rem;border-radius:0.5rem 2.5rem 0.5rem 2.5rem;}
#ctn03 .link-zone > li{width:calc(100% / 4);}
#ctn03 .link-zone > li img{    transition: transform 0.5s;}
#ctn03 .link-zone > li a{display:flex;align-items: center;    justify-content: center;}
#ctn03 .link-zone > li span{display:inline-block;margin-left:0.75rem;font-size:1.1rem;color:#fff;}
#ctn03 .link-zone > li:hover img{transform: scaleX(-1);}

@media (max-width:1600px) {
#ctn03 .link-zone {padding:1.2rem 1rem;}
}
@media (max-width:1400px) {
#ctn03 .link-zone > li a img{height:2.5rem;}
#ctn03 .link-zone > li span{font-size:1rem;line-height:1.3;margin-left:0.5rem;}
}
@media (max-width:900px) {
#ctn03 .link-zone{flex-wrap:wrap;justify-content: center;}
#ctn03 .link-zone > li{width:calc(100% / 2);margin-bottom:1rem;}
#ctn03 .link-zone > li:nth-child(4){margin-bottom:0;}
#ctn03 .link-zone > li:nth-child(5){margin-bottom:0;}  #ctn03 .link-zone > li a{    justify-content: flex-start;}
}
@media (max-width:600px) {
#ctn03 .link-zone{justify-content: flex-start;}
#ctn03 .link-zone > li{width:calc(100% / 2);}
#ctn03 .link-zone > li a{   justify-content: flex-start;}
}


#ctn04 {padding:5rem 0 4.35rem 0;position:relative }
#ctn04:before{content:'';display:block;position:absolute;width:100%;height:16.6rem;background:#fff3e6;left:0;bottom:0;z-index:-1;}
#ctn04 .inner{display:flex;justify-content: space-between;}
#ctn04 .inner > div{width:48.4375%;position:relative;}
#ctn04 .inner > div > a.more{position: absolute;right: 0;top: 0.35rem;transition: transform 0.5s;text-indent: -9999px;width: 1.2rem;height: 1.15rem;background: url(/images/common/default/main/more-btn.png) no-repeat center center;background-size: cover;}
#ctn04 .inner > div > a.more:hover{    transform: rotate(180deg);}
#ctn04 .market-bx{background:#fff;border:1px solid #ddd;padding:1.25rem 1.25rem 1.5rem 1.25rem;border-radius:1rem;margin-top:1.75rem; }
#ctn04 .market-bx .store-search {display:flex;gap:0.4rem;margin-bottom:0.75rem;}
#ctn04 .market-bx .store-search select{width: 7.75rem;height: 2.5rem;border-radius: 0.4rem;padding: 0 0.7rem;
background: #f8f8f8 url(/images/common/default/content/sel-icon.svg) no-repeat center right +1rem;background-size: 0.75rem;font-weight: 500;border:1px solid #f8f8f8;}

#ctn04 .market-bx .store-search .search-con{width:calc(100% - 8.15rem);position:relative;height:2.5rem;}
#ctn04 .market-bx .store-search .search-con input {background:#f8f8f8;border:1px solid #f8f8f8;height:100%;padding-right:3.5rem;border-radius:0.4rem;}
#ctn04 .market-bx .store-search .search-con button{border-radius:0 0.4rem 0.4rem 0;position: absolute;right: 0;height: 100%;width: 2.5rem;background: #272a2e url(/images/common/default/content/search-icon.svg) no-repeat center center;background-size: 1.05rem;text-align: left;padding: 0 2rem 0 0.9rem;    text-indent: -9999px;}

#ctn04 .market-bx ul {display:flex;}
#ctn04 .market-bx .market-swiper{overflow:hidden;}


.market-swiper-next {cursor: pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-right.svg) no-repeat center center;position: absolute;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);right:0;background-size: 0.45rem;border: 1px solid #ddd;z-index: 1;pointer-events: visible;top:50%;transform:translate(50%,-50%);}
.market-swiper-prev{cursor: pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-left.svg) no-repeat center center;position: absolute;left: 0;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);background-size: 0.45rem;border: 1px solid #ddd;z-index: 1;pointer-events: visible;top:50%;transform:translate(-50%,-50%);}

.market-swiper-next:hover{border:1px solid #ea6a1c;background: #fff url(/images/common/default/content/swiper-right-on.svg) no-repeat center center;background-size: 0.45rem;}
.market-swiper-prev:hover{border:1px solid #ea6a1c;background: #fff url(/images/common/default/content/swiper-left-on.svg) no-repeat center center;background-size: 0.45rem;}



#ctn04 .market-bx .market-con{position: relative;}
#ctn04 .market-bx ul li .thumb img{max-width:100%;}
#ctn04 .market-bx ul li .thumb {width:100%; position:relative; border-radius:0.75rem; padding-top: 66.38%; border:solid 1px #ddd;}
#ctn04 .market-bx ul li:hover .thumb {box-shadow: 5px 5px 20px rgb(6 0 1 / 10%);}
#ctn04 .market-bx ul li .thumb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;border-radius:0.75rem;}
#ctn04 .market-bx ul li .thumb span {position:absolute;right:1rem;bottom:0;width:3.5rem;height:3.5rem;background:url(/images/common/default/content/go-bg.png)no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;color:#fff;font-size:0.9rem;transform:translateY(50%);opacity:0;}
#ctn04 .market-bx ul li:hover .thumb span {opacity:1;}
#ctn04 .market-bx ul li .view-txt {padding:1rem 0 0 1rem;}
#ctn04 .market-bx ul li .view-txt .map{color:#ea6a1c;font-size:0.9rem;position:relative;}
#ctn04 .market-bx ul li .view-txt .map:before{content:'';display:block;position:absolute;width:0.8rem;height:1rem;background:url(/images/common/default/content/map-icon.svg)no-repeat center center;background-size:cover;left:-1rem;}
#ctn04 .market-bx ul li .view-txt .tit {font-size:1.1rem;font-weight:700;margin-top:1rem;}

@media (max-width:1030px) {
#ctn04 {padding:3rem 0 3rem;}
#ctn04 .inner{display:block;}
#ctn04 .inner > div{width:100%;}
#ctn04 .inner > div.right{margin-top:2rem;}
.market-swiper-next{width:2rem;height:2rem;}
.market-swiper-prev{width:2rem;height:2rem;}
}
@media (max-width:767px) {
    #ctn04 {padding:2.5rem 0;}
}
@media (max-width:500px) {
#ctn04 .market-bx .store-search{display:block;}
#ctn04 .market-bx .store-search select{width:100%}
#ctn04 .market-bx .store-search .search-con{width:100%;margin-top:0.5rem;}


}

#ctn05 {padding:3.75rem 0 5rem 0;}
#ctn05 .tit-zone {display:flex;justify-content: space-between;align-items: center;}
#ctn05 .tit-zone .sns-list{display:flex;}
#ctn05 .tit-zone .sns-list li.youtube a{display:flex;align-items: center;height:100%;width:7.5rem;border-radius:0.4rem;border:1px solid #ddd;padding:0.45rem;box-shadow: 5px 0 10px rgb(4 0 0 / 5%);}
#ctn05 .tit-zone .sns-list li.youtube img{margin-right:0.9rem;}
#ctn05 .tit-zone .sns-list li:not(:last-child){margin-right:0.8rem;}
#ctn05 .tit-zone .sns-list li a{display:block;width:100%;height:100%;}

#ctn05 .sns-bx {display:flex;justify-content: space-between;align-items: flex-start;height:25.25rem;margin-top:2.25rem;}
#ctn05 .sns-bx .left{width:41%;height:100%;}
#ctn05 .sns-bx .left #sns-bx-list{display:flex;flex-direction:column;justify-content: space-between;height:100%;gap:0.5rem;}
#ctn05 .sns-bx .left #sns-bx-list > div{border:1px solid #ddd;border-radius:0.75rem;height:calc(100% / 4 - 0.5rem);}
#ctn05 .sns-bx .left #sns-bx-list > div a{display:flex;align-items: center;border-radius:0.75rem;height:100%;}
#ctn05 .sns-bx .left #sns-bx-list > div a:hover{background:#ea6a1c;color:#fff;}
#ctn05 .sns-bx .left #sns-bx-list > div a img{border-radius:0.75rem;height:100%;}
#ctn05 .sns-bx .left #sns-bx-list > div a p {padding: 0 1.25rem;}
#ctn05 .sns-bx .left #sns-bx-list > div a p{    font-size: 1.1rem;font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;position: relative;max-height: 2.85rem;line-height: 1.3;}

#ctn05 .sns-bx .right{width:56.25%;}
#ctn05 .sns-bx .right a img{border-radius:1rem;width:100%;height:100%;}
#ctn05 .sns-bx .right a {position:relative;display:block;height:100%;}
#ctn05 .sns-bx .right a p {color:#fff;position:absolute;font-weight:bold;top:1.75rem;left:1.5rem;}
#ctn05 .sns-bx .right a:after{content:'';display:block;position:absolute;width:3rem;height:3rem;background:url(/images/common/default/main/video-youtube.png)no-repeat center center;background-size:cover;right:1.5rem;bottom:2rem;}
#ctn05 .sns-bx .right a:before{content:'';display:block;position:absolute;width:4.2rem;height:4.2rem;background:url(/images/common/default/main/video-btn.png)no-repeat center center;background-size:cover;left:50%;top:50%;transform:translate(-50%,-50%);}

@media (max-width:1250px) {
    #ctn05 .sns-bx{display:block;height:auto;}
    #ctn05 .sns-bx .left ul li a .txt-zone p{font-size:1rem;}
    #ctn05 .sns-bx .left{width:100%;}
    #ctn05 .sns-bx .left ul{flex-wrap:wrap;flex-direction: row;margin:-0.5rem;}
    #ctn05 .sns-bx .left ul li{margin:0.5rem;width:calc(100% / 2  - 1rem);}
    #ctn05 .sns-bx .right{width:100%;margin-top:2rem;}

}
@media (max-width:1030px) {
    #ctn05{padding:3rem 0 5rem 0;}
    #ctn05 .sns-bx .left #sns-bx-list > div a img {width:40%;}
    #ctn05 .sns-bx .left #sns-bx-list > div a p{width:60%}
    #ctn05 .sns-bx .left ul li a .txt-zone{width:60%;}
    #ctn05 .sns-bx .left ul li a .img-zone img{width:100%;height:100%;object-fit: cover;}
    #ctn05 .tit-zone .sns-list li a img{height:3rem;}
    #ctn05 .tit-zone .sns-list li.youtube a{height:3rem;}
    #ctn05 .tit-zone .sns-list li.youtube a img{height:2rem;}

}
@media (max-width:767px) {
    #ctn05 .sns-bx .left ul li{width:100%;}
    #ctn05{padding:2.5rem 0 5rem 0;}
}
@media (max-width:500px) {

    #ctn05 .tit-zone .sns-list li a img{height:2rem;}
    #ctn05 .tit-zone .sns-list li.youtube a{border:none;padding:0;height:2rem;    box-shadow: none;width:auto;}
    #ctn05 .tit-zone .sns-list li.youtube span{display:none;}
    #ctn05 .tit-zone .sns-list li.youtube img{margin-right:0;}


}
@font-face {
font-family: 'S-CoreDream-3Light';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
font-weight: normal;
font-style: normal;
}

.footer-top{height:5.5rem;background:#fff;display:flex;align-items:center;box-shadow: 0 0 18px rgb(0 0 0 / 10%);}
.footer-top .inner{display:flex;align-items:center;width:1600px;margin:0 auto;flex-direction:row-reverse;justify-content:space-between;}
.footer-top .inner .btn-zone {width:7rem;position:relative;z-index:1;display:flex;justify-content:space-between;}

.footer-top .inner .btn-zone p {font-family: 'SCoreDream';font-weight:800;}
.footer-top .inner .btn-zone .btn-zone-wrap {width:3rem;position:relative;}
.footer-top .inner .footer-swiper{width:calc(100% - 7rem);overflow:hidden;}
.footer-top .inner .footer-swiper ul li {text-align:center;}
.footer-top .inner .footer-swiper ul li a{display:inline-block;}
.footer-top ul {display:flex;    align-items: center;}

.footer-top .inner .btn-zone .button-prev {background:url(/images/common/default/main/arrow-left.svg)no-repeat center center;width:0.45rem;left:0;height:0.75rem;margin-top:0 !important;top:50%;transform:translateY(-50%);position:absolute;cursor:pointer;}
.footer-top .inner .btn-zone .button-next  {background:url(/images/common/default/main/arrow-right.svg)no-repeat center center;width:0.45rem;right:0;height:0.75rem;margin-top:0 !important;top:50%;transform:translateY(-50%);position:absolute;cursor:pointer;}


.footer-top .inner .btn-zone #swiper-pause{background:#fff url(/images/common/default/main/stop-icon.svg)no-repeat center center;width:0.5rem;height:0.6rem;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;    text-indent: -9999px;}
.footer-top .inner .btn-zone #swiper-play{background:#fff url(/images/common/default/main/start.svg)no-repeat center center;width:0.5rem;height:0.6rem;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;    text-indent: -9999px;}


@media (max-width:1800px){
.footer-top .inner {width:100%;padding:0 1rem;}
.footer-top .inner .footer-swiper ul li img{max-width:100%;}
}
@media (max-width:1030px){
.footer-top .inner .btn-zone .play{TOP:39%;}
}

.top-btn{position:fixed;bottom:4rem;right:2.5rem;z-index:10;cursor:pointer;}

@media (max-width:1030px){
.top-btn{bottom:1rem;right:1rem; width:3rem; height:3rem;}
.top-btn img{max-width:100%;}
}