/*event.scss*/ /*_buttons.scss*/ /*_colors.scss*/ /*_mixins.scss*/ @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*_placeholder.scss*/ div.finance_250425 section.bene_sc .wrap_1024 .bene_ul, div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li, div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl, div.finance_250425 section.guide_sc .wrap_1024 .guide_dl, div.finance_250425 section.info_sc .wrap_1024 ul.info_ul, div.finance_250425 section.youtube_sc div.wrap_1024, div.finance_250425 section.book_sc .wrap_1024 .book_wrap, div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap { *zoom: 1; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul:before, div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li:before, div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl:before, div.finance_250425 section.guide_sc .wrap_1024 .guide_dl:before, div.finance_250425 section.info_sc .wrap_1024 ul.info_ul:before, div.finance_250425 section.youtube_sc div.wrap_1024:before, div.finance_250425 section.book_sc .wrap_1024 .book_wrap:before, div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl:before, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be:before, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article:before, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap:before, div.finance_250425 section.bene_sc .wrap_1024 .bene_ul:after, div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li:after, div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl:after, div.finance_250425 section.guide_sc .wrap_1024 .guide_dl:after, div.finance_250425 section.info_sc .wrap_1024 ul.info_ul:after, div.finance_250425 section.youtube_sc div.wrap_1024:after, div.finance_250425 section.book_sc .wrap_1024 .book_wrap:after, div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl:after, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be:after, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article:after, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap:after { content: ""; display: table; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul:after, div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li:after, div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl:after, div.finance_250425 section.guide_sc .wrap_1024 .guide_dl:after, div.finance_250425 section.info_sc .wrap_1024 ul.info_ul:after, div.finance_250425 section.youtube_sc div.wrap_1024:after, div.finance_250425 section.book_sc .wrap_1024 .book_wrap:after, div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl:after, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be:after, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article:after, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap: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*/ /** * A Long-shadow mixin, guaranteed to make your Dribbble shots 11% cooler * @param string $color_a The darkest colour (closest the object) * @param string $color_b The lightest colour (often the background colour) * @param int $stepnum Number of steps * @param int $opacity The opacity of the blend * @return list Returns a list ready to drop into 'box-shadow' or text-shadow */ div.finance_250425, div.finance_250425 section.order_sc, div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 p.tt, div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_price span.after, div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .txt strong, div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec, div.finance_250425 section.guide_sc, div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .guide_tbl > table thead th, div.finance_250425 section.info_sc, div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li.on button, div.finance_250425 section.book_sc, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li.on > button.tab_btn, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn:hover, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article { color: #000; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_link a.btn_lec { background-color: #000; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .txt, div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .guide_tbl > table tbody td, div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li button { color: #343434; } div.finance_250425 section.teba_sc, div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_link a.btn_lec:hover, div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .btn_wrap > a { background-color: #343434; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_link a.btn_lec, div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .btn_wrap > a, div.finance_250425 .free_lecture_sc, div.finance_250425 section.youtube_sc { color: #fff; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li, div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li, div.finance_250425 section.guide_sc, div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li.on button, div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li div, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li.on > button.tab_btn, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn:hover, div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article { background-color: #fff; } div.finance_250425 section.book_sc { background-color: #eaedf1; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .btn_wrap > a:hover { color: #f1f4f2; } div.finance_250425 section.order_sc { background-color: #ffbc00; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .big > em, div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .txt em, div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li strong { color: #ed0454; } div.finance_250425 { font-family: "Noto Sans KR","Malgun Gothic", "Dotum", "DroidFont",sans-serif; word-break: keep-all; letter-spacing: -0.5px; } div.finance_250425 h4.tt { font-size: 38px; font-size: 2.47rem; text-align: center; font-weight: bold; } @media (max-width: 960px) { div.finance_250425 h4.tt { font-size: 34px; font-size: 2.21rem; line-height: 31px; line-height: 2.625rem; } } @media (max-width: 760px) { div.finance_250425 h4.tt { font-size: 30px; font-size: 1.95rem; line-height: 29px; line-height: 2.375rem; } } @media (max-width: 480px) { div.finance_250425 h4.tt { font-size: 24px; font-size: 1.56rem; line-height: 25px; line-height: 1.875rem; } } div.finance_250425 section.header { background: #ff1760; } div.finance_250425 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: 1.2s; -moz-animation-duration: 1.2s; -ms-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -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: 90px auto 0; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.finance_250425 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.finance_250425 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.finance_250425 section.header .wrap_1024 .main_txt_w { -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: 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.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: 60px auto 0; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.finance_250425 section.header .wrap_1024 .main_txt_w 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.finance_250425 section.header .wrap_1024 .main_txt_w 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.finance_250425 section.header .wrap_1024 .main_txt_m { display: none; } div.finance_250425 section.header .wrap_1024 .main_txt_02 { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.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: 70px auto 0; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.finance_250425 section.header .wrap_1024 .main_txt_02 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.finance_250425 section.header .wrap_1024 .main_txt_02 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } div.finance_250425 section.header .wrap_1024 .main_img { -webkit-animation-name: shake; -moz-animation-name: shake; -ms-animation-name: shake; -o-animation-name: shake; animation-name: shake; -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.2s; -moz-animation-duration: 1.2s; -ms-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -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: 50px auto 0; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @-ms-keyframes shake { div.finance_250425 section.header .wrap_1024 .main_img 0%, div.finance_250425 section.header .wrap_1024 .main_img 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } div.finance_250425 section.header .wrap_1024 .main_img 10%, div.finance_250425 section.header .wrap_1024 .main_img 30%, div.finance_250425 section.header .wrap_1024 .main_img 50%, div.finance_250425 section.header .wrap_1024 .main_img 70%, div.finance_250425 section.header .wrap_1024 .main_img 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } div.finance_250425 section.header .wrap_1024 .main_img 20%, div.finance_250425 section.header .wrap_1024 .main_img 40%, div.finance_250425 section.header .wrap_1024 .main_img 60%, div.finance_250425 section.header .wrap_1024 .main_img 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @media (max-width: 960px) { div.finance_250425 section.header .wrap_1024 .medal { margin: 70px auto 0; width: 40%; } div.finance_250425 section.header .wrap_1024 .main_txt_w { width: 96%; margin: 60px auto 0; } div.finance_250425 section.header .wrap_1024 .main_txt_02 { width: 50%; margin: 60px auto 0; } div.finance_250425 section.header .wrap_1024 .main_img { width: 60%; margin: 45px auto 0; } } @media (max-width: 760px) { div.finance_250425 section.header .wrap_1024 .medal { margin: 30px auto 0; width: 50%; } div.finance_250425 section.header .wrap_1024 .main_txt_w { display: none; } div.finance_250425 section.header .wrap_1024 .main_txt_m { -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: 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.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; display: block; width: 92%; margin: 30px auto 0; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.finance_250425 section.header .wrap_1024 .main_txt_m 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.finance_250425 section.header .wrap_1024 .main_txt_m 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.finance_250425 section.header .wrap_1024 .main_txt_02 { width: 65%; margin: 30px auto 0; } div.finance_250425 section.header .wrap_1024 .main_img { width: 65%; margin: 25px auto 0; } } @media (max-width: 480px) { div.finance_250425 section.header .wrap_1024 .medal { width: 56%; } div.finance_250425 section.header .wrap_1024 .main_txt_m { width: 100%; margin: 30px auto 0; } div.finance_250425 section.header .wrap_1024 .main_txt_02 { width: 72%; margin: 30px auto 0; } div.finance_250425 section.header .wrap_1024 .main_img { width: 76%; margin: 25px auto 0; } } div.finance_250425 section.teba_sc { padding-bottom: 40px; } div.finance_250425 section.teba_sc .wrap_1024 .teba_m { display: none; } @media (max-width: 1024px) { div.finance_250425 section.teba_sc .wrap_1024 { padding: 0 2% 0; } div.finance_250425 section.teba_sc .wrap_1024 .teba_w { width: 100%; } } @media (max-width: 680px) { div.finance_250425 section.teba_sc .wrap_1024 { padding: 30px 4% 40px; padding-bottom: 0; } div.finance_250425 section.teba_sc .wrap_1024 .teba_w { display: none; } div.finance_250425 section.teba_sc .wrap_1024 .teba_m { display: block; width: 100%; } } @media (max-width: 480px) { div.finance_250425 section.teba_sc .wrap_1024 { padding: 10px 1% 0; } } div.finance_250425 section.bene_sc { background: #f5f3ef; padding: 60px 0; } @media (max-width: 960px) { div.finance_250425 section.bene_sc { padding: 50px 4%; } } @media (max-width: 760px) { div.finance_250425 section.bene_sc { padding: 40px 10%; } } @media (max-width: 480px) { div.finance_250425 section.bene_sc { padding: 20px 6% 25px; } } div.finance_250425 section.bene_sc .wrap_1024 { margin-top: 40px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul { padding: 0 7%; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li { float: left; width: 31.3%; height: 328px; margin: 0 1%; border-radius: 30px; padding: 30px 20px; text-align: center; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .img { margin: 0 auto; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt { margin-top: 20px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 21px; font-size: 1.365rem; line-height: 24px; line-height: 1.75rem; font-weight: 600; letter-spacing: -1px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .big > em { font-weight: bold; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 16px; font-size: 1.04rem; line-height: 22px; line-height: 1.5rem; margin-bottom: 8px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .ps { font-size: 14px; font-size: 0.91rem; line-height: 20px; line-height: 1.25rem; opacity: 0.6; filter: alpha(opacity=60); margin-top: 8px; } @media (max-width: 960px) { div.finance_250425 section.bene_sc .wrap_1024 .bene_ul { padding: 0; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li { height: 310px; padding: 30px 20px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 20px; font-size: 1.3rem; line-height: 23px; line-height: 1.625rem; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 15px; font-size: 0.975rem; line-height: 20px; line-height: 1.25rem; margin-bottom: 6px; } } @media (max-width: 760px) { div.finance_250425 section.bene_sc .wrap_1024 { margin-top: 20px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul { padding: 0; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li { width: 100%; height: auto; margin: 1% 0; padding: 30px 4%; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .img { width: 90px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt { margin-top: 15px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 20px; font-size: 1.3rem; line-height: 23px; line-height: 1.625rem; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 15px; font-size: 0.975rem; line-height: 20px; line-height: 1.25rem; margin-bottom: 6px; } } @media (max-width: 480px) { div.finance_250425 section.bene_sc .wrap_1024 { margin-top: 10px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .img { width: 70px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt { margin-top: 10px; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .big { font-size: 18px; font-size: 1.17rem; line-height: 22px; line-height: 1.5rem; } div.finance_250425 section.bene_sc .wrap_1024 .bene_ul > li .txt .sm { font-size: 15px; font-size: 0.975rem; line-height: 19px; line-height: 1.125rem; } } div.finance_250425 section.order_sc { padding: 60px 0; } @media (max-width: 960px) { div.finance_250425 section.order_sc { padding: 50px 4%; } } @media (max-width: 760px) { div.finance_250425 section.order_sc { padding: 40px 4% 20px; } } @media (max-width: 480px) { div.finance_250425 section.order_sc { padding: 20px 6% 10px; } } div.finance_250425 section.order_sc .wrap_1024 { position: relative; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap { margin-top: 30px; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul { padding: 0 8%; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li { width: 100%; height: auto; border-radius: 30px; padding: 35px 40px; margin-bottom: 10px; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 { float: left; width: 70%; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 p.tt { font-size: 22px; font-size: 1.43rem; line-height: 1.5; font-weight: 500; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 p.tt mark { font-weight: 800; color: #a1003d; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff9c3)); background: -webkit-linear-gradient(transparent 50%, #fff9c3 50%); background: -o-linear-gradient(transparent 50%, #fff9c3 50%); background: linear-gradient(transparent 50%, #fff9c3 50%); } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 { float: right; width: 30%; border-left: 1px dashed #ccc; padding-left: 1%; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul { text-align: right; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li { float: none; width: auto; display: block; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_price span.before { opacity: 0.5; filter: alpha(opacity=50); font-size: 16px; font-size: 1.04rem; text-decoration: line-through; letter-spacing: 0; padding-right: 5px; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_price span.after { font-size: 20px; font-size: 1.3rem; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_price span.after em { font-size: 25px; font-size: 1.625rem; letter-spacing: 0; font-weight: 800; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_link { margin-top: 4px; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_link a.btn_lec { width: 190px; height: 58px; font-size: 17px; font-size: 1.105rem; text-align: center; padding: 10px 0 0 0; } @media (max-width: 960px) { div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul { padding: 0; } } @media (max-width: 760px) { div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li { padding: 35px 40px; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 { float: none; width: 100%; text-align: center; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 p.tt { font-size: 22px; font-size: 1.43rem; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 dl.detail_box { margin-top: 10px; font-size: 14px; font-size: 0.91rem; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 dl.detail_box .dp_m { display: block; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 { float: none; width: 100%; border-left: none; border-top: 1px dashed #ccc; margin-top: 20px; padding-top: 20px; padding-left: 0; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul { text-align: center; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li { float: none; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_link { padding: 0 16%; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_link a.btn_lec { width: 100%; height: 60px; font-size: 16px; font-size: 1.04rem; padding: 14px 0 0 0; border-radius: 100px; } } @media (max-width: 480px) { div.finance_250425 section.order_sc .wrap_1024 article.order_wrap { margin-top: 15px; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li { padding: 30px; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 p.tt { font-size: 19px; font-size: 1.235rem; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 dl.detail_box dt { display: block; width: 42%; padding: 2px; margin: 0 auto; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_01 dl.detail_box dd { margin: 4px 0px 12px 0px; padding: 0; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 { margin-top: 10px; padding-top: 10px; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_price span.before { font-size: 15px; font-size: 0.975rem; padding-right: 5px; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_price span.after { font-size: 18px; font-size: 1.17rem; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_price span.after em { font-size: 21px; font-size: 1.365rem; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_link { padding: 0; } div.finance_250425 section.order_sc .wrap_1024 article.order_wrap ul.order_ul li.order_li div.order_box_02 ul li.order_link a.btn_lec { width: 100%; height: 58px; font-size: 15px; font-size: 0.975rem; padding: 12px 0 0 0; } } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl { font-size: 15px; font-size: 0.975rem; margin-top: 50px; padding: 0 8.5%; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dt { float: left; width: 25%; font-weight: 600; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd { float: left; width: 75%; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .txt { font-size: 14.6px; font-size: 0.949rem; line-height: 21px; line-height: 1.375rem; margin-bottom: 10px; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .txt strong { display: block; margin-bottom: 3px; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .btn_wrap { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .btn_wrap > a { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 15px 50px; border-radius: 100px; margin: 0 0 10px; } @media (max-width: 960px) { div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl { padding: 0; } } @media (max-width: 660px) { div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl { text-align: center; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dt { font-size: 17px; font-size: 1.105rem; float: none; width: 100%; font-weight: bold; margin-bottom: 15px; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dt br { display: none; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd { float: none; width: 100%; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .btn_wrap > a { padding: 10px 20px; border-radius: 0; } } @media (max-width: 480px) { div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl { margin-top: 40px; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dt { font-size: 16px; font-size: 1.04rem; } div.finance_250425 section.order_sc .wrap_1024 article.how_wrap .how_dl > dd .btn_wrap > a { font-size: 14.6px; font-size: 0.949rem; padding: 6px 10px; } } div.finance_250425 .free_lecture_sc { background: #343434; padding: 80px 0 70px; } @media (max-width: 960px) { div.finance_250425 .free_lecture_sc { padding: 80px 4% 60px; } } @media (max-width: 760px) { div.finance_250425 .free_lecture_sc { padding: 40px 4% 60px; } } @media (max-width: 480px) { div.finance_250425 .free_lecture_sc { padding: 20px 6% 40px; } } div.finance_250425 .free_lecture_sc .wrap_1024 { position: relative; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_img { position: absolute; top: -95px; left: 0; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 50%; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 23px; font-size: 1.495rem; font-weight: 600; color: #ffbc00; -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 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.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm 0%, div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm 50%, div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm 100% { opacity: 1; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm 25%, div.finance_250425 .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.finance_250425 .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; color: #fff; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big > em { display: block; font-weight: 800; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 20px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 420px; height: 96px; position: relative; background: #a3d0ff; border: none; border-radius: 35px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 24px; font-size: 1.56rem; font-weight: 600; letter-spacing: -0.8px; padding-right: 30px; color: #000; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { background: url("../../../../img/event//intelligence_250402/btn_img.png") no-repeat center; position: absolute; display: block; width: 27px; height: 23px; bottom: 38px; right: 58px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec:hover { background: #ffa0e4; } @media (max-width: 960px) { div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_img { top: -95px; left: 0; width: 40%; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 100%; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 45%; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 21px; font-size: 1.365rem; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 30px; font-size: 1.95rem; margin-top: 12px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 100%; height: auto; border-radius: 25px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 20px; font-size: 1.3rem; padding: 18px 30px 18px 0; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { width: 27px; height: 23px; bottom: 32px; right: 75px; } } @media (max-width: 760px) { div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_img { position: static; top: 0; left: 0; width: 100%; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 300px; margin: 0 auto; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 0; margin-top: 20px; width: 100%; text-align: center; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 18px; font-size: 1.17rem; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 28px; font-size: 1.82rem; margin-top: 12px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 75%; height: auto; border-radius: 25px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 20px; font-size: 1.3rem; padding: 18px 15% 18px 0; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { width: 27px; height: 23px; bottom: 32px; right: 15%; } } @media (max-width: 480px) { div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 200px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt { margin-top: 20px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 16px; font-size: 1.04rem; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 25px; font-size: 1.625rem; margin-top: 10px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 100%; height: auto; border-radius: 20px; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 18px; font-size: 1.17rem; padding: 18px 20% 18px 0; } div.finance_250425 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { width: 23px; height: 20px; background-size: 100% auto; bottom: 28px; right: 20%; } } div.finance_250425 section.guide_sc { padding: 60px 0; } @media (max-width: 960px) { div.finance_250425 section.guide_sc { padding: 50px 4%; } } @media (max-width: 760px) { div.finance_250425 section.guide_sc { padding: 40px 4%; } } @media (max-width: 480px) { div.finance_250425 section.guide_sc { padding: 20px 6% 25px; } } div.finance_250425 section.guide_sc .wrap_1024 { margin-top: 10px; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl { font-size: 15px; font-size: 0.975rem; margin-top: 40px; padding: 0 8%; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dt { float: left; width: 25%; font-weight: 600; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd { float: left; width: 75%; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .txt { font-size: 14.6px; font-size: 0.949rem; line-height: 22px; line-height: 1.5rem; margin-bottom: 10px; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .txt strong { display: block; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .guide_tbl > table thead th { font-size: 14.6px; font-size: 0.949rem; background: #dfabad; padding: 10px 0; font-weight: 500; border: 1px solid #ffddde; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .guide_tbl > table tbody td { font-size: 14.6px; font-size: 0.949rem; text-align: center; padding: 10px 0; border: 1px solid #ffddde; } @media (max-width: 960px) { div.finance_250425 section.guide_sc .wrap_1024 .guide_dl { padding: 0; } } @media (max-width: 760px) { div.finance_250425 section.guide_sc .wrap_1024 .guide_dl { margin-top: 20px; text-align: center; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dt { float: none; width: 100%; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dt p { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; background: #d0dfd3; padding: 3px 15px; border-radius: 50px; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd { float: none; width: 100%; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .txt { margin: 5px 0 0; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .guide_tbl { margin-top: 8px; } } @media (max-width: 480px) { div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dt p { padding: 2px 12px; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .guide_tbl { width: 100%; overflow-x: scroll; } div.finance_250425 section.guide_sc .wrap_1024 .guide_dl > dd .guide_tbl > table { width: 500px; } } div.finance_250425 section.info_sc { background: #dfabad; padding: 60px 0; } @media (max-width: 960px) { div.finance_250425 section.info_sc { padding: 50px 4%; } } @media (max-width: 760px) { div.finance_250425 section.info_sc { padding: 40px 4%; } } @media (max-width: 480px) { div.finance_250425 section.info_sc { padding: 20px 6% 25px; } } div.finance_250425 section.info_sc .wrap_1024 { margin-top: 50px; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li { font-size: 20px; font-size: 1.3rem; line-height: 1.5; float: left; width: 23%; height: 180px; margin: 0 1%; padding: 40px 0 0 25px; border-radius: 20px 100px 100px 20px; text-align: left; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li.col_01 { background: #ffddde; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li.col_02 { background: #fbe8ec; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li.col_03 { background: #faf0f2; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li.col_04 { background: #db1d5e; color: #fff; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li.col_04 strong { color: #ffed71; font-weight: 600; } @media (max-width: 960px) { div.finance_250425 section.info_sc .wrap_1024 { margin-top: 30px; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li { font-size: 18px; font-size: 1.17rem; line-height: 23px; line-height: 1.625rem; width: 24%; height: 160px; margin: 0 0.5%; padding: 40px 0 0 20px; } } @media (max-width: 760px) { div.finance_250425 section.info_sc .wrap_1024 { margin-top: 30px; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul { padding: 0 28%; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li { font-size: 17px; font-size: 1.105rem; line-height: 23px; line-height: 1.625rem; float: none; width: 100%; height: auto; margin: 0 0 4%; padding: 25px 0 40px; border-radius: 10px 10px 200px 200px; text-align: center; } } @media (max-width: 480px) { div.finance_250425 section.info_sc .wrap_1024 { margin-top: 20px; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul { padding: 0 20%; } div.finance_250425 section.info_sc .wrap_1024 ul.info_ul li { font-size: 16px; font-size: 1.04rem; line-height: 22px; line-height: 1.5rem; padding: 20px 0 30px; } } div.finance_250425 section.youtube_sc { background: #443e3e; padding: 60px 0 70px; } @media (max-width: 960px) { div.finance_250425 section.youtube_sc { padding: 40px 4% 50px; } } @media (max-width: 760px) { div.finance_250425 section.youtube_sc { padding: 30px 4% 40px; } } @media (max-width: 480px) { div.finance_250425 section.youtube_sc { padding: 20px 6% 25px; } } div.finance_250425 section.youtube_sc div.wrap_1024 { margin-top: 40px; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab { position: relative; padding: 0 11%; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li { float: none; width: 100%; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li.on button { font-weight: 800; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li.on button:hover { opacity: 1; filter: alpha(opacity=100); } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li button { width: 240px; height: 60px; font-size: 15px; font-size: 0.975rem; background: #9d9b9b; position: absolute; top: 0; border: none; font-weight: 500; border-radius: 30px 30px 0 0; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li button.tab_01 { left: 11%; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li button.tab_02 { left: 356px; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li div { display: none; width: 100%; margin-top: 60px; border-radius: 0 40px 40px 40px; padding: 30px; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li div > iframe { width: 100%; min-height: 400px; border-radius: 30px; } @media (max-width: 960px) { div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab { padding: 0; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li button { width: 49.5%; height: 60px; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li button.tab_01 { left: 0; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li button.tab_02 { left: 50.5%; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li div { border-radius: 0 0 30px 30px; padding: 20px; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li div > iframe { min-height: 400px; border-radius: 10px; } } @media (max-width: 760px) { div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li div > iframe { min-height: 320px; } } @media (max-width: 480px) { div.finance_250425 section.youtube_sc div.wrap_1024 { margin-top: 20px; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li button { font-size: 14.6px; font-size: 0.949rem; font-weight: 500; border-radius: 15px 15px 0 0; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li div { border-radius: 0 0 15px 15px; padding: 10px 10px 6px; } div.finance_250425 section.youtube_sc div.wrap_1024 ul.vod_tab li div > iframe { min-height: 240px; } } div.finance_250425 section.book_sc { padding: 60px 0 70px; } @media (max-width: 960px) { div.finance_250425 section.book_sc { padding: 50px 4%; } } @media (max-width: 760px) { div.finance_250425 section.book_sc { padding: 40px 4%; } } @media (max-width: 480px) { div.finance_250425 section.book_sc { padding: 20px 4% 25px; } } div.finance_250425 section.book_sc .wrap_1024 { margin-top: 40px; } @media (max-width: 760px) { div.finance_250425 section.book_sc .wrap_1024 { margin-top: 30px; } } @media (max-width: 480px) { div.finance_250425 section.book_sc .wrap_1024 { margin-top: 20px; } } div.finance_250425 section.book_sc .wrap_1024 .book_wrap { padding: 0 6%; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_img { float: left; width: 25%; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_img > img { width: 100%; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info { float: left; width: 70%; margin-left: 5%; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info h5 { font-size: 22px; font-size: 1.43rem; font-family: 'hanna'; margin: 6px 0 15px; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl dt { width: 20%; float: left; padding: 5px 0; text-align: center; border: 1px solid #ccc; margin: 0 0 10px 0; font-size: 13px; font-size: 0.845rem; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl dd { font-size: 13px; font-size: 0.845rem; float: left; margin: 0 0 10px 2%; padding: 5px 0; color: #666; width: 75%; } @media (max-width: 960px) { div.finance_250425 section.book_sc .wrap_1024 .book_wrap { padding: 0; } } @media (max-width: 760px) { div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_img { float: none; width: 100%; padding: 0 26%; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info { float: none; width: 100%; margin-left: 0; text-align: center; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl dt { width: 22%; margin: 0 0 6px 0; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl dd { width: 74%; margin: 0 0 6px 4%; text-align: left; } } @media (max-width: 480px) { div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_img { padding: 0 20%; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info h5 { font-size: 20px; font-size: 1.3rem; margin: 0 0 15px; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl dt { float: none; width: 40%; margin: 0; } div.finance_250425 section.book_sc .wrap_1024 .book_wrap .book_info dl dd { float: none; width: 100%; margin: 0 0 10px 0; text-align: center; } } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be { position: relative; margin-top: 20px; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li { width: 100%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li.on > button.tab_btn { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid #1b1916; border-bottom: 2px solid #fffef7; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li.on > button.tab_btn:hover { border: 1px solid #1b1916; border-bottom: 1px solid #1b1916; } @media (max-width: 480px) { div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li.on > button.tab_btn { border-bottom: 1px solid #1b1916; } } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn { position: absolute; top: 0; width: 24.5%; height: 80px; font-size: 16px; font-size: 1.04rem; line-height: 22px; line-height: 1.5rem; background: rgba(255, 255, 255, 0.6); color: rgba(1, 1, 1, 0.7); letter-spacing: -0.5px; float: left; border-radius: 5px 5px 0 0; outline-width: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: bold; border: 1px solid #6d7274; border-bottom: 1px solid #1b1916; -webkit-box-shadow: 4px 0 0; box-shadow: 4px 0 0; z-index: 3; text-align: left; padding-left: 20px; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid #1b1916; border-bottom: 1px solid #1b1916; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn.tab_01_be { left: 0; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn.tab_02_be { left: 25.2%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn.tab_03_be { left: 50.3%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn.tab_04_be { left: 75.4%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article { display: none; margin-top: 79px; padding: 40px 30px 20px; text-align: center; border: 1px solid #1b1916; border-radius: 0 0 5px 5px; -webkit-box-shadow: 4px 5px 0; box-shadow: 4px 5px 0; position: relative; z-index: 2; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap { padding: 5px 0 0 2%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .book_img { float: left; width: 32%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .book_img .img_box { padding: 0 14% 0 1%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .book_img .img_box > img { width: 100%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .page_img { float: right; width: 60%; margin-right: 2%; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .page_img > img { width: 100%; margin: 0 auto; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .page_img p.txt { font-size: 15px; font-size: 0.975rem; line-height: 23px; line-height: 1.625rem; padding-top: 10px; text-align: left; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .page_img p.txt > strong { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0)), color-stop(40%, #d0dfd3)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 60%, #d0dfd3 40%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 60%, #d0dfd3 40%); background: linear-gradient(rgba(255, 255, 255, 0) 60%, #d0dfd3 40%); } @media (max-width: 960px) { div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn { font-size: 15px; font-size: 0.975rem; line-height: 22px; line-height: 1.5rem; letter-spacing: -0.5px; height: 90px; padding-left: 10px; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn br { display: none; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article { margin-top: 89px; padding: 30px; } } @media (max-width: 760px) { div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn { font-size: 14px; font-size: 0.91rem; line-height: 20px; line-height: 1.25rem; height: 84px; padding-left: 8px; word-break: break-all; font-weight: 500; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn br { display: none; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article { margin-top: 82px; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap { padding: 0; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .book_img { float: none; width: 100%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .book_img .img_box { padding: 0 30%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .book_img .img_box > img { margin: 0 auto; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .page_img { float: none; width: 100%; margin-right: 0; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .page_img p.txt { font-size: 14.6px; font-size: 0.949rem; line-height: 22px; line-height: 1.5rem; padding-top: 10px; text-align: center; } } @media (max-width: 480px) { div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn { width: 100%; height: 40px; line-height: 18px; line-height: 1rem; text-align: center; border-radius: 5px; word-break: keep-all; border-bottom: 1px solid #6d7274; -webkit-box-shadow: none; box-shadow: none; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn.tab_01_be { left: 0; top: 0; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn.tab_02_be { left: 0; top: 44px; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn.tab_03_be { left: 0; top: 88px; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li button.tab_btn.tab_04_be { left: 0; top: 132px; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article { margin-top: 180px; padding: 8% 6%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap { padding: 0; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .book_img .img_box { padding: 0 26%; } div.finance_250425 section.book_sc .wrap_1024 ul.tab_ul_be li article div.img_wrap .page_img p.txt { line-height: 21px; line-height: 1.375rem; padding-top: 15px; } }