@charset "utf-8";
/* CSS Document */
@import url("fonts.css");

.quick_wrap + .container {max-width:100%;width:100%;}
#header .container {max-width:1400px;}
.contents_wrap {padding:0;}
.contents_wrap > p {display:none;}
h3.sub_top_tit {display:none;}
.subVisual {display:none;}
.quick_wrap {display:none;}
.contop_btn {z-index:2000;bottom:10vw;}

.blind {display:block;overflow:hidden;position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.btn {position:relative;display:inline-block;vertical-align:top;cursor:pointer;text-align:center;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;}

.leaflet-wrap {position:relative;border-top:1px solid #000032;font-family:'kigsans',sans-serif;}
.leaflet-en {font-family:'Public Sans',sans-serif;}

.en-only {display:none;}
.leaflet-en .en-only {display:block;}
.leaflet-en .ko-only {display:none;}

/* section01 */
.section01 {width:100%;max-width:1920px;margin:0 auto;}
.section01 .item {border:0;}
.section01 .bg-random .item {display:none;}
.section01 .bg-random .item.on {display:block;}
.section01 .bg-random .item div {height:100%;}
.section01 .bg-random .item .img {height:100%;}
.section01 .bg-random .item img {width:100%;}

.section-nav {display:none;list-style:none;z-index:1000;position:fixed;bottom:0;left:50%;right:0;transform:translateX(-50%);width:100%;max-width:1920px;}
.section-nav.active {display:block;}
.section-nav.sticky {position:absolute;}
.section-nav img {width:100%;}
.section-nav ul .btn {position:absolute;bottom:0;width:21.8vw;height:9.5vw;padding:0.8vw 1.2vw;text-align:left;font-size:1.57vw;font-weight:bold;}
.section-nav ul .btn span {letter-spacing:-0.015rem;}
.section-nav li:nth-of-type(1) .btn {left:0;}
.section-nav li:nth-of-type(2) .btn {left:25%;}
.section-nav li:nth-of-type(3) .btn {left:50%;}
.section-nav li:nth-of-type(4) .btn {left:75%;}

.section02 {position:relative;z-index:0;text-align:center;width:100%;margin:0 auto;padding-top:100px;margin-top:-120px;}
.section02 ol {list-style:none;width:100%;max-width:1920px;margin:0 auto;}
.section02 ol .btn-toggle {position:relative;width:100%;text-align:left;}
.section02 ol .btn-toggle .date {z-index:10;position:absolute;left:3%;top:50%;transform:translateY(-50%);font-size:3.7vw;font-weight:bold;line-height:3.7vw;}
.section02 ol .btn-toggle .tit {z-index:15;position:absolute;left:36.5%;top:50%;transform:translateY(-50%);font-size:3.7vw;font-weight:bold;line-height:3.7vw;}
.section02 ol .con {display:none;padding:0 4.4vw 100px;} 
.section02 ol .btn-toggle.active + .con {display:block;}
.section02 ol > li:nth-of-type(1) .con {background:url(../images/bg_sec02_01_con.png) center top repeat-y;}
.section02 ol > li:nth-of-type(2) .con {background:url(../images/bg_sec02_02_con.png) center top repeat-y;}
.section02 ol > li:nth-of-type(3) .con {background:url(../images/bg_sec02_03_con.png) center -2px repeat-y;}
.section02 ol > li:nth-of-type(4) .con {background:url(../images/bg_sec02_04_con.png) center -2px repeat-y;}
.section02 ol > li:nth-of-type(5) .con {background:url(../images/bg_sec02_05_con.png) center -2px repeat-y;}

.section02 .list-program-01 {list-style:none;display:flex;}
.section02 .list-program-01 > li {width:20%;}
.section02 .list-program-01 > ul {list-style:none;}
.section02 .list-program-01 .tit {position:relative;display:flex;align-items:center;background-color:#fff;min-height:5.2vw;font-size:1.5vw;font-weight:600;padding:0 2.2vw;}
.section02 .list-program-01 .tit:before {z-index:1;content:'';position:absolute;left:0;bottom:0;right:0;border-bottom:2px solid #9F6126;}
.section02 .list-program-01 .btn {position:relative;display:flex;align-items:center;width:100%;min-height:100px;background-color:#fff;min-height:5.2vw;font-size:1.2vw;font-weight:600;overflow:hidden;padding:0.6vw 2.2vw;text-align:left;word-break:keep-all;}
.section02 .list-program-01 .btn:before {z-index:1;content:'';position:absolute;left:0;bottom:0;right:0;border-bottom:2px solid #9F6126;}
.section02 .list-program-01 .btn:after {content:'';position:absolute;right:0;bottom:0;left:0;height:0;background-color:#00E17D;mix-blend-mode:multiply;transition:.2s ease-out;}
.section02 .list-program-01 p.btn {cursor:default;}
.leaflet-en .section02 ol .btn-toggle .date,
.leaflet-en .section02 ol .btn-toggle .tit {font-weight:900;}

.section03 {position:relative;width:100%;max-width:1920px;margin:-10px auto 0;}
.section03 .section-title {position:absolute;top:200px;}
.section03 .title {min-height:7vw;text-align:center;padding:0.5vw;line-height:3vw;font-size:2.19vw;font-weight:bold;}
.section03 .left,
.section03 .right {position:absolute;top:22vw;width:37vw;}
.section03 .left {left:24%;margin-left:-18.5vw;}
.section03 .right {right:24%;margin-right:-18.5vw;}
.section03 .right .title {margin-left:2vw;}
.section03 .list-program {margin-top:4.6vw;}
.section03 .list-program > li + li {margin-top:1.19vw;}
.section03 .list-program .btn {display:flex;justify-content:center;align-items:center;width:100%;height:6.04vw;font-size:1.7vw;font-weight:bold;}
.leaflet-en .section03 .title {font-weight:900;}
.leaflet-en .list-program .btn {font-weight:900;}

.section04 {position:relative;width:100%;max-width:1920px;margin:0 auto 0;height:97.5vw;padding:22vw 9vw 10vw;background:url(../images/bg_sec04.png) center -1.95vw no-repeat;background-size:cover;border-top:3px solid #9f6126;}
.section04 .sec-head {position:absolute;top:-1.1vw;left:0;width:100%;text-align:center;}
.section04 .sec-head .section-title {position:relative;max-width:50vw;margin:0 auto;}
.section04 .sec-head .section-title span {position:absolute;top:4.5vw;left:0;width:100%;font-size:2.6vw;font-weight:bold;}
.section04 .sec-head .text-01 {margin-top:3vw;line-height:2.6vw;font-size:1.7vw;font-weight:bold;}
.section04 .sec-head .text-01 span {display:block;}
.section04 .btns-bottom {margin:70px auto 0;text-align:center;}
.section04 .btns-bottom > .btn {background-color:#87ca13;line-height:3.7vw;border:4px solid #9f6126;font-size:1.57vw;font-weight:bold;padding:0 1.5vw;}
.section04 .slide-wrap {position:relative;overflow:hidden;height:35vw;padding:5vw 0 0;}
.section04 .slide-wrap .swiper-wrapper .img {position:relative;width:100%;padding-top:102%;}
.section04 .slide-wrap .swiper-wrapper .swiper-slide .img {background:url(../images/bg_sec04_01.png) center bottom no-repeat;background-size:20vw !important;}
.section04 .slide-wrap .swiper-wrapper .swiper-slide:nth-of-type(3n+2) .img {background:url(../images/bg_sec04_02.png) center bottom no-repeat;}
.section04 .slide-wrap .swiper-wrapper .swiper-slide:nth-of-type(3n+3) .img {background:url(../images/bg_sec04_03.png) center bottom no-repeat;}
.section04 .slide-wrap .swiper-wrapper .img img {z-index:10;position:absolute;top:0;left:0;scale:1.2;}
.section04 .slide-forall .btn-controll {position:absolute;width:60px;height:60px;background:url(../images/arr_01_prev.png) center no-repeat;}
.section04 .slide-forall .btn-controll.swiper-button-next {background:url(../images/arr_01_next.png) center no-repeat;}
.leaflet-en .section04 .sec-head .section-title {font-weight:900;}
.leaflet-en .section04 .btns-bottom > .btn  {font-weight:900;}

.section05 {position:relative;width:100%;max-width:1920px;margin:-13vw auto 0;}
.section05 .section-title {position:absolute;top:17.3vw;left:50%;transform:translateX(-50%);max-width:32.5vw;}
.section05 .section-title img {width:auto;}
.section05 .section-title span {position:absolute;top:4.5vw;left:0;width:100%;font-size:2.6vw;font-weight:bold;text-align:center;}
.section05 .list-playbook {position:absolute;top:35vw;left:0;width:100%;text-align:center;font-size:1.6vw;line-height:2vw;font-weight:bold;}
.section05 .list-playbook > li + li {margin-top:8vw;}
.section05 .list-playbook .btn {background-color:#FFC819;line-height:3.7vw;border:4px solid #9F6126;font-size:1.57vw;font-weight:bold;padding:0 1.5vw;margin-top:1vw;}
.leaflet-en .section05 .section-title span {top:3.6vw;font-size:2.2vw;padding:0 4vw;font-weight:900;}
.leaflet-en .section05 .list-playbook .text-01 span {display:block;}
.leaflet-en .section05 .list-playbook > li + li {margin-top:8.5vw;}
.leaflet-en .section05 .list-playbook .btn {font-weight:900;}

.section06 {display:flex;flex-wrap:wrap;width:100%;max-width:1920px;margin:-8vw auto 0;font-size:1.7vw;font-weight:bold;}
.section06 .text-02 {margin-top:2vw;}
.section06 .text-03 {margin-top:2vw;}
.section06 .text-03 p {display:flex;}
.section06 .text-03 p .tit {width:12vw;}
.section06 .text-03 p .con {padding-left:30px;background-color:#ddd;}
.section06 .text-03 p .con.call {background:url(../images/ico_call.png) left center no-repeat;}
.section06 .text-03 p .con.email {background:url(../images/ico_email.png) left center no-repeat;}
.section06 .left {width:50%;padding:20vw 0 12vw 8vw;background-color:#FFAB79;}
.section06 .right {width:50%;padding:20vw 0 12vw 8vw;background-color:#87CA13;border-left:3px solid #9F6126;}
.section06 .bottom {width:100%;padding:9vw 0 19vw;text-align:center;background-color:#E7C29B;border-top:3px solid #9F6126;}
.leaflet-en .section06 {font-weight:900;font-size:1.5vw;}
.leaflet-en .section06 .left {width:100%;padding:12vw 0 5vw;text-align:center;background-color:#87ca13;}
.leaflet-en .section06 .text-02 {margin-top:0.4vw;}
.leaflet-en .section06 .bottom {padding:5vw 0 15vw;}

@media screen and (min-width:1921px){
    
    .section-nav ul .btn {width:420px;height:180px;padding:14px 20px;font-size:30px;line-height:36px;}

    .section02 ol .btn-toggle .date,
    .section02 ol .btn-toggle .tit {line-height:72px;font-size:72px;}
    .section02 ol .con {padding:0 60px 100px;}
    .section02 .list-program-01 .tit {min-height:100px;font-size:30px;padding:0 40px;}
    .section02 .list-program-01 .btn {min-height:100px;line-height:34px;font-size:24px;padding:10px 20px 10px 40px;}

    .section03 .left,
    .section03 .right {top:410px;width:600px;}
    .section03 .left {margin-left:-300px;}
    .section03 .right {margin-right:-300px;}
    .section03 .title {font-size:42px;line-height:62px;min-height:160px;}
    .section03 .list-program {margin-top:80px;}
    .section03 .list-program > li + li {margin-top:25px;}
    .section03 .list-program .btn {font-size:32px;height:115px;}

    .section04 {background-size:1920px;padding:400px 200px 620px;height:auto;}
    .section04 .sec-head .section-title span {top:85px;font-size:48px;}
    .section04 .sec-head .text-01 {margin-top:50px;font-size:32px;line-height:46px;}
    .section04 .slide-wrap {padding-top:0;height:660px;}
    .section04 .slide-wrap .swiper-wrapper .swiper-slide .img {background-size:340px !important;}
    .section04 .btns-bottom .btn {font-size:30px;line-height:72px;padding:0 40px;}

    .section05 {margin-top:-220px;}
    .section05 .section-title {top:335px;}
    .section05 .section-title span {top:85px;font-size:48px;}
    .section05 .list-playbook > li + li {margin-top:140px;}
    .section05 .list-playbook {top:660px;font-size:30px;line-height:48px;}
    .section05 .list-playbook .btn {font-size:30px;line-height:78px;margin-top:24px;}
    .leaflet-en .section05 .section-title span {top:70px;font-size:40px;}
    .leaflet-en .section05 .list-playbook > li + li {margin-top:140px;}

    .section06 {font-size:30px;line-height:36px;}
    .section06 .text-02 {margin-top:40px;}
    .section06 .text-03 p .tit {width:230px;}
    .section06 .text-03 {margin-top:40px;}
    .section06 .left {padding:370px 0 220px 220px;}
    .section06 .right {padding:370px 0 220px 220px;}
    .section06 .bottom {padding:80px 60px 270px;}
    .leaflet-en .section06 {font-size:30px;line-height:36px;margin-top:-140px;}
    .leaflet-en .section06 .left {padding:220px 60px 80px;}
    .leaflet-en .section06 .bottom {padding:80px 60px 270px;}

}
@media screen and (min-width:1025px){

    .mo-only,
    .leaflet-wrap .mo-only {display:none;}

    .section-nav .btn:hover,
    .section-nav .btn:focus {text-decoration:underline;}

    .section02 .btn-toggle:hover .tit,
    .section02 .btn-toggle:focus .tit {text-decoration:underline;}
    
    .section03 .list-program .btn:hover,
    .section03 .list-program .btn:focus {text-decoration:underline;}

    .section04 .btns-bottom .btn:hover,
    .section04 .btns-bottom .btn:focus {text-decoration:underline;}

    .section05 .list-playbook .btn:hover,
    .section05 .list-playbook .btn:focus {text-decoration:underline;}
}
@media screen and (max-width:1024px){
    .pc-only {display:none;}
    .leaflet-en .en-only.pc-only {display:none;}

    .contop_btn {bottom:26vw;}

    .section-nav ul .btn {position:absolute;left:0;bottom:0;width:34.5vw;height:12vw;padding:0.8vw 1.5vw;font-size:3.5vw;}
    .section-nav li:nth-of-type(1) .btn {left:5.5vw;bottom:12.1vw;}
    .section-nav li:nth-of-type(2) .btn {left:5.5vw;bottom:0;}
    .section-nav li:nth-of-type(3) .btn {left:46.7vw;bottom:12.1vw;}
    .section-nav li:nth-of-type(4) .btn {left:46.7vw;bottom:0;}

    .section02 ol .btn-toggle .date {font-size:3.9vw;}
    .section02 ol .btn-toggle .tit {left:48vw;}
    .section02 ol .con {padding:0 5.5vw 60px;}
    .section02 .list-program-01 {flex-wrap:wrap;}
    .section02 .list-program-01 > li {width:100%;}
    .section02 .list-program-01 > li + li {margin-top:5.5vw;}
    .section02 .list-program-01 .tit {min-height:10vw;font-size:3.4vw;}
    .section02 .list-program-01 .btn {min-height:10vw;font-size:2.4vw;}
    .section02 ol > li .con {background-size:275% !important;}
    .section02 ol > li:nth-of-type(1) .con {background:url(../images/bg_sec02_01_con_mo.png) center top repeat-y;}
    .section02 ol > li:nth-of-type(2) .con {background:url(../images/bg_sec02_02_con_mo.png) center top repeat-y;}
    .section02 ol > li:nth-of-type(3) .con {background:url(../images/bg_sec02_03_con_mo.png) center top repeat-y;}
    .section02 ol > li:nth-of-type(4) .con {background:url(../images/bg_sec02_04_con_mo.png) center top repeat-y;}
    .section02 ol > li:nth-of-type(5) .con {background:url(../images/bg_sec02_05_con_mo.png) center top repeat-y;}

    .section03 {margin-top:0;}
    .section03 .left {top:30vw;left:50%;margin-left:0;transform:translateX(-50%);widtH:66vw;}
    .section03 .title {font-size:4.6vw;line-height:5.6vw;padding:0;}
    .section03 .list-program {margin-top:17vw;}
    .section03 .list-program .btn {height:12.5vw;font-size:4vw;}
    .section03 .list-program > li + li {margin-top:2.45vw;}
    .section03 .right {top:197vw;left:50%;margin-left:0;transform:translateX(-50%);widtH:66vw;}
    .section03 .right .list-program {margin-top:14.2vw;}

    .section04 {background:url(../images/bg_sec04_mo.png) center top no-repeat;background-size:100%;padding:50vw 13vw 30vw;height:auto;}
    .section04 .sec-head .section-title span {top:9vw;font-size:4.6vw;}
    .section04 .sec-head {top:3.3vw;}
    .section04 .sec-head .section-title {max-width:100%;}
    .section04 .sec-head .section-title img {width:100%;}
    .section04 .sec-head .text-01 {max-width:60vw;margin:0 auto;font-size:3vw;line-height:4vw;}
    .section04 .slide-wrap {height:76vw;padding:0;}
    .section04 .slide-forall .btn-controll {width:6vw;height:6vw;background-size:cover !important;}
    .section04 .slide-wrap .swiper-wrapper .swiper-slide .img {background-size:40vw !important;background-position:center 60vw !important;}
    .section04 .slide-wrap .swiper-wrapper .img img {transform:scale(0.8);}
    .section04 .btns-bottom {margin:2vw auto 0;}
    .section04 .btns-bottom > .btn {font-size:3.2vw;line-height:7.6vw;padding:0 4vw;border-width:2px;}
    .leaflet-en .section04 .sec-head .text-01 span {display:inline;}

    .section05 {margin-top:-0.5vw;}
    .section05 .section-title {top:20.5vw;max-width:65vw;width:100%;}
    .section05 .section-title img {Width:100%;}
    .section05 .section-title span {top:9vw;font-size:5vw;}
    .section05 .list-playbook {top:60vw;font-size:3.4vw;line-height:6vw;}
    .section05 .list-playbook > li + li {margin-top:16vw;}
    .section05 .list-playbook > li:nth-of-type(1) + li {margin-top:12vw;}
    .section05 .list-playbook .btn {font-size:4vw;line-height:10vw;padding:0;width:68vw;border-width:3px;}
    .leaflet-en .section05 .list-playbook {top:52vw;}
    .leaflet-en .section05 .section-title span {top:6vw;font-size:4.6vw;}
    .leaflet-en .section05 .list-playbook .text-01 span{display:inline;}
    .leaflet-en .section05 .list-playbook .btn {line-height:5.6vw;padding:2vw 0;}
    .leaflet-en .section05 .list-playbook > li:nth-of-type(2) {margin-top:6vw;}
    .leaflet-en .section05 .list-playbook > li:nth-of-type(3) {margin-top:10vw;}
    .leaflet-en .section05 .list-playbook > li:nth-of-type(4) {margin-top:15vw;}
    
    .section06 {margin-top:0;font-size:2.8vw;}
    .section06 .left {width:100%;padding:10vw 18vw 0;}
    .section06 .right {width:100%;border:0;padding:10vw 18vw;background-color:#FFAB79;}
    .section06 .text-02 {margin-top:3vw;}
    .section06 .text-03 {margin-top:3vw;}
    .section06 .text-03 p {line-height:4.5vw;}
    .section06 .text-03 p .tit {width:23vw;}
    .section06 .text-03 p .con.call {background-size:2.4vw;}
    .section06 .text-03 p .con.email {background-size:2.6vw;}
    .section06 .bottom {padding-bottom:30vw;}
    .leaflet-en .section06 .left {font-size:3vw;font-weight:bold;padding:6vw 0;background-color:#ffab79;}
    .leaflet-en .section06 .bottom {font-size:3vw;font-weight:bold;padding:6vw 0 30vw;}

}
@media screen and (max-width:860px){
    .sub_section {padding:0 !important;}
}