@charset "utf-8";
@import url(swiper.min.css);

.main_wrap {padding-top:169px;color:#1A1A1A;overflow:hidden;}

.section.visual {background-color:#fff;}

.main-visual {position:relative;width:100%;max-width:1412px;margin:0 auto;border-radius:7px;overflow:hidden;}
.main-visual .slider-controls {z-index:1;position:absolute;left:74px;bottom:234px;display:flex;align-items:center;}
.main-visual .slider-controls .btns-wrap {display:flex;gap:4px;}
.main-visual .slider-controls .btn {position:relative;width:40px;height:40px;border:0.5px solid #fff;border-radius:50%;text-indent:-9999px;overflow:hidden;}
.main-visual .slider-controls .btn:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;}
.main-visual .slider-controls .btn-stop {display:none;background:url(../img/main/ico_stop_01.svg) center no-repeat;}
.main-visual .slider-controls .btn-play {display:none;background:url(../img/main/ico_play_01.svg) center no-repeat;}
.main-visual .slider-controls .btn-stop.on,
.main-visual .slider-controls .btn-play.on {display:block;}
.main-visual .slider-controls .btn-prev {background:url(../img/main/arr_main_01.svg) center no-repeat;transform:rotate(180deg);}
.main-visual .slider-controls .btn-next {background:url(../img/main/arr_main_01.svg) center no-repeat;}
.main-visual .slider-controls .count {display:flex;line-height:24px;margin-left:16px;color:#fff;gap:8px;font-size:18px;font-weight:500;}
.main-visual .slider-controls .count .bar {text-indent:-9999px;overflow:hidden;width:7px;background:url(../img/main/ico_bar_01.svg) center no-repeat;}
.main-visual .slider-controls .count .total {opacity:0.5;}
.main-visual .btn {position:relative;width:100%;height:648px;}
.main-visual .btn img {width:100%;height:100%;object-fit:cover;vertical-align:top;}
.main-visual .btn .text-wrap {z-index:1;position:absolute;top:93px;left:74px;color:#fff;max-width:820px;}
.main-visual .btn .text-wrap .text-01 {line-height:85px;font-size:66px;font-weight:bold;}
.main-visual .btn .text-wrap .text-02 {line-height:35px;font-size:20px;margin-top:20px;}

.main-news-alarm {margin-top:86px;padding:0 20px;}
.main-news-alarm .container {z-index:0;position:relative;display:flex;justify-content:space-between;}
.main-news-alarm .container:before {z-index:-1;content:'';position:absolute;top:-100px;right:-380px;width:380px;height:178px;background:url(../img/main/bg_main_01.png) center no-repeat;}
.main-news-alarm .container:after {z-index:-1;content:'';position:absolute;bottom:-123px;left:-332px;width:564px;height:130px;background:url(../img/main/bg_main_02.png) center no-repeat;}

.main-news {position:relative;width:calc(100% - 528px);}
.main-news .section-title {line-height:41px;font-size:30px;font-weight:bold;}
.main-news .btn-more {position:absolute;top:0;right:0;padding:9px 37px 9px 9px;line-height:24px;font-size:18px;font-weight:500;color:#575757;}
.main-news .btn-more:before {content:'';position:absolute;top:9px;right:0;width:24px;height:24px;background:url(../img/main/ico_more_01.svg) center no-repeat;}
.main-news .list-news {list-style:none;display:flex;flex-wrap:wrap;gap:24px;margin-top:15px;}
.main-news .list-news > li {width:calc(50% - 12px);}
.main-news .list-news .btn {z-index:0;position:relative;width:100%;height:235px;background-color:#fff;padding:34px 26px;}
.main-news .list-news .btn:before {z-index:-1;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:1px solid #AAAAAA;}
.main-news .list-news .btn:after {z-index:1;content:'';position:absolute;right:19px;bottom:19px;width:53px;height:53px;background:#FCF8F8 url(../img/main/arr_main_02.svg) center no-repeat;border-radius:50%;opacity:0;}
.main-news .list-news .btn .title-wrap {display:flex;align-items:end;gap:9px;}
.main-news .list-news .btn .title-wrap .title {width:100%;overflow:hidden;;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:20px;}
.main-news .list-news .btn .title-wrap .new {display:block;}
.main-news .list-news .btn .title-wrap .new img {vertical-align:top;}
.main-news .list-news .btn .date {position:absolute;left:25px;bottom:38px;line-height:23px;font-size:18px;color:#999999;}

.main-alarm {position:relative;width:495px;padding-top:56px;}
.main-alarm .slider-controls {position:absolute;top:0;right:0;}
.main-alarm .slider-controls .btns-wrap {display:flex;}
.main-alarm .slider-controls .btns-wrap .btn {width:32px;height:32px;text-indent:-9999px;overflow:hidden;}
.main-alarm .slider-controls .btns-wrap .btn-stop {display:none;background:url(../img/main/ico_stop_02.svg) center no-repeat;}
.main-alarm .slider-controls .btns-wrap .btn-play {display:none;background:url(../img/main/ico_play_02.svg) center no-repeat;}
.main-alarm .slider-controls .btns-wrap .btn-stop.on,
.main-alarm .slider-controls .btns-wrap .btn-play.on {display:block;}
.main-alarm .slider-controls .btns-wrap .btn-prev {background:url(../img/main/arr_main_03.svg) center no-repeat;transform:rotate(180deg);}
.main-alarm .slider-controls .btns-wrap .btn-next {background:url(../img/main/arr_main_03.svg) center no-repeat;}
.main-alarm .slider-controls .count {display:flex;line-height:32px;margin:0 3px;gap:3px;font-size:16px;font-weight:500;font-family:'Noto Sans KR', sans-serif;}
.main-alarm .slider-controls .count .bar {width:8px;text-align:center;}
.main-alarm .slider-controls .count .bar img {vertical-align:middle;}
.main-alarm .slider {width:100%;height:495px;overflow:hidden;border-radius:8px;}
.main-alarm .slider .btn img {vertical-align:top;}

.tab-wrap .tab-con {display:none;}
.tab-wrap .tab-con.active {display:block;}

.tab-style-01 .tab-head-wrap {display:flex;gap:47px;}
.tab-style-01 .tab-head {display:flex;padding-top:4px;gap:36px;}
.tab-style-01 .tab-head > li {position:relative;}
.tab-style-01 .tab-head > li + li:before {content:'';position:absolute;top:16px;left:-20px;width:4px;height:4px;border-radius:50%;background-color:#ccc;}
.tab-style-01 .tab-head .btn {position:relative;line-height:27px;font-size:20px;color:#575757;padding-top:5px;}
.tab-style-01 .tab-head .btn:before {content:'';position:absolute;left:0;bottom:0;height:2px;background-color:#9A282A;transition:.3s ease-out;}
.tab-style-01 .tab-head .btn.active {font-size:24px;font-weight:bold;line-height:32px;padding-top:0;color:#9A282A;}
.tab-style-01 .tab-head .btn.active:before {width:100%;}
.tab-style-01 .tab-contents {margin-top:34px;}

.main-store {margin-top:87px;padding:0 20px;}
.main-store .section-title {line-height:41px;font-size:30px;font-weight:bold;}
.main-store .btn-more {position:absolute;top:-71px;right:0;padding:9px 37px 9px 9px;line-height:24px;font-size:18px;font-weight:500;color:#575757;}
.main-store .btn-more:before {content:'';position:absolute;top:9px;right:0;width:24px;height:24px;background:url(../img/main/ico_more_01.svg) center no-repeat;}
.main-store .tab-con .inner {position:relative;display:flex;justify-content:space-between;}
.main-store .left {width:calc(100% - 720px);}
.main-store .left .img {width:100%;height:425px;border-radius:8px;overflow:hidden;}
.main-store .left .img img {vertical-align:top;width:100%;height:100%;object-fit:cover;}
.main-store .right {width:675px;overflow:hidden;}
.main-store .right .text-wrap {height:123px;}
.main-store .right .text-wrap .text-01 {line-height:38px;font-size:28px;font-weight:bold;}
.main-store .right .text-wrap .text-01 em {color:#9A282A;}
.main-store .right .text-wrap .text-02 {margin-top:9px;line-height:27px;font-size:20px;color:#575757;}
.main-store .right .main-store-slider {position:relative;width:100%;height:280px;}
.main-store .right .main-store-slider .swiper-scrollbar {height:2px;}
.main-store .right .main-store-slider .btn {width:100%;}
.main-store .right .main-store-slider .img {border-radius:8px;overflow:hidden;width:215px;height:215px;}
.main-store .right .main-store-slider .img img {vertical-align:top;width:100%;height:100%;object-fit:cover;}
.main-store .right .main-store-slider .title {width:100%;line-height:22px;font-size:16px;margin-top:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.main-events {margin-top:85px;padding:0 20px;}
.main-events .section-title {line-height:41px;font-size:30px;font-weight:bold;margin-bottom:25px;}
.main-events .btn-more {position:absolute;top:0;right:0;padding:9px 37px 9px 9px;line-height:24px;font-size:18px;font-weight:500;color:#575757;}
.main-events .btn-more:before {content:'';position:absolute;top:9px;right:0;width:24px;height:24px;background:url(../img/main/ico_more_01.svg) center no-repeat;}
.main-events .list-events {list-style:none;display:flex;gap:24px;}
.main-events .list-events > li {width:100%;}
.main-events .list-events .btn {position:relative;width:100%;height:405px;border-radius:8px;}
.main-events .list-events .btn:before {content:'';position:absolute;top:42px;right:33px;width:20px;height:20px;background:url(../img/main/ico_plus_01.svg) center no-repeat;}
.main-events .list-events .btn .text-wrap {height:172px;border:1px solid #ddd;border-bottom:0;border-radius:8px 8px 0 0;padding:38px 34px 0;color:#575757;}
.main-events .list-events .btn .text-wrap .title {padding-right:30px;line-height:26px;font-size:19px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.main-events .list-events .btn .text-wrap .text-01 {line-height:20px;font-size:14px;margin-top:10px;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.main-events .list-events .btn .img {position:relative;width:100%;height:233px;overflow:hidden;border-radius:0 0 8px 8px;}
.main-events .list-events .btn .img:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0 0 8px 8px;background-color:#1A1A1A;opacity:0.3;}
.main-events .list-events .btn .img img {width:100%;height:100%;object-fit:cover;vertical-align:top;}

.main-cooperation {margin:85px 0;padding:0 20px;background:url(../img/main/bg_main_04.png) center -188px no-repeat;}
.main-cooperation .section-title {line-height:41px;font-size:30px;font-weight:bold;}
.main-cooperation .btn-more {position:absolute;top:0;right:0;padding:9px 37px 9px 9px;line-height:24px;font-size:18px;font-weight:500;color:#575757;}
.main-cooperation .btn-more:before {content:'';position:absolute;top:9px;right:0;width:24px;height:24px;background:url(../img/main/ico_more_01.svg) center no-repeat;}
.main-cooperation .tab-contents {margin-top:52px;}
.main-cooperation .list-cooperation {list-style:none;display:flex;gap:22px;}
.main-cooperation .list-cooperation > li {width:100%;}
.main-cooperation .list-cooperation .btn {width:100%;}
.main-cooperation .list-cooperation .img {position:relative;width:100%;padding-top:140%;border-radius:8px;overflow:hidden;}
.main-cooperation .list-cooperation .img img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;}
.main-cooperation .list-cooperation .title {margin-top:10px;height:48px;line-height:24px;font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.main-site {border-top:1px solid #eee;padding:10px 0;}
.main-site .container {position:relative;padding-left:200px;height:76px;}
.main-site .btns-wrap {position:absolute;top:50%;left:20px;margin-top:-18px;display:flex;gap:4px;}
.main-site .btns-wrap .btn {width:36px;height:36px;border-radius:50%;border:1px solid #EBEBF2;text-indent:-9999px;overflow:hidden;}
.main-site .btns-wrap .btn-stop {display:none;background:url(../img/main/ico_stop_03.svg) center no-repeat;}
.main-site .btns-wrap .btn-play {display:none;background:url(../img/main/ico_play_03.svg) center no-repeat;}
.main-site .btns-wrap .btn-stop.on,
.main-site .btns-wrap .btn-play.on {display:block;}
.main-site .btns-wrap .btn-prev {background:url(../img/main/arr_main_04.svg) center no-repeat;transform:rotate(180deg);}
.main-site .btns-wrap .btn-next {background:url(../img/main/arr_main_04.svg) center no-repeat;}
.main-site .slider .btn {height:76px;line-height:26px;font-size:18px;padding:25px;}
.main-site .slick-list {height:auto !important;}
.main-site .swiper-slide {width:auto;}
.main-site .main-site-slider {width:100%;overflow:hidden;}
.main-site .main-site-slider .btn {height:76px;line-height:26px;font-size:18px;padding:25px;}

@media screen and (max-width:1280px){
    .main-news .list-news > li {width:100%;}
    .main-news .list-news > li:nth-of-type(n+3) {display:none;}

    .main-events .list-events > li:nth-of-type(n+3) {display:none;}

    .main-cooperation {padding-bottom:49px;background-position:center bottom;margin-bottom:0;}
    .main-cooperation .list-cooperation {display:block;overflow-x:auto;white-space:nowrap;}
    .main-cooperation .list-cooperation > li {display:inline-block;width:220px;}
    .main-cooperation .list-cooperation > li + li {margin-left:16px;}
}
@media screen and (min-width:1025px){
    .mo-only {display:none !important;}

    .main-visual .slider-controls .btn:hover:before,
    .main-visual .slider-controls .btn:focus:before {border:1px solid #fff;}

    .main-news .list-news .btn:hover:before,
    .main-news .list-news .btn:focus:before {border:2px solid #9A282A;box-shadow:0 8px 24px rgba(0,0,0,0.08);}
    .main-news .list-news .btn:hover:after,
    .main-news .list-news .btn:focus:after {opacity:1;}
    .main-news .list-news .btn:hover .title-wrap .title,
    .main-news .list-news .btn:focus .title-wrap .title {font-weight:500;}

    .main-events .list-events .btn:hover,
    .main-events .list-events .btn:focus {box-shadow:0 3px 24px rgba(0,0,0,0.16);text-decoration:none;}
    .main-events .list-events .btn:hover:before,
    .main-events .list-events .btn:focus:before {background:url(../img/main/ico_plus_02.svg);}
    .main-events .list-events .btn:hover .text-wrap,
    .main-events .list-events .btn:focus .text-wrap {border-color:#7C4C4C;}
    .main-events .list-events .btn:hover .text-wrap .title,
    .main-events .list-events .btn:focus .text-wrap .title {color:#7C4C4C;font-weight:bold;}
    .main-events .list-events .btn:hover .img:before,
    .main-events .list-events .btn:focus .img:before {background-color:#C77777;}

    .main-cooperation .list-cooperation .btn:hover,
    .main-cooperation .list-cooperation .btn:focus {margin-top:-20px;}

    .main-site .slider-controls .btn:hover,
    .main-site .slider-controls .btn:focus {border-color:#000;}
}
@media screen and (max-width:1024px){
    .pc-only {display:none !important;}

    .main-visual {border-radius:0;}
    .main-visual .btn {height:260px;}
    .main-visual .btn .text-wrap {top:47px;left:27px;width:calc(100% - 50px);}
    .main-visual .btn .text-wrap .text-01 {line-height:45px;font-size:36px;}
    .main-visual .btn .text-wrap .text-02 {line-height:24px;font-size:16px;margin-top:17px;}
    .main-visual .slider-controls {display:none;}
    
    .main-news-alarm {margin-top:40px;}
    .main-news-alarm .container {flex-wrap:wrap;}
    .main-news-alarm .container:before {right:-20px;width:192px;background-size:100%;top:-110px;}
    .main-news-alarm .container:after {bottom:auto;top:492px;width:340px;height:78px;background-size:100%;left:-205px;background:url(../img/main/bg_main_03.png) center no-repeat;}

    .main-news {width:100%;}
    .main-news {padding-bottom:44px;}
    .main-news .section-title {line-height:38px;font-size:24px;margin-bottom:10px;}
    .main-news .btn-more {top:auto;bottom:-9px;right:50%;transform:translate(50%);}
    .main-news .list-news .btn {height:200px;}
    .main-news .list-news .btn .title-wrap .title {line-height:26px;font-size:18px;-webkit-line-clamp:3;}

    .main-alarm {width:100%;padding-top:40px;}
    .main-alarm .slider-controls {display:none;}
    .main-alarm .slider {width:100%;height:auto;}
    .main-alarm .slider .btn {width:100%;}
    .main-alarm .slider .btn img {width:100%;}

    .tab-style-01 .tab-head-wrap {flex-wrap:wrap;gap:8px;}
    .tab-style-01 .tab-head-wrap .tab-head {width:100%;}
    .tab-style-01 .tab-head .btn,
    .tab-style-01 .tab-head .btn.active {line-height:27px;font-size:20px;padding-top:0;}
    .tab-style-01 .tab-head > li + li:before {top:12px;}
    .tab-style-01 .tab-contents {margin-top:23px;}

    .main-store {position:relative;margin-top:66px;padding:0;}
    .main-store:before {content:'';position:absolute;top:-60px;right:-76px;width:162px;height:47px;background:url(../img/main/bg_main_05.png) center no-repeat;}
    .main-store .tab-head-wrap {padding:0 20px;}
    .main-store .tab-con .inner {flex-wrap:wrap;}
    .main-store .tab-con .left{width:100%;}
    .main-store .section-title {line-height:33px;font-size:24px;}
    .main-store .btn-more {top:-100px;right:20px;width:24px;text-indent:-9999px;overflow:hidden;}
    .main-store .left {padding:0 20px;}
    .main-store .left .img {height:335px;}
    .main-store .right {width:100%;margin-top:34px;padding-left:20px;}
    .main-store .right .text-wrap {height:auto;margin-bottom:22px;}
    .main-store .right .text-wrap .text-01 {line-height:24px;font-size:18px;}
    .main-store .right .text-wrap .text-02 {line-height:19px;font-size:14px;}
    .main-store .right .main-store-slider {width:100%;height:260px;overflow:visible;}
    .main-store .right .main-store-slider .btn {width:190px;}
    .main-store .right .main-store-slider .img {width:190px;height:190px;}
    .main-store .right .main-store-slider .swiper-slide {width:auto;}
    .main-store .right .main-store-slider .swiper-scrollbar {margin-top:-20px;}

    .main-events {margin-top:44px;}
    .main-events .container {padding-bottom:48px;}
    .main-events .section-title {line-height:33px;font-size:24px;}
    .main-events .list-events {flex-wrap:wrap;gap:20px;}
    .main-events .btn-more {top:auto;bottom:0px;right:50%;transform:translate(50%);}

    .main-site {padding:13px 0;}
    .main-site .container {height:27px;padding-left:124px;}
    .main-site .main-site-slider .btn {padding:4px 8px;line-height:19px;font-size:14px;}
    .main-site .main-site-slider .btn {height:auto;}
    .main-site .slider-controls {margin-top:-13px;}
    .main-site .slider-controls .btn {width:27px;height:27px;background-size:9px;}
    .main-site .slider-controls .btn-stop {background-size:7px;}
}