/*event.scss*/ /*_buttons.scss*/ /*_colors.scss*/ /*_mixins.scss*/ @import url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR.css); *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*_placeholder.scss*/ div.cmc_220429 section.count_sc .wrap_1024, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl, div.cmc_220429 section.teacher_sc article { *zoom: 1; } div.cmc_220429 section.count_sc .wrap_1024:before, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box:before, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl:before, div.cmc_220429 section.teacher_sc article:before, div.cmc_220429 section.count_sc .wrap_1024:after, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box:after, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl:after, div.cmc_220429 section.teacher_sc article:after { content: ""; display: table; } div.cmc_220429 section.count_sc .wrap_1024:after, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box:after, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl:after, div.cmc_220429 section.teacher_sc article: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.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only.cr2, div.cmc_220429 section.coupon_sc, div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .date, div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .ps, div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec, div.cmc_220429 section.benefit_sc, div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a span, div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li > .tit, div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul, div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id, div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id .info, div.cmc_220429 section.order_sc, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 p.tt, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl dt, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl dd, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.ds_price, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.bs_price, div.cmc_220429 section.introduce_sc, div.cmc_220429 section.table_sc, div.cmc_220429 section.table_sc .plan_ac .tbl_wrap p.tt, div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr th, div.cmc_220429 section.table_sc .plan_ac .plan_btn a, div.cmc_220429 section.teacher_sc, div.cmc_220429 section.teacher_sc article h5, div.cmc_220429 section.teacher_sc article ul.ul_box, div.cmc_220429 section.teacher_sc article ul.ul_box > li .info button.title_bar i { color: #151719; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text em.bg, div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li .youtube, div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec, div.cmc_220429 section.order_sc .go_btn > a, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link a.btn_lec:hover, div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .go_btn a, div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table thead tr th, div.cmc_220429 section.onlinebook_sc .book_wrap .btn_onlinebook, div.cmc_220429 section.teacher_sc article ul.ul_box > li span.subject, div.cmc_220429 section.notice_sc { background-color: #151719; } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl dt { border-color: #151719; } div.cmc_220429 section.count_sc, div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only, div.cmc_220429 section.count_sc .wrap_1024 > .go_btn .count_btn, div.cmc_220429 .free_lecture_sc, div.cmc_220429 section.benefit_sc .wrap_1024 p.date, div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .num > span, div.cmc_220429 section.review_sc, div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li .youtube p.ready, div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec, div.cmc_220429 section.review_sc .wrap_1024 article.review_ac p.txt, div.cmc_220429 section.order_sc .go_btn > a, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link a.btn_lec, div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .go_btn a, div.cmc_220429 section.table_sc .hanna, div.cmc_220429 section.table_sc .sub_tt, div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table thead tr th, div.cmc_220429 section.onlinebook_sc .book_wrap .btn_onlinebook, div.cmc_220429 section.teacher_sc article ul.ul_box > li span.subject, div.cmc_220429 section.teacher_sc article ul.ul_box > li .info > ul li, div.cmc_220429 section.notice_sc, div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_box .txt strong { color: #fff; } div.cmc_220429 section.benefit_sc, div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .icon_wrap, div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a:hover, div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li, div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li > .tit, div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box, div.cmc_220429 section.introduce_sc, div.cmc_220429 section.table_sc .plan_ac, div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr, div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr td, div.cmc_220429 section.onlinebook_sc, div.cmc_220429 section.teacher_sc article ul.ul_box > li, div.cmc_220429 section.teacher_sc article ul.ul_box > li .info button.title_bar { background-color: #fff; } div.cmc_220429 section.count_sc, div.cmc_220429 section.table_sc { background-color: #5c5c5e; } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.ps { color: #f1f1f1; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li, div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a, div.cmc_220429 section.order_sc, div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr th, div.cmc_220429 section.table_sc .plan_ac .plan_btn a { background-color: #f1f1f1; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li > .tit > em, div.cmc_220429 section.order_sc article.order_box_ar p.ac_tt, div.cmc_220429 section.table_sc .plan_ac .plan_btn p.sub span, div.cmc_220429 section.teacher_sc article h5 em { color: #2c56e9; } div.cmc_220429 section.benefit_sc .wrap_1024 p.date, div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .num > span, div.cmc_220429 section.review_sc, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link a.btn_lec { background-color: #2c56e9; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn .count_btn:hover, div.cmc_220429 section.onlinebook_sc .book_wrap .btn_onlinebook:hover { color: #60dfe1; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec:hover { color: #bac9f1; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .tit, div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li p.txt .red, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.add_price, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.ds_price em { color: #e21b00; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only { background-color: #e21b00; } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac h6.tit > em, div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_tt > mark { color: #ffcd2e; } div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_box .txt > mark { background-color: #ffcd2e; } div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_tt { color: #fff6d7; } div.cmc_220429 { font-family: "Noto Sans KR","Malgun Gothic", "Dotum", "DroidFont",sans-serif; word-break: keep-all; letter-spacing: -0.5px; word-break: keep-all; } @media (max-width: 960px) { div.cmc_220429 { letter-spacing: -0.5px; } } div.cmc_220429 h5.hanna { font-size: 44px; font-size: 2.86rem; text-align: center; letter-spacing: 0px; font-family: 'hanna'; } @media (max-width: 760px) { div.cmc_220429 h5.hanna { font-size: 38px; font-size: 2.47rem; line-height: 33px; line-height: 2.875rem; } } @media (max-width: 480px) { div.cmc_220429 h5.hanna { font-size: 30px; font-size: 1.95rem; line-height: 28px; line-height: 2.25rem; } } div.cmc_220429 p.sub_tt { font-size: 23px; font-size: 1.495rem; opacity: 0.6; filter: alpha(opacity=60); text-align: center; margin-top: 18px; letter-spacing: -1.2px; } @media (max-width: 760px) { div.cmc_220429 p.sub_tt { font-size: 21px; font-size: 1.365rem; margin-top: 15px; } } @media (max-width: 760px) { div.cmc_220429 p.sub_tt { font-size: 17px; font-size: 1.105rem; margin-top: 10px; } } div.cmc_220429 section.header { background: #fff url("../../../../img/event/cmc_220429/v230720/bg.jpg") top center no-repeat; height: 840px; } div.cmc_220429 section.header.st2 { background: #fff url("../../../../img/event/cmc_220429/v240517/bg.jpg") top center no-repeat; } @media (max-width: 960px) { div.cmc_220429 section.header { background-position: 58% 0; } } @media (max-width: 760px) { div.cmc_220429 section.header { background: none; height: auto; } } div.cmc_220429 section.header .wrap_1024 { position: relative; } div.cmc_220429 section.header .wrap_1024 .main_top { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -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.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.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; margin: 95px 0 0 25px; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cmc_220429 section.header .wrap_1024 .main_top 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cmc_220429 section.header .wrap_1024 .main_top 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cmc_220429 section.header .wrap_1024 .main_tit { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -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.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -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: 30px 0 0 25px; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cmc_220429 section.header .wrap_1024 .main_tit 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cmc_220429 section.header .wrap_1024 .main_tit 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cmc_220429 section.header .wrap_1024 .medal { -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: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.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-top: 15px; } @-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.cmc_220429 section.header .wrap_1024 .medal 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.cmc_220429 section.header .wrap_1024 .medal 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.cmc_220429 section.header .wrap_1024 .txt_wrap { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -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.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -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 0 0 40px; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cmc_220429 section.header .wrap_1024 .txt_wrap 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cmc_220429 section.header .wrap_1024 .txt_wrap 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cmc_220429 section.header .wrap_1024 .txt_wrap .txt { font-size: 19px; font-size: 1.235rem; font-weight: 400; line-height: 1.6; } div.cmc_220429 section.header .wrap_1024 .txt_wrap .txt > em { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ecd78f)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); background: linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); font-weight: bold; padding-bottom: 3px; } div.cmc_220429 section.header .wrap_1024 .txt_wrap .txt > em.cr2 { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ecd78f)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); background: linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); } div.cmc_220429 section.header .wrap_1024 .txt_wrap .ps { font-size: 12px; font-size: 0.78rem; opacity: 0.5; filter: alpha(opacity=50); margin-top: 25px; letter-spacing: -1px; } div.cmc_220429 section.header .wrap_1024 .main_m { display: none; } @media (max-width: 760px) { div.cmc_220429 section.header .wrap_1024 .main_top { display: none; } div.cmc_220429 section.header .wrap_1024 .main_tit { display: none; } div.cmc_220429 section.header .wrap_1024 .medal { display: none; } div.cmc_220429 section.header .wrap_1024 .txt_wrap { position: absolute; -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.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.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; margin: 0; left: 6%; bottom: 23%; } @-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.cmc_220429 section.header .wrap_1024 .txt_wrap 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.cmc_220429 section.header .wrap_1024 .txt_wrap 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.cmc_220429 section.header .wrap_1024 .main_m { display: block; width: 100%; } } @media (max-width: 560px) { div.cmc_220429 section.header .wrap_1024 .txt_wrap { bottom: 20%; } div.cmc_220429 section.header .wrap_1024 .txt_wrap .txt { font-size: 17px; font-size: 1.105rem; } } @media (max-width: 440px) { div.cmc_220429 section.header .wrap_1024 .txt_wrap { bottom: 16%; } div.cmc_220429 section.header .wrap_1024 .txt_wrap .txt { font-size: 15.4px; font-size: 1.001rem; letter-spacing: -1px; line-height: 1.5; } div.cmc_220429 section.header .wrap_1024 .txt_wrap .ps { font-size: 11.6px; font-size: 0.754rem; } } @media (max-width: 340px) { div.cmc_220429 section.header .wrap_1024 .txt_wrap { bottom: 14%; } div.cmc_220429 section.header .wrap_1024 .txt_wrap .txt { font-size: 14.6px; font-size: 0.949rem; } div.cmc_220429 section.header .wrap_1024 .txt_wrap .ps { font-size: 11px; font-size: 0.715rem; } } div.cmc_220429 section.header_sc { background: #fff url("../../../../img/event/cmc_220429/v240517/bg.jpg") top center no-repeat; height: 840px; } @media (max-width: 960px) { div.cmc_220429 section.header_sc { background-position: 58% 0; } } @media (max-width: 760px) { div.cmc_220429 section.header_sc { background: none; height: auto; } } div.cmc_220429 section.header_sc .wrap_1024 { position: relative; } div.cmc_220429 section.header_sc .wrap_1024 .main_top { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -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.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.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; margin: 95px 0 0 15px; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cmc_220429 section.header_sc .wrap_1024 .main_top 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cmc_220429 section.header_sc .wrap_1024 .main_top 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cmc_220429 section.header_sc .wrap_1024 .main_tit { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -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.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -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: 30px 0 0 15px; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cmc_220429 section.header_sc .wrap_1024 .main_tit 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cmc_220429 section.header_sc .wrap_1024 .main_tit 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cmc_220429 section.header_sc .wrap_1024 .medal { -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: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.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-top: 15px; } @-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.cmc_220429 section.header_sc .wrap_1024 .medal 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.cmc_220429 section.header_sc .wrap_1024 .medal 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.cmc_220429 section.header_sc .wrap_1024 .txt_wrap { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -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.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -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 0 0 30px; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .txt { font-size: 19px; font-size: 1.235rem; font-weight: 400; line-height: 1.6; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .txt > em { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ecd78f)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); background: linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); font-weight: bold; padding-bottom: 3px; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .txt > em.cr2 { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ecd78f)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); background: linear-gradient(rgba(255, 255, 255, 0) 50%, #ecd78f 50%); } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .ps { font-size: 12px; font-size: 0.78rem; opacity: 0.4; filter: alpha(opacity=40); margin-top: 30px; letter-spacing: -1px; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .ps > strong { display: block; } div.cmc_220429 section.header_sc .wrap_1024 .main_m { display: none; } @media (max-width: 760px) { div.cmc_220429 section.header_sc .wrap_1024 .main_top { display: none; } div.cmc_220429 section.header_sc .wrap_1024 .main_tit { display: none; } div.cmc_220429 section.header_sc .wrap_1024 .medal { display: none; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap { position: absolute; -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.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.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; margin: 0; left: 4%; top: 53%; } @-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.cmc_220429 section.header_sc .wrap_1024 .txt_wrap 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap 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.cmc_220429 section.header_sc .wrap_1024 .main_m { display: block; width: 100%; } } @media (max-width: 560px) { div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap { top: 55%; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .txt { font-size: 17px; font-size: 1.105rem; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .ps { font-size: 11.6px; font-size: 0.754rem; margin-top: 15px; } } @media (max-width: 440px) { div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap { top: 52%; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .txt { font-size: 15.4px; font-size: 1.001rem; letter-spacing: -1px; line-height: 1.5; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .ps { font-size: 11px; font-size: 0.715rem; line-height: 1.3; margin-top: 10px; } } @media (max-width: 340px) { div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap { bottom: 14%; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .txt { font-size: 14.6px; font-size: 0.949rem; } div.cmc_220429 section.header_sc .wrap_1024 .txt_wrap .ps { font-size: 11px; font-size: 0.715rem; } } div.cmc_220429 section.count_sc { padding: 25px 0; } div.cmc_220429 section.count_sc.st2 { background: #323230; } div.cmc_220429 section.count_sc .wrap_1024 { padding: 0 5%; } @media (max-width: 760px) { div.cmc_220429 section.count_sc .wrap_1024 { padding: 0 3%; } } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap { float: left; position: relative; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only { position: absolute; width: 170px; height: 40px; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -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: 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; border-radius: 100px; text-align: center; top: -45px; left: -75px; } @-webkit-keyframes fadeInDown { 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 fadeInDown { 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 fadeInDown { div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInDown { 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 fadeInDown { 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.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only span { font-size: 15px; font-size: 0.975rem; font-weight: 500; line-height: 40px; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only.cr2 { background: #f4bf60; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only.cr2 span { font-weight: bold; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text { font-size: 36px; font-size: 2.34rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-weight: bold; height: 65px; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text:before { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; content: " "; height: 100%; vertical-align: middle; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text .date { font-size: 15px; font-size: 0.975rem; font-weight: normal; padding: 0; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; vertical-align: middle; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text em { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; vertical-align: middle; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text em.bg { text-align: center; border-radius: 3px; padding: 0 10px; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text em.minutes { margin-left: 15px; position: relative; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text em.minutes::before { content: ':'; position: absolute; left: -20px; font-weight: normal; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text em.seconds { margin-left: 15px; position: relative; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text em.seconds::before { content: ':'; position: absolute; left: -20px; font-weight: normal; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn { float: right; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn .count_btn { font-size: 24px; font-size: 1.56rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-weight: 500; line-height: 55px; letter-spacing: -1px; background: -webkit-gradient(linear, left top, left bottom, color-stop(96%, rgba(255, 255, 255, 0)), color-stop(4%, #fff)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 96%, #fff 4%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 96%, #fff 4%); background: linear-gradient(rgba(255, 255, 255, 0) 96%, #fff 4%); } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn .count_btn:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(96%, rgba(255, 255, 255, 0)), color-stop(4%, #60dfe1)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 96%, #60dfe1 4%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 96%, #60dfe1 4%); background: linear-gradient(rgba(255, 255, 255, 0) 96%, #60dfe1 4%); } @media (max-width: 960px) { div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only { position: absolute; width: 160px; height: 40px; top: -45px; left: 10px; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text { font-size: 33px; font-size: 2.145rem; height: 60px; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn { float: right; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn .count_btn { font-size: 22px; font-size: 1.43rem; } } @media (max-width: 760px) { div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only { position: absolute; width: 150px; height: 40px; left: 0; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text { font-size: 30px; font-size: 1.95rem; height: 50px; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn { float: right; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn .count_btn { font-size: 18px; font-size: 1.17rem; line-height: 38px; letter-spacing: -1px; background: -webkit-gradient(linear, left top, left bottom, color-stop(96%, rgba(255, 255, 255, 0)), color-stop(4%, #fff)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 96%, #fff 4%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 96%, #fff 4%); background: linear-gradient(rgba(255, 255, 255, 0) 96%, #fff 4%); padding-top: 3px; } } @media (max-width: 660px) { div.cmc_220429 section.count_sc .wrap_1024 { text-align: center; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap { float: none; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count: 5; -moz-animation-iteration-count: 5; -ms-animation-iteration-count: 5; -o-animation-iteration-count: 5; animation-iteration-count: 5; -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; } @-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.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only 0%, div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only 50%, div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only 100% { opacity: 1; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only 25%, div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .only 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.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text { font-size: 27px; font-size: 1.755rem; height: 50px; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text:before { display: none; } div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text .date { font-size: 15px; font-size: 0.975rem; display: block; font-weight: normal; margin-bottom: 6px; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn { float: none; width: 45%; display: block; background: #f1f1f1; border-radius: 100px; margin: 50px auto 0; border: 3px solid #e21b00; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn .count_btn { font-size: 17px; font-size: 1.105rem; color: #e21b00; line-height: 1; background: none; padding: 19px 0; font-weight: bold; } } @media (max-width: 480px) { div.cmc_220429 section.count_sc .wrap_1024 > .count_wrap .count_text { font-size: 25px; font-size: 1.625rem; height: auto; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn { width: 96%; margin: 20px auto 0; background: #eee; border: 3px solid #e21b00; } div.cmc_220429 section.count_sc .wrap_1024 > .go_btn .count_btn { font-size: 16px; font-size: 1.04rem; padding: 19px 0; } } div.cmc_220429 section.coupon_sc { background: #f4bf60; padding: 100px 0 0; } @media (max-width: 960px) { div.cmc_220429 section.coupon_sc { padding: 80px 4% 0; } } @media (max-width: 760px) { div.cmc_220429 section.coupon_sc { padding: 60px 4% 0; } } @media (max-width: 480px) { div.cmc_220429 section.coupon_sc { padding: 40px 4% 0; } } div.cmc_220429 section.coupon_sc .wrap_1024 { margin: 50px auto 0; height: 600px; overflow: hidden; } div.cmc_220429 section.coupon_sc .wrap_1024 button.coupon { background: none; border: none; padding: 0; margin: 0; } div.cmc_220429 section.coupon_sc .wrap_1024 button.coupon > img { margin: 0 auto; } div.cmc_220429 section.coupon_sc .wrap_1024 button.coupon:hover > img { margin: 5px 0 0; } div.cmc_220429 section.coupon_sc .wrap_1024::after, div.cmc_220429 section.coupon_sc .wrap_1024::before { display: none; } @media (max-width: 960px) { div.cmc_220429 section.coupon_sc .wrap_1024 { margin-top: 40px; height: auto; } div.cmc_220429 section.coupon_sc .wrap_1024 .coupon { padding: 0 10%; } div.cmc_220429 section.coupon_sc .wrap_1024 .coupon > img { width: 100%; } } @media (max-width: 760px) { div.cmc_220429 section.coupon_sc .wrap_1024 { margin-top: 20px; } div.cmc_220429 section.coupon_sc .wrap_1024 .coupon { padding: 0 2%; } } @media (max-width: 480px) { div.cmc_220429 section.coupon_sc .wrap_1024 { margin-top: 15px; } div.cmc_220429 section.coupon_sc .wrap_1024 .coupon { padding: 0; } } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon { position: relative; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap { position: absolute; bottom: 35px; left: 0; width: 100%; text-align: center; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .tit { font-size: 20px; font-size: 1.3rem; font-weight: bold; letter-spacing: -1px; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .date { font-size: 18px; font-size: 1.17rem; font-weight: 600; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .ps { font-size: 14px; font-size: 0.91rem; opacity: 0.6; margin-top: 5px; } @media (max-width: 960px) { div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap { bottom: 4%; padding: 0 30%; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .tit { font-size: 18px; font-size: 1.17rem; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .date { font-size: 17px; font-size: 1.105rem; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .ps { font-size: 14px; font-size: 0.91rem; margin-top: 4px; } } @media (max-width: 760px) { div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap { bottom: 3%; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .tit { font-size: 16.4px; font-size: 1.066rem; line-height: 1.3; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .date { font-size: 16px; font-size: 1.04rem; line-height: 1.3; margin-top: 2px; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .ps { font-size: 12.4px; font-size: 0.806rem; margin-top: 3px; line-height: 1.3; letter-spacing: -1.5px; } } @media (max-width: 540px) { div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap { bottom: 2%; padding: 0 20%; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .tit { font-size: 14.6px; font-size: 0.949rem; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .date { font-size: 14px; font-size: 0.91rem; margin-top: 0; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .ps { font-size: 12px; font-size: 0.78rem; margin-top: 1px; } } @media (max-width: 400px) { div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap { bottom: 0.5%; padding: 0 10%; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .tit { font-size: 13px; font-size: 0.845rem; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .date { font-size: 14px; font-size: 0.91rem; margin-top: 0; } div.cmc_220429 section.coupon_sc.add_txt .wrap_1024 button.coupon .txt_wrap .ps { font-size: 11px; font-size: 0.715rem; margin-top: 1px; } } div.cmc_220429 .free_lecture_sc { background: #323230; padding: 80px 0 90px; } @media (max-width: 960px) { div.cmc_220429 .free_lecture_sc { padding: 60px 4%; } } @media (max-width: 760px) { div.cmc_220429 .free_lecture_sc { padding: 40px 4% 60px; } } @media (max-width: 480px) { div.cmc_220429 .free_lecture_sc { padding: 20px 6% 40px; } } div.cmc_220429 .free_lecture_sc .wrap_1024 { position: relative; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_img { position: absolute; top: -95px; left: 0; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 50%; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 23px; font-size: 1.495rem; font-weight: 800; color: #fff84f; -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: 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 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.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm 0%, div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm 50%, div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm 100% { opacity: 1; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm 25%, div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm 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.cmc_220429 .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.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big > em { display: block; font-weight: 800; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 20px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 420px; height: 96px; position: relative; background: #ff9fe5; border: none; border-radius: 35px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } div.cmc_220429 .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: 38px; color: #000; } div.cmc_220429 .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: 45px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec:hover { background: #ff9084; } @media (max-width: 960px) { div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_img { top: -70px; left: 0; width: 40%; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 100%; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 45%; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 21px; font-size: 1.365rem; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 30px; font-size: 1.95rem; margin-top: 12px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 100%; height: auto; border-radius: 25px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 20px; font-size: 1.3rem; padding: 18px 0; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { display: none; } } @media (max-width: 760px) { div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_img { position: static; top: 0; left: 0; width: 100%; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 300px; margin: 0 auto; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 0; margin-top: 20px; width: 100%; text-align: center; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 18px; font-size: 1.17rem; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 28px; font-size: 1.82rem; margin-top: 12px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 75%; height: auto; border-radius: 25px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 20px; font-size: 1.3rem; } } @media (max-width: 480px) { div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 200px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt { margin-top: 20px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 16px; font-size: 1.04rem; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 25px; font-size: 1.625rem; margin-top: 10px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 100%; height: auto; border-radius: 20px; } div.cmc_220429 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 18px; font-size: 1.17rem; } } div.cmc_220429 section.benefit_sc { padding: 100px 0; } @media (max-width: 960px) { div.cmc_220429 section.benefit_sc { padding: 80px 4%; } } @media (max-width: 760px) { div.cmc_220429 section.benefit_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cmc_220429 section.benefit_sc { padding: 40px 4%; } } div.cmc_220429 section.benefit_sc .wrap_1024 { text-align: center; } div.cmc_220429 section.benefit_sc .wrap_1024 p.date { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 24px; font-size: 1.56rem; width: 350px; height: auto; margin: 25px auto 0; padding: 15px; border-radius: 100px; font-weight: 600; } div.cmc_220429 section.benefit_sc .wrap_1024 p.date.cr2 { background: #111; } @media (max-width: 960px) { div.cmc_220429 section.benefit_sc .wrap_1024 p.date { font-size: 20px; font-size: 1.3rem; padding: 14px; } } @media (max-width: 760px) { div.cmc_220429 section.benefit_sc .wrap_1024 p.date { font-size: 18px; font-size: 1.17rem; width: 60%; height: auto; } } @media (max-width: 480px) { div.cmc_220429 section.benefit_sc .wrap_1024 p.date { font-size: 16px; font-size: 1.04rem; width: 80%; height: auto; margin: 15px auto 0; background: #bac9f1; color: #151719; border-radius: 5px; } div.cmc_220429 section.benefit_sc .wrap_1024 p.date.cr2 { background: #bac9f1; } } div.cmc_220429 section.benefit_sc .wrap_1024 p.ps { opacity: 0.7; filter: alpha(opacity=70); font-size: 15px; font-size: 0.975rem; margin-top: 20px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul { margin-top: 50px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul::after { clear: both; content: ""; display: table; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li { width: 24%; height: 360px; float: left; margin: 0.5%; padding: 3% 2%; border-radius: 30px; text-align: center; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .icon_wrap { border-radius: 15px; width: 94%; margin: 0 auto; padding: 14% 0 16%; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .icon_wrap img { margin: 0 auto; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .num > span { font-size: 17px; font-size: 1.105rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin-top: -12px; font-family: 'hanna'; font-weight: normal; letter-spacing: 0; padding: 6px 10px 5px; border-radius: 100px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .num > span.cr2 { background: #2b8e04; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li p.txt { font-size: 18px; font-size: 1.17rem; line-height: 23px; line-height: 1.625rem; font-weight: bold; margin-top: 10px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li p.txt .red { font-size: 20px; font-size: 1.3rem; font-family: 'hanna'; font-weight: normal; letter-spacing: 0; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li p.txt .point { text-decoration: underline; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .pss { margin-top: 10px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .pss .ps { font-size: 12px; font-size: 0.78rem; opacity: 0.5; filter: alpha(opacity=50); line-height: 1.1; margin: 3px 0; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li { background: #f4bf60; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align { margin-top: 45px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align > .txt { font-size: 18px; font-size: 1.17rem; line-height: 23px; line-height: 1.625rem; font-weight: bold; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .arrow { font-size: 20px; font-size: 1.3rem; margin: 15px 0; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap { margin-top: 20px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; border: 2px solid #151719; -webkit-box-shadow: 0 2px 0 #151719; box-shadow: 0 2px 0 #151719; padding: 13px 8px; border-radius: 10px; line-height: 1.3; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a span { font-size: 16px; font-size: 1.04rem; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a span > em { font-weight: bold; } @media (max-width: 760px) { div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align { margin-top: 25px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align > .txt { font-size: 16.4px; font-size: 1.066rem; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .arrow { margin: 10px 0; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap { margin-top: 20px; padding: 0 1%; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a { padding: 13px 10px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a span { font-size: 15.6px; font-size: 1.014rem; } } @media (max-width: 500px) { div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align { margin-top: 0; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align > .txt { font-size: 16px; font-size: 1.04rem; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .arrow { font-size: 16px; font-size: 1.04rem; margin: 5px 0; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap { margin-top: 5px; margin-bottom: 10px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a { padding: 15px 10px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li.btn_li .align .btn_wrap > a span { font-size: 15px; font-size: 0.975rem; } } @media (max-width: 960px) { div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li { width: 31.3%; height: 340px; margin: 0.5%; padding: 2% 1%; border-radius: 25px; } } @media (max-width: 760px) { div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul { margin-top: 30px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li { width: 48%; height: 310px; margin: 1%; padding: 4% 2%; border-radius: 25px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .icon_wrap { padding: 10% 0 12%; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .num > span { font-size: 15px; font-size: 0.975rem; margin-top: -12px; padding: 5px 10px 4px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li p.txt { font-size: 16px; font-size: 1.04rem; line-height: 21px; line-height: 1.375rem; margin-top: 7px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li p.txt .red { font-size: 19px; font-size: 1.235rem; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .pss { margin-top: 8px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .pss .ps { font-size: 11.6px; font-size: 0.754rem; } } @media (max-width: 500px) { div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul { margin-top: 10px; padding: 0 13%; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li { width: 100%; height: auto; margin: 2% 0; padding: 8% 5%; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .icon_wrap { padding: 8% 0 10%; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .num > span { font-size: 15px; font-size: 0.975rem; margin-top: -12px; padding: 6px 10px 5px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li p.txt { margin-top: 5px; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li p.txt .dp_w { display: none; } } @media (max-width: 350px) { div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul { padding: 0 10%; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li { padding: 8% 5%; } div.cmc_220429 section.benefit_sc .wrap_1024 .benefit_ul > li .icon_wrap { padding: 9% 0 11%; } } div.cmc_220429 section.review_sc { padding: 100px 0; } div.cmc_220429 section.review_sc.st2 { background: #2b8e04; } @media (max-width: 960px) { div.cmc_220429 section.review_sc { padding: 80px 6%; } } @media (max-width: 760px) { div.cmc_220429 section.review_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc { padding: 40px 4%; } } div.cmc_220429 section.review_sc img { margin: 0 auto 10px; } div.cmc_220429 section.review_sc .wrap_1024 { overflow-x: hidden; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac { margin-top: 40px; } @media (max-width: 760px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac { margin-top: 20px; } } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li { float: left; width: 32.2%; margin: 0 0.5%; border-radius: 10px; overflow: hidden; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li { width: 60%; margin: 10px 20%; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li { width: 80%; margin: 5px 10%; } } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li > .tit { line-height: 1.3; text-align: center; font-weight: bold; padding: 12px 5px; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li > .tit > em { display: block; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li .youtube { position: relative; width: 100%; padding-bottom: 56.25%; height: 180px; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li .youtube { height: auto; } } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li .youtube p.ready { text-align: center; padding-top: 50px; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li .youtube p.ready > i { display: block; font-size: 30px; font-size: 1.95rem; margin: 10px; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li .youtube p.ready { position: absolute; top: 0; left: 50%; width: 100%; margin: -50%; padding-top: 65%; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul > li .youtube p.ready { padding-top: 59%; } } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li4 { padding: 0 10%; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li4 > li { width: 48%; margin: 1%; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li4 { padding: 0 20%; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li4 > li { width: 100%; margin: 2% 0; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li4 { padding: 0 10%; } } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li2 { padding: 0 16%; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li2 > li { width: 48%; margin: 1%; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li2 { padding: 0 20%; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li2 > li { width: 100%; margin: 2% 0; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .youtube_ul.li2 { padding: 0 10%; } } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn { text-align: center; margin-top: 70px; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn { margin-top: 20px; } } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec { border-radius: 100px; width: 48%; padding: 20px; text-align: center; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec span { font-size: 18px; font-size: 1.17rem; font-weight: bold; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec { width: 64%; padding: 3% 0; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec span { font-size: 17px; font-size: 1.105rem; } } @media (max-width: 760px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec { width: 90%; padding: 4% 0; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec span { font-size: 16px; font-size: 1.04rem; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec { width: 100%; padding: 4% 20px; } div.cmc_220429 section.review_sc .wrap_1024 article.vod_ac .rv_btn > a.btn_lec span { font-size: 15px; font-size: 0.975rem; line-height: 20px; line-height: 1.25rem; } } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac { margin-top: 80px; border-top: 1px dashed rgba(255, 255, 255, 0.5); padding-top: 70px; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac { margin-top: 80px; padding-top: 60px; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac { margin-top: 60px; padding-top: 40px; } } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac h6.tit { font-size: 44px; font-size: 2.86rem; line-height: 34px; line-height: 3rem; text-align: center; letter-spacing: 0px; font-family: 'hanna'; } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac h6.tit > em { font-size: 30px; font-size: 1.95rem; display: block; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac h6.tit { font-size: 38px; font-size: 2.47rem; } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac h6.tit > em { font-size: 28px; font-size: 1.82rem; } } @media (max-width: 760px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac h6.tit { font-size: 34px; font-size: 2.21rem; line-height: 30px; line-height: 2.5rem; } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac h6.tit > em { font-size: 25px; font-size: 1.625rem; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac h6.tit { font-size: 28px; font-size: 1.82rem; line-height: 27px; line-height: 2.125rem; } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac h6.tit > em { font-size: 20px; font-size: 1.3rem; } } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac p.txt { opacity: 0.6; filter: alpha(opacity=60); font-size: 23px; font-size: 1.495rem; text-align: center; margin-top: 18px; font-weight: 300; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac p.txt { font-size: 18px; font-size: 1.17rem; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac p.txt { font-size: 15px; font-size: 0.975rem; } } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul { margin-top: 60px; width: 2000px; height: 370px; overflow: hidden; } @media (max-width: 1000px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul { width: 100%; height: 500px; overflow-y: scroll; padding-bottom: 20px; padding: 0 10%; } } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul { margin-top: 40px; height: 400px; } } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li { position: relative; padding: 30px; float: left; width: 320px; margin-left: 10px; border-radius: 30px; border: 1px solid #eee; height: 370px; } @media (max-width: 1000px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li { padding: 3% 5% 5%; width: 100%; margin-left: 0; margin-top: 10px; height: 240px; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li { padding: 5% 8% 8%; height: auto; } } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id { font-size: 12px; font-size: 0.78rem; padding-bottom: 15px; border-bottom: 1px dotted; } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id { padding-bottom: 5px; } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id .name { text-align: center; } } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id .info { font-size: 18px; font-size: 1.17rem; line-height: 22px; line-height: 1.5rem; padding-top: 10px; font-family: 'hanna'; position: absolute; top: 13px; right: 36px; } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id .info img { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 50px; vertical-align: middle; } @media (max-width: 960px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id .info { font-size: 16px; font-size: 1.04rem; top: 2px; } } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id .info { font-size: 14px; font-size: 0.91rem; position: static; top: 0px; right: 0; padding-top: 0; margin-top: 0; text-align: center; } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li .e_id .info img { width: 30px; } } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li p { font-size: 13px; font-size: 0.845rem; line-height: 23px; line-height: 1.625rem; margin-top: 10px; } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li p mark { padding: 0 2px; background-color: transparent; background-image: -webkit-linear-gradient(transparent 60%, #fff6d7 0); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #fff6d7)); background-image: -o-linear-gradient(transparent 60%, #fff6d7 0); background-image: linear-gradient(transparent 60%, #fff6d7 0); } @media (max-width: 480px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .review_ul li p { font-size: 13px; font-size: 0.845rem; } } @media (max-width: 1000px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .pc { display: none; } } div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .mob { display: none; } @media (max-width: 1000px) { div.cmc_220429 section.review_sc .wrap_1024 article.review_ac .mob { display: block; } } div.cmc_220429 section.order_sc { position: relative; padding: 100px 0; } @media (max-width: 960px) { div.cmc_220429 section.order_sc { padding: 80px 6%; } } @media (max-width: 760px) { div.cmc_220429 section.order_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cmc_220429 section.order_sc { padding: 40px 4%; } } div.cmc_220429 section.order_sc .go_btn { text-align: right; } div.cmc_220429 section.order_sc .go_btn > a { font-size: 15px; font-size: 0.975rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 220px; height: 52px; margin-top: 50px; text-align: center; padding: 15px 0; letter-spacing: -1px; border-radius: 10px; } @media (max-width: 960px) { div.cmc_220429 section.order_sc .go_btn { text-align: center; } div.cmc_220429 section.order_sc .go_btn > a { width: 40%; height: 52px; margin-top: 40px; } } @media (max-width: 760px) { div.cmc_220429 section.order_sc .go_btn > a { width: 60%; height: 52px; } } @media (max-width: 480px) { div.cmc_220429 section.order_sc .go_btn > a { width: 90%; height: 52px; font-size: 14px; font-size: 0.91rem; padding: 16px 0; } } div.cmc_220429 section.order_sc article.order_box_ar.mg_t { margin-top: 70px; } div.cmc_220429 section.order_sc article.order_box_ar p.ac_tt { font-size: 20px; font-size: 1.3rem; font-weight: bold; } div.cmc_220429 section.order_sc article.order_box_ar p.ac_tt > em { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(255, 255, 255, 0)), color-stop(30%, #fff6d7)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 70%, #fff6d7 30%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 70%, #fff6d7 30%); background: linear-gradient(rgba(255, 255, 255, 0) 70%, #fff6d7 30%); } div.cmc_220429 section.order_sc article.order_box_ar p.ac_tt.cr2 { color: #207000; } div.cmc_220429 section.order_sc article.order_box_ar p.ac_tt.cr2 > em { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(255, 255, 255, 0)), color-stop(30%, #ffea96)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 70%, #ffea96 30%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 70%, #ffea96 30%); background: linear-gradient(rgba(255, 255, 255, 0) 70%, #ffea96 30%); } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar { padding: 0 16%; } } @media (max-width: 760px) { div.cmc_220429 section.order_sc article.order_box_ar { padding: 0 10%; } div.cmc_220429 section.order_sc article.order_box_ar p.ac_tt { font-size: 18px; font-size: 1.17rem; } } @media (max-width: 480px) { div.cmc_220429 section.order_sc article.order_box_ar { margin-top: 40px; padding: 0; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list { margin-top: 30px; } @media (max-width: 760px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list { margin-top: 20px; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box { margin: 0 0 10px 0; padding: 30px 40px; border: 1px solid #d9d9d9; border-radius: 30px; width: 100%; height: auto; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box { padding: 35px 5%; } } @media (max-width: 760px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box { padding: 20px 5% 30px; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 { float: left; width: 72%; padding: 10px 0 0 0; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 { float: none; width: 100%; text-align: center; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 p.tt { font-size: 22px; font-size: 1.43rem; margin: 0 0 20px 0; word-break: keep-all; font-weight: bold; letter-spacing: -1px; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 p.tt { font-size: 20px; font-size: 1.3rem; } } @media (max-width: 480px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 p.tt { font-size: 17px; font-size: 1.105rem; } } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl { margin: 0 0 20px 0; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl dt { font-size: 13px; font-size: 0.845rem; display: block; float: left; padding: 3px 10px 5px 10px; border: 1px solid; margin: 0 10px 5px 0; font-weight: bold; width: 80px; text-align: center; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl dt { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 13px; font-size: 0.845rem; float: none; padding: 5px 0; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl dd { display: block; float: left; width: 560px; margin: 0 10px 5px 0; padding: 5px 0 0 0; font-size: 13px; font-size: 0.845rem; letter-spacing: -0.5px; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d1 dl.detail_box_dl dd { display: block; width: 100%; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 { float: left; width: 28%; padding-left: 2%; border-left: 1px dashed #e6e6e6; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 { float: none; width: 100%; border-left: none; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul { text-align: right; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul { border-top: 1px solid #e6e6e6; padding: 20px 0 0 0; } } @media (max-width: 760px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul { padding: 0; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li { float: none; width: auto; display: inline-block; vertical-align: middle; margin: 0 0 0 20px; } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li:first-child { margin: 0; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price { display: block; text-align: center; margin: 20px 0; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.add_price { font-size: 14px; font-size: 0.91rem; -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; display: block; margin-top: 3px; letter-spacing: -1px; font-weight: 500; } @-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.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.add_price 0%, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.add_price 50%, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.add_price 100% { opacity: 1; } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.add_price 25%, div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.add_price 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.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.add_price { font-size: 13px; font-size: 0.845rem; margin: 0; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.ds_price { font-size: 22px; font-size: 1.43rem; display: block; font-family: 'hanna'; margin-top: 5px; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.ds_price { margin: 8px 0; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.ds_price em { font-size: 28px; font-size: 1.82rem; letter-spacing: 0; font-weight: bold; } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box 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; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.bs_price { font-size: 14px; font-size: 0.91rem; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_price span.ps { font-size: 12px; font-size: 0.78rem; } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link { margin: 6px 0 0 0; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link { width: 100%; margin: 0; text-align: center; } } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link a.btn_lec { width: 170px; height: 60px; font-size: 16px; font-size: 1.04rem; display: block; text-align: center; padding: 13px 0 0 0; display: inline-block; border-radius: 10px; } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link a.btn_lec.cr2 { background: #207000; } div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link a.btn_lec.cr2:hover { background: #2b8e04; } @media (max-width: 960px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link a.btn_lec { font-size: 17px; font-size: 1.105rem; width: 100%; height: 60px; padding: 14px 0 0 0; } } @media (max-width: 480px) { div.cmc_220429 section.order_sc article.order_box_ar ul.order_box_list li.order_box div.order_box_d2 ul li.order_link a.btn_lec { font-size: 16px; font-size: 1.04rem; padding: 9px 0 0 0; height: 52px; } } div.cmc_220429 section.introduce_sc { padding: 100px 0; } @media (max-width: 960px) { div.cmc_220429 section.introduce_sc { padding: 80px 6%; } } @media (max-width: 760px) { div.cmc_220429 section.introduce_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cmc_220429 section.introduce_sc { padding: 40px 4%; } } div.cmc_220429 section.introduce_sc .sub_tt { margin: 0 auto 15px; } div.cmc_220429 section.introduce_sc .wrap_1024 { margin-top: 60px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box { padding: 0 6% 0 7%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box.mg_t { margin-top: 70px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit { width: 22%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit > p { font-size: 19px; font-size: 1.235rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-weight: bold; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit > p em { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0)), color-stop(40%, #fff6d7)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 60%, #fff6d7 40%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 60%, #fff6d7 40%); background: linear-gradient(rgba(255, 255, 255, 0) 60%, #fff6d7 40%); } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd { width: 76%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd p.expain { font-size: 15px; font-size: 0.975rem; line-height: 24px; line-height: 1.75rem; word-break: keep-all; letter-spacing: -0.5px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd p.expain em { opacity: 0.5; filter: alpha(opacity=50); margin-top: 10px; display: block; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .img_box img { margin: 40px 0 0; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .img_box img.dp_m { display: none; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd ul.box_ul { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd ul.box_ul > li { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 15px; font-size: 0.975rem; width: 100%; float: none; margin-bottom: 5px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .go_btn a { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; border-radius: 100px; width: 50%; padding: 17px 0; margin-top: 60px; text-align: center; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .go_btn a span { font-size: 17px; font-size: 1.105rem; } @media (max-width: 960px) { div.cmc_220429 section.introduce_sc .wrap_1024 { margin-top: 60px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box { padding: 0 3%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box.mg_t { margin-top: 60px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit { width: 21%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit > p { font-size: 16px; font-size: 1.04rem; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd { width: 78%; } } @media (max-width: 760px) { div.cmc_220429 section.introduce_sc .wrap_1024 { margin-top: 40px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box { padding: 0; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box.mg_t { margin-top: 60px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit { width: 22%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit > p { font-size: 15px; font-size: 0.975rem; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd { width: 76%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd p.expain { font-size: 14.6px; font-size: 0.949rem; line-height: 23px; line-height: 1.625rem; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd p.expain em { margin-top: 5px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .img_box img { margin: 40px 0 0; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .img_box img.dp_w { display: none; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .img_box img.dp_m { display: block; width: 250px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd ul.box_ul > li { font-size: 14.6px; font-size: 0.949rem; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .go_btn a { width: 74%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .go_btn a span { font-size: 16px; font-size: 1.04rem; } } @media (max-width: 480px) { div.cmc_220429 section.introduce_sc .wrap_1024 { margin-top: 40px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box { text-align: center; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box.mg_t { margin-top: 30px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit { width: 100%; margin-bottom: 10px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit > p { font-size: 15.4px; font-size: 1.001rem; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box dt.tit > p br { display: none; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd { width: 100%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd p.expain { font-size: 14.6px; font-size: 0.949rem; line-height: 23px; line-height: 1.625rem; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd p.expain em { margin-top: 5px; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .img_box { padding: 0 15%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .img_box img { margin: 10px auto 0; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .img_box img.dp_m { width: 100%; } div.cmc_220429 section.introduce_sc .wrap_1024 .introduce_box > dd .go_btn a { width: 90%; } } div.cmc_220429 section.table_sc { padding: 100px 0; } @media (max-width: 960px) { div.cmc_220429 section.table_sc { padding: 80px 6%; } } @media (max-width: 760px) { div.cmc_220429 section.table_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cmc_220429 section.table_sc { padding: 40px 4%; } } div.cmc_220429 section.table_sc .sub_tt { margin: 0 auto 15px; } div.cmc_220429 section.table_sc .plan_ac { margin-top: 40px; padding: 60px 5%; text-align: center; border-radius: 20px; } @media (max-width: 480px) { div.cmc_220429 section.table_sc .plan_ac { margin-top: 30px; padding: 40px 5%; } } @media (max-width: 960px) { div.cmc_220429 section.table_sc .plan_ac { padding-top: 30px; } } div.cmc_220429 section.table_sc .plan_ac .tbl_wrap h6.tit { font-size: 24px; font-size: 1.56rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-weight: bold; } div.cmc_220429 section.table_sc .plan_ac .tbl_wrap p.tt { font-size: 17px; font-size: 1.105rem; margin: 30px 0 0; font-weight: bold; } div.cmc_220429 section.table_sc .plan_ac .tbl_wrap p.tt > em { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0)), color-stop(40%, #fff6d7)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 60%, #fff6d7 40%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 60%, #fff6d7 40%); background: linear-gradient(rgba(255, 255, 255, 0) 60%, #fff6d7 40%); } div.cmc_220429 section.table_sc .plan_ac .tbl_wrap .scroll_wrap { width: 100%; margin: 15px 0 0; } @media (max-width: 480px) { div.cmc_220429 section.table_sc .plan_ac .tbl_wrap .scroll_wrap .scroller { width: 500px; } } div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table thead tr th { padding: 10px; border: 1px solid #ddd; font-size: 13px; font-size: 0.845rem; letter-spacing: 0; } @media (max-width: 480px) { div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table thead tr th { font-size: 12px; font-size: 0.78rem; } } div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr { border-left: 1px solid #ddd; } div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr th { font-size: 13px; font-size: 0.845rem; line-height: 21px; line-height: 1.375rem; padding: 10px; font-weight: normal; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } @media (max-width: 480px) { div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr th { font-size: 12px; font-size: 0.78rem; } } div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr td { padding: 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; font-size: 13px; font-size: 0.845rem; line-height: 21px; line-height: 1.375rem; } @media (max-width: 480px) { div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr td { font-size: 12px; font-size: 0.78rem; } } div.cmc_220429 section.table_sc .plan_ac .tbl_wrap table tbody tr.left td { font-size: 13px; font-size: 0.845rem; line-height: 20px; line-height: 1.25rem; letter-spacing: -1px; text-align: left; padding: 15px 5px 15px 15px; } div.cmc_220429 section.table_sc .plan_ac .plan_btn { margin-top: 40px; } div.cmc_220429 section.table_sc .plan_ac .plan_btn p.sub { font-size: 16px; font-size: 1.04rem; text-align: center; } div.cmc_220429 section.table_sc .plan_ac .plan_btn p.sub i { font-size: 15px; font-size: 0.975rem; } div.cmc_220429 section.table_sc .plan_ac .plan_btn p.sub span { font-size: 22px; font-size: 1.43rem; font-family: 'hanna'; } div.cmc_220429 section.table_sc .plan_ac .plan_btn a { border-radius: 100px; width: 36%; padding: 15px; margin-top: 20px; border: 1px solid; } div.cmc_220429 section.table_sc .plan_ac .plan_btn a span { font-size: 16px; font-size: 1.04rem; } @media (max-width: 960px) { div.cmc_220429 section.table_sc .plan_ac .plan_btn a { width: 80%; font-size: 20px; font-size: 1.3rem; } } @media (max-width: 480px) { div.cmc_220429 section.table_sc .plan_ac .plan_btn a { padding: 3%; width: 90%; font-size: 18px; font-size: 1.17rem; } } div.cmc_220429 section.onlinebook_sc { padding: 100px 0; } @media (max-width: 960px) { div.cmc_220429 section.onlinebook_sc { padding: 80px 6%; } } @media (max-width: 760px) { div.cmc_220429 section.onlinebook_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cmc_220429 section.onlinebook_sc { padding: 40px 4%; } } div.cmc_220429 section.onlinebook_sc .hanna mark { padding: 0 4px 0 2px; background-color: transparent; background-image: -webkit-linear-gradient(transparent 50%, #bac9f1 0); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0, #bac9f1)); background-image: -o-linear-gradient(transparent 50%, #bac9f1 0); background-image: linear-gradient(transparent 50%, #bac9f1 0); } div.cmc_220429 section.onlinebook_sc .sub_tt { margin: 0 auto 15px; } div.cmc_220429 section.onlinebook_sc .book_wrap { text-align: center; width: 100%; margin-top: 40px; } div.cmc_220429 section.onlinebook_sc .book_wrap img { margin: 0 auto; } @media (max-width: 960px) { div.cmc_220429 section.onlinebook_sc .book_wrap img { width: 80%; margin: 20px auto; } } @media (max-width: 480px) { div.cmc_220429 section.onlinebook_sc .book_wrap img { width: 100%; margin: 0 auto; } } div.cmc_220429 section.onlinebook_sc .book_wrap .btn_onlinebook { font-size: 18px; font-size: 1.17rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin-top: 20px; border-radius: 100px; padding: 20px 50px; font-weight: bold; } @media (max-width: 760px) { div.cmc_220429 section.onlinebook_sc .book_wrap .btn_onlinebook { font-size: 16px; font-size: 1.04rem; padding: 16px 40px; margin-top: 10px; } } div.cmc_220429 section.teacher_sc { background: #fff url("../../../../img/event/cmc_220429/lean_bg.png") repeat; padding: 100px 0; } @media (max-width: 960px) { div.cmc_220429 section.teacher_sc { padding: 80px 6%; } } @media (max-width: 760px) { div.cmc_220429 section.teacher_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cmc_220429 section.teacher_sc { padding: 40px 4%; } } div.cmc_220429 section.teacher_sc .sub_tt { margin: 0 auto 15px; } div.cmc_220429 section.teacher_sc article { margin-top: 60px; } @media (max-width: 960px) { div.cmc_220429 section.teacher_sc article { margin-bottom: 60px; } } @media (max-width: 960px) { div.cmc_220429 section.teacher_sc article:last-child { margin-bottom: 0px; } } div.cmc_220429 section.teacher_sc article h5 { width: 22%; height: 280px; font-size: 22px; font-size: 1.43rem; float: left; padding-top: 20px; border-top: 3px solid #00031f; font-family: 'hanna'; } @media (max-width: 960px) { div.cmc_220429 section.teacher_sc article h5 { float: none; height: auto; width: 100%; text-align: center; } } div.cmc_220429 section.teacher_sc article h5 em { display: block; margin-bottom: 5px; } div.cmc_220429 section.teacher_sc article ul.ul_box { width: 78%; height: 280px; float: left; border-top: 1px solid #ddd; } @media (max-width: 960px) { div.cmc_220429 section.teacher_sc article ul.ul_box { float: none; border: none; margin: 0 auto; } } div.cmc_220429 section.teacher_sc article ul.ul_box > li { float: left; width: 233px; height: 175px; margin-top: 30px; margin-right: 21px; border-radius: 20px 20px 0 0; border: 1px solid #eee; } div.cmc_220429 section.teacher_sc article ul.ul_box > li:last-child { margin-right: 0px; } @media (max-width: 960px) { div.cmc_220429 section.teacher_sc article ul.ul_box > li { width: 100%; height: auto; margin: 20px auto; } } div.cmc_220429 section.teacher_sc article ul.ul_box > li img { margin: 10px auto 0; } div.cmc_220429 section.teacher_sc article ul.ul_box > li span.subject { width: 100%; height: auto; font-size: 12px; font-size: 0.78rem; display: block; padding: 10px 5px; text-align: center; } div.cmc_220429 section.teacher_sc article ul.ul_box > li .info button.title_bar { outline-width: 0; width: 100%; height: 50px; position: relative; border: none; border: 1px solid #eee; } div.cmc_220429 section.teacher_sc article ul.ul_box > li .info button.title_bar i { position: absolute; right: 15px; top: 18px; } div.cmc_220429 section.teacher_sc article ul.ul_box > li .info > ul { display: none; width: 230px; height: auto; background: rgba(1, 1, 1, 0.8); position: absolute; z-index: 1; border-radius: 0 0 20px 20px; padding: 20px 10px 20px 30px; } @media (max-width: 960px) { div.cmc_220429 section.teacher_sc article ul.ul_box > li .info > ul { width: 70%; } } div.cmc_220429 section.teacher_sc article ul.ul_box > li .info > ul li { font-size: 12px; font-size: 0.78rem; width: 100%; list-style-type: disc; padding: 3px 0; word-break: keep-all; } div.cmc_220429 section.notice_sc { padding: 100px 0; } @media (max-width: 960px) { div.cmc_220429 section.notice_sc { padding: 80px 6%; } } @media (max-width: 760px) { div.cmc_220429 section.notice_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cmc_220429 section.notice_sc { padding: 40px 4%; } } div.cmc_220429 section.notice_sc .wrap_1024 { padding: 0 6%; } div.cmc_220429 section.notice_sc .wrap_1024 h6.tt { font-size: 16px; font-size: 1.04rem; font-weight: 600; margin-bottom: 20px; } div.cmc_220429 section.notice_sc .wrap_1024 .tit { font-size: 14px; font-size: 0.91rem; line-height: 21px; line-height: 1.375rem; line-height: 23px; line-height: 1.625rem; color: #aaa; } div.cmc_220429 section.notice_sc .wrap_1024 .tit > strong { font-weight: 500; color: #ddd; } div.cmc_220429 section.notice_sc .wrap_1024 .conts { font-size: 14px; font-size: 0.91rem; line-height: 23px; line-height: 1.625rem; color: #aaa; margin-top: 30px; } div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_tt { font-size: 15px; font-size: 0.975rem; font-weight: bold; font-weight: 500; } div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_tt > mark { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(1, 1, 1, 0.3))); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 60%, rgba(1, 1, 1, 0.3) 40%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 60%, rgba(1, 1, 1, 0.3) 40%); background: linear-gradient(rgba(255, 255, 255, 0) 60%, rgba(1, 1, 1, 0.3) 40%); padding-bottom: 3px; } div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_box .txt { margin-top: 8px; } div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_box .txt strong { margin-top: 8px; display: block; } div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_box .txt em { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 13.6px; font-size: 0.884rem; line-height: 23px; line-height: 1.625rem; background: rgba(255, 255, 255, 0.2); opacity: 0.7; filter: alpha(opacity=70); padding: 20px 30px; border-radius: 20px; margin: 6px 0 12px 0; } @media (max-width: 960px) { div.cmc_220429 section.notice_sc .wrap_1024 { padding: 0; } } @media (max-width: 760px) { div.cmc_220429 section.notice_sc .wrap_1024 h6.tt { font-size: 15px; font-size: 0.975rem; } div.cmc_220429 section.notice_sc .wrap_1024 .tit { font-size: 13.6px; font-size: 0.884rem; margin-top: 10px; } div.cmc_220429 section.notice_sc .wrap_1024 .conts { font-size: 13.6px; font-size: 0.884rem; line-height: 23px; line-height: 1.625rem; } div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_tt { font-size: 14px; font-size: 0.91rem; } div.cmc_220429 section.notice_sc .wrap_1024 .conts .info_box .txt em { font-size: 13.2px; font-size: 0.858rem; line-height: 22px; line-height: 1.5rem; padding: 20px 4%; border-radius: 15px; } } .btn_slidePop_close { width: 30px !important; height: 30px !important; top: -20px !important; } @media (max-width: 480px) { .btn_slidePop_close { top: 0; right: 20px !important; } }