@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap'); /* common */ * {box-sizing: border-box;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;} html {scroll-behavior: smooth; font-size:16px;} body {font-family: 'Noto Sans KR', '돋움', 'Arial', sans-serif;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} address, em {font-style:normal} a, a:hover, a:active, a:focus {text-decoration:none} a, button {cursor:pointer;} button {background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible;} a[href^="tel"] {color:inherit; text-decoration: none;} img {max-width:100%; height:auto; border:0;} .blind {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;} .btn_wh, .btn_navy {display:inline-block; font-size:1.5rem; line-height:1; letter-spacing:-0.025em; font-weight:700; border-radius:2em; padding:1.5rem 4.5rem; text-align:center;} .btn_wh {color:#011B48; background-color:#fff;} .btn_navy {color:#fff; background-color:#011B48;} .btn_wh:hover, .btn_navy:hover {background-color:#005CFE; color:#fff;} #header .header_wrap h1 a, #header .header_wrap .logo_head li a, #header .header_wrap .utility li a, #main .main_wrap .main_tit .tit, #main .main_wrap .main_tit .subtit, #fiveyears_process .process_wrap h3.tit, #fiveyears_manage .manage_wrap h3.tit, #fiveyears_manage .manage_wrap .step_lst li::after, #fiveyears_manage .manage_wrap .info_box::after, #fiveyears_call .educall h3.tit, #footer .ft_wrap h2.logo_ft a {display:block; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/5years_res.png) no-repeat; background-size:1000px 1000px;} /* layout */ #jcu5years {position:relative; width:100vw;} #jcu5years #header {position:relative; width:100vw; background-color:#011B48;} #jcu5years #container {position:relative; width:100vw; overflow:hidden;} #jcu5years #footer {position:relative; width:100vw; background-color:#011B48;} /* header */ #header .header_wrap {display:flex; align-items:center; justify-content:space-between; max-width:75rem; height:6rem; margin:0 auto;} #header .header_wrap .logo_head {display:flex; align-items:center; flex-grow:1;} #header .header_wrap .utility {display:flex;} #header .header_wrap h1 {margin-right:10%;} #header .header_wrap h1 a {width:236px; height:48px; background-position:-8px -8px;} #header .header_wrap .logo_head li.logo_jangone a {width:125px; height:24px; background-position:-260px -8px; margin-right:1rem;} #header .header_wrap .logo_head li.logo_moe a {width:118px; height:32px; background-position:-401px -8px;} #header .header_wrap .utility li a {width:24px; height:24px; margin-left:1.5rem;} #header .header_wrap .utility li.ut_dreammoa a {background-position:-535px -8px;} #header .header_wrap .utility li.ut_kakao a {background-position:-575px -8px;} #header .header_wrap .utility li.ut_facebook a {background-position:-615px -8px;} /* container */ /* main */ #main {position:relative; overflow:hidden; background-color:#011B48;} #main .main_wrap {position:relative; max-width:75rem; margin:0 auto;} #main .main_wrap .text_wrap {display:inline-block; max-width:39rem; margin-top:11rem;} #main .main_wrap .text_wrap .main_tit {position:relative; display:inline-block;} #main .main_wrap .main_tit .tit {display:inline-block; width:560px; height:120px; background-position:-8px -168px;} #main .main_wrap .main_tit .subtit {position:absolute; top:0; right:-3.5rem; width:248px; height:104px; background-position:-8px -304px; margin-top:-6.5rem;} #main .main_wrap .main_body {font-size:1.5rem; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; color:#fff; margin-top:2.5rem;} #main .main_wrap .btns_main {display:flex;} #main .main_wrap .btns_main li a {margin:5rem 1.5rem 0 0;} #main .main_img {max-width:87.5rem; margin:-35rem auto 0;} #main::after {content:""; display:block; max-width:1920px; margin:-16rem auto 0; height: 120px;} /* section:fiveyears_story */ #fiveyears_story {position:relative; margin:-44rem 0 3rem 0;} #fiveyears_story .story_wrap {max-width:75rem; margin:0 auto;} #fiveyears_story .story_wrap .story_lst {display:flex; justify-content:center;} #fiveyears_story .story_wrap .story_lst li {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; min-width:640px; padding:11.5% 0; border-radius:50%; box-shadow:0 8px 8px #011b4850;} #fiveyears_story .story_wrap .story_lst li.story_01 {background-color:#005CFE; z-index:10;} #fiveyears_story .story_wrap .story_lst li.story_02 {background-color:#058676; margin-left:-6.666%; z-index:1;} #fiveyears_story .story_wrap .story_lst li.story_01::before {content:""; position:absolute; top:1.5rem; left:0; display:block; width:152px; height:136px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/img_story_heart.png) no-repeat;} #fiveyears_story .story_wrap .story_lst li.story_02::before {content:""; position:absolute; bottom:1.5rem; right:3rem; display:block; width:104px; height:144px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/img_story_star.png) no-repeat;} #fiveyears_story .story_wrap .story_lst li .ic_dot {display:block; text-align:center;} #fiveyears_story .story_wrap .story_lst li .ic_dot em {display:inline-block; width:16px; height:16px; border-radius:50%; background-color:#FFDE41; margin:0 0.5rem;} #fiveyears_story .story_wrap .story_lst li h5 {font-size:1.75rem; line-height:1.5; letter-spacing:-0.025em; font-weight:700; word-break:keep-all; text-align:center; color:#fff; margin:2rem 0;} #fiveyears_story .story_wrap .story_lst li p {font-size:1.375rem; line-height:1.5; letter-spacing:-0.025em; word-break: keep-all; color:#fff; opacity:0.6; padding:0 18.7%; } /* section:fiveyears_process */ #fiveyears_process {position:relative; background-color:#ECF2FC;} #fiveyears_process .process_wrap {overflow:hidden; max-width:75rem; margin:0 auto; padding:6rem 0;} #fiveyears_process .process_wrap .process_title {float:left; width:50%; padding:4rem 2.5rem;} #fiveyears_process .process_wrap h3.tit {width:352px; height:88px; background-position:-8px -424px;} #fiveyears_process .process_wrap p.subtit {font-size:1.25rem; line-height:1.5; letter-spacing:-0.025em; color:#666; word-break:keep-all; margin-top:2.5rem;} #fiveyears_process .process_wrap .process_box {position:relative; float:left; width:50%; padding:9% 0;} #fiveyears_process .process_wrap .process_box.learner {border-radius:40px 40px 0 0; background-color:#369A8D;} #fiveyears_process .process_wrap .process_box.kosaf {border-radius:40px 0 0 40px; background-color:#43A8FA;} #fiveyears_process .process_wrap .process_box.jcu {border-radius:0 0 40px 0; background-color:#F05D5B;} #fiveyears_process .process_wrap .process_box .img {text-align:center;} #fiveyears_process .process_wrap .process_box .text {position:absolute; font-size:1.25rem; letter-spacing:-0.05em; font-weight:700; color:#fff;} #fiveyears_process .process_wrap .process_box .p_01, #fiveyears_process .process_wrap .process_box .p_04 {bottom:1.5rem; left:1.5rem;} #fiveyears_process .process_wrap .process_box .p_02, #fiveyears_process .process_wrap .process_box .p_03 {top:1.5rem; right:1.5rem;} #fiveyears_process .process_wrap .process_box .arrow {position:absolute; z-index:10;} #fiveyears_process .process_wrap .process_box.learner .to_kosaf {bottom:0; left:-5rem; border-bottom:5rem solid #369A8D; border-left:5rem solid transparent;} #fiveyears_process .process_wrap .process_box.kosaf .to_jcu {top:0; right:-5rem; border-bottom:5rem solid #43A8FA; border-right:5rem solid transparent;} #fiveyears_process .process_wrap .process_box.jcu .to_learner {top:-5rem; right:0; border-bottom:5rem solid #F05D5B; border-right:5rem solid transparent;} #fiveyears_process .process_wrap .process_box.jcu .to_kosaf {bottom:0; left:-5rem; border-top:5rem solid #F05D5B; border-left:5rem solid transparent;} /* section:fiveyears_manage */ #fiveyears_manage {position:relative; background-color:#fff;} #fiveyears_manage .manage_wrap {max-width:75rem; margin:0 auto; padding:6rem 0;} #fiveyears_manage .manage_wrap h3.tit {width:458px; height:126px; background-position:-8px -528px;} #fiveyears_manage .manage_wrap .step_lst {display:flex; margin-top:5rem;} #fiveyears_manage .manage_wrap .step_lst li {position:relative; flex:1;} #fiveyears_manage .manage_wrap .step_lst li.step_01, #fiveyears_manage .manage_wrap .step_lst li.step_02 {border-right:2px solid #ddd;} #fiveyears_manage .manage_wrap .step_lst li.step_01::after, #fiveyears_manage .manage_wrap .step_lst li.step_02::after {content:""; position:absolute; bottom:72px; right:-28px; width:56px; height:56px; background-position:-368px -56px;} #fiveyears_manage .manage_wrap .step_lst li::before {content:""; display:block; width:238px; height:280px; background-repeat:no-repeat; margin:0 auto;} #fiveyears_manage .manage_wrap .step_lst li.step_01::before {background-image:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/img_step01.png);} #fiveyears_manage .manage_wrap .step_lst li.step_02::before {background-image:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/img_step02.png);} #fiveyears_manage .manage_wrap .step_lst li.step_03::before {background-image:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/img_step03.png);} #fiveyears_manage .manage_wrap .step_lst li h5, #fiveyears_manage .manage_wrap .step_lst li p {letter-spacing:-0.025em; text-align:center; word-break:keep-all; padding:0 14%;} #fiveyears_manage .manage_wrap .step_lst li h5 {font-size:1.75rem; line-height:1.3; font-weight:700; color:#011B48; margin-top:2.5rem;} #fiveyears_manage .manage_wrap .step_lst li p {font-size:1.25rem; line-height:1.5; color:#666; margin-top:1rem;} /*2023.02.16 김서윤작업*/ #fiveyears_manage .manage_wrap .step_lst li .font_samll {font-size:0.8rem;} #fiveyears_manage .manage_wrap .point {width:100%; background-color:#ECF2FC; padding:5rem; margin-top:4rem;} #fiveyears_manage .manage_wrap .point_lst dt {float:left; font-size:1.5rem; letter-spacing:-0.025em; font-weight:700; color:#005CFE; border-bottom:4px solid #005CFE;} #fiveyears_manage .manage_wrap .point_lst dd {padding-left:10.5rem;} #fiveyears_manage .manage_wrap .point_lst dt:nth-of-type(2), #fiveyears_manage .manage_wrap .point_lst dd:nth-of-type(2) {margin-top:2.5rem;} #fiveyears_manage .manage_wrap .point_lst dd h5, #fiveyears_manage .manage_wrap .info_box h5 {font-size:1.5rem; line-height:1.5; letter-spacing:-0.025em; font-weight:700; color:#000;} #fiveyears_manage .manage_wrap .point_lst dd p, #fiveyears_manage .manage_wrap .info_box p {font-size:1.25rem; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; color:#666; margin-top:1rem;} #fiveyears_manage .manage_wrap .info_box {position:relative; width:100%; background-color:#fff; border:8px solid #eee; border-radius:1.5rem; padding:5rem; margin-top:4rem;} #fiveyears_manage .manage_wrap .info_box::after {content:""; position:absolute; top:3.5rem; right:3.5rem; display:block; width:96px; height:96px; background-position:-256px -56px;} /* section:fiveyears_call */ #fiveyears_call {position:relative; overflow:hidden; background-color:#005CFE;} #fiveyears_call .educall {position:relative; max-width:75rem; margin:0 auto; padding:6rem 0;} #fiveyears_call .educall h3.tit {width:302px; height:120px; background-position:-8px -670px;} #fiveyears_call .educall .call_box {position:relative; overflow:hidden; background-color:#fff; border-radius:1.5rem; margin-top:5rem; padding:5rem;} #fiveyears_call .educall .call_box .list_call {display:flex; justify-content:space-between;} #fiveyears_call .educall .call_box .list_call li {flex:0 0 45%; max-width:45%;} #fiveyears_call .educall .call_box .call_num label, #fiveyears_call .educall .call_box .call_day legend, #fiveyears_call .educall .call_box .agree {display:block; font-size:1.375rem; font-weight:700; line-height:1.5; letter-spacing:-0.05em; color:#011B48; margin-bottom:1rem} #fiveyears_call .educall .call_box .call_num input, #fiveyears_call .educall .call_box .call_day select {height:4.5rem; line-height:4.5rem; font-size:1.25rem; letter-spacing:-0.05em; color:#999; background-color:#eee; border:0; padding:0 1.5rem;} #fiveyears_call .educall .call_box .call_num .inp {display:block; width:100%;} #fiveyears_call .educall .call_box .call_day fieldset {display:flex; justify-content:space-between;} #fiveyears_call .educall .call_box .call_day select {width:23%; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23999999'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='.87'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:88% center;} #fiveyears_call .educall .call_box .call_day select::-ms-expand {display:none;} #fiveyears_call .educall .call_box .agree {float:left; margin-top:5rem;} #fiveyears_call .educall .call_box .btn_call {float:right; margin-top:4rem;} /* footer */ #footer .ft_wrap {max-width:75rem; margin:0 auto; padding:6rem 0;} #footer .ft_wrap h2.logo_ft {float:left;} #footer .ft_wrap h2.logo_ft a {display:block; width:236px; height:48px; background-position:-8px -64px;} #footer .ft_wrap .jcu_info {text-align:right;} #footer .ft_wrap .jcu_info .call_num {font-size:1.5rem; color:#fff; margin:1rem 0 3.5rem 0; opacity:0.8;} #footer .ft_wrap .jcu_info address, #footer .ft_wrap .jcu_info .copyright {font-size:0.875rem; color:#fff; opacity:0.5; margin-bottom:0.25rem;} #footer .ft_wrap .jcu_info address span::before {content:''; display:inline-block; width:2px; height:10px; background-color:#fff; margin:0 0.5rem;} #footer .ft_wrap .jcu_info address span:first-child::before {content:none;} /*2023.01.19 김서윤작업*/ #fiveyears_manage .manage_wrap h5 img {display: block; margin: auto;} #fiveyears_manage .manage_wrap .comparison p {padding-top: 4rem; margin-bottom:5rem; } #fiveyears_manage .manage_wrap .conclusion {padding:6rem 0 2rem 0;} /* Tablet */ @media only screen and (max-width : 1200px) { #header .header_wrap, #main .main_wrap {width:100vw; padding:0 1.5rem;} #fiveyears_manage .manage_wrap, #fiveyears_call .educall, #footer .ft_wrap {width:100vw; padding:6rem 1.5rem;} #main .main_img {max-width:100%; margin:-18rem auto 0;} #main::after {margin:-14rem auto 0;} #fiveyears_story .story_wrap .story_lst li {min-width:584px; padding:9.5% 0;} #fiveyears_story .story_wrap .story_lst li.story_01::before {left:3rem;} #fiveyears_story .story_wrap .story_lst li h5 {margin:1.5rem 0;} #fiveyears_manage .manage_wrap .step_lst li h5, #fiveyears_manage .manage_wrap .step_lst li p {padding:0 6%;} } @media only screen and (max-width : 768px) { html {font-size:14px !important;} #fiveyears_process .process_wrap {padding:6rem 0 0 0;} #header .header_wrap .logo_head {display:none;} #main .main_wrap .main_tit .tit {width:calc(560px * 0.9); height:calc(120px * 0.9); background-position:calc(-8px * 0.9) calc(-168px * 0.9); background-size:calc(1000px * 0.9) calc(1000px * 0.9);} #main::after { height:120px;} #fiveyears_story {margin:-4rem 0 0 0; background:linear-gradient(#ecf2fc00, #ECF2FC);} #fiveyears_story .story_wrap .story_lst {flex-direction:column;} #fiveyears_story .story_wrap .story_lst li {min-width:100%; padding:8% 4rem; box-shadow:none;} #fiveyears_story .story_wrap .story_lst li.story_01 {z-index:1; border-radius:4rem 4rem 0 0;} #fiveyears_story .story_wrap .story_lst li.story_02 {margin-left:0; z-index:10; border-radius:0 0 4rem 4rem;} #fiveyears_story .story_wrap .story_lst li.story_01::before {top:-5rem; left:1rem;} #fiveyears_story .story_wrap .story_lst li.story_02::before {top:-5rem; right:1rem;} #fiveyears_story .story_wrap .story_lst li .ic_dot em {width:12px; height:12px; margin:0 0.25rem;} #fiveyears_story .story_wrap .story_lst li p {padding:0;} #fiveyears_process .process_wrap .process_title {float:none; width:100%; padding:0 1.5rem; margin-bottom:3rem;} #fiveyears_process .process_wrap .process_box {float:none; width:100%; border-radius:0 !important; padding:7% 0;} #fiveyears_process .process_wrap .process_box .img img {max-width:50%;} #fiveyears_process .process_wrap .process_box .p_01, #fiveyears_process .process_wrap .process_box .p_02, #fiveyears_process .process_wrap .process_box .p_03 {bottom:1.5rem; left:1.5rem; top:auto; right:auto;} #fiveyears_process .process_wrap .process_box .p_04 {top:1.5rem; right:1.5rem; bottom:auto; left:auto;} #fiveyears_process .process_wrap .process_box.learner .to_kosaf {bottom:-5rem; left:0; transform:rotate(270deg);} #fiveyears_process .process_wrap .process_box.kosaf .to_jcu {bottom:-5rem; left:0; top:auto; right:auto; transform:rotate(180deg);} #fiveyears_process .process_wrap .process_box.jcu .to_kosaf {top:-5rem; right:0; bottom:auto; left:auto; transform:rotate(180deg);} #fiveyears_process .process_wrap .process_box.jcu .to_learner {display:none;} #fiveyears_manage .manage_wrap .step_lst li::before {width:calc(238px * 0.8); height:calc(280px * 0.8); background-size:contain; background-position:50%;} #fiveyears_manage .manage_wrap .step_lst li h5, #fiveyears_manage .manage_wrap .step_lst li p {padding:0 14%;} #fiveyears_manage .manage_wrap .point {padding:3rem; margin-top:3rem;} #fiveyears_manage .manage_wrap .info_box {border:4px solid #eee; padding:3rem; margin-top:3rem;} #fiveyears_manage .manage_wrap .info_box::after {top:4%; right:2%;} #fiveyears_call .educall .call_box {margin-top:3rem; padding:3rem 1.5rem;} #fiveyears_call .educall .call_box .list_call {flex-direction:column;} #fiveyears_call .educall .call_box .list_call li {flex:1; max-width:100%;} #fiveyears_call .educall .call_box .call_day {margin-top:2rem;} } /* Mobile*/ @media only screen and (max-width : 480px) { html {font-size:10px !important;} #header .header_wrap, #main .main_wrap {padding:0 1rem;} #fiveyears_manage .manage_wrap, #fiveyears_call .educall, #footer .ft_wrap {padding:6rem 1rem;} #header .header_wrap .utility {display:none;} #main .main_wrap .text_wrap {max-width:100%;} #main .main_wrap .main_tit .tit {width:calc(560px * 0.5); height:calc(120px * 0.5); background-position:calc(-8px * 0.5) calc(-168px * 0.5); background-size:calc(1000px * 0.5) calc(1000px * 0.5);} #main .main_wrap .main_tit .subtit {right:-2rem; width:calc(248px * 0.6); height:calc(104px * 0.6); background-position:calc(-8px * 0.6) calc(-304px * 0.6); background-size:calc(1000px * 0.6) calc(1000px * 0.6);} #main .main_wrap .btns_main {flex-direction:column; margin-top:3rem;} #main .main_wrap .btns_main li a {width:65%; margin:1rem 0 0 0;} #main .main_img {margin:-14rem auto 0;} #main .main_img img {max-width:120%; margin-left:-10%;} #main::after { height:80px;} #fiveyears_story {margin:-3rem 0 0 0;} #fiveyears_story .story_wrap .story_lst li {padding:10% 1rem;} #fiveyears_story .story_wrap .story_lst li.story_01 {border-radius:3rem 3rem 0 0;} #fiveyears_story .story_wrap .story_lst li.story_02 {border-radius:0 0 3rem 3rem;} #fiveyears_story .story_wrap .story_lst li.story_01::before {width:30%; background-size:contain;} #fiveyears_story .story_wrap .story_lst li.story_02::before {width:20%; background-size:contain;} #fiveyears_process .process_wrap h3.tit {width:calc(352px * 0.6); height:calc(88px * 0.6); background-position:calc(-8px * 0.6) calc(-424px * 0.6); background-size:calc(1000px * 0.6) calc(1000px * 0.6);} #fiveyears_process .process_wrap .process_box {padding:13% 0;} #fiveyears_process .process_wrap .process_box .img img {max-width:75%;} #fiveyears_manage .manage_wrap h3.tit {width:calc(458px * 0.6); height:calc(126px * 0.6); background-position:calc(-8px * 0.6) calc(-528px * 0.6); background-size:calc(1000px * 0.6) calc(1000px * 0.6);} #fiveyears_manage .manage_wrap .step_lst {flex-direction:column; margin-top:3rem;} #fiveyears_manage .manage_wrap .step_lst li {padding:4rem 1rem;} #fiveyears_manage .manage_wrap .step_lst li.step_01 {padding-top:0;} #fiveyears_manage .manage_wrap .step_lst li.step_03 {padding-bottom:0;} #fiveyears_manage .manage_wrap .step_lst li.step_01, #fiveyears_manage .manage_wrap .step_lst li.step_02 {border-right:0; border-bottom:2px solid #ddd;} #fiveyears_manage .manage_wrap .step_lst li.step_01::after, #fiveyears_manage .manage_wrap .step_lst li.step_02::after {bottom:-28px; right:0; left:50%; transform:translateX(-50%) rotate(90deg);} #fiveyears_manage .manage_wrap .step_lst li h5, #fiveyears_manage .manage_wrap .step_lst li p {padding:0;} #fiveyears_manage .manage_wrap .point {padding:0 1rem 3rem 1rem;} #fiveyears_manage .manage_wrap .point_lst dt {display:inline-block; float:none; margin-top:3rem !important;} #fiveyears_manage .manage_wrap .point_lst dd {padding-left:0; margin-top:1.5rem !important;} #fiveyears_manage .manage_wrap .info_box {padding:3rem 1rem;} #fiveyears_manage .manage_wrap .info_box::after {width:calc(96px * 0.5); height:calc(96px * 0.5); background-position:calc(-256px * 0.5) calc(-56px * 0.5); background-size:calc(1000px * 0.5) calc(1000px * 0.5);} #fiveyears_call .educall h3.tit {width:calc(302px * 0.6); height:calc(120px * 0.6); background-position:calc(-8px * 0.6) calc(-670px * 0.6); background-size:calc(1000px * 0.6) calc(1000px * 0.6);} #fiveyears_call .educall .call_box .btn_call {width:100%;} #footer .ft_wrap h2.logo_ft {float:none;} #footer .ft_wrap .jcu_info .call_num {margin:3.5rem 0;} #footer .ft_wrap .jcu_info address span {display:block;} #footer .ft_wrap .jcu_info address span::before {content:none;} }