/* BASIC css start */
#content {width:1400px;}
#footer_top{margin-top:0;}
iframe {outline: none; border: 0; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;}

/* 섹션 공통 */
section{width: 100%;}
section .sec_inner{width: 1400px; margin:0 auto}
/*section h2{font-family: 'Noto Sans KR', sans-serif; font-size: 32px ; font-weight: bold; letter-spacing: -.5px; color: #000; margin-bottom:35px}*/




/* sec1 */
#sec1{margin-bottom:50px; position:relative; width:100%; height:100vh; overflow:hidden;}
#sec1 .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#sec1 iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
  

}
#sec1 .swiper{width: 100%;}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;}
#sec1 .swiper ul li a{display: block; width: 100%;}
#sec1 .swiper ul li .txt_box{position:absolute; top:50%; left:50%; display:flex; align-items:center; justify-content:center; transform:translate(-50%,-50%); flex-direction: column; text-align:center; }
#sec1 .swiper ul li .txt_box h2{font-size:40px; font-weight:600; color:#FFA435; margin-bottom:10px;}
#sec1 .swiper ul li .txt_box h1{font-size:64px; font-weight:700; color:#fff;}
#sec1 .swiper ul li .txt_box p{font-weight:500; font-size:26px; color:#fff; line-height:65px; padding:0 72px; border-radius:46px; background:#3B0073; margin-top:60px;  }


#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper-pagination{width: auto; bottom: 25px; left: 50%; transform:translateX(-50%);}
#sec1 .swiper-pagination-bullet{background-color:#fff !important; margin:0 3.5px; opacity: .6; transition: width .3s; width:6px; height:6px;}
#sec1 .swiper-pagination-bullet-active{width:24px; border-radius: 10px !important;  opacity: 1 !important;}

/* sec2 */
#sec2{ text-align:center;}
#sec2 ul{display:flex; flex-wrap:wrap; align-items:center; gap:30px; margin-top:50px; max-height:1000px; overflow:hidden; }
#sec2 li{width: calc(50% - 30px); border-radius:20px; overflow:hidden;}
#sec2 .more_btn{position:relative; padding:100px 0; }
#sec2 .more_btn span{position:relative; display:inline-flex; align-items:center; font-size:24px; font-weight:700; color:#fff; line-height:71px; padding:0 88px; background:#FFA435;  border-radius:67px; cursor:pointer;  }
#sec2.active ul{max-height:none;}
#sec2.active .more_btn:before{display:none;}
#sec2 .more_btn:before{content: ""; background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    width: 100%;
    height: 160px;
    display: inline-block;
    position: absolute;
    top: -159px;
    right: 0;}


/* sec3 */


#sec3{background:#FFFEE6; margin-top:150px;}
#sec3 h2{font-weight:700; font-size:64px; color:#AC6038; padding:96px 0 82px; text-align:center;  }
#sec3 ul{display:flex; align-items:center; gap:13px; flex-wrap:wrap;}
#sec3 li img{width:100%; border-radius:20px;}
#sec3 .more_btn{position:relative; padding:72px 0 129px; text-align:center;}
#sec3 .more_btn span{position:relative; display:inline-flex; align-items:center; font-size:24px; font-weight:700; color:#fff; line-height:71px; padding:0 88px; background:#FFA435;  border-radius:67px; cursor:pointer;  }


/* sec4 */
#sec4{background:#F8F8F8; padding:75px 0 51px; }
#sec4 .wd_1330{display:flex; align-items:center; justify-content:space-between; width:100%; }
#sec4 .title_box h2{font-size:40px; font-weight:700; color:#111; line-height:80px;}
#sec4 .title_box p{font-size:20px; font-weight:400; color:#111; line-height:148%; padding-bottom:46px;}
#sec4 .title_box span{display:flex; width:172px; align-items:center; justify-content:center; padding:16px; background:#3B0073; border-radius:46px; }
#sec4 .title_box span a{display:block; font-size:16px; font-weight:700; color:#fff;}
#sec4 .cir_box ul{display:flex; align-items:center; }
#sec4 .cir_box li{width:155px; margin-left:9px;}
#sec4 .cir_box li img{width:100%;}
#sec4 .cir_box li:last-child{padding:0;}


