/* INDEX------------------------------------------------------------------------ */ /* MEDIA QUERY */ /* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .m_tit_wrap { display:block; overflow:hidden; } .m_etit { display:block; overflow:hidden; font-family: "Barlow Semi Condensed", sans-serif; color:#2676fd; font-size:22px; font-weight:600; letter-spacing:0; line-height:140%; word-break:keep-all; } .m_ttit { display:block; overflow:hidden; font-size:48px; letter-spacing:-3px; margin-top:45px; } .m_ttit span { display:block; overflow:hidden; line-height:130%; word-break:keep-all; font-weight:300; } .m_ttit b { display:block; overflow:hidden; line-height:130%; word-break:keep-all; font-weight:800; } .m_more_btn { display:block; overflow:hidden; width:60px; height:60px; border-radius:999px; background-size:cover; background-repeat:no-repeat; background-position:center center; transition-duration:.5s; } .m_more_btn:hover { transform:rotate(45deg); } /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { display:block; overflow:hidden; position:relative; height:100%; min-height:800px; } .m_visual_slide { display:block; overflow:hidden; position:relative; height:100%; color:#fff; } .m_visual_item { display:block; overflow:hidden; position:relative; height:100%; } .m_visual_content { display:block; overflow:hidden; position:absolute; top:25%; left:50%; transform:translateX(-50%); width:94%; max-width:1400px; margin:0 auto; z-index:2; } .m_visual_etit { display:block; overflow:hidden; color:#2676fd; font-size:21px; font-family: "Barlow Semi Condensed", sans-serif; line-height:110%; font-weight:600; letter-spacing:0; word-break:keep-all; opacity:0; transition-duration:.5s; margin-left:-100px; position:relative; } .m_visual_ttit { display:block; overflow:hidden; font-size:65px; letter-spacing:-2.5px; margin:20px 0 90px 0; opacity:0; transition-duration:.5s; margin-left:-50px; position:relative; transition-delay:.5s; } .m_visual_ttit span { display:block; overflow:hidden; line-height:120%; word-break:keep-all; font-weight:300; } .m_visual_ttit b { display:block; overflow:hidden; line-height:120%; word-break:keep-all; font-weight:800; } .m_visual_ttxt { display:block; overflow:hidden; font-size:22px; line-height:140%; word-break:keep-all; opacity:0; transition-duration:.5s; margin-left:-50px; position:relative; transition-delay:1s; } .m_visual_bg { display:block; overflow:hidden; position:absolute; width:100%; height:100%; background-color:#333; background-position:center center; background-size:cover; background-repeat:no-repeat; transition-duration:2s; transform:scale(1.1); } .m_visual_bg1 { background-image:url('../images/main/mv_bg1.jpg'); } .m_visual_bg2 { background-image:url('../images/main/mv_bg2.jpg'); } .m_visual_bg3 { background-image:url('../images/main/mv_bg3.jpg'); } .m_visual_slide .swiper-slide-active .m_visual_etit { opacity:1; margin-left:0; } .m_visual_slide .swiper-slide-active .m_visual_ttit { opacity:1; margin-left:0; } .m_visual_slide .swiper-slide-active .m_visual_ttxt { opacity:.4; margin-left:0; } .m_visual_slide .swiper-slide-active .m_visual_bg { transform:scale(1); } .mv_etc_wrap { display:flex; flex-wrap:wrap; align-items:center; position:absolute; width:94%; max-width:1400px; margin:0 auto; bottom:25%; left:50%; transform:translateX(-50%); z-index:2; } .mv_move_btn { display:block; overflow:hidden; width:60px; border-radius:999px; border:1px solid rgba(255,255,255,.5); box-sizing:border-box; } .mv_move_btn img { display:block; overflow:hidden; width:100%; } .mv_page_wrap { display:block; overflow:hidden; color:#747474; font-size:18px; font-family: "Barlow Semi Condensed", sans-serif; font-weight:600; letter-spacing:0; margin:0 25px; line-height:130%; } .mv_page_txt .swiper-pagination-current { color:#fff; font-weight:700; } /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_f1_wrap { display:block; overflow:hidden; background:#fff; } .m_banner_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; width:94%; max-width:1400px; margin:0 auto; } .m_banner_btn { display:block; overflow:hidden; width:33.3%; border-right:1px solid #e1e1e1; box-sizing:border-box; } .m_banner3 { border:0; } .m_banner_inner { display:block; overflow:hidden; position:relative; margin:80px 50px; position:relative; } .m_banner_icon { display:block; overflow:hidden; width:81px; height:81px; order:2; margin-left:auto; background-color:#f5f5f5; background-position:center center; background-size:100%; background-repeat:no-repeat; position:absolute; top:0; right:0; transition-duration:.5s; } .m_banner1 .m_banner_icon { background-image:url('../images/main/mb_icon1_off.png'); } .m_banner2 .m_banner_icon { background-image:url('../images/main/mb_icon2_off.png'); } .m_banner3 .m_banner_icon { background-image:url('../images/main/mb_icon3_off.png'); } .m_banner_cont { display:block; overflow:hidden; } .m_banner_etit { display:block; overflow:hidden; font-family: "Barlow Semi Condensed", sans-serif; color:#678cc6; font-weight:600; font-size:18px; line-height:140%; word-break:keep-all; letter-spacing:0; } .m_banner_ttit { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:700; font-size:28px; letter-spacing:-1.5px; margin:5px 0 70px 0; transition-duration:.5s; } .m_banner_ttxt { display:block; overflow:hidden; } .m_banner_ttxt span { display:block; overflow:hidden; line-height:140%; word-break:keep-all; color:#9b9b9b; } .m_banner_btn:hover .m_banner_icon { background-color:#2676fd; } .m_banner1:hover .m_banner_icon { background-image:url('../images/main/mb_icon1_on.png'); } .m_banner2:hover .m_banner_icon { background-image:url('../images/main/mb_icon2_on.png'); } .m_banner3:hover .m_banner_icon { background-image:url('../images/main/mb_icon3_on.png'); } .m_banner_btn:hover .m_banner_ttit { color:#2676fd; } .m_banner_btn:hover .m_banner_ttxt span { color:#777; } /* ----------------------------------------------------------------------------- */ /* 토탈케어 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { display:block; overflow:hidden; background:url('../images/main/m_f2_bg.jpg') center center no-repeat; background-size:cover; position:relative; padding:150px 0; } .m_care_wrap { display:block; margin:0 auto; position:relative; color:#fff; } .m_care_top { display:block; overflow:hidden; position:relative; width:94%; max-width:1400px; margin:0 auto 75px auto; } .m_care_cont { display:block; width:94%; max-width:1400px; margin:0 auto; position:relative; } .m_care_view { display:block; overflow:hidden; } .m_care_slide { display:block; position:relative; overflow:hidden; } .m_care_btn { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; color:#fff; } .m_care_img { display:block; overflow:hidden; position:relative; width:625px; } .m_care_img img { display:block; overflow:hidden; width:100%; margin:0 auto; transition-duration:.5s; } .m_care_inner { display:block; overflow:hidden; width:calc(100% - 700px); } .m_care_count { display:flex; flex-wrap:wrap; align-items:end; font-family: "Barlow Semi Condensed", sans-serif; letter-spacing:0; } .m_care_count b { display:block; overflow:hidden; color:#fff; font-size:60px; line-height:130%; font-weight:400; } .m_care_count span { display:block; overflow:hidden; color:#797979; font-size:24px; line-height:130%; position:relative; top:-10px; } .m_care_count span::before { display:inline-block; overflow:hidden; width:2px; height:15px; background:#797979; content:''; transform:rotate(25deg); margin:0 20px; } .m_care_tit { display:block; overflow:hidden; font-size:36px; line-height:140%; word-break:keep-all; font-weight:500; letter-spacing:-2px; margin:30px 0 40px 0; } .m_care_txt { display:block; overflow:hidden; } .m_care_txt span { display:block; overflow:hidden; font-size:18px; line-height:150%; word-break:keep-all; opacity:.6; } .m_care_more { background-color:#fff; background-image:url('../images/main/m_more_iconb.png'); margin-top:50px; } .m_care_btn:hover .m_care_img img { transform:scale(1.05); } .m_care_btn:hover .m_care_more { background-color:#2676fd; background-image:url('../images/main/m_more_iconw.png'); } .m_care_btn:hover .m_more_btn { transform:rotate(45deg); } .m_care_etc { display:flex; flex-wrap:wrap; position:absolute; top:-140px; left:50%; margin-left:570px; z-index:990; width:127px; } .m_care_move { display:block; overflow:hidden; width:60px; border-radius:999px; border:1px solid rgba(255,255,255,.5); box-sizing:border-box; } .m_care_move img { display:block; overflow:hidden; width:100%; } .m_care_prev { margin-right:7px; } /* ----------------------------------------------------------------------------- */ /* 인터넷강의 */ /* ----------------------------------------------------------------------------- */ .m_f3_wrap { display:block; overflow:hidden; background:#fff; position:relative; } .m_online_wrap { display:block; width:94%; max-width:1740px; margin:150px auto 0 auto; } .m_online_top { display:block; overflow:hidden; text-align:center; margin-bottom:75px; } .m_online_cont { display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; } .m_sch_wrap { display:block; width:50%; position:relative; color:#fff; /* position:absolute; top:0; left:0; */ } .m_sch_wrap::after { display:block; overflow:hidden; width:110%; height:100%; position:absolute; top:0; right:0; background:url('../images/main/m_sch_bg.jpg') right center no-repeat; background-size:cover; content:''; } .m_sch_core { display:block; overflow:hidden; margin:120px auto; width:94%; max-width:550px; position:relative; z-index:4; } .m_sch_form { display:block; overflow:hidden; border-bottom:1px solid #fff; box-sizing:border-box; } .m_sch_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 20px 15px 20px; } .m_sch_text { display:block; overflow:hidden; width:calc(100% - 42px); } .m_sch_write { display:block; overflow:hidden; width:100%; height:39px; line-height:39px; color:#fff; font-size:22px; font-weight:500; background:none; letter-spacing:-1.5px; } .m_sch_write::placeholder { color:#fff; } .m_sch_btn { display:block; overflow:hidden; width:39px; height:39px; background:url('../images/main/m_sch_icon.png') center center no-repeat; background-size:100%; } .m_sch_keyword { display:flex; flex-wrap:wrap; justify-content:center; margin-top:30px; } .m_sch_keyword a { display:block; overflow:hidden; font-size:20px; line-height:140%; word-break:keep-all; color:#fff; margin:0 15px; } .m_sch_more { position:absolute; bottom:60px; right:60px; background-color:#fff; background-image:url('../images/main/m_more_iconb.png'); z-index:2; } .m_sch_more:hover { background-color:#2676fd; background-image:url('../images/main/m_more_iconw.png'); transform:rotate(45deg); } .m_lectures_wrap { display:block; overflow:hidden; position:relative; width:calc(50% - 50px); } .m_lectures_list { display:block; overflow:hidden; position:relative; margin:70px 0; } .m_lectures_list > li { display:block; overflow:hidden; width:calc(49% - 20px); margin-left:20px; background:#fff; float:left; } .m_lectures_list > li:nth-child(2n + 1) { margin-top:30px; } .m_lectures_list > li:nth-child(2n) { float:right; margin-bottom:30px; } .m_lectures_btn { display:block; overflow:hidden; border:1px solid #e1e1e1; box-sizing:border-box; height:100%; transition-duration:.5s; border-radius:10px; } .m_lectures_inner { display:block; overflow:hidden; margin:30px; padding-bottom:85px; position:relative; } .m_lectures_cate { display:block; overflow:hidden; color:#106bfd; font-size:16px; line-height:140%; word-break:keep-all; font-weight:500; } .m_lectures_subj { display:block; overflow:hidden; font-weight:600; font-size:20px; line-height:140%; word-break:keep-all; margin:0; font-family: 'Paperlogy'; } .m_lectures_info { display:block; overflow:hidden; } .m_lectures_info ul { display:block; overflow:hidden; } .m_lectures_info ul li { display:block; overflow:hidden; font-size:16px; color:#6c6c6c; font-weight:500; line-height:130%; word-break:keep-all; position:relative; padding-left:9px; margin-bottom:5px; } .m_lectures_info ul li:last-child { margin-bottom:0; } .m_lectures_info ul li::before { display:block; overflow:hidden; position:absolute; top:10px; left:0; width:3px; height:3px; background:#6c6c6c; content:''; border-radius:999px; } .m_lectures_pay { display:flex; flex-wrap:wrap; justify-content:end; align-items:center; position:absolute; bottom:0; right:0; } .m_lectures_pay b { display:block; overflow:hidden; font-size:36px; line-height:120%; word-break:keep-all; font-family: "Play", sans-serif; transition-duration:.5s; } .m_lectures_pay span { display:block; overflow:hidden; font-size:16px; line-height:120%; margin-top:10px; font-weight:500; transition-duration:.5s; } .m_lectures_etc { display:block; overflow:hidden; margin-top:0; width:100%; text-align:right; color:#6c6c6c; font-size:16px; line-height:140%; } .m_lectures_btn:hover { border-color:#106bfd; } .m_lectures_btn:hover .m_lectures_pay b { color:#106bfd; } .m_lectures_btn:hover .m_lectures_pay span { color:#106bfd; } /* ----------------------------------------------------------------------------- */ /* 출강안내 */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap { display:block; overflow:hidden; } .m_business_wrap { display:block; overflow:hidden; margin:150px auto; } .m_business_top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; width:94%; max-width:1400px; margin:0 auto; position:relative; z-index:2; } .m_business_top .m_tit_wrap { display:block; overflow:hidden; width:470px; } .m_business_text { display:block; overflow:hidden; } .m_business_text span { display:block; overflow:hidden; color:#9b9b9b; font-size:18px; line-height:160%; word-break:keep-all; } .m_business_btn { display:block; overflow:hidden; width:275px; height:275px; background:#106bfd; position:relative; right:-100px; top:180px; } .m_business_inner { display:block; overflow:hidden; text-align:center; color:#fff; position:relative; top:50%; transform:translateY(-50%); margin:0 10px; } .m_business_inner span { display:block; overflow:hidden; font-size:18px; margin-top:25px; line-height:140%; } .m_business_more { background-color:rgba(255,255,255,.3); background-image:url('../images/main/m_more_iconw.png'); margin:0 auto; } .m_business_btn:hover .m_business_more { background-color:rgba(255,255,255,1); background-image:url('../images/main/m_more_iconb.png'); transform:rotate(45deg); } .m_business_cont { display:block; overflow:hidden; width:94%; margin:80px auto 0 auto; position:relative; padding-bottom:35%; } .m_business_cont img { display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-height:100%; width:100%; } /* ----------------------------------------------------------------------------- */ /* 수강후기 */ /* ----------------------------------------------------------------------------- */ .m_f5_wrap { display:block; overflow:hidden; background:#ebeef3; } .m_review_wrap { display:block; overflow:hidden; margin:150px auto; } .m_review_top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; width:94%; max-width:1400px; margin:0 auto; } .m_review_top .m_tit_wrap { display:block; overflow:hidden; width:calc(100% - 250px); } .mr_more_btn { display:block; overflow:hidden; background:#fff; border-radius:999px; width:210px; border:1px solid #1465f4; box-sizing:border-box; } .mr_more_inner { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:5px; } .mr_more_inner .m_more_btn { background-color:#1465f4; background-image:url('../images/main/m_more_iconw.png'); } .mr_more_btn:hover .mr_more_inner .m_more_btn { transform:rotate(45deg); } .mr_more_inner span { display:block; overflow:hidden; color:#1465f4; font-size:18px; font-weight:500; margin-right:15px; } .m_review_cont { display:block; margin-top:75px; } .m_review_slide { display:block; max-width:400px; margin:0 auto; } .m_review_slide.owl-carousel .owl-stage-outer { overflow:visible; } .m_review_btn { display:block; overflow:hidden; background:#fff; border:1px solid #fff; box-sizing:border-box; transition-duration:.5s; } .m_review_inner { display:block; overflow:hidden; margin:40px 45px 60px 45px; } .m_review_cate { display:block; overflow:hidden; width:87px; height:33px; line-height:33px; border:1px solid #0b66ff; border-radius:999px; text-align:center; color:#0b66ff; font-size:15px; font-weight:600; transition-duration:.5s; } .m_review_subj { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:27px; line-height:140%; font-weight:600; margin:25px 0; transition-duration:.5s; } .m_review_txt { display:block; overflow:hidden; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; height:173px; font-size:18px; line-height:140%; color:#6c6c6c; } .m_review_writer { display:block; overflow:hidden; font-size:16px; color:#afafaf; font-weight:300; line-height:130%; margin-top:60px;} .m_review_slide.owl-carousel .owl-item.active { position:relative; z-index:2; margin-top:-30px; box-shadow:0 0 20px rgba(0,0,0,.3); } .m_review_slide.owl-carousel .owl-item.active .m_review_btn { border-color:#0b66ff; } .m_review_slide.owl-carousel .owl-item.active .m_review_cate { background:#0b66ff; color:#fff; } .m_review_btn:hover { border-color:#0b66ff; } .m_review_btn:hover .m_review_cate { background:#0b66ff; color:#fff; } .m_review_btn:hover .m_review_subj { color:#0b66ff; } /* ----------------------------------------------------------------------------- */ /* 링크 */ /* ----------------------------------------------------------------------------- */ .m_f6_wrap { display:block; overflow:hidden; background:#fff; } .m_link_wrap { display:block; overflow:hidden; width:94%; max-width:1400px; margin:150px auto; } .m_link_inner { display:block; overflow:hidden; border-top:2px solid #000; box-sizing:border-box; } .m_link_btn { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:80px 50px; } .m_link_tit { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-size:35px; font-weight:700; letter-spacing:-2px; padding-right:2px; width:420px; } .m_link_txt { display:block; overflow:hidden; width:calc(100% - 550px); } .m_link_txt span { display:block; overflow:hidden; line-height:150%; word-break:keep-all; color:#9b9b9b; font-size:18px; } .m_link_more { border:1px solid #d7d7d7; box-sizing:border-box; background-color:#fff; background-image:url('../images/main/m_more_iconb.png'); margin:0 auto; } .m_link_btn:hover .m_link_more { border:1px solid #106bfd; box-sizing:border-box; background-color:#106bfd; background-image:url('../images/main/m_more_iconw.png'); margin:0 auto; transform:rotate(45deg); } /* ----------------------------------------------------------------------------- */ /* 온라인문의 */ /* ----------------------------------------------------------------------------- */ .m_f7_wrap { display:block; overflow:hidden; } /* 상담진행 */ .m_consulting_wrap { display:block; overflow:hidden; background:#0d6ffc; } .m_consulting_core { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:94%; max-width:1400px; margin:30px auto; color:#fff; } .m_consulting_tit { display:block; overflow:hidden; font-family: "Barlow Semi Condensed", sans-serif; letter-spacing:0; font-size:21px; font-weight:500; line-height:100%; } .m_consulting_cont { display:block; overflow:hidden; width:calc(100% - 270px); } .m_consulting_slide { display:block; overflow:hidden; } .m_consulting_item { display:flex; flex-wrap:wrap; justify-content:start; align-items:center; width:auto !important; } .m_consulting_type { display:block; overflow:hidden; width:66px; height:24px; line-height:25px; border-radius:999px; background:#fff; border-radius:999px; color:#0d6ffc; text-align:center; font-size:13px; font-weight:700; margin-right:10px; } .m_consulting_txt { display:block; overflow:hidden; font-size:14px; line-height:130%; word-break:keep-all; font-weight:bold; } /* 빠른신청 */ .m_inquery_wrap { display:block; overflow:hidden; background:#000 url('../images/main/m_inquery_bg.jpg') left center no-repeat; background-size:cover; } .m_inquery_core { display:block; overflow:hidden; width:94%; max-width:1400px; margin:150px auto; } .m_inquery_form { display:block; overflow:hidden; width:100%; max-width:580px; margin-left:auto; color:#fff; } .m_inquery_tit { display:block; overflow:hidden; font-size:45px; font-weight:700; line-height:140%; word-break:keep-all; margin-bottom:50px; } /* ----------------------------------------------------------------------------- */ /* TV출연 */ /* ----------------------------------------------------------------------------- */ .m_f8_wrap { display:block; overflow:hidden; position:relative; } .m_f8_wrap::after { display:block; overflow:hidden; bottom:0; left:0; width:100%; height:40%; position:absolute; background:#ebeef3; content:''; } .m_tv_wrap { display:block; position:relative; z-index:2; width:94%; max-width:1400px; margin:100px auto; } .m_tv_top { display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; } .m_tit_wrap { display:block; overflow:hidden; width:calc(100% - 150px); } .mt_util_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; position:absolute; top:150px; right:0; } .mt_move_btn { display:block; overflow:hidden; width:60px; border-radius:999px; border:1px solid #2676fd; box-sizing:border-box; } .mt_move_btn img { display:block; overflow:hidden; width:100%; } .mt_prev_btn { margin-right:10px; } .m_tv_cont { display:block; margin-top:80px; width:120%; } .m_tv_slide { display:block; overflow:hidden; } .m_tv_item { display:block; overflow:hidden; position:relative; background:#fff; margin-top:50px; border-radius:15px; transition-duration:.5s; } .m_tv_img { display:block; overflow:hidden; position:relative; padding-bottom:50%; } .m_tv_img img { display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; } .m_tv_text { display:block; overflow:hidden; padding:25px; font-family: 'Paperlogy'; } .m_tv_cate { display:inline-block; overflow:hidden; line-height:140%; word-break:keep-all; font-size:16px; font-weight:700; letter-spacing:0; color:#fff; background:#2676fd; padding:5px 15px; border-radius:999px; } .m_tv_txt { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-size:22px; margin-top:5px; } .m_tv_item.swiper-slide-active { margin:0; box-shadow:0 0 20px rgba(0,0,0,.3); background:#2676fd; color:#fff; } .m_tv_item.swiper-slide-active .m_tv_cate { background:#fff; color:#2676fd; } /* ----------------------------------------------------------------------------- */ /* MEDIA QUERY */ /* ------------------------------------------------------------------------------ */ @media only screen and (min-width:0px) and (max-width:359px) { /* width 360이하 모바일(갤럭시S2 대상) */ } @media only screen and (min-width:0px) and (max-width:767px) { /* 모바일(갤럭시노트급 대상) */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .m_etit { font-size:18px; } .m_ttit { font-size:27px; letter-spacing:-1.5px; margin-top:15px; } .m_more_btn { width:40px; height:40px; } /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { height:500px; min-height:0; } .m_visual_content { top:120px; } .m_visual_etit { font-size:18px; } .m_visual_ttit { letter-spacing:-1.5px; margin:15px 0 30px 0; } .m_visual_ttit span { font-size:32px; } .m_visual_ttit b { font-size:40px; } .m_visual_ttxt { font-size:16px; } .mv_etc_wrap { bottom:50px; } .mv_move_btn { width:40px; } .mv_page_wrap { margin:0 15px; } /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_banner_wrap { width:100%; } .m_banner_btn { width:100%; border-right:0; border-bottom:1px solid #e1e1e1; } .m_banner_inner { width:94%; margin:30px auto; } .m_banner_icon { width:70px; height:70px; } .m_banner_etit { font-size:16px; } .m_banner_ttit { font-size:24px; letter-spacing:-1px; margin-bottom:20px; } /* ----------------------------------------------------------------------------- */ /* 토탈케어 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { padding:50px 0; } .m_care_top { margin-bottom:30px; } .m_care_view { width:100%; } .m_care_img { width:100%; } .m_care_inner { width:100%; margin-top:20px; position:relative; } .m_care_count b { font-size:30px; } .m_care_count span { font-size:16px; top:-2px; } .m_care_count span::before { height:10px; margin:0 10px; } .m_care_tit { font-size:26px; margin:10px 0 20px 0; } .m_care_txt span { font-size:16px; } .m_care_more { margin-top:0; position:absolute; top:0; right:0; } .m_care_etc { justify-content:center; position:relative; top:0; left:0; margin:30px auto 0 auto; } .m_care_move { width:40px; } /* ----------------------------------------------------------------------------- */ /* 인터넷강의 */ /* ----------------------------------------------------------------------------- */ .m_online_wrap { margin:50px auto 0 auto; } .m_online_top { margin-bottom:30px; } .m_sch_wrap { width:100%; } .m_sch_wrap::after { right:-5%; } .m_sch_core { margin:50px auto 50px auto; } .m_sch_inner { margin:0 0 10px 0; } .m_sch_text { width:calc(100% - 35px); } .m_sch_write { height:25px; line-height:25px; font-size:17px; letter-spacing:-1px; } .m_sch_btn { width:25px; height:25px; } .m_sch_keyword { justify-content:start; margin-top:15px; margin-right:50px; } .m_sch_keyword a { font-size:17px; margin:5px 10px 0 0; } .m_sch_more { bottom:auto; bottom:40px; right:0; } .m_lectures_wrap { width:100%; } .m_lectures_list { margin:15px 0 0 0; } .m_lectures_list > li { width:100%; margin-left:0; margin:15px 0 0 0 !important; } .m_lectures_inner { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:20px; padding-bottom:0; } .m_lectures_cate { font-size:15px; } .m_lectures_subj { font-size:17px; width:calc(100% - 150px); } .m_lectures_info ul li { font-size:15px; } .m_lectures_info ul li::before { top:7px; } .m_lectures_pay { position:relative; } .m_lectures_pay b { font-size:24px; } .m_lectures_pay span { font-size:15px; margin-top:5px; } .m_lectures_etc { font-size:14px; } /* ----------------------------------------------------------------------------- */ /* 출강안내 */ /* ----------------------------------------------------------------------------- */ .m_business_wrap { margin:50px auto; } .m_business_top { display:block; } .m_business_top .m_tit_wrap { display:block; overflow:hidden; width:100%; } .m_business_text { margin:15px 0 30px 0; } .m_business_text span { font-size:16px; display:inline; } .m_business_btn { width:100%; height:auto; right:0; top:0; background:none; } .m_business_inner { display:flex; flex-wrap:wrap; align-items:center; position:relative; top:0; transform:translateY(0); margin:0; } .m_business_inner span { font-size:17px; margin-top:0; margin-right:15px; color:#2676fd; font-weight:500;} .m_business_more { order:2; margin:0; background-color:#2676fd; } .m_business_btn:hover .m_business_more { background-color:#2676fd; } .m_business_cont { padding-bottom:0; margin-top:30px; } .m_business_cont img { top:0; left:0; transform:translate(0); min-height:0; width:100%; position:relative; } /* ----------------------------------------------------------------------------- */ /* 수강후기 */ /* ----------------------------------------------------------------------------- */ .m_review_wrap { margin:50px auto; } .m_review_top .m_tit_wrap { width:100%; } .mr_more_btn { margin-top:15px; width:180px; } .mr_more_inner span { font-size:17px; } .m_review_cont { margin-top:30px; } .m_review_slide { width:94% !important; max-width:94% !important; } .m_review_slide.owl-carousel .owl-stage-outer { overflow:hidden; } .m_review_inner { margin:25px; } .m_review_subj { font-size:20px; margin:15px 0; } .m_review_txt { -webkit-line-clamp:3; -webkit-box-orient:vertical; height:65px; font-size:16px; } .m_review_writer { font-size:15px; margin-top:30px;} .m_review_slide.owl-carousel .owl-item.active { margin-top:0; } /* ----------------------------------------------------------------------------- */ /* 링크 */ /* ----------------------------------------------------------------------------- */ .m_link_wrap { margin:50px auto; } .m_link_btn { margin:30px 0; position:relative; } .m_link_tit { font-size:26px; width:100%; } .m_link_txt { width:100%; margin-top:15px; } .m_link_txt span { display:inline; line-height:140%; font-size:16px; } .m_link_more { position:absolute; top:-5px; right:0; } /* ----------------------------------------------------------------------------- */ /* 온라인문의 */ /* ----------------------------------------------------------------------------- */ /* 상담진행 */ .m_consulting_tit { font-size:18px; margin-bottom:15px; } .m_consulting_cont { width:100%; } /* 빠른신청 */ .m_inquery_core { margin:50px auto; } .m_inquery_form { max-width:100%; } .m_inquery_tit { font-size:34px; margin-bottom:30px; } /* ----------------------------------------------------------------------------- */ /* TV출연 */ /* ----------------------------------------------------------------------------- */ .m_tv_wrap { margin:50px auto; } .m_tit_wrap { width:100%; } .mt_util_wrap { justify-content:center; position:relative; top:0; margin-top:30px; } .mt_move_btn { width:40px; } .mt_prev_btn { margin-right:5px; } .m_tv_cont { margin-top:30px; width:100%; } .m_tv_item { margin:0; } .m_tv_text { padding:18px; } .m_tv_cate { font-size:14px; padding:5px 15px 3px 15px; } .m_tv_txt { font-size:17px; } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .m_etit { font-size:20px; } .m_ttit { font-size:36px; margin-top:25px; } .m_more_btn { width:50px; height:50px; } /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { height:600px; min-height:0; } .m_visual_content { top:150px; } .m_visual_etit { font-size:20px; } .m_visual_ttit { font-size:46px; letter-spacing:-1.5px; margin:15px 0 50px 0; } .m_visual_ttxt { font-size:17px; } .mv_etc_wrap { bottom:70px; } .mv_move_btn { width:50px; } .mv_page_wrap { margin:0 20px; } /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_banner_wrap { width:100%; } .m_banner_inner { margin:30px 20px; text-align:center; } .m_banner_icon { width:70px; height:70px; position:relative; margin:0 auto 15px auto; } .m_banner_etit { font-size:17px; } .m_banner_ttit { font-size:24px; letter-spacing:-1px; margin-bottom:20px; } .m_banner_ttxt span { display:inline; font-size:16px; } /* ----------------------------------------------------------------------------- */ /* 토탈케어 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { padding:70px 0; } .m_care_top { margin-bottom:50px; } .m_care_view { width:100%; } .m_care_img { width:calc(100% - 410px); } .m_care_inner { width:380px; } .m_care_count b { font-size:40px; } .m_care_count span { font-size:18px; top:-4px; } .m_care_count span::before { height:10px; margin:0 10px; } .m_care_tit { font-size:26px; margin:10px 0 20px 0; } .m_care_txt span { font-size:16px; } .m_care_more { margin-top:30px; } .m_care_etc { left:auto; right:0; margin:0; top:-100px; width:107px; } .m_care_move { width:50px; } /* ----------------------------------------------------------------------------- */ /* 인터넷강의 */ /* ----------------------------------------------------------------------------- */ .m_online_wrap { margin:80px auto 0 auto; } .m_online_top { margin-bottom:50px; } .m_sch_wrap { width:100%; } .m_sch_wrap::after { right:-5%; } .m_sch_core { margin:80px auto 80px auto; } .m_sch_inner { margin:0 0 10px 0; } .m_sch_text { width:calc(100% - 35px); } .m_sch_write { height:30px; line-height:30px; font-size:18px; letter-spacing:-1px; } .m_sch_btn { width:30px; height:30px; } .m_sch_keyword { margin-top:15px; } .m_sch_keyword a { font-size:18px; margin:5px 10px 0 10px; } .m_sch_more { bottom:auto; bottom:40px; right:0; } .m_lectures_wrap { width:100%; } .m_lectures_list { display:flex; flex-wrap:wrap; justify-content:space-between; margin:15px 0 0 0; } .m_lectures_list > li { width:49%; margin-left:0; margin:15px 0 0 0 !important; } .m_lectures_inner { margin:20px; padding-bottom:50px; } .m_lectures_cate { font-size:15px; } .m_lectures_subj { font-size:18px; } .m_lectures_info ul li { font-size:15px; } .m_lectures_info ul li::before { top:7px; } .m_lectures_pay b { font-size:26px; } .m_lectures_pay span { font-size:15px; margin-top:5px; } .m_lectures_etc { font-size:14px; } /* ----------------------------------------------------------------------------- */ /* 출강안내 */ /* ----------------------------------------------------------------------------- */ .m_business_wrap { margin:80px auto; } .m_business_top { display:block; } .m_business_top .m_tit_wrap { display:block; overflow:hidden; width:100%; } .m_business_text { margin:15px 0 30px 0; } .m_business_text span { font-size:16px; display:inline; } .m_business_btn { width:150px; height:150px; right:20px; top:0; margin-left:auto; } .m_business_cont { padding-bottom:0; margin-top:-70px; } .m_business_cont img { top:0; left:0; transform:translate(0); min-height:0; width:100%; position:relative; } /* ----------------------------------------------------------------------------- */ /* 수강후기 */ /* ----------------------------------------------------------------------------- */ .m_review_wrap { margin:80px auto; } .m_review_cont { margin-top:70px; } .m_review_slide { max-width:350px; } .m_review_inner { margin:25px; } .m_review_subj { font-size:22px; margin:15px 0; } .m_review_txt { -webkit-line-clamp:5; height:115px; font-size:17px; } .m_review_writer { margin-top:30px;} .m_review_slide.owl-carousel .owl-item.active { margin-top:-30px; } /* ----------------------------------------------------------------------------- */ /* 링크 */ /* ----------------------------------------------------------------------------- */ .m_link_wrap { margin:70px auto; } .m_link_btn { margin:50px 20px; position:relative; } .m_link_tit { font-size:30px; width:100%; } .m_link_txt { width:100%; margin-top:20px; } .m_link_txt span { font-size:17px; } .m_link_more { position:absolute; top:0; right:0; } /* ----------------------------------------------------------------------------- */ /* 온라인문의 */ /* ----------------------------------------------------------------------------- */ /* 상담진행 */ .m_consulting_tit { font-size:20px; margin-bottom:15px; } .m_consulting_cont { width:100%; } /* 빠른신청 */ .m_inquery_core { margin:80px auto; } .m_inquery_form { max-width:100%; } .m_inquery_tit { font-size:40px; margin-bottom:30px; } /* ----------------------------------------------------------------------------- */ /* TV출연 */ /* ----------------------------------------------------------------------------- */ .m_tv_wrap { margin:80px auto; } .m_tit_wrap { width:100%; } .mt_util_wrap { top:50px; } .mt_move_btn { width:50px; } .m_tv_cont { margin-top:50px; } .m_tv_item { margin-top:30px; } .m_tv_txt { font-size:20px; } } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .m_ttit { font-size:42px; margin-top:35px; } /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { height:700px; min-height:0; } .m_visual_ttit { font-size:52px; margin:15px 0 60px 0; } .mv_etc_wrap { bottom:15%; } /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_banner_inner { margin:50px 30px; text-align:center; } .m_banner_icon { width:70px; height:70px; position:relative; margin:0 auto 15px auto; } .m_banner_ttit { margin-bottom:30px; } .m_banner_ttxt span { font-size:16px; } /* ----------------------------------------------------------------------------- */ /* 토탈케어 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { padding:100px 0; } .m_care_view { width:100%; } .m_care_img { width:calc(100% - 500px); } .m_care_inner { width:420px; } .m_care_count b { font-size:50px; } .m_care_count span { font-size:21px; top:-5px; } .m_care_count span::before { height:12px; margin:0 12px; } .m_care_tit { font-size:32px; margin:15px 0 20px 0; } .m_care_txt span { font-size:17px; } .m_care_more { margin-top:40px; } .m_care_etc { left:auto; right:0; margin:0; } /* ----------------------------------------------------------------------------- */ /* 인터넷강의 */ /* ----------------------------------------------------------------------------- */ .m_online_wrap { margin:100px auto 0 auto; } .m_sch_wrap { width:100%; } .m_sch_wrap::after { right:-5%; } .m_sch_core { margin:80px auto; } .m_sch_inner { margin:0 0 10px 0; } .m_sch_text { width:calc(100% - 40px); } .m_sch_write { height:35px; line-height:35px; font-size:20px; } .m_sch_btn { width:35px; height:35px; } .m_sch_keyword { margin-top:20px; } .m_sch_keyword a { font-size:18px; margin:0 7px; } .m_sch_more { bottom:30px; right:30px; } .m_lectures_wrap { width:100% } .m_lectures_list { margin:50px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; } .m_lectures_list > li { width:49%; margin:20px 0 0 0 !important; } .m_lectures_inner { margin:20px; padding-bottom:0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .m_lectures_cate { font-size:15px; } .m_lectures_info ul li { font-size:15px; } .m_lectures_info ul li::before { top:7px; } .m_lectures_pay { position:relative; } .m_lectures_pay b { font-size:30px; } .m_lectures_pay span { font-size:15px; margin-top:5px; } .m_lectures_etc { font-size:14px; } /* ----------------------------------------------------------------------------- */ /* 출강안내 */ /* ----------------------------------------------------------------------------- */ .m_business_wrap { margin:100px auto; } .m_business_top .m_tit_wrap { width:530px; } .m_business_text { width:calc(100% - 600px); } .m_business_text span { display:inline; } .m_business_btn { width:170px; height:170px; right:20px; top:0; margin-left:auto; margin-top:50px; } .m_business_cont { padding-bottom:0; margin-top:-70px; } .m_business_cont img { top:0; left:0; transform:translate(0); min-height:0; width:100%; position:relative; } /* ----------------------------------------------------------------------------- */ /* 수강후기 */ /* ----------------------------------------------------------------------------- */ .m_review_wrap { margin:100px auto; } /* ----------------------------------------------------------------------------- */ /* 링크 */ /* ----------------------------------------------------------------------------- */ .m_link_wrap { margin:100px auto; } .m_link_btn { margin:50px 0; position:relative; } .m_link_tit { font-size:32px; width:400px; } .m_link_txt { width:calc(100% - 500px); } /* ----------------------------------------------------------------------------- */ /* 온라인문의 */ /* ----------------------------------------------------------------------------- */ /* 빠른신청 */ .m_inquery_core { margin:100px auto; } .m_inquery_form { max-width:100%; } .m_inquery_tit { font-size:42px; } /* ----------------------------------------------------------------------------- */ /* TV출연 */ /* ----------------------------------------------------------------------------- */ .m_tv_wrap { margin:80px auto; } .mt_util_wrap { top:100px; } .m_tv_cont { margin-top:50px; } .m_tv_item { margin-top:30px; } .m_tv_txt { font-size:20px; } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { height:750px; min-height:0; } .mv_etc_wrap { bottom:15%; } /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_banner_inner { margin:50px 30px; } .m_banner_ttit { margin-bottom:50px; } /* ----------------------------------------------------------------------------- */ /* 토탈케어 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { padding:120px 0; } /* ----------------------------------------------------------------------------- */ /* 인터넷강의 */ /* ----------------------------------------------------------------------------- */ .m_online_wrap { margin:120px auto 0 auto; } .m_sch_wrap { width:45%; } .m_sch_core { margin:80px auto; } .m_sch_inner { margin:0 0 10px 0; } .m_sch_text { width:calc(100% - 40px); } .m_sch_write { height:35px; line-height:35px; font-size:20px; } .m_sch_btn { width:35px; height:35px; } .m_sch_keyword { margin-top:20px; } .m_sch_keyword a { font-size:18px; margin:0 7px; } .m_sch_more { bottom:30px; right:30px; } .m_lectures_wrap { width:calc(55% - 10px); } .m_lectures_list { margin:50px 0; } .m_lectures_list > li { width:calc(50% - 20px); margin-left:20px; } .m_lectures_list > li:nth-child(2n + 1) { margin-top:20px; } .m_lectures_list > li:nth-child(2n) { margin-bottom:20px; } .m_lectures_inner { margin:20px; padding-bottom:60px; } .m_lectures_cate { font-size:15px; } .m_lectures_subj { font-size:18px; } .m_lectures_pay b { font-size:26px; } .m_lectures_pay span { margin-top:2px; } /* ----------------------------------------------------------------------------- */ /* 출강안내 */ /* ----------------------------------------------------------------------------- */ .m_business_wrap { margin:120px auto; } .m_business_text { width:calc(100% - 600px); } .m_business_btn { width:200px; height:200px; right:20px; top:0; margin-left:auto; margin-top:80px; } .m_business_cont { padding-bottom:0; margin-top:-100px; } .m_business_cont img { top:0; left:0; transform:translate(0); min-height:0; width:100%; position:relative; } /* ----------------------------------------------------------------------------- */ /* 수강후기 */ /* ----------------------------------------------------------------------------- */ .m_review_wrap { margin:120px auto; } /* ----------------------------------------------------------------------------- */ /* 링크 */ /* ----------------------------------------------------------------------------- */ .m_link_wrap { margin:120px auto; } /* ----------------------------------------------------------------------------- */ /* 온라인문의 */ /* ----------------------------------------------------------------------------- */ /* 빠른신청 */ .m_inquery_wrap { background-position:right -500px center; } .m_inquery_core { margin:120px auto; } } @media only screen and (min-width:1401px) and (max-width:1600px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_banner_inner { margin:70px 40px; } .m_banner_ttit { margin-bottom:60px; } /* ----------------------------------------------------------------------------- */ /* 토탈케어 */ /* ----------------------------------------------------------------------------- */ .m_care_view { display:block; overflow:hidden; width:180%; } /* ----------------------------------------------------------------------------- */ /* 인터넷강의 */ /* ----------------------------------------------------------------------------- */ .m_lectures_wrap { width:calc(50% - 20px); } .m_lectures_list { margin:50px 0; } .m_lectures_list > li { width:calc(50% - 20px); margin-left:20px; } .m_lectures_list > li:nth-child(2n + 1) { margin-top:20px; } .m_lectures_list > li:nth-child(2n) { margin-bottom:20px; } .m_lectures_inner { margin:20px; padding-bottom:80px; } /* ----------------------------------------------------------------------------- */ /* 출강안내 */ /* ----------------------------------------------------------------------------- */ .m_business_btn { width:200px; height:200px; right:0; } /* ----------------------------------------------------------------------------- */ /* 온라인문의 */ /* ----------------------------------------------------------------------------- */ /* 빠른신청 */ .m_inquery_wrap { background-position:right -300px center; } } @media only screen and (min-width:1140px) { /* PC */ }