/* BASIC css start */
#footer{margin:0 auto!important;}

.sec01{position:relative; background:url(/design/whatson/mo_img/kit/sec01_bg.png); background-size:cover; padding-bottom:170px; }
.sec01 .wd_1330{position:relative; padding:71px 20px;}
.sec01 .txt_box h1{font-size:28px; font-weight:700; color:#fff;  padding-top:5px; line-height:35px;}
.sec01 .txt_box h2{font-size:20px; font-weight:700; color:#FFCC33; line-height:24px; }
.sec01 .txt_box p{font-size:14px; font-weight:400; color:#fff; padding-top:4px;}
.sec01 .txt_box span{display:inline-block; padding:0 57px;  border:1px solid #fff; border-radius:22px; margin-top:30px;}
.sec01 .txt_box span a{display:block; font-size:16px; font-weight:600; color:#fff; line-height:47px;}
.sec01 .img_box{position:absolute; right:0; bottom:-230px;}
.sec01 .img_box img{height:250px;}

.sec02{position:relative; padding:275px 0 0; text-align:center;}
.sec02 .top_box{position:absolute; top:50px; left:0; z-index:11;}
.sec02 .title_box h2{font-size:28px; font-weight:700; line-height:32px;  color:#3B0073;}
.sec02 .title_box p{font-size:12px; font-weight:300; color:#111; padding-top:11px; margin-bottom:12px; line-height:14px;}
.sec02 .big_img{padding:0 20px;}
.sec02 .big_img img{width:100%;}
/*.sec02 .cont_bg{ position:absolute; height:135%; left:0; width:100%; top:-160px; z-index:-1; }*/
.sec02 .cont_box{position:relative;  margin-top:20px; padding:150px 33px 80px; background:url(/design/whatson/mo_img/kit/sec02_bg.png); background-size:100%; }
.sec02 .cont_box ul{display:flex;  gap:25px; flex-direction: column;}

.sec02 .cont_box li{position:relative; width:100%; padding:47px 13px 15px 13px; background:#fff; border-radius:10px; }

.sec02 .cont_box li .box_title{font-size:16px; font-weight:700; color:#3B0073; background:#E7E6FF; line-height:35px; height:35px; position:absolute; left:0; top:0; width:100%; border-radius:10px 10px 0 0; }
.sec02 .cont_box li .c_box{display:flex; align-items:center; gap:10px;}
.sec02 .cont_box li:hover{background:#E7E6FF;}
.sec02 .cont_box li .thumb_box{width:100px; }
.sec02 .cont_box li .thumb_box img{width:100%;}
.sec02 .cont_box li .txt_box{ text-align:left;}
.sec02 .cont_box li .txt_box h2{font-size:14px; font-weight:700; color:#3B0073; padding-bottom:10px; }
.sec02 .cont_box li .txt_box p{font-size:14px; font-weight:400; line-height:16px; color:#111;}
.sec02 .plus_btn{position:absolute; bottom:-40px; left:50%; transform: translateX(-50%); width:85px; height:85px; background:#3B0073; border-radius:100%; display: flex; align-items: center; justify-content: center;  z-index: 11; }
.sec02 .plus_btn img{width:25px; height:25px;}

.sec03{position:relative; background:url(/design/whatson/mo_img/kit/sec03_bg.png); background-size:cover; padding:60px 20px 50px; z-index:-2; text-align:center;}
.sec03 .video_wrap{width:100%; margin:0 auto; background:#B36AF8; border-radius:20px; padding:8px; }
.sec03 .video{padding:56.25% 0 0 0;position:relative; border-radius:20px; overflow:hidden;}
.sec03 .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec03 .txt_box{margin-top:30px;}
.sec03 .txt_box h2{font-size:24px; font-weight:800; line-height:29px; color:#3B0073;}
.sec03 .txt_box p{font-size:14px; font-weight:500; color:#3B0073; padding-top:12px;}

.sec04{padding:50px 0 2px; background:#E7E6FF;}
.sec04 .title_box{text-align:center;}
.sec04 .title_box h2{font-size:28px; font-weight:700; line-height:32px; color:#3B0073;}
.sec04 .title_box p{font-size:16px; font-weight:300;  color:#111; padding-top:12px; margin-bottom:40px; }
.sec04 .cont_box{padding:0 20px;}
.sec04 .cont_box li{position:relative; margin-bottom:48px; }
.sec04 .cont_box .img_box{margin-bottom:12px;}
.sec04 .cont_box .img_box img{width:100%;}

.sec04 .cont_box li .bubble_box{/*position:absolute; top:48px; right:0;*/ display:flex; align-items:center; flex-direction: column; justify-content:center; width:100%; padding:25px 0; background:#3B0073; border-radius:8px; text-align:center; box-shadow: 1.5px 3px 20px 0px rgba(0, 0, 0, 0.25); }
/*.sec04 .cont_box li .bubble_box:after{
    position: absolute;
    top: 16px;
    left: -85px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-right: 95px solid transparent;
    border-bottom: 74px solid #3B0073;
    content: "";
    transform: rotate(185deg);
}*/



.sec04 .cont_box .img_box h1{font-size:16px; font-weight:700;  line-height:34px; padding:0 12px;  background:#B93CF2; border-radius:47px; color:#fff; position:absolute; top:-20px; left:50%; transform: translateX(-50%); text-align:center;}
.sec04 .cont_box li .bubble_box h2{font-size:20px; font-weight:700;  color:#FFA435; padding-bottom:7px; line-height:24px;}
.sec04 .cont_box li .bubble_box p{font-size:12px; font-weight:400; color:#fff; line-height:16px; }
.sec04 .cont_box li .bubble_box p strong{font-weight:700; background:rgba(255, 164, 53, 0.7)}
.sec04 .cont_box .left_box{text-align:left;}
.sec04 .cont_box .right_box{text-align:right;}
.sec04 .cont_box .right_box .bubble_box {left:0;}
/*.sec04 .cont_box .right_box .bubble_box h1{left:36px;}*/
/*.sec04 .cont_box .right_box .bubble_box:after{border-bottom: 95px solid #3B0073;
    right: -85px;
    left: auto;
    transform: rotate(82deg);}*/
    
.sec05{position:relative; padding:50px 20px; text-align:left;}
.sec05 .title_box h2{font-size:28px; font-weight:700; line-height:32px; color:#3B0073; padding-bottom:20px;}
.sec05 .title_box p{display:none; font-size:12px; font-weight:300; color:#111; padding-top:5px; margin-bottom:18px;}    
.sec05 .cont_box{/*display:flex;*/}
.sec05 .cont_box .title{display:inline-block; font-size:12px; font-weight:700; color:#fff; padding:0 13px; line-height:23px; border-radius:17px;}    
.sec05 .cont_box .sub_title{padding-top:15px; padding-left:3px;}
.sec05 .cont_box .sub_title h2{font-size:20px; font-weight:700; color:#3B0073; padding-bottom:5px; line-height:24px;}
.sec05 .cont_box .sub_title p{font-size:14px; font-weight:400; line-height:18px; color:#3B0073;}
.sec05 .cont_box .stand{position:relative; width:100%; background:#E3D3FF; border-radius:10px 10px 0 0; padding:20px 19px; box-sizing:border-box;}
.sec05 .cont_box .stand .title{background:#3B0073;}
.sec05 .cont_box .stand .big_img{position:absolute; left:0; bottom:0; width:60%;}
.sec05 .cont_box .stand .big_img img{width:70%;}
.sec05 .cont_box .x2box{display:none; padding:21px 10px 21px 10px; background:rgba(255, 255, 255, 0.8); border-radius:19px; box-sizing:border-box; margin-top:10px; margin-left:14px;}
.sec05 .cont_box .x2box ul{display:flex; flex-wrap:wrap;}
.sec05 .cont_box .x2box li{position:relative; width:50%; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; padding:20px 0 13px 20px; box-sizing:border-box;}
.sec05 .cont_box .x2box li:nth-child(2n){border-right:0;}
.sec05 .cont_box .x2box li:nth-child(3){border-bottom:0;}
.sec05 .cont_box .x2box li:nth-child(4){border-bottom:0;}
.sec05 .cont_box .x2box h2{font-size:16px; font-weight:700; line-height:20px; color:#3B0073; padding-bottom:3px;}
.sec05 .cont_box .x2box p{font-size:11px; line-height:15px; font-weight:500; color:#5F5B5B;}
.sec05 .cont_box .x2box li img{position:absolute; top:50%; right:0; transform: translateY(-50%);}
.sec05 .cont_box .x2box li:nth-child(2) img{padding-left:15px;}
.sec05 .cont_box .x2box li:nth-child(4) img{padding-left:15px;}
.sec05 .cont_box .stand .subscribe_btn{padding-top:70px; display:flex; justify-content: flex-end;}
.sec05 .cont_box .subscribe_btn{text-align:center; padding-bottom:15px;}
.sec05 .cont_box .subscribe_btn a{display:block; font-size:16px; font-weight:700; color:#3B0073; line-height:36px; width:130px; background:#fff; border-radius:21px;  }


.sec05 .cont_box .premium{position:relative; width:100%; background:#B93CF2; border-radius:0; padding:20px 19px; box-sizing:border-box;}
.sec05 .cont_box .premium .title{background:#FFA435;}
.sec05 .cont_box .premium .big_img{position:absolute; left:0; bottom:0;}
.sec05 .cont_box .premium .big_img img{width:60%;}
.sec05 .cont_box .premium .sub_title h2{font-size:20px; font-weight:700; color:#fff; padding-bottom:5px; line-height:24px;}
.sec05 .cont_box .premium .sub_title p{font-size:14px; font-weight:400; line-height:18px; color:#fff;}
.sec05 .cont_box .premium .subscribe_btn{padding-top:70px; display:flex; justify-content: flex-end;}

.sec05 .cont_box .sp_premium{position:relative; width:100%; background:#3B0073; border-radius:0 0 10px 10px; padding:20px 19px; box-sizing:border-box; }
.sec05 .cont_box .sp_premium .title{background:#FF3535;}
.sec05 .cont_box .sp_premium .big_img{position:absolute; left:0; bottom:0;}
.sec05 .cont_box .sp_premium .big_img img{width:60%;}
.sec05 .cont_box .sp_premium .sub_title h2{font-size:20px; font-weight:700; color:#fff; padding-bottom:5px; line-height:24px;}
.sec05 .cont_box .sp_premium .sub_title p{font-size:14px; font-weight:400; line-height:18px; color:#fff;}
.sec05 .cont_box .sp_premium .subscribe_btn{padding-top:70px; display:flex; justify-content: flex-end;}



.sec06{position:relative; padding:50px 20px 55px; text-align:left; background:#FFE5FF;}
.sec06 .title_box h2{font-size:28px; font-weight:700; line-height:32px; color:#3B0073;}
.sec06 .title_box p{font-size:16px; font-weight:300; color:#111; padding-top:12px; margin-bottom:28px; }

.sec06 .tab-menu {
    
    display:none;
    cursor: pointer;
    justify-content: center;
    padding-top:15px;
}
.sec06 .tab-menu li{position:relative; font-size:12px; color:#5F5B5B; text-align:center; line-height:26px; flex:1; font-weight:700;}
.sec06 .tab-menu li:after{content:''; position:absolute; top:50%; right:1px; width:1px; height:10px; background:#999; transform: translateY(-50%);}
.sec06 .tab-menu li:last-child:after{display:none;}
.sec06 .tab-menu li.active {
    color:#B93CF2;
}
.sec06 .tab_container {
    position: relative;
}

/* 기본: 숨김 상태 */
.sec06 .tab-content {
  
    
   /*display:none;*/
    transition: opacity 0.4s ease;
    padding:25px 23px;
    position:relative;
    background:#fff; border-radius:13px;  box-shadow: 6.4px 6.4px 10.08px 0px rgba(0, 0, 0, 0.25); margin-top:20px;
    
}

/* 활성화된 탭 */
.sec06 .tab-content.active {
    display:block;
}

.sec06 .tab-content .title{padding-bottom:25px;}
.sec06 .tab-content .title h2{display:inline-block; color:#fff; font-size:16px; font-weight:600; line-height:26px; padding:0 12px; border-radius:13px; background:#2CAD35; margin-bottom:12px; }
.sec06 .tab-content .title p{font-size:14px; line-height:20px; font-weight:400; color:#000; }
.sec06 .tab-content .sub_txt h2{font-size:16px; font-weight:700; line-height:23px; color:#2CAD35;}
.sec06 .tab-content .sub_txt p{font-size:14px; font-weight:400; line-height:20px; color:#000; padding-top:5px;}

.sec06 .tab-content .sub_txt2{padding-top:13px;}
.sec06 .tab-content .sub_txt2 h2{font-size:16px; font-weight:700; line-height:23px; color:#2CAD35;}
.sec06 .tab-content .sub_txt2 p{font-size:14px; font-weight:400; line-height:20px; color:#000; padding-top:5px;}

.sec06 .tab-content:nth-child(2) .title h2{background:#FFA435;}
.sec06 .tab-content:nth-child(2) .sub_txt h2{color:#FFA435}
.sec06 .tab-content:nth-child(2) .sub_txt2 h2{color:#FFA435}

.sec06 .tab-content:last-child .title h2{background:#FF3535;}
.sec06 .tab-content:last-child .sub_txt h2{color:#FF3535}
.sec06 .tab-content:last-child .sub_txt2 h2{color:#FF3535}



/*.sec06 .cont_box ul{display:flex; gap:27px}
.sec06 .cont_box li{width: calc(50% - 27px); background:#fff; border-radius:16px; padding:36px 42px; box-sizing:border-box; box-shadow: 6.4px 6.4px 10.08px 0px rgba(0, 0, 0, 0.25);}
.sec06 .cont_box li .title h2{display:inline-block; color:#fff; font-size:20px; font-weight:600; line-height:30px; padding:0 14px; border-radius:16px; background:#2CAD35; margin-bottom:15px; }
.sec06 .cont_box li .title p{font-size:15px; line-height:26px; color:#000; }
.sec06 .cont_box li .sub_txt{padding-top:90px;}
.sec06 .cont_box li .sub_txt h2{font-size:16px; font-weight:700; line-height:30px; color:#2CAD35;}
.sec06 .cont_box li .sub_txt p{font-size:14px; font-weight:400; line-height:26px; color:#000;}

.sec06 .cont_box li .sub_txt2{padding-top:22px;}
.sec06 .cont_box li .sub_txt2 h2{font-size:16px; font-weight:700; line-height:30px; color:#2CAD35;}
.sec06 .cont_box li .sub_txt2 p{font-size:13px; font-weight:400; line-height:20 px; color:#000;}

.sec06 .cont_box li:nth-child(2) .title h2{background:#FFA435;}
.sec06 .cont_box li:nth-child(2) .sub_txt h2{color:#FFA435}
.sec06 .cont_box li:nth-child(2) .sub_txt2 h2{color:#FFA435}

.sec06 .cont_box li:last-child .title h2{background:#FF3535;}
.sec06 .cont_box li:last-child .sub_txt h2{color:#FF3535}
.sec06 .cont_box li:last-child .sub_txt2 h2{color:#FF3535}*/


.sec07{position:relative; padding:50px 20px 50px; text-align:left; }
.sec07 .title_box h2{font-size:28px; font-weight:700; line-height:32px; color:#3B0073;}
.sec07 .title_box p{font-size:16px; line-height:20px;  font-weight:300; color:#111; padding-top:12px; margin-bottom:20px; }
.sec07 .title_box span a{display:none; font-size:22px; font-weight:700; color:#fff; padding:0 25px; line-height:50px; border-radius:45px; background:#FFA435;}    
.sec07 .cont_box{margin-top:20px;}
.sec07 .cont_box ul{}
.sec07 .cont_box li{position:relative; width: 100%;  padding:20px; border-radius:9px; margin-bottom:15px;}
.sec07 .cont_box li .subscribe{position:absolute; top:25px; right:20px; font-size:14px; font-weight:600; color:#000;  }
.sec07 .cont_box li.month{background:#E3D3FF; }
.sec07 .cont_box .r_title{display:inline-block; font-size:16px; font-weight:700;  padding:0 24px; line-height:29px; border-radius:17px; }

.sec07 .cont_box .prce_t{padding:12px 4px 50px;}
.sec07 .cont_box .prce_t p{font-size:16px; font-weight:700; line-height:19px; color:#FF3535;}
.sec07 .cont_box .prce_t h2{display:flex; font-size:26px; font-weight:700; align-items: baseline; line-height:42px;}
.sec07 .cont_box .prce_t h2 b{font-size:24px; font-weight:700; padding-right:5px;}
.sec07 .cont_box .prce_t h3{font-size:20px; font-weight:300; color:#A6A6A6;  text-decoration: line-through;}
.sec07 .cont_box .grade{position:absolute; bottom:19px; left:23px; width:100%;}
.sec07 .cont_box .grade ul{gap:3px;}
.sec07 .cont_box .grade li{ display:inline-block; width:auto; font-size:10px; font-weight:700; color:#3B0073; padding:0 12px; line-height:19px; border-radius:13px; background:#fff;}
.sec07 .cont_box .sub_msg{position:absolute; bottom:10px; color:#DFDFDF; font-size:10px; font-weight:400; left:23px;}
.sec07 .cont_box li.month .r_title{background:#3B0073; color:#fff;}
.sec07 .cont_box li.month .prce_t p{}
.sec07 .cont_box li.month .prce_t h2{color:#3B0073;}
.sec07 .cont_box li.year{background:#3B0073;}
.sec07 .cont_box li.year .r_title{background:#fff; color:#3B0073;}
.sec07 .cont_box li.year .prce_t h2{color:#fff;}
.sec07 .cont_box li.year .grade li:nth-child(2){background:#FFA435}
.sec07 .cont_box li.year .grade li:last-child{background:#FF3535}
.sec07 .cont_box li.year .subscribe{color:#fff;}

.sec08{position:relative; padding:0 20px 50px; text-align:center; }
.sec08 .title_box h2{font-size:28px; font-weight:700; line-height:32px; color:#3B0073; padding-bottom:20px;}
.sec08 .title_box p{display:none; font-size:12px; font-weight:300; color:#111; padding-top:5px; margin-bottom:30px; }
.sec08 .cont_box{background:#FFFFCE;  margin:0 auto; padding:20px 18px; border-radius:20px;}
.sec08 .cont_box .txt_box{text-align:center; padding-bottom:10px;}
.sec08 .cont_box .txt_box h2{font-size:16px; font-weight:700; line-height:19px;  color:#000;}
.sec08 .cont_box .txt_box p{padding-top:5px; font-size:12px; font-weight:400; color:#000;}
.sec08 .cont_box .img_box p{font-size:10px; font-weight:400; line-height:12px; color:#999; text-align:center; padding-top:5px; }
.sec08 .cont_box .img_box img{width:100%;}
.sec08 .more_btn{display:flex; justify-content:center; padding:0;}
.sec08 .more_btn a{display:inline-block; font-size:14px; font-weight:700; color:#fff; padding:0 48px; line-height:39px; border-radius:45px; background:#FFA435; margin-top:20px;}

/* BASIC css end */