@charset "UTF-8"; /*event.scss*/ /*_buttons.scss*/ /*_colors.scss*/ /*_mixins.scss*/ @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*_placeholder.scss*/ div.distribution_240827 section.header_sc .wrap_1024 .bene_ul, div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul, div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul, div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap, div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul, div.distribution_240827 section.review_sc .wrap_1024 .review_ul, div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl { *zoom: 1; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul:before, div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul:before, div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul:before, div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li:before, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap:before, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap:before, div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul:before, div.distribution_240827 section.review_sc .wrap_1024 .review_ul:before, div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl:before, div.distribution_240827 section.header_sc .wrap_1024 .bene_ul:after, div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul:after, div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul:after, div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li:after, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap:after, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap:after, div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul:after, div.distribution_240827 section.review_sc .wrap_1024 .review_ul:after, div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl:after { content: ""; display: table; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul:after, div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul:after, div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul:after, div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li:after, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap:after, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap:after, div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul:after, div.distribution_240827 section.review_sc .wrap_1024 .review_ul:after, div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl:after { clear: both; } a.board_link_btn { padding: 8px 30px; border-radius: 4px; color: #fff; font-weight: bold; display: inline-block; } a.board_link_btn.blue { background: #0b71b9; } /*_forms.scss*/ div.layer_pop, div.layer_pop_m { z-index: 999; position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: url(../../../img//all_bg.png) repeat; } div.pop_wrap { width: 970px; height: 550px; overflow-y: auto; padding: 30px; background: #ebecee; } @media (max-width: 960px) { div.pop_wrap { width: 100%; height: auto; padding: 10px; } } /*_icons.scss*/ span.top_alarm { display: inline-block; background: #5391d5; width: 20px; height: 20px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /* stops bg color from leaking outside the border: */ text-align: center; vertical-align: middle; margin: 0 0 0 3px; } span.ico_border_co1 { display: inline-block; padding: 3px 10px 5px 10px; border: 1px solid #21b1ea; background: none; color: #21b1ea; font-size: 12px; } @media (max-width: 960px) { span.ico_border_co1 { padding: 5px 10px 4px 10px; font-size: 11px; } } @media (max-width: 960px) { span.ico_border_co1 { width: 50px; text-align: center; margin: 0 0 3px 0; padding: 3px 0 2px 0; font-size: 11px; } } span.ico_border_co2 { display: inline-block; padding: 3px 10px 5px 10px; border: 1px solid #f26c4f; background: none; color: #f26c4f; font-size: 12px; } @media (max-width: 960px) { span.ico_border_co2 { padding: 5px 10px 4px 10px; font-size: 11px; } } @media (max-width: 960px) { span.ico_border_co2 { width: 50px; text-align: center; margin: 0 0 3px 0; padding: 3px 0 2px 0; font-size: 11px; } } span.ico_back_co1 { display: inline-block; padding: 3px 10px 5px 10px; border: 1px solid #f26c4f; background: #f26c4f; color: #fff; font-size: 12px; } @media (max-width: 960px) { span.ico_back_co1 { padding: 5px 10px 4px 10px; font-size: 11px; } } @media (max-width: 960px) { span.ico_back_co1 { width: 50px; text-align: center; margin: 0 0 3px 0; padding: 3px 0 2px 0; font-size: 11px; } } span.ico_back_co2 { display: inline-block; padding: 3px 10px 5px 10px; border: 1px solid #21b1ea; background: #21b1ea; color: #fff; font-size: 12px; } @media (max-width: 960px) { span.ico_back_co2 { padding: 5px 10px 4px 10px; font-size: 11px; } } @media (max-width: 960px) { span.ico_back_co2 { width: 50px; text-align: center; margin: 0 0 3px 0; padding: 3px 0 2px 0; font-size: 11px; } } /*_buttons1.scss*/ /*_colors1.scss*/ /*_mixins1.scss*/ /*_buttons2.scss*/ /*_colors2.scss*/ /*_mixins2.scss*/ /*_placeholder2.scss*/ /*_buttons3.scss*/ /*_colors3.scss*/ /*_icons3.scss*/ /*_mixins3.scss*/ /* Sub-section comment block ========================================================================== */ /* Usage */ /* svg element ========================================================================== */ /* maring-and-padding-spacing ========================================================================== */ /*_placeholder3.scss*/ div.distribution_240827 ul li { float: none; width: 100%; } div.distribution_240827, div.distribution_240827 section.bar_sc .bar_wrap a.go_btn, div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec, div.distribution_240827 section.vision_sc, div.distribution_240827 section.tc_sc, div.distribution_240827 section.youtube_sc, div.distribution_240827 section.bene_sc, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 p.tt, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.bs_price, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem span, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price, div.distribution_240827 section.date_sc, div.distribution_240827 section.date_sc .wrap_1024 article .ac_title .big, div.distribution_240827 section.review_sc { color: #171516; } div.distribution_240827 section.bar_sc .bar_wrap, div.distribution_240827 section.special_sc .wrap_1024 .conts .box .bene, div.distribution_240827 section.order_sc, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec, div.distribution_240827 section.order_sc2, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec, div.distribution_240827 section.order_banner_sc, div.distribution_240827 section.date_sc .wrap_1024 article .info_btn > a { background-color: #171516; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 p.sm { color: #36343c; } div.distribution_240827 section.order_sc .wrap_1024 .btn_wrap > a, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec:hover, div.distribution_240827 section.order_sc2 .wrap_1024 .btn_wrap > a, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec:hover, div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl thead tr th, div.distribution_240827 section.notice_sc { background-color: #36343c; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap, div.distribution_240827 section.special_sc .wrap_1024 .emblem .emblem_txt, div.distribution_240827 section.special_sc .wrap_1024 .conts .box .bene, div.distribution_240827 .free_lecture_sc, div.distribution_240827 section.book_sc, div.distribution_240827 section.inner_sc, div.distribution_240827 section.order_sc, div.distribution_240827 section.order_sc .wrap_1024 .btn_wrap > a, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec, div.distribution_240827 section.order_sc .wrap_1024 .btn_st > a, div.distribution_240827 section.order_sc2, div.distribution_240827 section.order_sc2 .wrap_1024 .btn_wrap > a, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price .event, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec, div.distribution_240827 section.order_sc2 .wrap_1024 .btn_st > a, div.distribution_240827 section.order_banner_sc, div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .go_btn, div.distribution_240827 section.date_sc .wrap_1024 table.date thead tr th, div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl thead tr th, div.distribution_240827 section.date_sc .wrap_1024 article .info_btn > a, div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dt, div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd .date, div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd .tit { color: #fff; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li, div.distribution_240827 section.bar_sc .bar_wrap a.go_btn, div.distribution_240827 section.vision_sc, div.distribution_240827 section.tc_sc, div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap, div.distribution_240827 section.date_sc .wrap_1024 table.date tbody tr td, div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr th, div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr td, div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li, div.distribution_240827 section.review_sc { background-color: #fff; } div.distribution_240827 section.vision_sc .wrap_1024 .about_ul > li { background-color: #f5f5f5; } div.distribution_240827 section.notice_sc { color: #f3f2fd; } div.distribution_240827 section.date_sc { background-color: #f3f2fd; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .txt > strong, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 p.sm, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 p.tt, div.distribution_240827 section.date_sc .wrap_1024 article .ac_title .big > em, div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .tit { color: #7035fb; } div.distribution_240827 section.header_sc, div.distribution_240827 section.special_sc .wrap_1024 .emblem, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price .event, div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .go_btn, div.distribution_240827 section.date_sc .wrap_1024 table.date thead tr th { background-color: #7035fb; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span.point, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price em, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span.point, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price em { color: #cb2228; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ps { color: #6ed4fa; } div.distribution_240827 section.special_sc, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem { background-color: #6ed4fa; } div.distribution_240827 { font-family: "Pretendard Variable", 'Pretendard', 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', sans-serif, '돋음', 'dotum'; word-break: keep-all; letter-spacing: -0.5px; } div.distribution_240827 br { font-family: none; } div.distribution_240827 .title { text-align: center; margin: 0; padding: 0; } div.distribution_240827 .title h5.tit { font-size: 42px; font-size: 2.73rem; font-weight: 800; letter-spacing: -1px; } div.distribution_240827 .title p.sub_tt { font-size: 27px; font-size: 1.755rem; opacity: 0.6; filter: alpha(opacity=60); line-height: 1.35; letter-spacing: 0; } @media (max-width: 960px) { div.distribution_240827 .title h5.tit { font-size: 37px; font-size: 2.405rem; } div.distribution_240827 .title p.sub_tt { font-size: 24px; font-size: 1.56rem; } } @media (max-width: 760px) { div.distribution_240827 .title h5.tit { font-size: 34px; font-size: 2.21rem; } div.distribution_240827 .title p.sub_tt { font-size: 22px; font-size: 1.43rem; } } @media (max-width: 560px) { div.distribution_240827 .title h5.tit { font-size: 29px; font-size: 1.885rem; } div.distribution_240827 .title p.sub_tt { font-size: 19px; font-size: 1.235rem; } } @media (max-width: 400px) { div.distribution_240827 .title h5.tit { font-size: 24px; font-size: 1.56rem; } div.distribution_240827 .title p.sub_tt { font-size: 17px; font-size: 1.105rem; } } div.distribution_240827 section.header_sc { padding: 80px 0 130px; } div.distribution_240827 section.header_sc .wrap_1024 .emblem { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; margin: 0 auto; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.distribution_240827 section.header_sc .wrap_1024 .emblem 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.distribution_240827 section.header_sc .wrap_1024 .emblem 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } div.distribution_240827 section.header_sc .wrap_1024 .ps { font-size: 11px; font-size: 0.715rem; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; margin-top: 15px; color: rgba(255, 255, 255, 0.4); text-align: center; letter-spacing: 0; font-weight: 300; line-height: 1.3; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.distribution_240827 section.header_sc .wrap_1024 .ps 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.distribution_240827 section.header_sc .wrap_1024 .ps 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_01 { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; margin: 0 auto; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_01 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_01 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_02 { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; margin: 50px auto 0; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_02 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_02 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul { margin-top: 50px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li { float: left; width: 23%; margin: 0 1%; padding: 30px 15px 35px; text-align: center; border-radius: 25px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .icon { margin: 0 auto; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt { margin-top: 15px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 17px; font-size: 1.105rem; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 20px; font-size: 1.3rem; font-weight: 700; color: #4c29ff; margin-top: 4px; } @media (max-width: 960px) { div.distribution_240827 section.header_sc { padding: 70px 0 110px; } div.distribution_240827 section.header_sc .wrap_1024 .emblem { width: 400px; } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_01 { width: 80%; } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_02 { margin: 40px auto 0; width: 80%; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul { margin-top: 45px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li { padding: 25px 10px 30px; border-radius: 20px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .icon { width: 80px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt { margin-top: 10px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 16px; font-size: 1.04rem; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 19px; font-size: 1.235rem; } } @media (max-width: 760px) { div.distribution_240827 section.header_sc { padding: 60px 0 100px; } div.distribution_240827 section.header_sc .wrap_1024 .emblem { width: 300px; } div.distribution_240827 section.header_sc .wrap_1024 .ps { font-size: 10.6px; font-size: 0.689rem; margin-top: 10px; } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_01 { width: 85%; } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_02 { margin: 35px auto 0; width: 85%; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul { margin-top: 30px; padding: 0 6%; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li { width: 48%; margin: 1%; padding: 20px 10px 25px; border-radius: 18px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .icon { width: 75px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt { margin-top: 5px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 16px; font-size: 1.04rem; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 18px; font-size: 1.17rem; margin-top: 2px; } } @media (max-width: 520px) { div.distribution_240827 section.header_sc { padding: 50px 0 60px; } div.distribution_240827 section.header_sc .wrap_1024 .emblem { width: 55%; } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_01 { width: 88%; } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_02 { margin: 25px auto 0; width: 90%; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul { margin-top: 20px; padding: 0 2%; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li { padding: 15px 5px 20px; border-radius: 15px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .icon { width: 70px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt { margin-top: 5px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 15px; font-size: 0.975rem; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 16.6px; font-size: 1.079rem; margin-top: 2px; } } @media (max-width: 400px) { div.distribution_240827 section.header_sc { padding: 40px 2% 50px; } div.distribution_240827 section.header_sc .wrap_1024 .ps { font-size: 10px; font-size: 0.65rem; } div.distribution_240827 section.header_sc .wrap_1024 .ps br { display: none; } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_01 { width: 100%; } div.distribution_240827 section.header_sc .wrap_1024 .main_img .main_02 { width: 100%; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul { margin-top: 15px; padding: 0; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li { padding: 12px 5px 18px; border-radius: 10px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .icon { width: 60px; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 14.4px; font-size: 0.936rem; } div.distribution_240827 section.header_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 16px; font-size: 1.04rem; } } div.distribution_240827 section.bar_sc { position: relative; } div.distribution_240827 section.bar_sc .bar_wrap { width: 1000px; height: 120px; position: absolute; top: -60px; left: 50%; margin-left: -500px; -webkit-box-shadow: 0 5px 12px rgba(1, 1, 1, 0.2); box-shadow: 0 5px 12px rgba(1, 1, 1, 0.2); border-radius: 100px; z-index: 1; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap { padding-left: 40px; margin-top: 3px; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_txt { font-size: 16px; font-size: 1.04rem; opacity: 0.7; filter: alpha(opacity=70); } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_num { font-size: 31px; font-size: 2.015rem; margin-top: 5px; letter-spacing: 0; font-weight: bold; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn { width: 258px; height: 73px; position: absolute; right: 30px; bottom: 25px; border-radius: 100px; text-align: center; letter-spacing: 0; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn p { font-size: 21px; font-size: 1.365rem; line-height: 73px; font-weight: 600; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn p > span { padding-left: 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; letter-spacing: 0.2px; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn:hover { background: #73cfff; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn:hover p > span { padding-left: 45px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } @media (max-width: 1024px) { div.distribution_240827 section.bar_sc { background: #363a3c; padding: 20px 2%; } div.distribution_240827 section.bar_sc .bar_wrap { background: none; position: static; top: 0; left: 0; width: 100%; margin-left: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap { padding-left: 10px; margin-top: 3px; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_txt { font-size: 15px; font-size: 0.975rem; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_num { font-size: 30px; font-size: 1.95rem; margin-top: 5px; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn { width: 260px; height: 72px; bottom: 43px; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn p { font-size: 20px; font-size: 1.3rem; line-height: 72px; } } @media (max-width: 760px) { div.distribution_240827 section.bar_sc .bar_wrap { height: 104px; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap { margin-top: 0; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_txt { font-size: 14px; font-size: 0.91rem; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_num { font-size: 25px; font-size: 1.625rem; margin-top: 5px; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn { width: 225px; height: 68px; right: 3%; bottom: 37px; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn p { font-size: 18px; font-size: 1.17rem; line-height: 68px; } } @media (max-width: 580px) { div.distribution_240827 section.bar_sc { padding: 25px 4% 30px; } div.distribution_240827 section.bar_sc .bar_wrap { -webkit-box-shadow: none; box-shadow: none; height: auto; border-radius: 0; padding: 0; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap { padding-left: 0; margin-top: 0; text-align: center; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_txt { font-size: 14px; font-size: 0.91rem; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_num { font-size: 24px; font-size: 1.56rem; margin-top: 5px; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn { width: 70%; height: 62px; position: static; display: block; margin: 17px auto 0; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn p { font-size: 17px; font-size: 1.105rem; line-height: 62px; } } @media (max-width: 420px) { div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_txt { font-size: 13px; font-size: 0.845rem; } div.distribution_240827 section.bar_sc .bar_wrap .count_wrap .count_num { font-size: 20px; font-size: 1.3rem; margin-top: 3px; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn { width: 80%; height: 56px; margin: 15px auto 0; } div.distribution_240827 section.bar_sc .bar_wrap a.go_btn p { font-size: 16px; font-size: 1.04rem; line-height: 56px; } } div.distribution_240827 section.special_sc { padding: 130px 0 90px; } @media (max-width: 1024px) { div.distribution_240827 section.special_sc { padding: 80px 4%; overflow: hidden; } } @media (max-width: 760px) { div.distribution_240827 section.special_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.distribution_240827 section.special_sc { padding: 40px 4%; } } div.distribution_240827 section.special_sc .wrap_1024 { position: relative; text-align: center; } div.distribution_240827 section.special_sc .wrap_1024 .emblem { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; border-radius: 50px; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-ms-keyframes flash { div.distribution_240827 section.special_sc .wrap_1024 .emblem 0%, div.distribution_240827 section.special_sc .wrap_1024 .emblem 50%, div.distribution_240827 section.special_sc .wrap_1024 .emblem 100% { opacity: 1; } div.distribution_240827 section.special_sc .wrap_1024 .emblem 25%, div.distribution_240827 section.special_sc .wrap_1024 .emblem 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } div.distribution_240827 section.special_sc .wrap_1024 .emblem .emblem_txt { font-size: 22px; font-size: 1.43rem; font-weight: 800; padding: 8px 28px; } div.distribution_240827 section.special_sc .wrap_1024 .conts { margin-top: 20px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .tit { font-size: 36px; font-size: 2.34rem; font-weight: 800; color: #000; margin-bottom: 40px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box { background: rgba(255, 255, 255, 0.8); border-radius: 30px; padding: 40px 20px 50px; margin-top: 12px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .bene { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 16px; font-size: 1.04rem; padding: 5px 10px; border-radius: 5px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .txt { font-size: 28px; font-size: 1.82rem; margin-top: 15px; line-height: 1.3; font-weight: 600; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .txt > strong { font-weight: 800; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .txt > mark { font-weight: 800; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fffea6)); background: -webkit-linear-gradient(transparent 50%, #fffea6 50%); background: -o-linear-gradient(transparent 50%, #fffea6 50%); background: linear-gradient(transparent 50%, #fffea6 50%); } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .ps { font-size: 14px; font-size: 0.91rem; margin-top: 18px; opacity: 0.4; } @media (max-width: 960px) { div.distribution_240827 section.special_sc .wrap_1024 .emblem .emblem_txt { font-size: 20px; font-size: 1.3rem; padding: 8px 28px; } div.distribution_240827 section.special_sc .wrap_1024 .conts { margin-top: 20px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .tit { font-size: 32px; font-size: 2.08rem; margin-bottom: 40px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box { border-radius: 30px; padding: 40px 20px 50px; margin-top: 12px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .bene { font-size: 15px; font-size: 0.975rem; padding: 5px 12px; border-radius: 4px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .txt { font-size: 26px; font-size: 1.69rem; margin-top: 15px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .ps { font-size: 14px; font-size: 0.91rem; margin-top: 18px; opacity: 0.4; } } @media (max-width: 760px) { div.distribution_240827 section.special_sc .wrap_1024 .emblem .emblem_txt { font-size: 18px; font-size: 1.17rem; padding: 8px 25px; font-weight: 700; } div.distribution_240827 section.special_sc .wrap_1024 .conts { margin-top: 20px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .tit { font-size: 28px; font-size: 1.82rem; margin-bottom: 30px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box { border-radius: 25px; padding: 35px 6% 40px; margin-top: 12px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .bene { font-size: 15px; font-size: 0.975rem; padding: 5px 12px; border-radius: 4px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .txt { font-size: 22px; font-size: 1.43rem; margin-top: 13px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .ps { font-size: 13px; font-size: 0.845rem; margin-top: 15px; } } @media (max-width: 480px) { div.distribution_240827 section.special_sc .wrap_1024 .emblem .emblem_txt { font-size: 16px; font-size: 1.04rem; padding: 7px 22px; } div.distribution_240827 section.special_sc .wrap_1024 .conts { margin-top: 20px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .tit { font-size: 26px; font-size: 1.69rem; margin-bottom: 25px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box { border-radius: 20px; padding: 30px 6% 35px; margin-top: 10px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .bene { font-size: 14px; font-size: 0.91rem; padding: 5px 10px; border-radius: 3px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .txt { font-size: 19px; font-size: 1.235rem; margin-top: 12px; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .txt br { display: none; } div.distribution_240827 section.special_sc .wrap_1024 .conts .box .ps { font-size: 12.6px; font-size: 0.819rem; margin-top: 12px; } } div.distribution_240827 .free_lecture_sc { background: #171516; padding: 80px 0 90px; } div.distribution_240827 .free_lecture_sc.st2 { background: #7035fb; } @media (max-width: 960px) { div.distribution_240827 .free_lecture_sc { padding: 60px 4%; } } @media (max-width: 760px) { div.distribution_240827 .free_lecture_sc { padding: 40px 4% 60px; } } @media (max-width: 480px) { div.distribution_240827 .free_lecture_sc { padding: 20px 6% 40px; } } div.distribution_240827 .free_lecture_sc .wrap_1024 { position: relative; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img { position: absolute; top: -95px; left: 0; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img { -webkit-animation-name: jello; -moz-animation-name: jello; -ms-animation-name: jello; -o-animation-name: jello; animation-name: jello; -webkit-animation-iteration-count: 10; -moz-animation-iteration-count: 10; -ms-animation-iteration-count: 10; -o-animation-iteration-count: 10; animation-iteration-count: 10; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-moz-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-ms-keyframes jello { div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-o-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 50%; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 23px; font-size: 1.495rem; font-weight: 800; color: #6ed4fa; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 36px; font-size: 2.34rem; line-height: 1.3; font-weight: 300; letter-spacing: -1px; margin-top: 15px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big > em { display: block; font-weight: 800; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 20px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 420px; height: 96px; position: relative; background: #63daff; border: none; border-radius: 35px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 24px; font-size: 1.56rem; font-weight: 600; letter-spacing: -0.8px; padding-right: 30px; color: #000; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { background: url("../../../../img/event/intelligence_250402/btn_img.png") no-repeat center; position: absolute; display: block; width: 27px; height: 23px; bottom: 38px; right: 58px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec:hover { background: #ff9cf2; } @media (max-width: 960px) { div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img { top: -70px; left: 0; width: 40%; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 100%; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 45%; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 21px; font-size: 1.365rem; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 30px; font-size: 1.95rem; margin-top: 12px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 100%; height: auto; border-radius: 25px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 20px; font-size: 1.3rem; padding: 18px 30px 18px 0; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { width: 27px; height: 23px; bottom: 32px; right: 75px; } } @media (max-width: 760px) { div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img { position: static; top: 0; left: 0; width: 100%; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 300px; margin: 0 auto; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 0; margin-top: 20px; width: 100%; text-align: center; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 18px; font-size: 1.17rem; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 28px; font-size: 1.82rem; margin-top: 12px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 75%; height: auto; border-radius: 25px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 20px; font-size: 1.3rem; padding: 18px 15% 18px 0; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { width: 27px; height: 23px; bottom: 32px; right: 15%; } } @media (max-width: 480px) { div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 200px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt { margin-top: 20px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 16px; font-size: 1.04rem; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 25px; font-size: 1.625rem; margin-top: 10px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 100%; height: auto; border-radius: 20px; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 18px; font-size: 1.17rem; padding: 18px 20% 18px 0; } div.distribution_240827 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { width: 23px; height: 20px; background-size: 100% auto; bottom: 28px; right: 20%; } } div.distribution_240827 section.vision_sc { padding: 80px 0 90px; } div.distribution_240827 section.vision_sc .title h5.tit { margin-top: 18px; } @media (max-width: 960px) { div.distribution_240827 section.vision_sc { padding: 70px 4% 80px; } } @media (max-width: 760px) { div.distribution_240827 section.vision_sc { padding: 60px 4% 70px; } div.distribution_240827 section.vision_sc .title h5.tit { margin-top: 10px; } } @media (max-width: 560px) { div.distribution_240827 section.vision_sc { padding: 55px 4% 65px; } div.distribution_240827 section.vision_sc .title { margin-top: 50px; } } @media (max-width: 400px) { div.distribution_240827 section.vision_sc { padding: 40px 4% 50px; } div.distribution_240827 section.vision_sc .title { margin-top: 40px; } } div.distribution_240827 section.vision_sc .wrap_1024 { text-align: center; } @media (max-width: 560px) { div.distribution_240827 section.vision_sc .wrap_1024 { padding: 0 4%; } } div.distribution_240827 section.vision_sc .wrap_1024 .about_ul { margin-top: 28px; padding: 0 19%; } div.distribution_240827 section.vision_sc .wrap_1024 .about_ul > li { margin-top: 12px; border-radius: 35px; padding: 33px 25px; text-align: center; } div.distribution_240827 section.vision_sc .wrap_1024 .about_ul > li .txt { font-size: 17px; font-size: 1.105rem; line-height: 1.4; font-weight: 300; } @media (max-width: 960px) { div.distribution_240827 section.vision_sc .wrap_1024 .about_ul { padding: 0; } } @media (max-width: 760px) { div.distribution_240827 section.vision_sc .wrap_1024 .about_ul > li { margin-top: 10px; border-radius: 30px; padding: 28px 20px; } div.distribution_240827 section.vision_sc .wrap_1024 .about_ul > li .txt { font-size: 16px; font-size: 1.04rem; } } @media (max-width: 480px) { div.distribution_240827 section.vision_sc .wrap_1024 .about_ul { margin-top: 20px; } div.distribution_240827 section.vision_sc .wrap_1024 .about_ul > li { margin-top: 7px; border-radius: 25px; padding: 20px 25px; } div.distribution_240827 section.vision_sc .wrap_1024 .about_ul > li .txt { font-size: 15px; font-size: 0.975rem; line-height: 1.3; } } div.distribution_240827 section.vision_sc .wrap_1024 .company { width: calc(100% - 80px); margin: 50px 0 0 40px; overflow: hidden; } @-webkit-keyframes slide_r { 0% { background-position: 0; } 100% { background-position: -2300px; } } @keyframes slide_r { 0% { background-position: 0; } 100% { background-position: -2300px; } } @-webkit-keyframes slide_l { 0% { background-position: 0; } 100% { background-position: 2300px; } } @keyframes slide_l { 0% { background-position: 0; } 100% { background-position: 2300px; } } div.distribution_240827 section.vision_sc .wrap_1024 .company .sliding_bg_01 { background: url("https://wdr.ubion.co.kr/wowpass/img/event/distribution_240827/company_01.png") repeat-x; height: 90px; width: 1600px; -webkit-animation: slide_r 50s linear infinite; animation: slide_r 50s linear infinite; } div.distribution_240827 section.vision_sc .wrap_1024 .company .sliding_bg_02 { background: url("https://wdr.ubion.co.kr/wowpass/img/event/distribution_240827/company_02.png") repeat-x; height: 90px; width: 1600px; -webkit-animation: slide_l 60s linear infinite; animation: slide_l 60s linear infinite; margin: 15px 0; } @media (max-width: 800px) { div.distribution_240827 section.vision_sc .wrap_1024 .company { width: calc(100% - 50px); margin: 40px 0 0 25px; } div.distribution_240827 section.vision_sc .wrap_1024 .company .sliding_bg_01 { background-size: 1250px; height: 70px; width: 1500px; } div.distribution_240827 section.vision_sc .wrap_1024 .company .sliding_bg_02 { background-size: 1250px; height: 70px; width: 1500px; } } @media (max-width: 760px) { div.distribution_240827 section.vision_sc .wrap_1024 .company { width: 100%; margin: 30px 0 0 0; } div.distribution_240827 section.vision_sc .wrap_1024 .company .txt { margin: 20px auto 20px; } div.distribution_240827 section.vision_sc .wrap_1024 .company .txt > p { font-size: 16px; font-size: 1.04rem; padding: 3px 10px; } div.distribution_240827 section.vision_sc .wrap_1024 .company .sliding_bg_01 { background-size: 1000px; height: 56px; width: 1000px; -webkit-animation: slide_r 65s linear infinite; animation: slide_r 65s linear infinite; } div.distribution_240827 section.vision_sc .wrap_1024 .company .sliding_bg_02 { background-size: 1000px; height: 56px; width: 1000px; margin: 6px 0; } } @media (max-width: 420px) { div.distribution_240827 section.vision_sc .wrap_1024 .company .txt { margin: 20px auto 20px; } div.distribution_240827 section.vision_sc .wrap_1024 .company .txt > p { font-size: 15px; font-size: 0.975rem; padding: 2px 10px; } div.distribution_240827 section.vision_sc .wrap_1024 .company .sliding_bg_01 { background-size: 900px; height: 50px; width: 900px; } div.distribution_240827 section.vision_sc .wrap_1024 .company .sliding_bg_02 { background-size: 900px; height: 50px; width: 900px; } } div.distribution_240827 section.book_sc { background: #36343c; padding: 80px 0 90px; } div.distribution_240827 section.book_sc .title .ps { font-size: 11px; font-size: 0.715rem; color: rgba(255, 255, 255, 0.2); font-weight: 100; margin-top: 4px; letter-spacing: 0.5px; } div.distribution_240827 section.book_sc .title h5.tit { margin-top: 18px; } @media (max-width: 960px) { div.distribution_240827 section.book_sc { padding: 70px 4% 80px; } } @media (max-width: 760px) { div.distribution_240827 section.book_sc { padding: 60px 4% 70px; } div.distribution_240827 section.book_sc .title h5.tit { margin-top: 10px; } } @media (max-width: 480px) { div.distribution_240827 section.book_sc { padding: 40px 4% 50px; } } div.distribution_240827 section.book_sc div.wrap_1024 { margin-top: 50px; } div.distribution_240827 section.book_sc div.wrap_1024 .book_img { margin: 0 auto; } div.distribution_240827 section.book_sc div.wrap_1024 .book_txt { margin: 40px auto 0; } @media (max-width: 960px) { div.distribution_240827 section.book_sc div.wrap_1024 { margin-top: 40px; } div.distribution_240827 section.book_sc div.wrap_1024 .book_img { width: 370px; } div.distribution_240827 section.book_sc div.wrap_1024 .book_txt { margin: 30px auto 0; width: 68%; } } @media (max-width: 760px) { div.distribution_240827 section.book_sc div.wrap_1024 { margin-top: 32px; } div.distribution_240827 section.book_sc div.wrap_1024 .book_img { width: 300px; } div.distribution_240827 section.book_sc div.wrap_1024 .book_txt { margin: 30px auto 0; width: 72%; } } @media (max-width: 600px) { div.distribution_240827 section.book_sc div.wrap_1024 { margin-top: 30px; } div.distribution_240827 section.book_sc div.wrap_1024 .book_img { width: 62%; } div.distribution_240827 section.book_sc div.wrap_1024 .book_txt { margin: 15px auto 0; width: 98%; } } @media (max-width: 420px) { div.distribution_240827 section.book_sc div.wrap_1024 { margin-top: 20px; } div.distribution_240827 section.book_sc div.wrap_1024 .book_img { width: 72%; } div.distribution_240827 section.book_sc div.wrap_1024 .book_txt { width: 100%; } } div.distribution_240827 section.inner_sc { background: -webkit-gradient(linear, left top, left bottom, from(#36343c), color-stop(80%, #000)); background: -webkit-linear-gradient(top, #36343c 0%, #000 80%); background: -o-linear-gradient(top, #36343c 0%, #000 80%); background: linear-gradient(to bottom, #36343c 0%, #000 80%); padding: 80px 0 90px; } div.distribution_240827 section.inner_sc .title h5.tit { margin-top: 18px; } @media (max-width: 960px) { div.distribution_240827 section.inner_sc { padding: 70px 4% 80px; } } @media (max-width: 760px) { div.distribution_240827 section.inner_sc { padding: 60px 4% 70px; } div.distribution_240827 section.inner_sc .title h5.tit { margin-top: 10px; } } @media (max-width: 480px) { div.distribution_240827 section.inner_sc { padding: 40px 4% 50px; } } div.distribution_240827 section.inner_sc div.wrap_1024 { margin-top: 40px; } div.distribution_240827 section.inner_sc div.wrap_1024 .inner_ul li { margin-top: 10px; } div.distribution_240827 section.inner_sc div.wrap_1024 .inner_ul li > img { margin: 0 auto; } @media (max-width: 760px) { div.distribution_240827 section.inner_sc div.wrap_1024 { margin-top: 25px; } div.distribution_240827 section.inner_sc div.wrap_1024 .inner_ul li { padding: 0 6%; } div.distribution_240827 section.inner_sc div.wrap_1024 .inner_ul li > img { width: 100%; } } @media (max-width: 480px) { div.distribution_240827 section.inner_sc div.wrap_1024 { margin-top: 15px; } div.distribution_240827 section.inner_sc div.wrap_1024 .inner_ul li { padding: 0 2%; } } div.distribution_240827 section.tc_sc { padding: 80px 0 0; } div.distribution_240827 section.tc_sc .title h5.tit { margin-top: 18px; } div.distribution_240827 section.tc_sc .title h5.tit > em { color: #4c29ff; font-weight: 800; } div.distribution_240827 section.tc_sc .benner { background: #4c29ff; color: #fff; text-align: center; padding: 27px 0; } div.distribution_240827 section.tc_sc .benner .txt { font-size: 22px; font-size: 1.43rem; letter-spacing: 0.5px; font-weight: 500; } div.distribution_240827 section.tc_sc .benner .txt > em { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #ffe21f; font-weight: 700; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-ms-keyframes flash { div.distribution_240827 section.tc_sc .benner .txt > em 0%, div.distribution_240827 section.tc_sc .benner .txt > em 50%, div.distribution_240827 section.tc_sc .benner .txt > em 100% { opacity: 1; } div.distribution_240827 section.tc_sc .benner .txt > em 25%, div.distribution_240827 section.tc_sc .benner .txt > em 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @media (max-width: 960px) { div.distribution_240827 section.tc_sc { padding: 70px 0 0; } } @media (max-width: 760px) { div.distribution_240827 section.tc_sc { padding: 60px 0 0; } div.distribution_240827 section.tc_sc .title h5.tit { margin-top: 10px; } div.distribution_240827 section.tc_sc .benner { padding: 25px 0; } div.distribution_240827 section.tc_sc .benner .txt { font-size: 20px; font-size: 1.3rem; } } @media (max-width: 480px) { div.distribution_240827 section.tc_sc { padding: 40px 0 0; } div.distribution_240827 section.tc_sc .title h5.tit { margin-top: 7px; } div.distribution_240827 section.tc_sc .benner { padding: 22px 0; } div.distribution_240827 section.tc_sc .benner .txt { font-size: 18px; font-size: 1.17rem; } } div.distribution_240827 section.tc_sc div.wrap_1024 { margin-bottom: 70px; } div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul { margin-top: 50px; padding: 0 5%; } div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul .tc_li { float: left; width: 48%; margin: 0 1%; } div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul .tc_li > img { margin: 0 auto; } @media (max-width: 960px) { div.distribution_240827 section.tc_sc div.wrap_1024 { padding: 0 4%; } div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul { padding: 0; } div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul .tc_li > img { width: 100%; } } @media (max-width: 760px) { div.distribution_240827 section.tc_sc div.wrap_1024 { margin-bottom: 55px; } div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul { margin-top: 35px; } } @media (max-width: 480px) { div.distribution_240827 section.tc_sc div.wrap_1024 { margin-bottom: 40px; } div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul { margin-top: 20px; } div.distribution_240827 section.tc_sc div.wrap_1024 .tc_ul .tc_li { float: none; width: 100%; margin: 10px 0; padding: 0 8%; } } div.distribution_240827 section.youtube_sc { background: #f9f8f7; padding: 80px 0 90px; } div.distribution_240827 section.youtube_sc .title h5.tit { margin-top: 18px; } @media (max-width: 960px) { div.distribution_240827 section.youtube_sc { padding: 70px 4% 80px; } } @media (max-width: 760px) { div.distribution_240827 section.youtube_sc { padding: 60px 4% 70px; } div.distribution_240827 section.youtube_sc .title h5.tit { margin-top: 10px; } } @media (max-width: 480px) { div.distribution_240827 section.youtube_sc { padding: 40px 4% 50px; } } div.distribution_240827 section.youtube_sc div.wrap_1024 { text-align: center; } div.distribution_240827 section.youtube_sc div.wrap_1024 .reply { margin: 45px auto 0; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul { margin-top: 35px; padding: 0 2%; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul > li { float: left; width: 48%; margin: 0 1%; border-radius: 25px; overflow: hidden; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul > li .youtube { position: relative; width: 100%; padding-bottom: 56.25%; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul > li .youtube > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } @media (max-width: 820px) { div.distribution_240827 section.youtube_sc div.wrap_1024 .reply { margin: 35px auto 0; width: 68%; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul { margin-top: 30px; padding: 0; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul > li { border-radius: 20px; } } @media (max-width: 600px) { div.distribution_240827 section.youtube_sc div.wrap_1024 .reply { margin: 30px auto 0; width: 80%; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul { margin-top: 20px; padding: 0 18%; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul > li { float: none; width: 100%; margin: 10px 0 0; border-radius: 18px; } } @media (max-width: 480px) { div.distribution_240827 section.youtube_sc div.wrap_1024 .reply { margin: 25px auto 0; width: 90%; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul { margin-top: 10px; padding: 0 16%; } } @media (max-width: 400px) { div.distribution_240827 section.youtube_sc div.wrap_1024 .reply { margin: 20px auto 0; width: 100%; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul { padding: 0 10%; } div.distribution_240827 section.youtube_sc div.wrap_1024 .youtube_ul > li { border-radius: 15px; } } div.distribution_240827 section.bene_sc { background: #f5f4f7; padding: 80px 0 90px; } div.distribution_240827 section.bene_sc .title h5.tit { margin-top: 18px; } @media (max-width: 960px) { div.distribution_240827 section.bene_sc { padding: 70px 4% 80px; } } @media (max-width: 760px) { div.distribution_240827 section.bene_sc { padding: 60px 4% 70px; } div.distribution_240827 section.bene_sc .title h5.tit { margin-top: 10px; } } @media (max-width: 480px) { div.distribution_240827 section.bene_sc { padding: 40px 4% 50px; } } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul { margin-top: 50px; padding: 0 5%; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li { position: relative; border: 1px solid #e0e2e7; border-radius: 25px; float: left; width: 48%; margin: 1%; padding: 33px 20px 35px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .img { float: left; width: 43%; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .img > img { margin: 0 auto; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt { float: left; width: 56%; padding: 10px 0 0 3%; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 16.6px; font-size: 1.079rem; opacity: 0.6; filter: alpha(opacity=60); } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 19.4px; font-size: 1.261rem; font-weight: bold; margin-top: 10px; line-height: 1.3; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li p.ps { position: absolute; left: 25px; bottom: 15px; font-size: 12.4px; font-size: 0.806rem; opacity: 0.3; filter: alpha(opacity=30); letter-spacing: -0.5px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li.short { padding: 30px 20px 32px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li.short .txt { padding: 25px 0 0 3%; } @media (max-width: 960px) { div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul { margin-top: 35px; padding: 0; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li { border-radius: 20px; padding: 30px 15px 40px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .img > img { width: 96px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 15px; font-size: 0.975rem; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 17px; font-size: 1.105rem; } } @media (max-width: 760px) { div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul { margin-top: 30px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li { border-radius: 20px; padding: 30px 10px 40px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .img { width: 40%; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .img > img { width: 82px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt { padding: 6px 0 0 2%; width: 60%; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 14.4px; font-size: 0.936rem; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 16px; font-size: 1.04rem; margin-top: 7px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li.short { padding: 25px 15px 30px; } } @media (max-width: 600px) { div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul { margin-top: 20px; padding: 0 12%; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li { float: none; width: 100%; margin: 2% 0; padding: 25px 15px 30px; } } @media (max-width: 480px) { div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul { margin-top: 20px; padding: 0; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li { float: none; width: 100%; margin: 2% 0; border-radius: 15px; padding: 4% 2% 6%; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .img { float: none; width: 100%; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .img > img { width: 60px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt { float: none; width: 100%; text-align: center; padding: 0; margin-top: 12px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 14.6px; font-size: 0.949rem; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 16px; font-size: 1.04rem; margin-top: 2px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li .txt .big br { display: none; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li p.ps { position: static; text-align: center; left: auto; bottom: auto; font-size: 11.6px; font-size: 0.754rem; margin-top: 10px; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li.short { padding: 4% 2% 6%; } div.distribution_240827 section.bene_sc .wrap_1024 .bene_ul > li.short .txt { padding: 0; } } div.distribution_240827 section.order_sc { padding: 80px 0 90px; } div.distribution_240827 section.order_sc .title h5.tit { margin-top: 18px; } @media (max-width: 960px) { div.distribution_240827 section.order_sc { padding: 70px 4% 80px; } } @media (max-width: 760px) { div.distribution_240827 section.order_sc { padding: 60px 4% 70px; } div.distribution_240827 section.order_sc .title h5.tit { margin-top: 10px; } } @media (max-width: 480px) { div.distribution_240827 section.order_sc { padding: 40px 4% 50px; } } div.distribution_240827 section.order_sc .wrap_1024 { margin-top: 25px; } div.distribution_240827 section.order_sc .wrap_1024 .btn_wrap { text-align: center; } div.distribution_240827 section.order_sc .wrap_1024 .btn_wrap > a { font-size: 15px; font-size: 0.975rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 160px; height: 45px; text-align: center; padding: 12px 0; letter-spacing: -1px; border-radius: 50px; } div.distribution_240827 section.order_sc .wrap_1024 .btn_wrap > a:hover { background: #000; } @media (max-width: 480px) { div.distribution_240827 section.order_sc .wrap_1024 .btn_wrap > a { width: 60%; height: 50px; font-size: 14px; font-size: 0.91rem; padding: 16px 0; } } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap { width: 81%; height: auto; padding: 40px 40px; border: 1px solid #272c2f; border-radius: 30px; margin: 50px auto 0; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 { float: left; width: 69%; border-right: 1px dashed #b7c9db; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 p.sm { font-size: 16px; font-size: 1.04rem; font-weight: 600; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 p.tt { font-size: 23.4px; font-size: 1.521rem; margin-top: 4px; word-break: keep-all; font-weight: 700; letter-spacing: -1px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 p.tt > strong { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ecebf7)); background: -webkit-linear-gradient(transparent 50%, #ecebf7 50%); background: -o-linear-gradient(transparent 50%, #ecebf7 50%); background: linear-gradient(transparent 50%, #ecebf7 50%); font-weight: 800; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul { margin-top: 18px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li { font-size: 14px; font-size: 0.91rem; margin-top: 5px; letter-spacing: 0; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span { color: #7e8184; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span.point { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; font-weight: 700; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-ms-keyframes flash { div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span.point 0%, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span.point 50%, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span.point 100% { opacity: 1; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span.point 25%, div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span.point 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 { float: right; width: 28%; padding-top: 20px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul { text-align: right; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li { float: none; width: auto; display: inline-block; vertical-align: middle; margin: 0 0 0 20px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li:first-child { margin: 0; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price { font-size: 20px; font-size: 1.3rem; display: block; margin-top: 3px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price em { font-size: 24px; font-size: 1.56rem; letter-spacing: -0.2px; font-weight: 800; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.bs_price { font-size: 15px; font-size: 0.975rem; opacity: 0.5; filter: alpha(opacity=50); text-decoration: line-through; letter-spacing: 0; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ps { font-size: 12px; font-size: 0.78rem; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link { margin: 6px 0 0 0; width: 100%; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec { width: 100%; height: 56px; font-size: 16px; font-size: 1.04rem; display: block; text-align: center; border-radius: 10px; border: none; } @media (max-width: 960px) { div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap { width: 100%; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 { width: 65%; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 { width: 30%; } } @media (max-width: 760px) { div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap { margin: 15px auto 0; padding: 6%; border-radius: 20px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 { float: none; width: 100%; text-align: center; border: none; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 p.tt { font-size: 20px; font-size: 1.3rem; margin: 5px 0 0; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 dl.detail_box_dl { margin-top: 15px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 dl.detail_box_dl dt { font-size: 13px; font-size: 0.845rem; display: block; float: none; padding: 3px 0 5px 0; margin: 2px auto 2px; width: 50px; text-align: center; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 dl.detail_box_dl dd { display: block; float: none; width: 100%; margin: 5px 0 5px 2%; font-size: 13px; font-size: 0.845rem; letter-spacing: -0.5px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 { float: none; width: 100%; border-left: none; border-top: 1px dashed #b7c9db; padding-top: 10px; margin-top: 20px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul { text-align: center; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li { width: 100%; margin: 0; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price { font-size: 17px; font-size: 1.105rem; display: block; margin-top: 5px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price em { font-size: 20px; font-size: 1.3rem; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.bs_price { font-size: 14px; font-size: 0.91rem; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ps { font-size: 12px; font-size: 0.78rem; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link { margin: 6px 0 0 0; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec { width: 100%; height: 56px; font-size: 15px; font-size: 0.975rem; padding: 0 60px; } } @media (max-width: 480px) { div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap { padding: 8% 6%; border-radius: 15px; width: 100%; height: auto; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 p.tt { font-size: 18px; font-size: 1.17rem; margin: 5px 0 0; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d1 dl.detail_box_dl { margin-top: 10px; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price { font-size: 15.6px; font-size: 1.014rem; } div.distribution_240827 section.order_sc .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price em { font-size: 19px; font-size: 1.235rem; } } div.distribution_240827 section.order_sc .wrap_1024 .btn_st { margin-top: 50px; text-align: center; } div.distribution_240827 section.order_sc .wrap_1024 .btn_st > a { text-decoration: underline; letter-spacing: 0.3px; font-weight: 200; } div.distribution_240827 section.order_sc .wrap_1024 .btn_st > a:hover { text-decoration: none; font-weight: 300; } div.distribution_240827 section.order_sc2 { padding: 80px 0 90px; } div.distribution_240827 section.order_sc2 .title h5.tit { margin-top: 18px; } @media (max-width: 960px) { div.distribution_240827 section.order_sc2 { padding: 70px 4% 80px; } } @media (max-width: 760px) { div.distribution_240827 section.order_sc2 { padding: 60px 4% 70px; } div.distribution_240827 section.order_sc2 .title h5.tit { margin-top: 10px; } } @media (max-width: 480px) { div.distribution_240827 section.order_sc2 { padding: 40px 4% 50px; } } div.distribution_240827 section.order_sc2 .wrap_1024 { margin-top: 25px; } div.distribution_240827 section.order_sc2 .wrap_1024 .btn_wrap { display: block; text-align: center; margin-bottom: 45px; } div.distribution_240827 section.order_sc2 .wrap_1024 .btn_wrap > a { font-size: 15px; font-size: 0.975rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 160px; height: 45px; text-align: center; padding: 12px 0; letter-spacing: -1px; border-radius: 50px; } div.distribution_240827 section.order_sc2 .wrap_1024 .btn_wrap > a:hover { background: #000; } @media (max-width: 480px) { div.distribution_240827 section.order_sc2 .wrap_1024 .btn_wrap > a { width: 60%; height: 50px; font-size: 14px; font-size: 0.91rem; padding: 16px 0; } } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap { width: 81%; height: auto; position: relative; padding: 40px 40px; border: 1px solid #272c2f; border-radius: 30px; margin: 15px auto 0; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem { width: 80px; height: 80px; border-radius: 50px; position: absolute; top: -30px; left: -30px; text-align: center; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem span { font-size: 17px; font-size: 1.105rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; font-weight: 800; margin-top: 16px; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-ms-keyframes flash { div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem span 0%, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem span 50%, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem span 100% { opacity: 1; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem span 25%, div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem span 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 { float: left; width: 67%; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 p.sm { font-size: 16px; font-size: 1.04rem; font-weight: 500; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 p.tt { font-size: 23.4px; font-size: 1.521rem; margin-top: 6px; word-break: keep-all; font-weight: 700; letter-spacing: -1px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 p.tt > strong { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ecebf7)); background: -webkit-linear-gradient(transparent 50%, #ecebf7 50%); background: -o-linear-gradient(transparent 50%, #ecebf7 50%); background: linear-gradient(transparent 50%, #ecebf7 50%); font-weight: 800; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul { margin-top: 18px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li { font-size: 14px; font-size: 0.91rem; margin-top: 5px; letter-spacing: 0; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span { color: #7e8184; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li > span.point { font-weight: 700; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 .detail_ul > li mark { background: #fffea6; font-weight: 500; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 { float: right; width: 30%; border-left: 1px dashed #b7c9db; padding-top: 20px; padding-left: 3%; padding-bottom: 3px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2.mg_t { padding-top: 40px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul { text-align: right; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li { float: none; width: auto; display: inline-block; vertical-align: middle; margin: 0 0 0 20px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li:first-child { margin: 0; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price { font-size: 20px; font-size: 1.3rem; display: block; margin-top: 3px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price em { font-size: 24px; font-size: 1.56rem; letter-spacing: -0.2px; font-weight: 800; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price .event { font-size: 14px; font-size: 0.91rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 5px 10px; border-radius: 5px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link { margin: 6px 0 0 0; width: 100%; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec { width: 100%; height: 56px; font-size: 16px; font-size: 1.04rem; display: block; text-align: center; border-radius: 10px; border: none; } @media (max-width: 960px) { div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap { width: 100%; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 { width: 65%; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 { width: 30%; } } @media (max-width: 760px) { div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap { margin: 15px auto 0; padding: 6%; border-radius: 20px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem { top: -30px; left: 3%; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem span { font-size: 16px; font-size: 1.04rem; margin-top: 17px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 { float: none; width: 100%; text-align: center; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 p.tt { font-size: 20px; font-size: 1.3rem; margin: 5px 0 0; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 dl.detail_box_dl { margin-top: 15px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 dl.detail_box_dl dt { font-size: 13px; font-size: 0.845rem; display: block; float: none; padding: 3px 0 5px 0; margin: 2px auto 2px; width: 50px; text-align: center; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 dl.detail_box_dl dd { display: block; float: none; width: 100%; margin: 5px 0 5px 2%; font-size: 13px; font-size: 0.845rem; letter-spacing: -0.5px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 { float: none; width: 100%; border-left: none; border-top: 1px dashed #b7c9db; padding-top: 20px; margin-top: 20px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2.mg_t { padding-top: 20px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul { text-align: center; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li { width: 100%; margin: 0; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price { font-size: 17px; font-size: 1.105rem; display: block; margin-top: 5px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price em { font-size: 20px; font-size: 1.3rem; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.bs_price { font-size: 14px; font-size: 0.91rem; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ps { font-size: 12px; font-size: 0.78rem; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link { margin: 6px 0 0 0; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_link .btn_lec { width: 100%; height: 56px; font-size: 15px; font-size: 0.975rem; padding: 0 60px; } } @media (max-width: 480px) { div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap { padding: 8% 6%; border-radius: 15px; width: 100%; height: auto; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem { width: 70px; height: 70px; top: -25px; left: 3%; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap .emblem span { font-size: 15px; font-size: 0.975rem; margin-top: 15px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 p.tt { font-size: 18px; font-size: 1.17rem; margin: 5px 0 0; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d1 dl.detail_box_dl { margin-top: 10px; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price { font-size: 15.6px; font-size: 1.014rem; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price span.ds_price em { font-size: 19px; font-size: 1.235rem; } div.distribution_240827 section.order_sc2 .wrap_1024 div.order_wrap div.order_box_d2 ul li.order_price .event { font-size: 13px; font-size: 0.845rem; padding: 4px 8px; border-radius: 4px; } } div.distribution_240827 section.order_sc2 .wrap_1024 .btn_st { margin-top: 50px; text-align: center; } div.distribution_240827 section.order_sc2 .wrap_1024 .btn_st > a { text-decoration: underline; letter-spacing: 0.3px; font-weight: 200; } div.distribution_240827 section.order_sc2 .wrap_1024 .btn_st > a:hover { text-decoration: none; font-weight: 300; } div.distribution_240827 section.order_banner_sc { padding: 80px 0; } @media (max-width: 960px) { div.distribution_240827 section.order_banner_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.distribution_240827 section.order_banner_sc { padding: 40px 4%; } } div.distribution_240827 section.order_banner_sc .wrap_1024 { text-align: center; } div.distribution_240827 section.order_banner_sc .wrap_1024 .txt_wrap { font-size: 26px; font-size: 1.69rem; line-height: 1.4; } div.distribution_240827 section.order_banner_sc .wrap_1024 .txt_wrap .txt_01 { font-weight: 600; } div.distribution_240827 section.order_banner_sc .wrap_1024 .txt_wrap .txt_02 { font-weight: 700; color: #ffcf4f; } div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; position: relative; margin-top: 25px; } div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .go_btn { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 22px 65px; border-radius: 100px; } div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .go_btn > span { font-size: 18px; font-size: 1.17rem; font-weight: 600; } div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .go_btn:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .arrow { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; bottom: -25px; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-ms-keyframes flash { div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .arrow 0%, div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .arrow 50%, div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .arrow 100% { opacity: 1; } div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .arrow 25%, div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .arrow 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @media (max-width: 480px) { div.distribution_240827 section.order_banner_sc .wrap_1024 .txt_wrap { font-size: 22px; font-size: 1.43rem; } div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap { margin-top: 20px; width: 70%; } div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .go_btn { padding: 20px; width: 100%; } div.distribution_240827 section.order_banner_sc .wrap_1024 .btn_wrap .go_btn > span { font-size: 16.4px; font-size: 1.066rem; } } div.distribution_240827 section.date_sc { padding: 80px 0 90px; } div.distribution_240827 section.date_sc .title h5.tit { margin-top: 18px; } @media (max-width: 960px) { div.distribution_240827 section.date_sc { padding: 70px 4% 80px; } } @media (max-width: 760px) { div.distribution_240827 section.date_sc { padding: 60px 4% 70px; } div.distribution_240827 section.date_sc .title h5.tit { margin-top: 10px; } } @media (max-width: 480px) { div.distribution_240827 section.date_sc { padding: 40px 4% 50px; } } div.distribution_240827 section.date_sc .wrap_1024 { margin-top: 50px; text-align: center; } div.distribution_240827 section.date_sc .wrap_1024 table.date { font-size: 15px; font-size: 0.975rem; width: 640px; margin: 0 auto; } div.distribution_240827 section.date_sc .wrap_1024 table.date thead tr th { padding: 15px 5px; font-weight: 500; } div.distribution_240827 section.date_sc .wrap_1024 table.date tbody tr td { padding: 14px 5px; letter-spacing: 0; } div.distribution_240827 section.date_sc .wrap_1024 article { margin-top: 90px; text-align: center; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_title .big { font-size: 26px; font-size: 1.69rem; font-weight: 700; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_title .sm { font-size: 16px; font-size: 1.04rem; margin-top: 15px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_title .sm > span { background: #dad6ff; padding: 0 2px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl { margin-top: 30px; font-size: 14.4px; font-size: 0.936rem; text-align: center; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl thead tr th { padding: 14px 5px; font-weight: 500; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr th { padding: 13px 5px; border-bottom: 1px solid #e7e7f0; letter-spacing: 0; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr th > em { font-size: 14px; font-size: 0.91rem; font-weight: 100; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr td { padding: 13px 5px; border-bottom: 1px solid #e7e7f0; letter-spacing: 0; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr td.al_le { border-left: 1px solid #e7e7f0; text-align: left; padding-left: 13px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul { margin-top: 30px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li { float: left; width: 19%; height: 198px; margin: 0 0.5%; padding: 28px 12px; border-radius: 25px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .tit { font-size: 18.4px; font-size: 1.196rem; font-weight: 800; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .txt { font-size: 14.6px; font-size: 0.949rem; opacity: 0.7; filter: alpha(opacity=70); line-height: 1.4; margin-top: 12px; } div.distribution_240827 section.date_sc .wrap_1024 article p.quote { font-size: 13px; font-size: 0.845rem; opacity: 0.5; filter: alpha(opacity=50); margin-top: 10px; text-align: right; letter-spacing: 0; } div.distribution_240827 section.date_sc .wrap_1024 article .info_btn { margin-top: 50px; } div.distribution_240827 section.date_sc .wrap_1024 article .info_btn > a { font-size: 15px; font-size: 0.975rem; padding: 25px 50px; border-radius: 100px; } @media (max-width: 960px) { div.distribution_240827 section.date_sc .wrap_1024 { margin-top: 45px; } div.distribution_240827 section.date_sc .wrap_1024 table.date { width: 100%; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl { margin-top: 25px; font-size: 14.2px; font-size: 0.923rem; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul { margin-top: 25px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li { height: 200px; padding: 24px 12px; border-radius: 20px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .tit { font-size: 17.6px; font-size: 1.144rem; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .txt { font-size: 14.4px; font-size: 0.936rem; line-height: 1.3; margin-top: 10px; } } @media (max-width: 760px) { div.distribution_240827 section.date_sc .wrap_1024 { margin-top: 40px; } div.distribution_240827 section.date_sc .wrap_1024 table.date { font-size: 14.6px; font-size: 0.949rem; } div.distribution_240827 section.date_sc .wrap_1024 table.date thead tr th { padding: 11px 5px; } div.distribution_240827 section.date_sc .wrap_1024 table.date tbody tr td { padding: 13px 5px; } div.distribution_240827 section.date_sc .wrap_1024 article { margin-top: 70px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_title .big { font-size: 24px; font-size: 1.56rem; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_title .sm { font-size: 15px; font-size: 0.975rem; margin-top: 14px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl { margin-top: 20px; font-size: 14px; font-size: 0.91rem; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl thead tr th { padding: 11px 5px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr th { padding: 13px 5px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr th > em { font-size: 13.4px; font-size: 0.871rem; display: block; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr td { padding: 13px 5px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr td.al_le { padding-left: 13px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul { margin-top: 10px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li { float: none; width: 100%; height: auto; margin: 10px 0; padding: 18px 25px; border-radius: 25px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .tit { font-size: 16px; font-size: 1.04rem; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .txt { font-size: 14px; font-size: 0.91rem; line-height: 1.4; margin-top: 8px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .txt > .dp_w { display: none; } div.distribution_240827 section.date_sc .wrap_1024 article p.quote { font-size: 12px; font-size: 0.78rem; } div.distribution_240827 section.date_sc .wrap_1024 article .info_btn { margin-top: 40px; } div.distribution_240827 section.date_sc .wrap_1024 article .info_btn > a { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 15px; font-size: 0.975rem; width: 80%; padding: 25px 20px; } } @media (max-width: 540px) { div.distribution_240827 section.date_sc .wrap_1024 { margin-top: 30px; } div.distribution_240827 section.date_sc .wrap_1024 table.date { font-size: 14px; font-size: 0.91rem; } div.distribution_240827 section.date_sc .wrap_1024 table.date thead tr th { padding: 11px 5px; } div.distribution_240827 section.date_sc .wrap_1024 table.date tbody tr td { padding: 13px 5px; } div.distribution_240827 section.date_sc .wrap_1024 article { margin-top: 65px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_title .big { font-size: 21px; font-size: 1.365rem; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_title .sm { font-size: 15px; font-size: 0.975rem; margin-top: 14px; } div.distribution_240827 section.date_sc .wrap_1024 article .table_wrap { overflow-x: auto; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl { font-size: 13.6px; font-size: 0.884rem; margin-top: 20px; width: 600px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl thead tr th { padding: 11px 5px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr th { padding: 13px 5px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr th > em { font-size: 13px; font-size: 0.845rem; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr td { padding: 13px 5px; } div.distribution_240827 section.date_sc .wrap_1024 article .ac_tbl tbody tr td.al_le { padding-left: 13px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul { margin-top: 10px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li { float: none; width: 100%; height: auto; margin: 10px 0; padding: 18px 25px; border-radius: 25px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .tit { font-size: 15px; font-size: 0.975rem; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .txt { font-size: 14px; font-size: 0.91rem; line-height: 1.4; margin-top: 5px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .txt > .dp_w { display: none; } div.distribution_240827 section.date_sc .wrap_1024 article p.quote { margin-top: 5px; } div.distribution_240827 section.date_sc .wrap_1024 article .info_btn { margin-top: 40px; } div.distribution_240827 section.date_sc .wrap_1024 article .info_btn > a { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 15px; font-size: 0.975rem; width: 80%; padding: 22px 20px; } } @media (max-width: 400px) { div.distribution_240827 section.date_sc .wrap_1024 { margin-top: 20px; } div.distribution_240827 section.date_sc .wrap_1024 article { margin-top: 60px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li { padding: 15px 25px; border-radius: 20px; } div.distribution_240827 section.date_sc .wrap_1024 article .subject_ul > li .tit { font-size: 15px; font-size: 0.975rem; } div.distribution_240827 section.date_sc .wrap_1024 article .info_btn > a { width: 100%; padding: 20px 20px; } } div.distribution_240827 section.review_sc { padding: 80px 0 90px; } div.distribution_240827 section.review_sc .title h5.tit { margin-top: 18px; } div.distribution_240827 section.review_sc .title .sm { font-size: 14.6px; font-size: 0.949rem; opacity: 0.5; filter: alpha(opacity=50); margin-top: 15px; font-weight: 500; letter-spacing: 0; } @media (max-width: 960px) { div.distribution_240827 section.review_sc { padding: 70px 4% 80px; } } @media (max-width: 760px) { div.distribution_240827 section.review_sc { padding: 60px 4% 70px; } div.distribution_240827 section.review_sc .title h5.tit { margin-top: 10px; } div.distribution_240827 section.review_sc .title .sm { font-size: 14px; font-size: 0.91rem; margin-top: 15px; } } @media (max-width: 480px) { div.distribution_240827 section.review_sc { padding: 40px 4% 50px; } div.distribution_240827 section.review_sc .title .sm { font-size: 13.4px; font-size: 0.871rem; margin-top: 12px; } } div.distribution_240827 section.review_sc .wrap_1024 { margin-top: 60px; } div.distribution_240827 section.review_sc .wrap_1024 .review_ul { padding: 0 10%; } div.distribution_240827 section.review_sc .wrap_1024 .review_ul > li { float: left; width: 48%; margin: 0 1%; } div.distribution_240827 section.review_sc .wrap_1024 .review_ul > li img { margin: 0 auto; } @media (max-width: 960px) { div.distribution_240827 section.review_sc .wrap_1024 { margin-top: 50px; } div.distribution_240827 section.review_sc .wrap_1024 .review_ul { padding: 0; } } @media (max-width: 820px) { div.distribution_240827 section.review_sc .wrap_1024 .review_ul > li img { width: 100%; } } @media (max-width: 540px) { div.distribution_240827 section.review_sc .wrap_1024 { margin-top: 20px; } div.distribution_240827 section.review_sc .wrap_1024 .review_ul { padding: 0 16%; } div.distribution_240827 section.review_sc .wrap_1024 .review_ul > li { float: none; width: 100%; margin: 20px 0 0; } } @media (max-width: 400px) { div.distribution_240827 section.review_sc .wrap_1024 { margin-top: 15px; } div.distribution_240827 section.review_sc .wrap_1024 .review_ul { padding: 0 10%; } } div.distribution_240827 section.notice_sc { padding: 60px 0; } @media (max-width: 960px) { div.distribution_240827 section.notice_sc { padding: 50px 6%; } } @media (max-width: 480px) { div.distribution_240827 section.notice_sc { padding: 40px 6% 30px; } } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl { margin-bottom: 15px; letter-spacing: 0; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dt { font-size: 15px; font-size: 0.975rem; line-height: 1.4; float: left; width: 20%; font-weight: 500; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd { font-size: 15px; font-size: 0.975rem; line-height: 1.5; float: left; width: 75%; font-weight: 300; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd .date { letter-spacing: 1px; font-weight: 500; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd .tit { font-weight: 500; margin-bottom: 5px; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd .dd_ul { margin-left: 19px; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd .dd_ul > li { width: 96%; color: rgba(255, 255, 255, 0.7); list-style: disc; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd .dd_ul > li em { color: #ffe21f; font-weight: 400; } @media (max-width: 760px) { div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dt { font-size: 14.6px; font-size: 0.949rem; width: 25%; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd { font-size: 14.6px; font-size: 0.949rem; width: 70%; } } @media (max-width: 480px) { div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl { margin-bottom: 20px; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dt { font-size: 14.6px; font-size: 0.949rem; float: none; width: 100%; margin-bottom: 6px; color: #dad6ff; font-weight: 800; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd { font-size: 14px; font-size: 0.91rem; float: none; width: 100%; } div.distribution_240827 section.notice_sc .wrap_1024 dl.bene_dl dd .tit { margin-bottom: 3px; } } div.distribution_240827 section.khba_sc { background: #fafafa; padding: 10px 0; } div.distribution_240827 section.khba_sc .wrap_1024 .khba_m { display: none; } @media (max-width: 960px) { div.distribution_240827 section.khba_sc { background: #ebecee; } div.distribution_240827 section.khba_sc .wrap_1024 .khba_w { width: 100%; } } @media (max-width: 600px) { div.distribution_240827 section.khba_sc { padding: 30px 2% 0; } div.distribution_240827 section.khba_sc .wrap_1024 .khba_w { display: none; } div.distribution_240827 section.khba_sc .wrap_1024 .khba_m { display: block; width: 100%; } } @media (max-width: 400px) { div.distribution_240827 section.khba_sc { padding: 10px 2% 0; } }