.join{min-height: auto;}
.login{padding:25px 25px 30px;padding:25px calc(env(safe-area-inset-right) + 25px) 30px calc(env(safe-area-inset-left) + 25px);}
.login .contents-header.common{padding:0;}
.login .contents-header.common .contents-ttl{font-size:26px;}
.login .line{border-top:2px solid #ff513c;margin-top:10px;}
.login .item-wrapper{width:100%;margin:0 auto 5px;}
.login .login_box{padding:5px 0 0;}
.login .login_box .tit-item{width:100%;font-size:14px;line-height:1;padding-bottom:5px;}
.login .login_box .txt-item{width:100%;}
.login .login_box .txt-item input{height:40px;line-height:40px;font-size:14px;}
.login .login_box .txt{font-size:14px;text-align:center;color:#777;line-height:1.2;padding-top:20px;}
.login .btns{margin:10px 0 0;}
.login .bt.small.red{width:100%;height:50px;line-height:50px;font-size:18px;}
.login .social{margin-top:15px;font-size:0;padding:20px 0 0;}
.login .social .col-md-4{width:33.333%;padding:0;display:inline-block;margin-bottom:0;}
.login .social .col-md-6{padding:0;}
.login .social button{height:60px;line-height:1.4;font-size:14px;border-radius:0;background-position:15px 50%!important;padding:2px 20px 0 50px;}
.login .social button + button{margin-top:10px;}
.login .social .btn_fb{background-size:15px auto;}
.login .social .btn_google{background-size:25px auto;}
.login .social .btn_naver{background-size:25px auto;}
.login .social .btn_kakao{background-size:25px auto;}
.login .btn_close{position:absolute;top:25px;right:25px;width:28px;height:28px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/icon_close.webp") 0 0 / 100% 100% no-repeat;border:0;z-index:10;}
.login .success .txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;}
.login .success .txt:before{content:"";display:block;width:50px;height:50px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/icon_complete.webp") 0 0 / 100% 100% no-repeat;margin:0 auto 10px;}
.login .success .btns{position:fixed;left:0;bottom:0;width:100%;}
.login .success .btns .bt{height:60px;line-height:60px;font-size:22px;}

/* 이용권 등록 */
.voucher{padding-bottom:120px;}
.voucher .contents-header{text-align:center;padding-top:3.3rem;}
.voucher .contents-header .contents-ttl{font-size:44px;color:#000;}
.voucher .contents-header .contents-ttl strong{color:#FF513C;}
.voucher .contents-header .leeead{font-size:24px;margin-top:22px;}
.voucher .contents-header .leeead strong{color:#333;}
.voucher .register_box{background:#F4F4F4;border-radius:16px;padding:60px 95px 65px;}
.voucher .register_box .input_box{font-size:0;text-align:center;/*border-bottom:1px dotted #888;*/padding:0 45px;}
.voucher .register_box .input_box input{display:inline-block;width:calc(100% - 209px);height:64px;font-family:"Noto Sans KR";font-size:24px;color:#333;border:4px solid #FF513C;background:#fff;padding:0 30px;}
.voucher .register_box .input_box .btn_register{width:200px;height:64px;line-height:64px;display:inline-block;font-family:"yg-jalnan";font-size:24px;color:#fff;background:#FF513C;margin-left:9px;vertical-align:top;}
.voucher .register_box .notice{font-family:"Noto Sans KR";text-align:center;}
.voucher .register_box .notice:before{content:"";display:block;width:100%;height:1px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/border_voucher.webp") 0 0 / 100% 100% no-repeat;margin:40px 0 32px;}
.voucher .register_box .notice .box{text-align:left;display:inline-block;}
.voucher .register_box .notice .tit{font-size:18px;color:#333;font-weight:700;}
.voucher .register_box .notice .tit:before{content:"";display:inline-block;width:16px;height:14px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/icon_notice.webp") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:3px 7px 0 0;}
.voucher .register_box .notice .list{margin-top:9px;}
.voucher .register_box .notice .list li{position:relative;font-size:16px;font-weight:400;color:#666;padding-left:14px;letter-spacing:0;}
.voucher .register_box .notice .list li:before{position:absolute;top:11px;left:0;content:"";display:block;width:4px;height:4px;border-radius:2px;background:#666;}
.readingoceans .sequence{padding-bottom:3rem;}
.readingoceans .sequence::before{display:none;}
.readingoceans .sequence .section-ttl{margin-bottom:30px;}
.readingoceans .sequence .section-ttl > strong{font-size:44px;color:#259AE4;}
.readingoceans .sequence .section-ttl > em{font-family:"Noto Sans KR";font-size:20px;color:#666;font-weight:400;line-height:1.4;}
.readingoceans .sequence .item{min-height:435px;align-items:flex-start;padding-top:80px;}
.readingoceans .sequence .item:nth-child(even){padding-right:2.5rem;}
.readingoceans .sequence .item .ttl{font-size:28px;letter-spacing:0;}
.readingoceans .sequence .item .tag span{font-size:20px;}
.readingoceans .books .section-ttl{font-size:44px;margin-bottom:42px;}
.readingoceans .books figcaption{font-size:0;padding:0 13px;}
.readingoceans .books figcaption span{width:calc(50% - 12px);height:64px;line-height:64px;font-size:22px;margin:0 24px 25px 0;padding:0 10px;}
.readingoceans .books figcaption span:nth-child(2n){margin-right:0;}
.readingoceans .books figcaption span:nth-child(n+3){margin-bottom:0;}
.download{text-align:center;background:#F4F4F4;padding:80px 0;}
.download .tit{font-family:"yg-jalnan";font-size:44px;}
.download .tit strong{color:#259AE4;}
.download .app{font-size:0;margin-top:32px;}
.download .app .btn_down{display:inline-block;width:330px;height:100px;}
.download .app .btn_down + .btn_down{margin-left:60px;}
.download .app .btn_down img{width:100%;height:100%;}
@media screen and (max-width:1080px){
.bothside-space{padding-right:25px!important;padding-left:25px!important;}
.voucher{padding-bottom:100px;}
.voucher .contents-header{padding-top:3.8rem;}
.voucher .register_box{padding:60px 58px 65px;}
.readingoceans .sequence{padding-top:4.7rem;}
.readingoceans .sequence .section-ttl > strong{margin-bottom:1rem;}
.readingoceans .sequence .item{min-height:420px;padding-top:110px;}
.readingoceans .sequence .item:nth-child(even){padding-right:3rem;}
.readingoceans .books{padding-top:4.7rem;padding-bottom:6rem;}
.readingoceans .books figcaption{margin-top:2.5rem;}
.readingoceans .books figcaption span{font-size:18px;overflow:hidden;}
.download{padding:60px 0;}
.download .app{margin-top:30px;}
.download .app .btn_down{width:238px;height:72px;}
.download .app .btn_down + .btn_down{margin-left:40px;}
}
@media screen and (max-width:768px){
.bothside-space{padding-right:20px!important;padding-left:20px!important;}
.voucher.bothside-space{padding:0!important;}
.voucher .contents-header{padding-bottom:3.5rem;padding-right:20px!important;padding-left:20px!important;}
.voucher .contents-header .contents-ttl{font-size:40px;line-height:1.25;}
.voucher .contents-header .contents-ttl strong:nth-child(2):before{content:"";display:block;}
.voucher .contents-header .leeead{font-size:18px;line-height:1.3;margin-top:18px;}
.voucher .contents-header .leeead strong:before{content:"";display:block;}
.voucher .register_box{border-radius:0;padding:40px 16px 52px;}
.voucher .register_box .input_box{padding:0;}
.voucher .register_box .input_box input{display:block;width:100%;font-size:20px;padding:0 20px;}
.voucher .register_box .input_box .btn_register{display:block;margin:20px auto 0;}
.voucher .register_box .notice:before{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/m_border_voucher.webp");}
.voucher .register_box .notice .tit{font-size:16px;}
.voucher .register_box .notice .list li{font-size:14px;}
.voucher .register_box .notice .list li:before{top:9px;}
.voucher .register_box .notice .list li + li{margin-top:8px;}
.readingoceans .sequence .section-ttl{margin-bottom:20px;}
.readingoceans .sequence .section-ttl > strong{font-size:32px;}
.readingoceans .sequence .section-ttl > em{font-size:18px;}
.readingoceans .sequence .section-ttl > em br:nth-of-type(2){display:none;}
.readingoceans .sequence .item{position:relative;min-height:0;background-size:contain;background-position:50% 80%!important;padding-top:58%;}
.readingoceans .sequence .item .ttl{font-size:22px;}
.readingoceans .sequence .item .ttl::before{left:-4rem;width:45px;height:45px;font-size:1.5rem;line-height:45px;}
.readingoceans .sequence .item .ttl em br{display:block;}
.readingoceans .sequence .item .tag span{display:block;font-size:16px;}
.readingoceans .sequence .item > div{position:absolute;top:40px;left:0;padding-left:4rem;margin-bottom:20px;}
.readingoceans .books{padding-top:3.7rem;padding-bottom:5.3rem;}
.readingoceans .books .section-ttl{font-size:32px;line-height:1.25;margin-bottom:24px;padding:0 10px;}
.readingoceans .books figcaption{margin-top:20px;}
.readingoceans .books figcaption span{width:100%;height:44px;line-height:44px;font-size:15px;margin:0;}
.readingoceans .books figcaption span + span{margin-top:10px;}
.download{padding:40px 0;}
.download .tit{font-size:28px;line-height:1.25;}
.download .tit strong{display:block;}
.download .app .btn_down{display:block;width:224px;height:68px;margin:0 auto;}
.download .app .btn_down + .btn_down{margin:16px auto 0;}
}
@media screen and (max-width:480px){
.bothside-space{padding-right:16px!important;padding-left:16px!important;}
}


/*EVENT 랜딩*/
.event .mo{display:none;}
.event .intro{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/bg_intro.webp") 50% 50% / cover no-repeat;overflow:hidden;padding-bottom:43px;}
.event .intro .tit{text-align:center;margin-top:-50px;}
.event .intro_txt{text-align:center;background:#FF513C;padding:36px 0;overflow:hidden;}
.event .intro_txt .con{position:relative;}
.event .intro_txt .con:before{content:"";display:block;position:absolute;left:0;bottom:-64px;width:99px;height:112px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/monty.webp") 0 0 / 100% 100% no-repeat;}
.event .intro_txt .con:after{content:"";display:block;position:absolute;right:0;bottom:-64px;width:99px;height:112px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/greeny_blue.webp") 0 0 / 100% 100% no-repeat;}
.event .product1{padding:80px 0;}
.event .product1 .con{display:table;width:100%;}
.event .product1 .con .item{display:table-cell;text-align:center;}
.event .product1 .full{padding-right:44px;}
.event .product1 .book{border-left:2px solid #111;padding-left:44px;}
.event .product1 .tit{height:60px;line-height:61px;text-align:center;font-weight:bold;font-size:24px;color:#111111;margin:0 auto;}
.event .product1 .tit br{display:none;}
.event .product1 .full .tit{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/prd1_tit_full.webp") 0 0 / 100% 100% no-repeat;}
.event .product1 .book .tit{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/prd1_tit_book.webp") 0 0 / 100% 100% no-repeat;}
.event .product1 .thumb{margin-top:10px;}
.event .product1 img{width:100%;}
.event .product1 .p_tit{font-size:20px;font-weight:bold;color:#111;margin-top:20px;}
.event .product1 .p_txt{font-size:18px;line-height:1.5;color:#777;margin-top:6px;}
.event .product1 .free{font-size:20px;font-weight:bold;color:#111;}
.event .product1 .free:before{content:"";display:block;width:40px;height:40px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/icon_plus.webp") 0 0 / 100% 100% no-repeat;margin:16px auto;}
.event .product1 .price_box{margin-top:20px;}
.event .product1 .price_box > div{display:inline-block;position:relative;font-size:20px;line-height:32px;}
.event .product1 .price_box .price1{color:#777;margin-right:60px;}
.event .product1 .price_box .price1:after{position:absolute;top:4px;left:0;width:218px;height:17px;content:"";display:block;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/price_arrow.webp") 0 0 / 100% 100% no-repeat;}
.event .product1 .price_box .price2 strong{font-size:32px;}
.event .product1 .price_box .discount{position:absolute;bottom:42px;right:0;width:58px;height:66px;}
.event .product1 .full .price_box .price2{color:#eb8200;}
.event .product1 .book .price_box .price2{color:#84BC3B;}
.event .tab_box{background:#F1F1F1;padding-top:80px;}
.event .tab_menu_box ul{width:800px;background:#fff;border-radius:40px;margin:0 auto;}
.event .tab_menu_box ul:after{content:"";display:block;clear:both;}
.event .tab_menu_box .tab_menu{float:left;display:block;width:50%;height:72px;line-height:72px;font-size:30px;font-weight:600;color:#ccc;text-align:center;letter-spacing:-1px;border-radius:40px;border:1px solid transparent;border-width:2px 3px 6px;cursor:pointer;}
.event .tab_menu_box .tab_menu.on{background:#007ccb;color:#fff;border-color:#111;}
.event .tab_menu_box .tab_menu.on[data-menu="hodoo"]{background:#84BC3B;}
.event .tab_con_box .tab_con{display:none;position:relative;padding-top:620px;}
.event .tab_con_box .tab_con.on{display:block;}
.event .tab_con_box .tit_box{text-align:center;}
.event .tab_con_box .tit_box .txt{font-size:20px;color:#111;line-height:1.3;}
.event .tab_con_box .tit_box .tit{font-size:48px;font-weight:600;color:#007CCB;margin-top:12px;}
.event .tab_con_box .info{position:absolute;top:64px;left:0;right:0;z-index:1;}
.event .tab_con_box .con{text-align:center;margin-top:30px;}
.event .tab_con_box .readingoceans .sequence{padding-top:416px;}
.event .tab_con_box .readingoceans .sequence .section-ttl > strong{font-family:"GmarketSans";font-size:38px;line-height:1.2;color:#007ccb;}
.event .tab_con_box .readingoceans .sequence .item{text-align:left;}
.event .tab_con_box .manual .sequence .item .ttl em{font-family:"GmarketSans";font-weight:700;color:#111;}
.event .tab_con_box .manual .sequence .item .tag{margin-top:12px;}
.event .tab_con_box .manual .sequence .item .tag span{color:#777;}
.event .tab_con_box .bigbox .mo .txt_box{text-align:left;margin-top:22px;}
.event .tab_con_box .bigbox .mo .tit{font-size:14px;font-weight:600;color:#EB8200;}
.event .tab_con_box .bigbox .mo .tit:nth-of-type(n+2){margin-top:16px;}
.event .tab_con_box .bigbox .mo .txt{font-size:13px;color:#777;margin-top:8px;}
.event .tab_con_box .hodoo .tit_box .tit{color:#84BC3B;}
.event .tab_con_box .hodoo .tablet{font-size:16px;color:#111;text-align:center;margin-top:46px;}
.event .tab_con_box .hodoo .tablet .txt{position:relative;margin-left:-155px;}
.event .tab_con_box .hodoo .tablet .txt:after{content:"";display:block;position:absolute;top:-35px;right:-155px;width:185px;height:88px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/hodoo_tablet.webp") 0 0 / 100% 100% no-repeat;}
.event .tab_con_box .hodoo .tablet br{display:none;}
.event .tab_con_box .hodoo .why{background:#EFF4DB url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/bg_hodoo.webp") 0 100% / 100% auto no-repeat;padding:515px 0 70px;}
.event .tab_con_box .hodoo .why_tit{font-size:38px;color:#84BC3B;font-weight:600;text-align:center;}
.event .tab_con_box .hodoo .why_txt{font-size:20px;color:#111;text-align:center;}
.event .tab_con_box .hodoo .why_txt br{display:none;}
.event .tab_con_box .hodoo .why .list{margin-top:26px;}
.event .tab_con_box .hodoo .why .list .item{padding:50px 0;display:table;width:100%;border-bottom:2px solid #ccc;}
.event .tab_con_box .hodoo .why .list .item > div{display:table-cell;vertical-align:middle;}
.event .tab_con_box .hodoo .why .list .item:last-child{border:0;}
.event .tab_con_box .hodoo .why .list .thumb{width:506px;}
.event .tab_con_box .hodoo .why .list .thumb img{width:100%;}
.event .tab_con_box .hodoo .why .list .right.txt_box{padding-left:38px;}
.event .tab_con_box .hodoo .why .list .txt_box .tit{font-size:28px;color:#111;font-weight:600;}
.event .tab_con_box .hodoo .why .list .txt_box .txt{font-size:20px;color:#777;line-height:1.5;margin-top:12px;}
.event .product2{padding:80px 0 108px;}
.event .product2 .item{display:table;width:100%;border:2px solid #111;}
.event .product2 .item > div{display:table-cell;width:50%;vertical-align:middle;}
.event .product2 .item + .item{margin-top:40px;}
.event .product2 .item .info .txt_box{text-align:center;padding:40px;}
.event .product2 .item .info .idx{display:inline-block;height:32px;line-height:36px;font-size:20px;background:#111;border-radius:16px;padding:0 17px;}
.event .product2 .item .info .tit{font-size:30px;font-weight:600;line-height:1.2;color:#fff;margin-top:12px;}
.event .product2 .item .info .txt{font-size:20px;line-height:1.3;margin-top:12px;}
.event .product2 .item .info .price_box{position:relative;background:#000;padding:18px 40px;}
.event .product2 .item .info .price1{position:relative;font-size:20px;color:#ccc;}
.event .product2 .item .info .price1:after{position:absolute;top:11px;left:0;width:196px;height:16px;content:"";display:block;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/price_arrow2.webp") 0 0 / 100% 100% no-repeat;}
.event .product2 .item .info .price2{font-size:20px;color:#fff;line-height:32px;margin-top:6px;}
.event .product2 .item .info .price2 strong{font-size:32px;}
.event .product2 .item .info .discount{position:absolute;top:15px;right:40px;width:72px;height:72px;line-height:77px;text-align:center;font-size:32px;font-weight:600;color:#fff;border-radius:50%;}
.event .product2 .item .info .discount i{font-size:18px;font-weight:500;}
.event .product2 .item .thumb img{width:100%;}
.event .product2 .full .info{border-right:2px solid #111;}
.event .product2 .full .info .txt_box{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/prd2_full.webp") 50% 50% / cover no-repeat;}
.event .product2 .full .info .idx{color:#EB8200;}
.event .product2 .full .info .txt{color:#FCEFE0;}
.event .product2 .full .info .discount{background:#EB8200;}
.event .product2 .book .info{border-left:2px solid #111;}
.event .product2 .book .info .txt_box{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/prd2_book.webp") 50% 50% / cover no-repeat;}
.event .product2 .book .info .idx{color:#84BC3B;}
.event .product2 .book .info .txt{color:#EDF5E6;}
.event .product2 .book .info .discount{background:#84BC3B;}
.event .payment_box{position:sticky;bottom:0;left:0;z-index:20;background:#fff;}
.event .payment_box .btn_buy{display:block;height:80px;line-height:84px;text-align:center;color:#fff;font-size:36px;font-weight:700;background:#FF513C;}
.event .payment_box .btn_folding{position:absolute;top:-28px;left:calc(50% - 40px);width:80px;height:28px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/bg_btn_selected.webp") 0 0 / 100% 100% no-repeat;}
.event .payment_box .btn_folding:after{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/icon_selected_up.webp") 50% 50% / 20px 13px no-repeat;}
.event .payment_box .prd_list{display:none;}
.event .payment_box .prd_list .item{position:relative;padding:50px 0 50px 60px}
.event .payment_box .prd_list .item + .item{border-top:1px dashed #ccc;}
.event .payment_box .prd_list label{display:block;}
.event .payment_box .prd_list .tit{font-size:24px;font-weight:600;line-height:1.5;color:#333;}
.event .payment_box .prd_list .price_box{margin-top:8px;}
.event .payment_box .prd_list .price_box > div{display:inline-block;position:relative;font-size:20px;line-height:32px;}
.event .payment_box .prd_list .price_box .price1{color:#777;margin-right:60px;}
.event .payment_box .prd_list .price_box .price1:after{position:absolute;top:4px;left:0;width:218px;height:17px;content:"";display:block;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/price_arrow.webp") 0 0 / 100% 100% no-repeat;}
.event .payment_box .prd_list .price_box .price2 strong{font-size:32px;}
.event .payment_box .prd_list .price_box .discount i:after{content:"";display:inline-block;width:12px;height:18px;vertical-align:top;margin:5px 1px 0;}
.event .payment_box .prd_list label{display:block;cursor:pointer;}
.event .payment_box .prd_list input[type='radio']{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;border:0;padding:0;}
.event .payment_box .prd_list input[type='radio'] + label:before{position:absolute;top:52px;left:0;content:"";display:block;width:28px;height:28px;border-radius:50%;background:#eee;box-sizing:border-box;}
.event .payment_box .prd_list input[type='radio']:checked + label:before{background:#FF513C url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/icon_check_on.webp") 50% 50% / 18px 15px no-repeat;}
.event .payment_box .prd_list .full .tit .idx{color:#eb8200;}
.event .payment_box .prd_list .full .price_box .price2{color:#eb8200;}
.event .payment_box .prd_list .full .price_box .discount{color:#eb8200;}
.event .payment_box .prd_list .full .price_box .discount i:after{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/icon_discount_full.webp") 0 0 / 100% 100% no-repeat;}
.event .payment_box .prd_list .book .tit .idx{color:#84BC3B;}
.event .payment_box .prd_list .book .price_box .price2{color:#84BC3B;}
.event .payment_box .prd_list .book .price_box .discount{color:#84BC3B;}
.event .payment_box .prd_list .book .price_box .discount i:after{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/icon_discount_book.webp") 0 0 / 100% 100% no-repeat;}
.event .payment_box.on{border-top:1px solid #ddd;}
.event .payment_box.on .btn_folding:after{transform:rotate(180deg);}
@media screen and (max-width:1080px){
.event .intro .tit img{width:100%;}
.event .product1 .full{padding-right:15px;}
.event .product1 .book{padding-left:15px;}
.event .product1 .price_box .price1{margin-right:40px;}
.event .product1 .price_box .price1:after{width:198px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/t_price_arrow.webp");}
.event .tab_con_box .tab_con{padding-top:626px;}
.event .tab_con_box .con img{width:100%;}
.event .readingoceans .sequence .section-ttl{margin:0;}
.event .tab_con_box .readingoceans .sequence{padding-top:402px;}
.event .tab_con_box .hodoo .tablet{margin-top:63px;}
.event .tab_con_box .hodoo .why{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/t_bg_hodoo.webp");}
}
@media screen and (max-width:768px){
.event .pc{display:none;}
.event .mo{display:block;}
.event .intro{padding-bottom:40px;}
.event .intro .tit{margin-top:-20px;}
.event .intro_txt{padding:28px 0 70px;}
.event .intro_txt .mo{width:298px;margin:0 auto;}
.event .intro_txt .con:before{left:calc(50% - 75px);bottom:-88px;width:71px;height:80px;}
.event .intro_txt .con:after{right:calc(50% - 75px);bottom:-95px;width:71px;height:80px;}
.event .product1{padding:40px 0 80px;}
.event .product1 .con{display:block;}
.event .product1 .con .item{display:block;}
.event .product1 .tit{height:auto;font-size:18px;line-height:1.1;padding:13px 0 11px;}
.event .product1 .tit br{display:block;}
.event .product1 .thumb{margin-top:8px;}
.event .product1 .p_tit{margin-top:10px;}
.event .product1 .free:before{margin:12px auto;}
.event .product1 .price_box{display:inline-block;text-align:left;margin-top:20px;padding-right:77px;}
.event .product1 .price_box > div{display:block;}
.event .product1 .price_box .price1{margin-right:0;}
.event .product1 .price_box .price1:after{top:13px;width:196px;height:16px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/m_price_arrow.webp");}
.event .product1 .price_box .price2{margin-top:8px;}
.event .product1 .price_box .price2 .discount{bottom:10px;left:252px;right:auto;margin-top:10px;}
.event .product1 .full{padding:0;}
.event .product1 .full .tit{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/m_prd1_tit_full.webp");}
.event .product1 .book{padding:0;border:0;margin-top:90px;}
.event .product1 .book .tit{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/m_prd1_tit_book.webp");}
.event .tab_box{padding-top:40px;}
.event .tab_menu_box ul{width:100%;}
.event .tab_menu_box .tab_menu{height:56px;line-height:56px;font-size:18px;border-width:1px 2px 4px;}
.event .tab_con_box .info{top:32px;}
.event .tab_con_box .tit_box .txt{font-size:16px;}
.event .tab_con_box .tit_box .tit{font-size:36px;margin-top:8px;}
.event .tab_con_box .tab_con{padding-top:544px;}
.event .tab_con_box .readingoceans .sequence{padding-top:82%;}
.event .tab_con_box .readingoceans .sequence .section-ttl > strong{font-size:24px;letter-spacing:-0.5px;margin-bottom:0;}
.event .readingoceans .sequence .item{padding-top:65%;background-position:50% 90%!important;}
.event .readingoceans .sequence .item > div{top:30px;padding-left:0;width:100%;text-align:center;}
.event .readingoceans .sequence .item .ttl{font-size:24px;}
.event .readingoceans .sequence .item .ttl::before{position:static;left:0;width:32px;height:32px;font-size:22px;line-height:34px;display:block;margin:0 auto 10px;}
.event .readingoceans .sequence .item .tag{margin-top:8px;}
.event .readingoceans .sequence .item .tag span{font-size:18px;}
.event .tab_con_box .hodoo{padding:0;}
.event .tab_con_box .hodoo .info{position:static;top:0;padding:36px 0 103px;}
.event .tab_con_box .hodoo .con .txt_box{margin-top:44px;}
.event .tab_con_box .hodoo .con .txt_box p{font-size:16px;color:#666;line-height:1.4;}
.event .tab_con_box .hodoo .con .txt_box p:nth-of-type(n+2){margin-top:36px;}
.event .tab_con_box .hodoo .con .txt_box span{display:block;font-size:12px;color:#84bc3b;margin-top:10px;}
.event .tab_con_box .hodoo .tablet{font-size:14px;text-align:left;margin-top:36px;}
.event .tab_con_box .hodoo .tablet .txt{display:block;margin:0;padding-right:120px;}
.event .tab_con_box .hodoo .tablet .txt:after{top:2px;right:-2px;width:173px;height:80px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/m_hodoo_tablet.webp");}
.event .tab_con_box .hodoo .tablet br{display:block;}
.event .tab_con_box .hodoo .why{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/m_bg_hodoo.webp");padding:50px 0 96px;}
.event .tab_con_box .hodoo .why_tit{font-size:28px;}
.event .tab_con_box .hodoo .why_txt{font-size:18px;margin-top:8px;}
.event .tab_con_box .hodoo .why_txt br{display:block;}
.event .tab_con_box .hodoo .why .list{margin-top:16px;}
.event .tab_con_box .hodoo .why .list .item{display:flex;flex-direction:column;padding:24px 0 30px;}
.event .tab_con_box .hodoo .why .list .item > div{display:block;}
.event .tab_con_box .hodoo .why .list .thumb{order:0;width:100%;}
.event .tab_con_box .hodoo .why .list .txt_box{order:1;text-align:center;margin-top:24px;}
.event .tab_con_box .hodoo .why .list .right.txt_box{padding:0;}
.event .tab_con_box .hodoo .why .list .txt_box .tit{font-size:22px;}
.event .tab_con_box .hodoo .why .list .txt_box .txt{font-size:18px;}
.event .product2{padding:60px 0 82px;}
.event .product2 .item{display:flex;flex-direction:column;}
.event .product2 .item > div{display:block;width:100%;}
.event .product2 .item .info{order:0;}
.event .product2 .item .thumb{order:1;}
.event .product2 .item .info .txt_box{padding:20px;}
.event .product2 .item .info .txt{font-size:18px;margin-top:14px;}
.event .product2 .item .info .price_box{padding:26px 16px;}
.event .product2 .item .info .price1{font-size:18px;}
.event .product2 .item .info .price2{font-size:18px;margin-top:7px;}
.event .product2 .item .info .price2 strong{font-size:28px;}
.event .product2 .item .info .discount{top:calc(50% - 32px);right:16px;width:64px;height:64px;line-height:69px;font-size:26px;}
.event .product2 .item .info .discount i{font-size:14px;}
.event .product2 .full .info{border:0;}
.event .product2 .book .info{border:0;}
.event .payment_box.on{padding-top:25px;}
.event .payment_box .prd_list{max-height:70vh;overflow-y:auto;}
.event .payment_box .prd_list .tit{font-size:22px;}
.event .payment_box .prd_list .item{padding:30px 0 30px 48px;}
.event .payment_box .prd_list .price_box{margin-top:10px;}
.event .payment_box .prd_list .price_box > div{font-size:16px;}
.event .payment_box .prd_list .price_box .price1{display:block;}
.event .payment_box .prd_list .price_box .price1:after{top:13px;width:172px;height:16px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/hodoo/event/m_price_arrow.webp");}
.event .payment_box .prd_list .price_box .price2{margin-top:3px;}
.event .payment_box .prd_list .price_box .price2 strong{font-size:28px;}
.event .payment_box .prd_list input[type='radio'] + label:before{top:30px;}
.event .payment_box .prd_list .item:first-child{padding-top:5px;}
.event .payment_box .prd_list .item:first-child input[type='radio'] + label:before{top:5px;}
.event .payment_box .btn_buy{height:64px;line-height:68px;font-size:30px;}
}
@media screen and (max-width:375px){
.event .tab_menu_box .tab_menu{font-size:16px;}
.event .tab_con_box .readingoceans .sequence{padding-top:73%;}
}