/* sec5 */
#sec5{background:url(/design/whatson/img/pc/renew/sec5_bg.png); background-size:cover;  padding:124px 0 0 0;}
#sec5 .title_box h2{font-weight:700; font-size:55px; color:#3B0073; padding-bottom:24px; }
#sec5 .title_box p{font-size:24px; font-weight:400; color:#111;}
#sec5 .cont_box{padding-top:72px;}
#sec5 .cont_box ul{display:flex;  flex-wrap:wrap; gap:26px;}
#sec5 .cont_box li{width: calc(33% - 26px);}
#sec5 .cont_box li img{width:100%;}
#sec5 .cont_box .txt_box{padding-top:21px;}
#sec5 .cont_box .txt_box h2{font-size:30px; font-weight:700; color:#3B0073; line-height:60px; }
#sec5 .cont_box .txt_box p{font-size:22px; font-weight:400; color:#5F5B5B; }
#sec5 .more_btn{position:relative; padding:78px 0 87px; text-align:center;}
#sec5 .more_btn span{position:relative; display:inline-flex; align-items:center; font-size:24px; font-weight:700; color:#fff; line-height:71px; padding:0 88px; background:#FFA435;  border-radius:67px; cursor:pointer;  }
#sec5 .thumb_box{border-radius:16px; overflow:hidden;}
#sec5 .thumb_box .video{padding:56.25% 0 0 0;position:relative;}
#sec5 .thumb_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;}




/* sec6*/
#sec6{padding:124px 0;}
#sec6 .title_box h2{font-weight:700; font-size:55px; color:#3B0073; padding-bottom:72px; }
#sec6 .title_box p{font-size:24px; font-weight:400; color:#111; line-height:30px; padding-bottom:24px; }
#sec6 .cont_box ul{display:flex; flex-wrap:wrap; gap:38px;}
#sec6 .cont_box li{position:relative; width: calc((100% - (3 * 38px)) / 4);}
#sec6 .video_box{padding:8px; box-sizing:border-box;  border-radius:8px;}
#sec6 .video{padding:177.37% 0 0 0;position:relative; border-radius:8px; overflow:hidden;}
#sec6 .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
#sec6 .more_btn{position:relative; padding:72px 0 0; text-align:center;}
#sec6 .cont_box li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; 
    cursor: pointer; 
}
#sec6 .cont_box li:first-child .video_box{background:#FBC9E7;}
#sec6 .cont_box li:nth-child(2) .video_box{background:#B6F9D9;}
#sec6 .cont_box li:nth-child(3) .video_box{background:#B3E3FC;}
#sec6 .cont_box li:nth-child(4) .video_box{background:#FDFC9D;}
#sec6 .cont_box li:nth-child(5) .video_box{background:#B8ECF0;}
#sec6 .cont_box li:nth-child(6) .video_box{background:#E0F2A8;}
#sec6 .cont_box li:nth-child(7) .video_box{background:#C8CFFD;}
#sec6 .cont_box li:last-child .video_box{background:#FCB1B0;}

#sec6 .more_btn span{position:relative; display:inline-flex; align-items:center; font-size:24px; font-weight:700; color:#fff; line-height:71px; padding:0 88px; background:#FFA435;  border-radius:67px; cursor:pointer;  }



/* sec8 */
#sec8{}
#sec8 .sec_inner{}
#sec8 .sec_inner a img{width:100%;}
#sec8 .sec_inner ul{width: 100%;}
#sec8 .sec_inner ul li{width: 685px; float: left;}
#sec8 .sec_inner ul li:first-child{margin-right:30px;}
#sec8 .sec_inner ul li a{display: block;width: 100%;}
#sec8 .sec_inner ul li a img{width: 100%;}

/* home(추가) */
#home_wrap{}
#home_wrap h2{margin-bottom:10px;}
#home_wrap ul{display: flex; flex-wrap: wrap; gap: 45px;}
#home_wrap ul li{width:436px;}
#home_wrap ul li img{}
#home_wrap ul li p{font-weight: 700; font-size: 20px; line-height: 29px; color: #000000; padding:16px 0 6px;}
#home_wrap ul li span{font-size: 14px; line-height: 22px; color: #595959; display:block;}


/* BASIC css end */