@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap'); .PreviewBG.on { overflow: hidden; } .sub_wrap{overflow: hidden;background: #fff;} .pagemenu{overflow: hidden;background: #ededed;padding: 0 3%;} /* 2021-12-20 */ .pagemenu ul{padding:3% 0;} /* //2021-12-20 */ .pagemenu ul li{width:fit-content !important;} .pagemenu ul li a{display: inline-block;width: unset;height: 100%;color: #565656;font-size: 26px;letter-spacing: -0.06em;font-family: 'notokr-regular';line-height: 1.5;} .pagemenu ul li a.on, .pagemenu ul li a:active{color: #ff7b47;font-family: 'notokr-bold';border-bottom: 2px solid #ff7b47;} .container{overflow: hidden;background: #fff;/*padding:0 3% 6%;*/} .sub_visual{position: relative;width: 100%;} .sub_visual.makeup_bg{height:40.677vw;background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/sub_visual.jpg) no-repeat 0 0;background-size: contain;} .sub_visual.customer_bg{height:46.677vw;background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/customer/sub_visual.jpg) no-repeat 0 0;background-size: contain;} .sub_visual.test_course_bg{height:46.677vw;background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/test_course/sub_visual.jpg) no-repeat 0 0;background-size: contain;} .sub_visual div{text-align: center;color: #fff;} .sub_visual div:nth-child(1){font-size: 44px;letter-spacing: -0.04em;font-family: 'Pretendard';font-weight:700;padding-top: 11%;} .sub_visual div:nth-child(2){font-size: 22px;letter-spacing: -0.04em;font-family: 'notokr-regular';padding-top: 2%;} /*20230206 추가*/ .sub_visual.makeup_bg.curriculum_bg { height:unset;background: #222222 !important;background-size: contain; padding: 8.3333vw 4.7222vw;display: flex;flex-direction: column;gap:8.3333vw; } .sub_visual.makeup_bg.curriculum_bg .vTxtBox{ font-size: unset;letter-spacing: unset;font-family: 'Noto Sans KR';padding:0;display: flex;flex-direction: column;gap:1.3888vw; } .sub_visual.makeup_bg.curriculum_bg .vTxtBox .visual_tit{ font-size: unset;letter-spacing: unset;font-family: 'Noto Sans KR';padding:0;font-weight: 700; font-size: 5.5555vw; line-height: 8.0555vw; text-align: center; color: #FE8B5E; } .sub_visual.makeup_bg.curriculum_bg .vTxtBox .visual_stit{ font-size: unset;letter-spacing: unset;font-family: 'Noto Sans KR';padding:0;font-weight: 400; font-size: 3.0555vw; line-height: 4.4444vw; text-align: center; color: #FFFFFF; display: flex;flex-direction: column;gap:4.1666vw;justify-content: center; } .sub_visual.makeup_bg.curriculum_bg .vTxtBox .visual_stit span{ font-size: unset;letter-spacing: unset;font-family: 'Noto Sans KR';padding:0;font-weight: 700; font-size: 3.8888vw; line-height: 5.6944vw; text-align: center; color: #FFFFFF; word-break: keep-all; text-decoration: underline; text-underline-offset: 5px; } .sub_visual.makeup_bg.curriculum_bg .vVideoBox iframe{ width:100%;height:47.2222vw; } .m_content{padding: 5% 3%;} .course_box{border-radius:10px;overflow: hidden;} /* 2021-11-22 lee */ .course_box .box_img{float: left;width: 32.625%;height:31.25vw;max-height: 234px;} .course_box .box_img img{object-fit : cover;height:100%;} /* //2021-11-22 lee */ .course_box .box_txt{float: left;background: #ededed;width: 72%;padding:4% 6%;height:31.25vw;border: 1px solid #e7e7e7;max-height: 234px;word-break: keep-all;display: flex;flex-direction: column;} .course_box .box_txt.se_bg{background: #f8f0e9;} .course_box .box_txt span{display: block;color: #b4967c;font-size: 19px;font-family: 'Pretendard';font-weight:700;letter-spacing: -0.04em;} .course_box .box_txt strong{display: block;font-weight: normal;font-size: 28px;letter-spacing: -0.04em;font-family: 'notokr-bold';padding-top: 1.5%;} .course_box .box_txt div{color: #898989;font-size: 22px;letter-spacing: -0.02em;font-family: 'notokr-regular';line-height: 1.25;padding-top: 3%;} .course_box .box_txt p{font-size:24px;display: flex; align-items: center;color: #FF7B47;font-weight:700;letter-spacing: -0.04em;margin-top: auto;text-align: right;justify-content: flex-end;gap:10px;font-family: 'notokr-bold';} .course_box .box_txt p img{ width:unset; } .m_couser{background: #fff;} .onepassInfo{} .titleOnepass{text-align: center;padding-top: 6%;} .titleOnepass div:nth-child(1){color: #e989a3;font-family: 'Pretendard';font-size: 22px;letter-spacing: -0.04em;} .titleOnepass div:nth-child(2){color: #565656;font-family: 'notokr-bold';font-size: 52px;letter-spacing: -0.06em;display: inline-block;position: relative;line-height: 1.2;} .titleOnepass div:nth-child(2) span{display: block;background: #ffbda3;height:10px;position: absolute;bottom:2px;left:0;width: 100%;z-index: -1;} .txtArea{color: #3f3f3f;opacity: .7;font-size: 24px;letter-spacing: -0.02em;font-family: 'notokr-regular';padding:5% 5% 0 5%;} .colBox{overflow-x: auto;position: relative;} .colbox_row{margin-left: 3%;width: 172%;} .colbox_row.row3box{width: 128%;}/* 2021-11-25 */ .colBox .img_r_arr{display: inline-block;position: absolute;top:47%;z-index: 10;width: 8.056%;} /* 2021-11-19 lee */ /*.colBox .img_r_arr.arr01{left: 39.5%;} .colBox .img_r_arr.arr02{left: 82%;} .colBox .img_r_arr.arr03{left: 125%;}*/ .colBox .img_r_arr.arr01{left: 308px;} .colBox .img_r_arr.arr02{left: 636px;} .colBox .img_r_arr.arr03{left: 970px;} /* //2021-11-19 lee */ .colBoxBlock{width: 300px;float: left;margin-left: 30px;} .colBoxBlock:first-child{margin-left: 0;} .colBoxBlock .imgAe{display: inline-block;width: 300px;height: 420px;border-top-left-radius: 30px;border-top-right-radius: 30px;overflow: hidden;float: left;} .colBoxBlock .imgAe img{vertical-align: top;object-fit : cover;width:100%;height:100%;} .colBoxBlock dl{display: block;width: 300px;background: #f3f3f3;border:1px solid #dedede;border-top:0;border-bottom-left-radius:30px;border-bottom-right-radius:30px;height: 189px;padding-top: 30px;position: relative;float: left;padding:5%;} .colBoxBlock dl dt{text-align: left;} .colBoxBlock dl dt div:nth-child(1){color: #000;font-size: 26px;line-height: 22px;letter-spacing: -0.02em;font-family: 'notokr-medium';line-height: 1.2;} .colBoxBlock dl dt div:nth-child(1) span{color: #f97230;} .colBoxBlock dl dt div:nth-child(2){color: #ff7b47;font-size: 18px;font-family: 'notokr-demilight';letter-spacing: -0.02em;line-height: 22px;padding-top: 2%;} .colBoxBlock dl dd{text-align: left;color: #565656;font-size: 18px;line-height: 19px;font-family: 'Nanum-R';position: absolute;top: 90px;width: 100%;left: 0;padding: 0 5%;line-height: 1.25;} .selectTab{padding:6% 3% 0 3%;} .selectTab .onepassTab{border-top:3px solid #454545;overflow: hidden;border-left: 1px solid #dedede;} .selectTab .onepassTab li{width: 33.3%;float: left;border:1px solid #dedede;border-top: 0;border-left: 0;} .selectTab .onepassTab li a{display: inline-block;background: #f6f6f6;text-align: center;color: #282c37;font-size: 16px;font-family: 'Nanum-R';letter-spacing: -0.02em;width: 100%;height: 100%;line-height: 3.75;} .selectTab .onepassTab li a.on, .selectTab .onepassTab li a:hover, .selectTab .onepassTab li a:active{background: #ff7b47;color: #fff;font-family: 'notokr-bold';} .onepassInfoSub{padding:4% 0 0 0;} .onepassInfoSub .infoSubTit{color: #231f20;font-size: 28px;letter-spacing: -0.02em;font-family: 'notokr-bold';background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/ico_bu.png) no-repeat 0 0;background-size: contain;padding-left: 8%;} .onepassInfoSub .infoSubtext{color: #3f3f3f;font-size: 24px;font-family: 'notokr-demilight';letter-spacing:-0.02em;opacity: .7;line-height: 1.3;padding-top: 2%;} .onepassInfoSub .onepassInfoTime{display: inline-block;background: #565656 url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/ico_note.png) no-repeat 9% center;background-size: 7%;color: #fff;font-size: 26px;font-family: 'notokr-medium';letter-spacing: -0.02em;line-height: 2.5;padding: 0 5%;padding-left: 11%;border-radius: 11px;margin-top: 4%;} .makeupCurriculum{padding:0 3% 0 3%;} .makeupCurriculum .line{display: block;border-top: 1px solid #dedede;margin-top: 5%;padding-top: 4%;} .curriculumTit{font-size: 34px;font-family: 'notokr-bold';letter-spacing: -0.06em;color: #565656;} .curriculumTit span{color: #b49a85;} .makeupCurriculum .ccInfo{color: #565656;opacity: .7;font-size: 22px;letter-spacing: -0.02em;font-family: 'notokr-regular';} .rollingBox{padding:4% 0 10% 3%; width: 100%;} .rollingBoxArea{width: 100%;} .boxRoll{/*width: 280px !important;margin-right: 1.5% !important;*/} .boxRoll .imgBox{width:280px;height:400px;} .boxRoll .imgBox img{width:100%;height:100%;} .txtBox{padding-top: 4%;} .txtBox span:nth-child(1){color: #ff96ac;font-size:20px;letter-spacing: -0.04em;font-family: 'Pretendard';font-weight:700;display: block;} .txtBox span:nth-child(2){color: #565656;font-size: 24px;letter-spacing: -0.04em;font-family: 'notokr-medium';display: block;padding-top: 4%;word-break: keep-all;} .onepass_con8{background: #464646;padding:8% 3% 7% 3%;} .onepass_con8 .pass_tit01{font-size: 42px;font-family: 'notokr-bold';line-height: 1.2;letter-spacing: -0.08em;color: #fff;text-align: center;} .onepass_con8 .pass_tit01 span{color: #cbb29f;display: block;} .onepass_con8 .pass_tit02{color: #fff;font-size: 22px;font-family: 'notokr-regular';letter-spacing: -0.04em;line-height: 1.2;text-align: center;padding-top: 2%;} .onepass_con8 .pass_cont {padding-top: 6%;} .onepass_con8 .pass_cont ul li{border: 1px solid #656565;padding: 3% 0;padding-left: 22%;padding-right: 4%;margin-bottom: 2%;} .onepass_con8 .pass_cont ul li:nth-child(1){background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con8_img1.png) no-repeat 4% center;background-size: 10%;} .onepass_con8 .pass_cont ul li:nth-child(2){background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con8_img2.png) no-repeat 4% center;background-size: 10%;} .onepass_con8 .pass_cont ul li:nth-child(3){background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con8_img3.png) no-repeat 4% center;background-size: 10%;} .onepass_con8 .pass_cont ul li:nth-child(4){background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con8_img4.png) no-repeat 4% center;background-size: 10%;} .onepass_con8 .pass_cont ul li:nth-child(5){background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con8_img5.png) no-repeat 4% center;background-size: 10%;} .onepass_con8 .pass_cont ul li dl{text-align: left;padding:3% 0 0 0;} .onepass_con8 .pass_cont ul li dl dt{color: #ff7b47;font-size: 26px;letter-spacing: -0.06em;line-height: 1.2;font-family: 'notokr-medium'} .onepass_con8 .pass_cont ul li dl dd{color: #fff;font-size: 22px;letter-spacing: -0.06em;line-height: 1.5;font-family: 'notokr-demilight';padding-top: 2%;opacity: .6} .onepass_con9{background: #f1f1f1;padding:7% 0 10% 0;} .onepass_con9 .pass_tit01{font-size: 28px;font-family: 'Pretendard';line-height: 1.2;letter-spacing: -0.025em;color: #464646;text-align: center;} .onepass_con9 .pass_tit02{color: #464646;font-size: 26px;font-family: 'notokr-medium';letter-spacing: -0.06em;line-height: 1.2;text-align: center;padding-top: 1%;text-align: center;} .onepass_con9 .pass_tit03{color: #464646;font-size: 52px;letter-spacing: -0.06em;font-family: 'notokr-bold';text-align: center;padding-top: 2%;} .onepass_con9 .pass_tit03 span{display: block;} .onepass_con9 .pass_tit04{color: #9d9d9d;font-size: 22px;letter-spacing: -0.04em;font-family: 'notokr-regular';text-align: center;} .onepass_con9 .pass_tit04 span{color: #ff8d4b;} .onepass_con9 .pass_cont{padding: 0 3%;padding-top: 3.5%;} .onepass_con9 .pass_cont dl{padding:4% 0 4% 20%;border-radius:16px;margin-bottom: 1.5%;} .onepass_con9 .pass_cont dl dt{color: #464646;font-size: 32px;letter-spacing: -0.04em;font-family: 'notokr-bold';} .onepass_con9 .pass_cont dl dd{color: #6e6e6e;font-size: 24px;letter-spacing: -0.02em;font-family: 'notokr-demilight';} .onepass_con9 .pass_cont dl:nth-child(1){background:#fff url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con9_img1.png) no-repeat 4% center;background-size: 14%;} .onepass_con9 .pass_cont dl:nth-child(2){background:#fff url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con9_img2.png) no-repeat 4% center;background-size: 14%;} .onepass_con9 .pass_cont dl:nth-child(3){background:#fff url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con9_img3.png) no-repeat 4% center;background-size: 14%;} .onepass_con9 .pass_cont dl:nth-child(4){background:#fff url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con9_img4.png) no-repeat 4% center;background-size: 14%;} .onepass_con9 .pass_cont dl:nth-child(5){background:#fff url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/onepass_con9_img5.png) no-repeat 4% center;background-size: 14%;} .makeupTeacher{background: #fff;padding:7% 3% 10% 3%;} .makeupTeacher .inner{position: relative;} .makeupTeacher .makeupTchTit{font-size: 52px;font-family:'notokr-bold';letter-spacing: -0.08em;text-align: center;color: #464646; } .makeupTeacher .makeupTchTit strong{font-weight: normal;color: #cbb29f;} .makeupTeacher .tch_box{background: #f8f0e9;position: relative;padding-top: 5%;height: 453px;margin-top: 5%;} .makeupTeacher .tch_box .tch_img{position: absolute;bottom: 0;left:0%;width: 50%;text-align: center;} .makeupTeacher .tch_box .tch_img img{width: auto;object-fit : cover} .makeupTeacher .tch_box .tch_txt{position: absolute;top: 4%;left:50%;height: 84%;}/* 2021-11-19 lee */ .makeupTeacher .tch_box .tch_txt h6{color: #464646;font-size: 32px;letter-spacing: -0.04em;font-family: 'notokr-regular';font-weight: normal;} .makeupTeacher .tch_box .tch_txt h6 strong{font-weight: normal;font-family: 'notokr-bold';} .makeupTeacher .tch_box .tch_txt ul {padding-top: 2%;padding-right: 5%;height: 87%;overflow-y:auto; }/* 2021-11-19 lee */ .makeupTeacher .tch_box .tch_txt ul li{color: #242424;opacity: 0.6;font-size: 24px;letter-spacing: -0.06em;font-family: 'notokr-regular';background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/bullet.png) no-repeat 0 18px;background-size:4px;padding-left: 2%;line-height: 1.5;} .makeupTeacher .tch_box .more-btn{color: #000;font-size: 24px;letter-spacing: -0.06em;font-family: 'notokr-medium';background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup/ico_arr_t.png) no-repeat right center;background-size: 15%;padding-right: 12%;position: absolute;top: 101%;right: 10%;} .makeupTeacher .swiper-horizontal>.swiper-pagination-bullets, .makeupTeacher .swiper-pagination-bullets.swiper-pagination-horizontal, .makeupTeacher .swiper-pagination-custom, .makeupTeacher .swiper-pagination-fraction{text-align: center;font-size: 24px;font-family: 'Pretendard';font-weight:700;letter-spacing: -0.08em;color:#5b524f;display: block;line-height: 2.5;width: 54%;text-align: center;margin: 0 auto;padding-top: 4%;} .makeupTeacher .swiper-pagination-fraction .swiper-pagination-current{color: #ff7b47;} .makeupTeacher .swiper-button-next1, .makeupTeacher .swiper-button-prev1{position: absolute;bottom:2%;width: 8%;height: 9%;/* border: 1px solid red; */} .makeupTeacher .swiper-button-next1{right: 32%;} .makeupTeacher .swiper-button-prev1{left: 32%;} .counselingForm{background: #fff;padding:5% 3% 30px 3%;} .counselingForm.bg_gray{background: #f1f1f1;margin-top:56px;} .counselingForm .customer_tit_sub{color: #565656;font-size: 32px;font-family: 'notokr-bold';letter-spacing: -0.04em;} .counselingForm .customer_tit{color: #ff7b47;font-size: 36px;font-family: 'notokr-bold';letter-spacing: -0.04em;line-height: 1.2;padding-top: 5%;} .counselingFormTable{border-top:2px solid #565656;width: 100%;margin-top: 2.5%;padding-top: 2.5%;} .counselingFormTable table{width: 100%;} .counselingFormTable table input, .counselingFormTable table select{border:1px solid #b1b1b1;/*line-height: 4.9;*/line-height: 2.64;} .counselingFormTable table .radio_int{appearance:auto;} .counselingFormTable table th{font-size: 24px;letter-spacing: -0.04em;color: #565656;font-family: 'notokr-bold';text-align: left;font-weight: normal;} .counselingFormTable table th span{color: #ff7b47;padding-left: 2%;} .counselingFormTable table td{padding:1.5% 0;font-size: 26px;display: flex; align-items: center; justify-content: flex-start; gap:5px; font-family: 'notokr-regular';letter-spacing: -0.04em;color: #565656;}/* 2021-11-19 lee */ .btnCounseling2{padding-top: 6%;text-align: center;} .btnCounseling2 button{display: inline-block;color: #fff;background: #616161;padding:0 9%;font-size: 26px;font-family: 'notokr-bold';letter-spacing: -0.05em;line-height: 2.85;} .btnCounseling2 button.btn_button{display: inline-block;color: #fff;background: #bda694;} .counseling_end{padding: 15% 0;} .counseling_end div{width: 66%;text-align: center;display: block;margin: 0 auto;} .counseling_end div img{width: auto;} .counseling_end div span{display: block;color: #565656;font-size: 21px;line-height: 1.5;letter-spacing: -0.02em;font-family: 'notokr-medium';text-align: center;padding:4% 0 6% 0;} .counseling_end div a{display: inline-block;line-height: 2.5;color: #fff;background: #bda694;text-align: center;margin: 0 auto;font-size: 26px;font-family: 'notokr-bold';letter-spacing: -0.05em;padding: 0 12%;} .counselingFormTable table td label span{font-size:22px;} /*2025-07-08*/ .counselingFormRenew { padding: 130px 48px; } .result_form *{ font-family: 'notokr-regular'; } .result_form { display: flex;flex-direction: column;align-items: center;justify-content: center;gap:129.5px; text-align: center; } .result_form .result_top { display: flex;flex-direction: column;gap:40px;align-items: center;justify-content: center; } .result_form .result_top img { width: unset; } .result_form .result_top p{ font-size:28px;color:#666666;line-height: 42px; } .result_form .result_top h2{ font-size:50px;color:#2B2B2B;line-height: 53px;font-weight: 700; } .result_form .result_middle_line { width:100%;height:1px;background: #9E9E9E; } .result_form .result_bottom { display: flex;flex-direction: column;gap:40px;align-items: center;justify-content: center; } .result_form .result_bottom span{ font-size:37px;color:#1a1a1a;line-height: 54px;font-family: 'notokr-bold'; } .result_form .result_bottom p{ font-size:25px;color:#2B2B2B;line-height: 1.5; } .result_form .result_bottom a{ font-size:28px;color:#ffffff;font-family: 'notokr-bold';width:360px;height:80px;background: #0081ff; border-radius: 80px;display: flex;align-items: center;justify-content: center;margin-top:90px; } /*2025-07-08*/ .mainCounseling{background: #f5f5f5;padding-bottom: 120px;padding-top: 95px;} .mainCounseling .inner{overflow: hidden;} .mainCounseling .mSubTit{font-size: 36px;font-family: 'notokr-bold';letter-spacing: -0.04em;line-height: 40px;/*background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/main/ico_dan.png) no-repeat 0 bottom;background-size:12px;*/background-position: left 318px bottom;} .counselingCheck{width: 100%;margin-top: 4%;} .counselingCheck h6 { color: #565656; text-align: left; font-size: 26px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; line-height: normal; } .counselingCheck h6.mdi{padding-top: 5%;} .counselingCheck h6.mdi span{color: #565656;font-size: 26px;font-family: 'notokr-bold';letter-spacing: -0.04em;} .counselingCheck h6 span{color: #565656;font-size: 26px;font-family: 'notokr-regular';letter-spacing: -0.04em;font-weight: normal;} .counselingCheck h6 span strong{font-weight: 700;color: #ff7b47;} .counselingCheck .course{padding-top: 15px;overflow: hidden;display: grid; grid-template-columns: 1fr 1fr 1fr;gap:13px;} .counselingCheck .course a{display: inline-block;border-radius: 5px; border: 2px solid #E1E1E1; background: #F1F1F1;text-align: center;line-height: 3.35;color: #565656;font-size: 28px;letter-spacing: -0.04em;font-family: 'notokr-regular';float: left;} .counselingCheck .course a:hover, .counselingCheck .course a:active, .counselingCheck .course a.select{background: #ff7b47;letter-spacing: -0.05em;font-family: 'notokr-bold';color: #fff;border: 2px solid #ff7b47;} /*.counselingCheck .process{margin-top: 3%;overflow: hidden;width: 100%;border-top: 2px solid #565656;} .counselingCheck .process table{width: 100%;} .counselingCheck .process table tbody th, .counselingCheck .process table tbody td{padding:20px 0;border-bottom:1px solid #ddd;font-family: 'notokr-regular';font-size: 24px;letter-spacing: -0.04em;line-height: 1;font-weight: normal;text-align: left;color: #565656;} .counselingCheck .process table tbody td div{width: 50%;display: inline-block;float: left;margin-top: 1%;}*//* 2021-11-19 lee *//* .counselingCheck .process table tbody td div input{width: 23px;height: 23px;border:1px solid #ddd;vertical-align: middle;margin-right: 8px;} .counselingCheck .process table tbody td input.int{/*height: 35px;*//*border:1px solid #cec6c0;vertical-align: middle;line-height: 2.4;} .counselingCheck .process table tbody td span{display: block;font-size: 22px;font-family: 'Nanum-R';letter-spacing: -0.04em;color: #75706d;line-height: 1;vertical-align: middle;opacity: .7;padding-top: 2%;} .counselingCheck .selectProcess{overflow: hidden;margin-top: 15px;} .counselingCheck .selectProcess .selectProcessBox{position: relative;display:block;margin-bottom: 1%;} .counselingCheck .selectProcess .selectProcessBox a{display: inline-block;background: #f1f1f1;border:1px solid #e5e5e5;font-size: 24px;line-height: 3.35;font-family:'notokr-medium';color: #565656;letter-spacing: -0.04em;padding:0 20% 0 4%;position: relative;} .counselingCheck .selectProcess .selectProcessBox a span{color: #ff7b47;} .counselingCheck .selectProcess .selectProcessBox button{background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/customer/btn_select_del.png) no-repeat 0 0;background-size:contain; width: 45px;height: 45px;text-indent: -999em;border:0;cursor: pointer;margin: -2% 0 0 -10%;position: relative;}*/ .personalGuide{margin-top: 3%;position: relative;border-bottom: 1px solid #c2c2c2;/*padding-bottom: 3%;*/} .personalGuide .sub-menu{padding:2% 0;} .personalGuide .sub-menu .t_bt { display: flex;align-items: center; } .personalGuide .sub-menu .t_bt a { display: flex;align-items: center;width:100%; } .personalGuide div a{color: #565656;font-size: 26px;font-family: 'notokr-regular';letter-spacing: -0.04em;} .personalGuide div input{width: 40px;height: 40px;border:1px solid #b1b1b1;vertical-align: middle;margin-right: 3%;} .personalGuide div .ico_arr{display: inline-block;width: 4%;vertical-align: middle;margin-left: 2%;} .personalGuide div label{color: #9b9896;font-size: 14px;letter-spacing: -0.04em;font-family: 'notokr-regular'} .counselingForm .btnCounseling{/*margin-top: 66px;*/} .counselingForm .btnCounseling a{display: block;width: 100%;height: 80px;color: #fff;border-radius: 5px; background: #BDA694;font-family: 'notokr-bold';letter-spacing: -0.05em;font-size: 34px;line-height: 80px;text-align: center;} .counselingForm .btnCounseling button{display: block;width: 100%;height: 80px;color: #fff;border-radius: 5px; background: #BDA694;font-family: 'notokr-bold';letter-spacing: -0.05em;font-size: 34px;line-height: 80px;text-align: center;} .int_tit{font-size: 28px;letter-spacing: -0.04em;font-family: 'notokr-bold';color: #565656;} .counselingFormTable input[type="radio"] {width: 42px;height: 42px;margin-right: 2%;} .selectTem{position: relative;border:1px solid #ddd;vertical-align: middle;height: 44px;padding-left: 20px;width: 126px;background: #fff;float: left;margin-right: 5px;} .selectTem .selecta{line-height: 44px;width: 100%;font-family: 'notokr-regular';color: #323232;font-size: 16px;letter-spacing: -0.025em;display: inline-block;background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/ico_select_d.png) no-repeat right 19px center;} .subSelect{ position: absolute;width: 124px;top: 100%;left:0;background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,.18);transition: all .3s;display:none;transform: translateY(20px);z-index: 1; /*opacity: 0;*/} .selectTem:hover .subSelect{display:block;transform: translateY(0);/*opacity: 1;*/} .subSelect a{display: block;width: 100%;color: #323232;font-size: 16px;letter-spacing: -0.025em;padding-left: 20px;line-height: 44px;border-bottom: 1px solid #ddd;} .subSelect a:hover{background: #ff7b47;color: #fff;} .counselingFormTable table td input{ text-indent: 10px; } .makeup_plan{padding:3%;padding-bottom: 9%;background: #fff;} /* 2021-11-19 수정 */ .makeup_exam{background: #fff;} .makeup_exam .exam_step{padding:5%;padding-bottom: 8%;} .makeup_exam .exam_sch{background: #f3f3f3;padding-bottom: 8%;} .collegeList{position: relative;padding-left: 3%;} .collegeList .subTit{font-size: 28px;font-family: 'notokr-bold';letter-spacing: -0.02em;color: #000;} .collegeList ul{/* width: 1148px; */height: 325px;overflow: hidden;} .collegeList li{float: left;width: 365px !important;height: 325px;/* margin-right: 9px; */} .collegeList li .collegeBox{width: 325px;height: 100%;border:1px solid #dedede;background: #fff;} .collegeList li .imgCollege{width: 100%;height: 64%;position: relative;overflow: hidden;} .collegeList li .imgCollege img{position: absolute;top:50%;left:50%;transform:translate(-50% , -50%);max-width: 67%;} .collegeList li .txtCollege{width: 100%;} .collegeList li .txtCollege div:nth-child(1){text-align: center;color: #464646;font-size: 20px;font-family: 'notokr-medium';letter-spacing: -0.03em;line-height: 1.5;} .collegeList li .txtCollege div:nth-child(2){text-align: center;color: #6e6e6e;font-size: 14px;font-family: 'Nanum-R';line-height: 1.5;/* height: 24px; */padding-top: 2%;} .collegeList li .txtCollege div:nth-child(2) span{display: inline-block;height:13px;border-left: 1px solid #dedede;width: 8px;margin-left: 8px;vertical-align: middle;} .collegeList .mtnCtrl {position:absolute;left: 0px;top: 18%;z-index:1;width:100%;opacity: 1;transition: all 0.4s linear;z-index: 998;} .collegeList .mtnCtrl .prev{display: inline-block;width: 80px;height: 80px;background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/btn_prev.png) no-repeat 0 0;background-size: cover; text-indent: -999em;position: absolute;top:77px;left: 0px;} .collegeList .mtnCtrl .next{display: inline-block;width: 80px;height: 80px;background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/btn_next.png) no-repeat 0 0;background-size: cover;text-indent: -999em;position: absolute;top:77px;right: 0px;} .collegeList .mtnCtrl2 {position:absolute;left: 0px;top: 22%;z-index:1;width:100%;opacity: 1;transition: all 0.4s linear;z-index: 998;} .collegeList .mtnCtrl2 .mtnArrow2 {display:block;} .collegeList .mtnCtrl2 .prev{display: inline-block;width: 80px;height: 80px;background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/btn_prev.png) no-repeat 0 0;background-size: cover;text-indent: -999em;position: absolute;top:77px;left: 0px;} .collegeList .mtnCtrl2 .next{display: inline-block;width: 80px;height: 80px;background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/btn_next.png) no-repeat 0 0;background-size: cover;text-indent: -999em;position: absolute;top:77px;right: 0px;} /* //2021-11-19 수정 */ .makeup_note{background: #fff;padding:3%;padding-bottom: 9%;} .makeup_job{padding-bottom: 9%;background: #fff;} .makeup_job .job_btn{padding:0 3%;} .tch_academy{position: relative;background: #f1f1f1;padding-bottom: 8%;} .tch_academy .teacher_box{background: #f1f1f1;} .tch_academy .swiper-horizontal>.swiper-pagination-bullets, .tch_academy .swiper-pagination-bullets.swiper-pagination-horizontal, .tch_academy .swiper-pagination-custom, .tch_academy .swiper-pagination-fraction{text-align: center;font-size: 24px;font-family: 'Pretendard';font-weight:700;letter-spacing: -0.08em;color:#5b524f;display: block;line-height: 2.5;width: 54%;text-align: center;margin: 0 auto;padding-top: 4%;} .tch_academy .swiper-pagination-fraction .swiper-pagination-current{color: #ff7b47;} .tch_academy .swiper-button-next1, .tch_academy .swiper-button-prev1{position: absolute;bottom: 10%;width: 8%;height: 9%;/* border: 1px solid red; */} .tch_academy .swiper-button-next1{right: 32%;} .tch_academy .swiper-button-prev1{left: 32%;} /* 2021-11-19 lee */ /* //2021-11-19 lee */ /* 2021-11-30 lee */ .sub_visual.community .sub_txt{position: absolute;top: -10%;left:0;width: 100%;} .sub_visual.community div:nth-child(1){font-family: 'notokr-black';} .sub_visual.event .sub_txt{position: absolute;top: -3%;left:0;width: 100%;} .sub_visual.event div:nth-child(1){font-family: 'notokr-black';} .communityForm{padding-bottom: 10%;} .community_tit{color: #565656;font-size: 36px;font-family: 'notokr-bold';letter-spacing: -0.04em;line-height: 1.2;padding-top: 5%;padding-left: 0;} .searchBox{position: relative;margin-top: 4%;display: flex;flex-direction: row;align-items: center;height:74px;} .searchBox input{border-top: 1px solid #565656;border-bottom: 1px solid #565656;border-left: 1px solid #565656 !important;padding-left: 3%;font-size:26px;color: #9b9896;letter-spacing: -0.04em;border-left:0;border-right:0;width: 100%;line-height: unset; height:100%;} .searchBox a{display: flex;height:100%;line-height: unset;} .searchBox a img{height: 74px;} .boardList{width: 100%;border-top: 2px solid #565656;} #fm_list .boardList:nth-child(3){margin-top: 8% !important;} .boardList table{width: 100%;} .boardList table tbody td{color: #999;font-size: 22px;font-family: 'notokr-demilight';border-bottom: 1px solid #e4e4e4;padding-right: 5%;padding:3% 0;} .boardList table tbody td:first-child{text-align: center;padding-right: 0;vertical-align: top} .boardList table tbody td a{color: #565656;font-size: 26px;font-family: 'notokr-regular';letter-spacing: -0.04em;line-height: 1.2;display: inline-block;padding-right: 5%;width: 24.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .boardList table tbody td a:hover{color: #ff7b47;} .boardList table tbody td span{display: block;padding-top: 2%;} .boardList table tbody td span.ic_n{display: inline-block;padding-top: 0;} .boardList table tbody td span.ic_n img{height: 16px;width: auto;vertical-align: middle;} .boardList table tbody tr.notice td{background: #fff9f5;} .boardList table tbody tr.notice td a{color: #000;font-family: 'notokr-bold';} .boardList table tbody tr.notice td:first-child img{height: 47px;width: auto;} .boardList table tbody td span strong{font-family:'notokr-demilight';color: #565656;} .boardList table tbody td span em{border-left:1px solid #e4e4e4;padding-left: 3%;margin-left: 3%;display: inline-block;height: 0.8em;} .boardList table tbody td a span{color: #ff7b47;display: inline-block;padding-right: 3%;padding-top: 0;}/*20211201*/ .pg_area{ margin-top: 6%; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px;} .pg_area .btn_pg_prev { padding-right:5px; } .pg_area .btn_pg_next { padding-left:5px; } .pg_area button, .pg_area span{display: inline-block;font-size: 24px;font-family: 'notokr-regular';line-height: 2.1;} .pg_area button{color: #565656;border:1px solid #c5c5c5;background: #ececec;vertical-align: top;padding:0 2%;} .pg_area button.btn_pg_prev{background:#ececec url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/community/paging_prev.png) no-repeat left 10% center;background-size: 12px;padding-left: 4%;} .pg_area button.btn_pg_next{background:#ececec url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/community/paging_next.png) no-repeat right 10% center;background-size: 12px;padding-right: 4%;} .pg_area span{color: #a7a7a7;border:1px solid #e7e7e7;padding: 0 2.5%;cursor: pointer;} .pg_area span.select{border:2px solid #ff7b47;color: #ff7b47;} .boardView{width: 100%;border-top: 2px solid #565656;margin-top: 4%;} .boardView table{width: 100%;} .boardView table th{padding:3%;text-align: left;border-bottom: 1px solid #e4e4e4;} .boardView table td{padding:4% 3%;font-size: 24px;letter-spacing: -0.04em;font-family: 'notokr-regular';color: #565656;} .boardView table tbody > tr > td > div > div > img {width:100% !important; height:unset !important;} .boardView table tbody > tr > td > div img{ width:100% !important; } .boardView .viewTit{color: #565656;font-size: 26px;font-family: 'notokr-bold';letter-spacing: -0.04em;} .boardView .viewSub{font-size: 22px;color: #999;font-family: 'notokr-demilight';} .boardView .viewSub div{display: inline-block;float: left;padding-top: 1%;} .boardView .viewSub div strong{color: #565656;} .boardView .viewSub span{height: 15px;border-left: 1px solid #d0d0d0;display: inline-block;vertical-align: middle;padding-left: 15px;margin-left: 15px;float: left;margin-top: 18px;} .listSumBox{width: 100%;border-top: 1px solid #e4e4e4;} .listSumBox table{width: 100%;} .listSumBox table tbody td{border-bottom: 1px solid #e4e4e4;color: #999;font-size: 14px;font-family: 'notokr-demilight';text-align: center;padding:2.5% 0;} .listSumBox table tbody td.list{text-align: left;padding-left: 2.5%;padding-right: 3%;} .listSumBox table tbody td.list a{color: #565656;font-size: 24px;letter-spacing: -0.04em;font-family: 'notokr-regular';width: 70%;} .listSumBox table tbody td a.viewPrev, .listSumBox table tbody td a.viewNext{color: #565656;font-size: 24px;font-family: 'notokr-bold';display: inline-block;padding-left: 17%;padding-right: 23%;} .listSumBox table tbody td a.viewPrev{background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/community/page_up.png) no-repeat right center;} .listSumBox table tbody td a.viewNext{background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/community/page_down.png) no-repeat right center;} .boardBtnBox{width: 100%;text-align: center;} .boardBtnBox a{display: inline-block;text-align: center;font-size: 18px;height: 67px;line-height: 67px;letter-spacing: -0.02em;color: #fff;font-family: 'notokr-medium';} .boardBtnBox button{display: inline-block;text-align: center;font-size: 26px;height: 67px;line-height: 67px;letter-spacing: -0.02em;color: #fff;font-family: 'notokr-bold';vertical-align: top;padding:0 9%;} .boardBtnBox .btnGay{background: #565656;} .boardBtnBox .btnBrown{background: #bda694;} .communityForm {padding: 0 6%;} .review_pd{padding:0} .review_box.gray_box{background: #ebebeb;} .review_box{min-height: 204px; padding:5% 20px;} .review_box .review_user span{width: 75px;height: 75px;} .review_box .review_user dl dt{font-size: 14px;} .review_box .review_user dl dd{font-size: 12px;} .review_box .review_txt{font-size: 12px;} .teacher_review_box{margin-top:20px;display: flex;flex-direction: column;gap:15px;padding:30px 50px 40px;position: relative;border-top:1px solid #000;} .teacher_review_box > img{position: absolute;top:20px;left:0;width: unset;} .teacher_review_box .teacher_img_box { width:130px;height:130px;border-radius: 50%;overflow: hidden; } .teacher_info_box { display: flex;flex-direction: row;gap:30px;align-items: center; } .teacher_review_box .teacher_img_box img{ width:100%;height: 100%; object-fit: cover; } .teacher_review_box .teacher_name_box p { font-size:22px;color: #898079;line-height: 1.5;font-weight: 500;font-family: "Noto Sans KR"; } .teacher_txt_box { font-size:22px;color: #000000;line-height: 1.5;font-weight: 400;font-family: "Noto Sans KR"; } .subUniversity {background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/University/main_bg.png);position:relative; padding: 60px 0 314px;background-size: 100% 100%;background-repeat: no-repeat;font-family: 'Noto Sans KR', sans-serif;} .subUniversity .inner { max-width:1200px;margin: 0 auto; } .uni_main_content { display: flex; align-items: center; justify-content: center; } .uni_main_content > img{ width:455px; } .uniinfo { padding:50px 30px;background: #fcfdff; } .uniinfo .inner{ display: flex;flex-direction: column;gap:60px; } .uniinfo .inner .uniinfo_title{ display:flex;align-items: center;justify-content:center; } .uniinfo .inner .uniinfo_title p{ font-size: 46px;font-weight: 400;color: #0c1135; line-height: 125%; } .uniinfo .inner .uniinfo_title p > span{ color: #5071ff;font-weight: 700; } .stu_coment_box img{width:581px;} .uniinfo .inner .uniinfo_content { display: flex;flex-direction: column;justify-content: center;width: 100%;gap:40px; } .uniinfo .inner .uniinfo_content ul{ display: flex;flex-direction: row;justify-content: center;align-items: center;gap:50px; } .uniinfo .inner .uniinfo_content >p{ font-size: 30px;font-weight: 400;color: #565656; line-height: 125%; text-align: center; } .uniinfo .inner .uniinfo_content >p > span{ color: #f75617; } .uniinfo .inner .uniinfo_content >p > span > span{ font-weight:700; } .uniinfo .inner .uniinfo_content { text-align: center; } #section02 { padding:70px 30px 100px;background: #f5f5f5; } #section02 .inner{ display: flex;flex-direction: column;gap:150px; } #section02 .inner .sec01_title { display: flex;flex-direction: column;gap: 40px; } #section02 .inner .sec01_title .sec01_txt_box ul{ display: flex;flex-direction: column;justify-content: center;align-items: center;gap:90px; } #section02 .inner .sec01_title .sec01_txt_box ul li p{ font-size:46px;color:#0c1135; font-weight: 400;line-height: 125%;text-align: center; } #section02 .inner .sec01_title .sec01_txt_box ul li p>span{ font-weight: 700; } #section02 .inner .sec01_title .sec01_txt_box ul li h2{ font-size:40px;color:#5071ff; font-weight: 400;line-height: 125%;text-align: center; } #section02 .inner .sec01_title .sec01_txt_box ul li h2>span{ font-weight: 700; } #section02 .inner .sec01_title .sec01_txt_box ul li { position: relative;width: 100%; } .flux { position:absolute; top: 200px; left: 80px;animation: flux 1s ease-in-out infinite; width:430px; } @keyframes flux { 0%{opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;} } #section02 .inner .sec01_title .sec01_con_box { display: flex;align-items: center;justify-content: space-between;gap:40px;flex-direction: column; } #section02 .inner .sec01_title .sec01_con_box table{ width:100%;border: 0; } #section02 .inner .sec01_title .sec01_con_box table caption{ display: revert; font-size:32px !important;font-weight: 700;overflow: visible !important;height:unset !important;line-height: 125% !important; visibility: unset !important;color: #26232b;padding-bottom: 40px; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr th{ font-size:34px;color:#fff; font-weight: 700;line-height: 125%;background: #5071ff; padding:10px 0; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr td:nth-child(1){ font-size:26px;color:#26232b; font-weight: 700;line-height: 125%;background: #5071ff; padding:20px 30px;text-align: center;background-color: #fff;border: 0; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr td:nth-child(2){ font-size:26px;color:#26232b; font-weight: 400;line-height: 125%;background: #5071ff;padding:20px 30px;text-align: left;background-color:#fff; border-left: 2px solid #5071ff; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr:nth-child(7) td{ font-size:26px;color:#26232b; font-weight: 400;line-height: 125%;background: #5071ff; padding:20px 30px;text-align: left;background-color: #fff; border-left: 2px solid #5071ff; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr:nth-child(8) td{ font-size:26px;color:#26232b; font-weight: 400;line-height: 125%;background: #5071ff;padding:20px 30px;text-align: left;background-color:#fff; border-left: 2px solid #5071ff; } #section02 .inner .sec01_title .sec01_con_box .right_table_box tr th{ font-size:34px;color:#fff; font-weight: 700;line-height: 125%;background: #5071ff; padding:10px 0; } #section02 .inner .sec01_title .sec01_con_box .right_table_box tr td:nth-child(1){ font-size:26px;color:#26232b; font-weight: 700;line-height: 125%;background: #5071ff;padding:20px 30px;;text-align: center;background-color:#fff;border-left:0; } #section02 .inner .sec01_title .sec01_con_box .right_table_box tr:nth-child(4) td{ font-size:26px;color:#26232b; font-weight: 400;line-height: 125%;background: #5071ff;padding:20px 30px;text-align: left;background-color:#fff; border-left: 2px solid #5071ff; } #section02 .inner .sec01_title .sec01_con_box .right_table_box tr td:nth-child(2){ font-size:26px;color:#26232b; font-weight: 400;line-height: 125%;background: #5071ff; padding:20px 30px;text-align: left;background-color: #fff; border-left: 2px solid #5071ff; } #section02 .inner .sec01_title .sec01_con_box table tr{ border-bottom: 2px solid #adbdff;border-left: 0;border-right: 0; } #section02 .inner .sec01_title .sec01_con_box table tr:last-child{ border-left: 0;border-right: 0; } #section02 .inner .sec01_title .sec02_contitle> h2{ font-size:40px;color:#5071ff; font-weight: 400;line-height: 125%; text-align: center; } #section02 .inner .sec01_title .sec02_contitle>h2>span{ font-weight: 700; } #section02 .inner .sec01_title .sec02_contitle> p{ font-size:32px;color:#565656; font-weight: 400;line-height: 125%;text-align: center; } #section02 .inner .sec01_title .sec02_contitle> p > span{ color:#5071ff; } #section02 .inner .sec01_title .sec01_con_box2 { display: flex;flex-direction: column; align-items: flex-start;justify-content: space-between;gap:40px; } #section02 .inner .sec01_title .sec01_con_box2 table{ border: 0;width:100%; } #section02 .inner .sec01_title .sec01_con_box2 table:nth-child(1){ width:100%;border-top-left-radius: 30px;border-bottom-left-radius:30px; } #section02 .inner .sec01_title .sec01_con_box2 table tr { border-bottom:1px solid #7f9eff ;border-bottom-left-radius:30px; } #section02 .inner .sec01_title .sec01_con_box2 table.left_table_box tr:nth-child(1) td:nth-child(1){ background: #5071ff;text-align: center;border-top-left-radius: 30px;border:0;border-top-right-radius:30px; } #section02 .inner .sec01_title .sec01_con_box2 table.right_table_box tr:nth-child(1) td:nth-child(1){ background: #5071ff;text-align: center;border-top-left-radius: 30px;border:0;border-bottom-left-radius:30px; } #section02 .inner .sec01_title .sec01_con_box2 table tr:nth-child(1) td:nth-child(1) p{ font-size:30px;color:#ffffff; font-weight: 500;line-height: 125%; } #section02 .inner .sec01_title .sec01_con_box2 table tr:nth-child(1) td:nth-child(1) p >span{ font-weight: 700; } #section02 .inner .sec01_title .sec01_con_box2 table tr td { font-size:24px;color:#676767; font-weight: 400;line-height: 125%;text-align: left;background: #fff;border-right: 2px solid #5071ff; } #section02 .inner .sec01_title .sec01_con_box2 table tr td > h2 { font-size:26px;color:#5071ff; font-weight: 700;line-height: 125%;text-align: center; } #section02 .inner .sec01_title .sec01_con_box2 table tr td:last-child > h2 { font-size:26px;color:#26232b; font-weight: 700;line-height: 125%;text-align: center; } #section02 .inner .sec01_title .sec01_con_box2 table tr td > span { font-size:24px;color:#676767; font-weight: 500;line-height: 125%;text-align: left; } #section02 .inner .sec01_title .sec01_con_box2 table tr td > h3 { font-size:24px;color:#676767; font-weight: 500;line-height: 125%;text-align: left;padding-bottom:20px;padding-left: 7vw; text-indent: -6.8888vw;white-space: nowrap; } #section02 .inner .sec01_title .sec01_con_box2 table tr td > h3 >span{ font-size:20px;color:#676767; font-weight: 400;line-height: 125%;text-align: left;text-indent: 10px; } #section02 .inner .sec01_title .sec01_con_box2 table tr td h4 { font-size:24px;color:#26232b; font-weight: 400;line-height: 125%;text-align: left; } #section02 .inner .sec01_title .sec01_con_box2 table tr td h4 span{ padding:3px 5px;background: #fffc0a;line-height: 200%;font-weight:700; } .span_sp{ display: block; background: transparent !important; line-height: 125% !important; font-weight: 400 !important; padding: 0 0 20px 0 !important; } .span_inden{ display: block; background: transparent !important; line-height: 125% !important; font-weight: 400 !important; padding: 0 0 20px 3.8888vw !important; text-indent: -3.8888vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr:last-child td{ border-bottom:0; } #section02 .inner .sec01_title .sec01_con_box2 table tr td:last-child{ text-align: center;border-right:0; } #section02 .inner .sec01_title .sec01_con_box2 table tr td:nth-child(3){ background: #d8f7ff; color: #26232b; } #section02 .inner .sec01_title .sec01_con_box2 table tr td:nth-child(1){ padding:20px 15px;text-align: center;border-left:0; } #section02 .inner .sec01_title .sec01_con_box2 table tr td { padding:30px 20px; } #section02 .inner .sec01_title .sec01_con_box2 table tr:nth-child(3) td:nth-child(2){ padding:20px 20px 10px 20px; } #section02 .inner .sec01_title .sec01_con_box2 table.right_table_box tr { border:0; } #section02 .inner .sec01_title .sec01_con_box2 table.right_table_box tr td{ padding:40px 25px; } #section02 .inner .sec01_title .sec01_con_box3 { display: flex;flex-direction: column; align-items: flex-start;justify-content: space-between;gap:40px; } #section02 .inner .sec01_title .sec01_con_box3 table.left_table_box {background: #fff;border:0; border-top-left-radius: 30px;border-top-right-radius: 30px;} #section02 .inner .sec01_title .sec01_con_box3 table:nth-child(1) {width: 100%;} #section02 .inner .sec01_title .sec01_con_box3 table tr:nth-child(1) td:nth-child(1){ text-align: center;background: #5071ff; } #section02 .inner .sec01_title .sec01_con_box3 table.left_table_box tr:nth-child(1) td:nth-child(1){ border-top-left-radius: 30px;border-top-right-radius: 30px;border:0; } #section02 .inner .sec01_title .sec01_con_box3 table tr td h2{ font-size:26px;color:#26232b; font-weight: 700;line-height: 125%;text-align: center; } #section02 .inner .sec01_title .sec01_con_box3 table tr td{ font-size:20px;color:#676767; font-weight: 400;line-height: 125%;text-align: center;padding:20px 10px;border-bottom: 2px solid #5071ff; border-right: 2px solid #5071ff;border-left:0; } #section02 .inner .sec01_title .sec01_con_box3 table tr td:last-child{ border-right: 0; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr:last-child td{ border-bottom: 0; } #section02 .inner .sec01_title .sec01_con_box3 table tr td > span { text-align: left;font-size:20px;color:#676767; font-weight: 400;line-height: 125%;display: flex; padding-left:4rem; text-indent: -4rem; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box {background: #fff;border:0; border-top-left-radius: 30px;border-bottom-left-radius: 30px;width: 100%;} #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr td h2{ font-size:22px;color:#676767; font-weight: 400;line-height: 125%;text-align: left; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr td h2 > span{ font-weight: 700; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr:nth-child(1) td:nth-child(1){ border-top-left-radius: 30px;border-bottom-left-radius: 30px;border:0; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr:nth-child(1) td:nth-child(2){ padding:20px 50px; border-top:0; } #section02 .inner .sec01_title .sec01_con_box3 table tr:nth-child(1) td:nth-child(1) p { font-size:30px;color:#fff; font-weight: 400;line-height: 125%; } #section02 .inner .sec01_title .sec01_con_box3 table tr:nth-child(1) td:nth-child(1) p >span { font-weight: 700; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr td{ padding:20px 23px; } #section02 .inner .sec01_title .sec02_conbox03 ul{ display: flex;flex-direction: column; align-items: center;justify-content: space-between;gap:30px; } #section02 .inner .sec01_title .sec02_conbox03 ul li{ display: flex;flex-direction: column; align-items: center;justify-content: center;text-align: left; } #section02 .inner .sec01_title .sec02_conbox03 ul li .top_con{ background: #5071ff;text-align: center;width:100%;padding:30px 60px;border-top-left-radius: 30px;border-top-right-radius: 30px; } #section02 .inner .sec01_title .sec02_conbox03 ul li .top_con h2{ font-size:30px;color:#fff; font-weight: 700;line-height: 125%; } #section02 .inner .sec01_title .sec02_conbox03 ul li .top_con p{ font-size:30px;color:#fff; font-weight: 500;line-height: 125%; } #section02 .inner .sec01_title .sec02_conbox03 ul li .bottom_con{ background: #fff;text-align: left;width:100%;padding:30px 50px;display: flex;gap:30px;flex-direction: column; min-height: 280px; } #section02 .inner .sec01_title .sec02_conbox03 ul li .bottom_con h2{ font-size:31px;color:#26232b; font-weight: 400;line-height: 125%; } #section02 .inner .sec01_title .sec02_conbox03 ul li .bottom_con p{ font-size:24px;color:#26232b; font-weight: 400;line-height: 125%; } #section02 .inner .sec01_title .sec02_conbox03 ul li .bottom_con p > span { background: #fffc0a;display: inline-block;padding: 0 10px;; } #section02 .inner .sec01_title .sec02_conbox03 ul li:nth-child(1) .bottom_con p { background: #fffc0a;display: inline-block; } #section02 .inner .sec01_title .sec02_conbox03 ul li > span{ font-size:80px;color:#5071ff; font-weight: 700;line-height: 125%; } .sec02_contitle_pal{ padding-top:30px; } #section03 { padding:90px 30px 0;background: #0e122d; } #section03 .inner{ display: flex;flex-direction: column;gap:90px;justify-content: center;align-items: center; } #section03 .inner .sec03_title{ display: flex;flex-direction: column;justify-content: center;align-items: center;gap:30px;width:100%; } #section03 .inner .sec03_title span{ font-size:30px;color:#26232b; font-weight: 400;padding:10px 50px;background-color: #fff;border-radius: 60px;text-align: center; } #section03 .inner .sec03_title span > img{ margin-top: 8px; width: 30px; } #section03 .inner .sec03_title .span_box{ display: flex;flex-direction: column;justify-content: center;align-items: center;gap:30px;width:100%; } #section03 .inner .sec03_title .span_box span:nth-child(1){ background-color: #5071ff;color: #fff;margin-right:auto; } #section03 .inner .sec03_title .span_box span:nth-child(2){ margin-left:auto; } #section03 .inner .sec03_title02 { display: flex;flex-direction: column;justify-content: center;align-items: center;gap:30px; } #section03 .inner .sec03_title02 h2{ font-size:28px;color:#bfc1ff; font-weight: 400;line-height: 125%;; } #section03 .inner .sec03_title02 p{ font-size:24px;color:#d7dfff; font-weight: 700;line-height: 125%;; } #section03 .inner .sec03_title02 p>span{ font-weight: 400; } #section03 .inner .sec03_title02 >span{ font-size:30px;color:#d7dfff; font-weight: 400;line-height: 125%;; } #section03 .inner .sec03_title02 >span > span{ font-weight: 700; } #section03 .inner .sec03_conbox02 { width:100%; } #section03 .inner .sec03_conbox02 .top_con{ width:100%;background: #5071ff;text-align: center;padding:30px 0;border-top-left-radius: 30px; border-top-right-radius: 30px; } #section03 .inner .sec03_conbox02 .top_con h2{ font-size:36px;color:#fff; font-weight: 300;line-height: 125%; } #section03 .inner .sec03_conbox02 .top_con h2 >span{ font-weight: 500; } #section03 .inner .sec03_conbox02 .bottom_con{ width:100%;background: #fff;text-align: center; } #section03 .inner .sec03_conbox02 .bottom_con > span{ width: 100%; background: #7b94ff; height: 1px; display: block; } #section03 .inner .sec03_conbox02 .bottom_con .road_map_box{ width:100%;background: #fff;text-align: center;padding:50px 30px;display:flex;flex-direction: column;gap:40px;align-items: center; } #section03 .inner .sec03_conbox02 .bottom_con .road_map_box h3{ font-size:30px;color:#0e122d; font-weight: 400;line-height: 125%; position: relative; display: inline-block; } #section03 .inner .sec03_conbox02 .bottom_con .road_map_box h3::after{ content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background: #000;; } #section03 .inner .sec03_conbox02 .bottom_con .road_map_box h3 > span{ font-weight: 700; } #section03 .inner .sec03_title03 { display: flex;flex-direction: column;justify-content: center;align-items: center;gap:50px;text-align: center; width: 100%; } #section03 .inner .sec03_title03 > img{ width:373px; } #section03 .inner .sec03_title03 p{ font-size:40px;color:#d7dfff; font-weight: 400;line-height: 125%;; } #section03 .inner .sec03_title03 p>span{ color:#ffffff;font-weight: 700; } #section03 .inner .sec03_title03 > span{ font-size:30px;color:#bfc1ff; font-weight: 400;line-height: 125%;; } #section03 .inner .sec03_title03 span>span{ font-weight: 700; } .kakao_talk_slide {width:100%;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(1) { width: 353px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(2) { width: 318px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(3) { width: 387px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(4) { width: 318px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(5) { width: 387px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(6) { width: 268px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(7) { width: 353px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(8) { width: 318px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(9) { width: 387px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(10) { width: 268px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(11) { width: 353px !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(12) { width: 318px !important;} #section03 .inner .sec03_conbox03 { text-align: center;display: flex;flex-direction: column;gap:30px;justify-content: center;align-items: center;width: 100%; } #section03 .inner .sec03_conbox03 > img{ width:104px; } #section03 .inner .sec03_conbox03 > img:nth-child(4){ width:100%; } #section03 .inner .sec03_conbox03 h2{ font-size:40px;color:#fff; font-weight: 400;line-height: 125%; } #section03 .inner .sec03_conbox03 h2 span{ font-weight: 700; } #section03 .inner .sec03_conbox03 h2 span.span_yellow{ color:#fff172; } #section04 { padding:90px 30px 100px;background: #f5f3f2; } #section04 .inner{ display: flex;flex-direction: column;gap:70px;justify-content: center;align-items: center; } #section04 .inner .sec04_title{ display: flex;flex-direction: column;gap:30px;justify-content: center;align-items: center;text-align: center; } #section04 .inner .sec04_title > img{ width:476px; } #section04 .inner .sec04_title h2{ font-size:28px;color:#5071ff; font-weight: 400;line-height: 125%;letter-spacing: .5rem; } #section04 .inner .sec04_title p{ font-size:30px;color:#565656; font-weight: 300;line-height: 125%; } #section04 .inner .sec04_title p >span{ color:#f75617;font-weight: 700; } #section04 .inner .sec04_content_box { width:100%;display: flex;flex-direction: column;gap:30px;justify-content: center;align-items: center;text-align: center; } #section04 .inner .sec04_content_box .sec04_con_title { display: flex;flex-direction: column;gap:30px;align-items: center; } #section04 .inner .sec04_content_box h2{ font-size:40px;color:#000000; font-weight: 500;line-height: 125%;background: #fffc0a;padding:5px 20px; } #section04 .inner .sec04_content_box h2 > span{ font-weight:700; } #section04 .inner .sec04_content_box .sec04_con_title> p{ font-size:23px;color:#565656; font-weight: 400;line-height: 125%; } #section04 .inner .sec04_content_box .sec04_con_title> p > span{ font-weight:700;color: #f75617; } #section04 .inner .sec04_content_box > p{ font-size:20px;color:#565656; font-weight: 400;line-height: 125%; } #section04 .inner .sec04_content_box > p > span{ font-weight:700;color: #f75617; } #section04 .inner .sec04_content_box .arrow_box{ width: 100%; padding: 0 80px; position: relative; } #section04 .inner .sec04_con_slide{ width:100%;overflow: hidden;text-align: center; position: relative; } #section04 .inner .sec04_con_slide .swiper-wrapper .swiper-slide img{ width:100%; } .swiper-button-prev { background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/University/sec04_con01_arrow_prev.png);width:44px;height:81px;background-size: 100% 100%;left:0 !important; } .swiper-button-prev::after { display:none; } .swiper-button-next { background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/University/sec04_con01_arrow_next.png);width:44px;height:81px;background-size: 100% 100%;right:0 !important; } .swiper-button-next::after { display:none; } #section04 .inner .sec04_content_box .seco4_con2 { width: 100%;padding-bottom: 100px; } #section04 .inner .sec04_content_box .seco4_con2 ul{ width: 100%; display: flex;justify-content: center;align-items: center;gap:28px; } #section04 .inner .sec04_content_box .seco4_con2 ul li{ position: relative; } #section04 .inner .sec04_content_box .seco4_con2 ul li:nth-child(1):after{ position: absolute;bottom:-70px;left:50%;content: ''; width: 146px; height: 68px;background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/University/sec04_img15_after.png);margin-left: -73px; } #section04 .inner .sec04_content_box .seco4_con2 ul li:nth-child(3):after{ position: absolute;bottom:-70px;left:50%;content: ''; width: 146px; height: 68px;background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/University/sec04_img16_after.png);margin-left: -73px; } #section04 .inner .sec04_content_box .seco4_con2 ul li:nth-child(5):after{ position: absolute;bottom:-70px;left:50%;content: ''; width: 146px; height: 68px;background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/University/sec04_img17_after.png);margin-left: -73px; } #section04 .inner .arrow_box2{ width:100%;padding: 0 65px;position: relative; } #section04 .inner .sec04_con_slide2{ width:100%;overflow: hidden;text-align: center; position: relative; } #section04 .inner .sec04_con_slide2 .swiper-wrapper .swiper-slide{ transition: all .1s ease-in-out; } #section04 .inner .sec04_con_slide2 .swiper-wrapper .swiper-slide img{ width:100%; } #section04 .inner .sec04_con_slide2 > p { font-size: 22px;color:#565656; font-weight: 400;line-height: 125%; } #section04 .inner .sec04_conbox { text-align: center;display: flex;flex-direction: column;gap:30px;justify-content: center;align-items: center; } #section04 .inner .sec04_conbox > img{ width:61px; } .feed_img { width:100% !important; } #section04 .inner .sec04_conbox h2{ font-size:30px;color:#565656; font-weight: 400;line-height: 125%; } #section04 .inner .sec04_conbox h2 span{ font-weight: 700;color:#5071ff; } #section04 .inner .sec04_con_title{ text-align: center; } #section04 .inner .sec04_con_title h2{ font-size:30px;color:#0c1135; font-weight: 500;line-height: 125%; } #section04 .inner .sec04_con_title h2>span{ color:#5071ff;font-weight: 700; } #section04 .inner .sec04_con_title2 h2>span{ color:#000000;font-weight: 700; } .feed_img {width:100%;} #section04 .inner > div.arrow_box { width:100%;padding: 0 40px;position: relative; } #section04 .inner .sec04_con_slide3 { width:100%;overflow: hidden;text-align: center; position: relative; } #section04 .inner .sec04_con_slide3 ul{ width:100%; } #section04 .inner .sec04_con_slide3 ul li .review_box{ background: #fff;padding:30px 20px;display: flex;flex-direction: column;gap:30px; align-items: center;min-height: 505px; } #section04 .inner .sec04_con_slide3 ul li h2{ font-size:24px;color:#000000; font-weight: 700;line-height: 125%; } #section04 .inner .sec04_con_slide3 ul li p{ font-size:20px;color:#000000; font-weight: 400;line-height: 125%;text-align: left; } #section04 .inner .sec04_con_title img{ width:661px; } #section04 .inner .seco4_con2 > img {width:100%;} #section05{ position: relative; background: #f5f3f2; padding-bottom: 50px; } #section05 img{ width: 100%; } @media all and (max-width:720px){ .subUniversity { padding: 8.3333vw 0 43.6111vw; } .uniinfo { padding:6.9444vw 30px;background: #fcfdff; } .uniinfo .inner{ gap:8.3333vw; } .uniinfo .inner .uniinfo_title p{ font-size: 6.3888vw; } .uniinfo .inner .uniinfo_content { gap:5.5555vw; } .uni_main_content > img{ width:63.1944vw; } .uniinfo .inner .uniinfo_content ul{ gap: 6.9444vw; } .uniinfo .inner .uniinfo_content >p{ font-size: 4.1666vw; } .stu_coment_box img{ width:72.3611vw; } #section02 { padding:9.7222vw 4.1666vw 13.8888vw; } #section02 .inner .sec01_title { gap: 5.5555vw; } #section02 .inner .sec01_title .sec01_txt_box ul{ gap:12.5vw; } #section02 .inner .sec01_title .sec01_txt_box ul li p{ font-size:6.3888vw; } #section02 .inner .sec01_title .sec01_txt_box ul li h2{ font-size:5.5555vw; } .flux { top: 27.7777vw; left:9.7222vw; width: 59.7222vw; } #section02 .inner .sec01_title .sec01_con_box { gap:5.5555vw; } #section02 .inner .sec01_title .sec01_con_box table caption{ font-size:4.4444vw !important;padding-bottom: 5.5555vw; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr th{ font-size:4.7222vw;padding:1.3888vw 0; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr td:nth-child(1){ font-size:3.6111vw;padding:2.7777vw 4.1666vw; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr td:nth-child(2){ font-size:3.6111vw;padding:2.7777vw 4.1666vw; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr:nth-child(7) td{ font-size:3.6111vw;padding:2.7777vw 4.1666vw; } #section02 .inner .sec01_title .sec01_con_box .left_table_box tr:nth-child(8) td{ font-size:3.6111vw;padding:2.7777vw 4.1666vw; } #section02 .inner .sec01_title .sec01_con_box .right_table_box tr th{ font-size:4.7222vw; padding:1.3888vw 0; } #section02 .inner .sec01_title .sec01_con_box .right_table_box tr td:nth-child(1){ font-size:3.6111vw;padding:2.7777vw 4.1666vw; } #section02 .inner .sec01_title .sec01_con_box .right_table_box tr td:nth-child(2){ font-size:3.6111vw;padding:2.7777vw 4.1666vw; } #section02 .inner .sec01_title .sec02_contitle> h2{ font-size:5.5555vw; } #section02 .inner .sec01_title .sec02_contitle> p{ font-size:4.4444vw; } #section02 .inner .sec01_title .sec01_con_box2 { gap:5.5555vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr:nth-child(1) td:nth-child(1) p{ font-size:4.1666vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr td { font-size:3.3333vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr td > h2 { font-size:3.6111vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr td:last-child > h2 { font-size:3.6111vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr td > span { font-size:3.3333vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr td > h3 { font-size:3.3333vw;padding-bottom:2.7777vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr td > h3 >span{ font-size:2.7777vw;margin-left:-1.3888vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr td h4 { font-size:3.3333vw; } .span_sp{ padding: 0 0 2.7777vw 0 !important; } #section02 .inner .sec01_title .sec01_con_box2 table tr td { padding:4.1666vw 2.7777vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr:nth-child(3) td:nth-child(2){ padding:2.7777vw 3.3888vw 1.3888vw 3.3888vw; } #section02 .inner .sec01_title .sec01_con_box2 table tr:nth-child(5) td:nth-child(2) { padding: 2.7777vw 3.3888vw 1.3888vw 3.3888vw; } #section02 .inner .sec01_title .sec01_con_box2 table.right_table_box tr td{ padding:4.1666vw 3.4722vw;border-top:0; } #section02 .inner .sec01_title .sec01_con_box2 table tr td:nth-child(1){ padding:2.7777vw 2.0833vw;text-align: center; } #section02 .inner .sec01_title .sec01_con_box2 table.left_table_box tr:nth-child(1) td:nth-child(1) { border-top-left-radius: 4.1666vw; border-top-right-radius: 4.1666vw; } #section02 .inner .sec01_title .sec01_con_box2 table.right_table_box tr:nth-child(1) td:nth-child(1) { border-top-left-radius: 4.1666vw; border-bottom-left-radius: 4.1666vw; } #section02 .inner .sec01_title .sec01_con_box3 { gap:5.5555vw; } #section02 .inner .sec01_title .sec01_con_box3 table.left_table_box {background: #fff;border:0; border-top-left-radius: 4.1666vw;border-top-right-radius: 4.1666vw;} #section02 .inner .sec01_title .sec01_con_box3 table.left_table_box tr:nth-child(1) td:nth-child(1){ border-top-left-radius: 4.1666vw;border-top-right-radius: 4.1666vw;border:0; } #section02 .inner .sec01_title .sec01_con_box3 table tr td h2{ font-size:3.6111vw; } #section02 .inner .sec01_title .sec01_con_box3 table tr td{ font-size:2.7777vw;padding:2.7777vw 1.3888vw; } #section02 .inner .sec01_title .sec01_con_box3 table tr td > span { font-size:2.7777vw; padding-left:34px; text-indent: -34px; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box {border-top-left-radius: 4.1666vw;border-bottom-left-radius: 4.1666vw;} #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr td h2{ font-size:3.0555vw; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr:nth-child(1) td:nth-child(1){ border-top-left-radius: 4.1666vw;border-bottom-left-radius: 4.1666vw; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr:nth-child(1) td:nth-child(2){ padding:2.7777vw 6.9444vw; } #section02 .inner .sec01_title .sec01_con_box3 table tr:nth-child(1) td:nth-child(1) p { font-size:4.1666vw; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr td{ padding:2.7777vw 3.1944vw; } #section02 .inner .sec01_title .sec02_conbox03 ul{ gap:4.1666vw; } #section02 .inner .sec01_title .sec02_conbox03 ul li .top_con{ padding:4.1666vw 60px;border-top-left-radius: 4.1666vw;border-top-right-radius: 4.1666vw; } #section02 .inner .sec01_title .sec02_conbox03 ul li .top_con h2{ font-size:4.1666vw; } #section02 .inner .sec01_title .sec02_conbox03 ul li .top_con p{ font-size:4.1666vw; } #section02 .inner .sec01_title .sec02_conbox03 ul li .bottom_con{ padding:4.1666vw 50px;gap:4.1666vw; min-height: 38.8888vw; } #section02 .inner .sec01_title .sec02_conbox03 ul li .bottom_con h2{ font-size:4.3055vw; } #section02 .inner .sec01_title .sec02_conbox03 ul li .bottom_con p{ font-size:3.3333vw; } #section02 .inner .sec01_title .sec02_conbox03 ul li .bottom_con p > span { padding: 0 1.3888vw;; } #section02 .inner .sec01_title .sec02_conbox03 ul li > span{ font-size:11.1111vw; } .sec02_contitle_pal{ padding-top:4.1666vw; } #section03 { padding:12.5vw 30px 0; } #section03 .inner{ gap:12.5vw; } #section03 .inner .sec03_title{ gap:4.16666vw; } #section03 .inner .sec03_title span{ font-size:4.16666vw;padding:1.3888vw 6.9444vw;border-radius: 8.3333vw; } #section03 .inner .sec03_title span > img{ margin-top: 1.1111vw;width: 4.1666vw; } #section03 .inner .sec03_title .span_box{ gap:4.1666vw; } #section03 .inner .sec03_title02 { gap:4.1666vw; } #section03 .inner .sec03_title02 h2{ font-size:3.8888vw; } #section03 .inner .sec03_title02 p{ font-size:3.3333vw; } #section03 .inner .sec03_title02 >span{ font-size:3.3333vw; } #section03 .inner .sec03_conbox02 .top_con{ padding:4.1666vw 0;border-top-left-radius: 4.1666vw; border-top-right-radius: 4.1666vw; } #section03 .inner .sec03_conbox02 .top_con h2{ font-size:5vw; } #section03 .inner .sec03_conbox02 .bottom_con .road_map_box{ padding:6.9444vw 4.1666vw;gap:5.5555vw; } #section03 .inner .sec03_conbox02 .bottom_con .road_map_box h3{ font-size:4.1666vw; } #section03 .inner .sec03_title03 { gap:6.9444vw; } #section03 .inner .sec03_title03 > img{ width:51.8055vw; } #section03 .inner .sec03_title03 p{ font-size:5.5555vw; } #section03 .inner .sec03_title03 > span{ font-size:4.1666vw; } .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(1) { width: 49.0277vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(2) { width: 44.1666vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(3) { width: 53.75vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(4) { width: 44.1666vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(5) { width: 53.75vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(6) { width: 37.2222vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(7) { width: 49.0277vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(8) { width: 44.1666vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(9) { width: 53.75vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(10) { width: 37.2222vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(11) { width: 49.0277vw !important;} .kakao_talk_slide .swiper-wrapper .swiper-slide:nth-child(12) { width: 44.1666vw !important;} #section03 .inner .sec03_conbox03 { gap:4.1666vw; } #section03 .inner .sec03_conbox03 > img.talk_icon_kakao{ width:14.4444vw; } #section03 .inner .sec03_conbox03 h2{ font-size:5.5555vw; } #section04 { padding:12.5vw 4.1666vw 13.8888vw; } #section04 .inner{ gap:9.7222vw; } #section04 .inner .sec04_title{ gap:4.1666vw; } #section04 .inner .sec04_title > img{ width:66.1111vw; } #section04 .inner .sec04_title h2{ font-size:3.8888vw; } #section04 .inner .sec04_title p{ font-size:4.1666vw; } #section04 .inner .sec04_content_box { gap:4.1666vw; } #section04 .inner .sec04_content_box .sec04_con_title { gap:4.1666vw; } #section04 .inner .sec04_content_box h2{ font-size:5.5555vw;padding:5px 2.7777vw; } #section04 .inner .sec04_content_box .sec04_con_title> p{ font-size:3.1944vw; } #section04 .inner .sec04_content_box > p{ font-size:2.7777vw; } #section04 .inner .sec04_content_box .arrow_box{ padding: 0 11.1111vw; } .swiper-button-prev { width:3.3333vw !important;height:6.25vw !important; margin-top:-3.125vw !important; } .swiper-button-next { width:3.3333vw !important;height:6.25vw !important; margin-top:-3.125vw !important; } #section04 .inner .sec04_content_box .seco4_con2 { padding-bottom: 13.8888vw; } #section04 .inner .sec04_content_box .seco4_con2 ul{ gap:3.8888vw; } #section04 .inner .sec04_content_box .seco4_con2 ul li:nth-child(1):after{ bottom:-9.7222vw;width: 20.2777vw; height: 9.4444vw;margin-left: -10.1388vw; background-size: 100% 100%; } #section04 .inner .sec04_content_box .seco4_con2 ul li:nth-child(3):after{ bottom:-9.7222vw;width: 20.2777vw; height: 9.4444vw;margin-left: -10.1388vw; background-size: 100% 100%; } #section04 .inner .sec04_content_box .seco4_con2 ul li:nth-child(5):after{ bottom:-9.7222vw;width: 20.2777vw; height: 9.4444vw;margin-left: -10.1388vw; background-size: 100% 100%; } #section04 .inner .arrow_box2{ padding: 0 9.0277vw; } #section04 .inner .sec04_con_slide2 > p { font-size: 3.0555vw; } #section04 .inner .sec04_conbox { gap:4.1666vw; } #section04 .inner .sec04_conbox h2{ font-size:4.1666vw; } #section04 .inner .sec04_conbox img{ width: 8.4722vw; } #section04 .inner .sec04_con_title h2{ font-size:4.1666vw; } #section04 .inner > div.arrow_box { padding: 0 5.5555vw; } #section04 .inner .sec04_con_slide3 ul li .review_box{ padding:4.1666vw 2.7777vw;gap:4.1666vw;min-height: 79.1666vw; } #section04 .inner .sec04_con_slide3 ul li h2{ font-size:3.3333vw; } #section04 .inner .sec04_con_slide3 ul li p{ font-size:2.7777vw; } #section04 .inner .sec04_conbox img.feed_img {width: 100%;} #section04 .inner .sec04_con_title img{ width:91.8055vw; } } @media all and (max-width: 480px){ #section03 .inner .sec03_conbox02 .bottom_con .road_map_box h3 { font-size: 3.75vw; } #section02 .inner .sec01_title .sec01_con_box3 table tr td:nth-child(1) { padding: 2.7777vw 0; } #section02 .inner .sec01_title .sec01_con_box3 table tr td { padding: 2.7777vw 1vw; } } @media all and (max-width: 380px){ #section04 .inner .sec04_con_slide3 ul li .review_box{ min-height: 81.5789vw; } #section02 .inner .sec01_title .sec01_con_box3 table tr td > span { padding-left: 8.9473vw; text-indent: -8.9473vw; } } @media all and (max-width: 350px){ #section04 .inner .sec04_con_slide3 ul li .review_box{ min-height: 285px; } #section04 .inner > div.arrow_box { padding: 0 0; } #section02 .inner .sec01_title .sec01_con_box3 table tr td { padding: 2.7777vw 0; } #section02 .inner .sec01_title .sec01_con_box3 table.right_table_box tr:nth-child(1) td:nth-child(2) { padding: 2.7777vw; } #section04 .inner .sec04_con_title h2 { font-size: 4vw; } } @media all and (max-width: 310px){ #section04{ padding: 12.5vw 5px 13.8888vw; } } @media all and (max-width:720px){ .teacher_review_box{margin-top:2.7777vw;gap:2.0833vw;padding:4.1666vw 6.9444vw 0;} .teacher_review_box > img{top:2.7777vw;width: 4.0277vw;} .teacher_review_box .teacher_img_box { width:16.6666vw;height:16.6666vw; } .teacher_info_box { gap:4.1666vw; } .teacher_review_box .teacher_name_box p { font-size:3.0555vw; } .teacher_txt_box { font-size:3.0555vw; } } /*.counselingFormTable table td input{ font-family: 'notokr-demilight' !important; } .counselingFormTable table td textarea { font-family: 'notokr-demilight' !important; } .counselingFormTable table td input::placeholder { color: #757575; } .counselingFormTable table td textarea::placeholder { color: #757575; }*/ textarea{font-family:arial;} .boardWrite{width: 100%;border-top: 2px solid #565656;margin-top: 4%;padding:0 3%;} .boardWrite table{width: 100%;} .boardWrite table th{color: #565656;font-size: 24px;font-family: 'notokr-bold';letter-spacing: -0.04em;text-align: left;vertical-align: top;padding-top: 3%;} .boardWrite table select, .boardWrite table input, .boardWrite table textarea{border:1px solid #b1b1b1;width: 100%;line-height: 2;padding: 1%;} .boardWrite table textarea{height: 400px;} .boardWrite table td{padding:1% 0;font-size: 26px;font-family: 'no-repeat';letter-spacing: -0.04em;} .ba_content{padding:0 3%;padding-bottom: 6%;} .ba_content .searchBox input{border-left: 1px solid #565656;} .ba_list{margin-top: 4%;} .ba_list a{display: inline-block;width: 100%;height: 100%;} .ba_list .img_ba{border:1px solid #f1f1f1;} .ba_list .img_ba img{object-fit : cover;width: 100%;} .ba_list dl{padding-top: 3%;} .ba_list dl dt{color: #ff7b47;font-size: 24px;letter-spacing: -0.04em;font-family: 'notokr-medium';line-height: 1.2;} .ba_list dl dd{color: #565656;font-size: 32px;font-family: 'notokr-bold';letter-spacing: -0.04em;line-height: 2;} .interview_content{padding:0 3%;padding-bottom: 6%;} .interview_content .searchBox input{border-left: 1px solid #565656;} .hid_over{overflow: hidden;} .interviewThumBox{width: 49%;height: 39vh;border:1px solid #ddd;border-radius: 28px;overflow: hidden;float: left;margin-left: 2%;cursor: pointer;} .interviewThumBox:first-child{margin-left: 0;} .interviewThumBox .thumImg{height: 18vh;width: 100%;overflow: hidden;} .interviewThumBox .thumImg img{object-fit : cover;width: 100%;} .interviewThumBox .thumTxt{padding: 4%;/* padding-top: 0; */} .interviewThumBox .thumTxt .sort{color: #bda694;font-size: 20px;font-family: 'Pretendard';font-weight:700;} .interviewThumBox .thumTxt div:nth-child(2){font-size: 24px;color: #565656;font-family: 'notokr-bold';letter-spacing: -0.06em;padding-top: 1%;} .interviewThumBox .thumTxt div:nth-child(2) strong{display: inline-block;font-family: 'notokr-regular';font-weight: normal;} .interviewThumBox .thumTxt div:nth-child(2) strong.makeup{color: #f995c4;} .interviewThumBox .thumTxt div:nth-child(2) strong.aesthetic{color: #ff7b47;} .interviewThumBox .thumTxt div:nth-child(2) strong.hair{color: #5ad6fa;} .interviewThumBox .thumTxt div:nth-child(2) strong.nail{color: #56cd9c;} .interviewThumBox .thumTxt div:nth-child(2) span{display: inline-block;height: 22px;border-left: 0;padding-left: 1%;margin-left: 1%;vertical-align: middle;} .interviewThumBox .thumTxt div:nth-child(3){color: #565656;font-size: 20px;font-family: 'Nanum-R';line-height: 1.35;height: 7vh;width: 100%;overflow: hidden;margin:4% 0 10% 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .interviewThumBox .thumTxt div:nth-child(4){color: #999;font-size: 18px;font-family: 'notokr-demilight';line-height: 18px;height: 18px;} .interviewThumBox .thumTxt div:nth-child(4) span{display: inline-block;height: 14px;border-left: 0;padding-left: 1%;margin-left: 1%;vertical-align: middle;} .gallery_content{padding:0 3%;padding-bottom: 6%;} .gallery_content .searchBox input{border-left: 1px solid #565656;} /*.galleryBox{width: 336px;float: left;margin-left: 4%;height: 418px;overflow: hidden;position: relative;}*/ .galleryBox{width: 48%;float: left;margin-left: 4%;height: 406px;overflow: hidden;position: relative;} .galleryBox a{display: inline-block;width: 100%;height: 100%;} .galleryBox:first-child{margin-left: 0;} .galleryBox .thumImg{width: 100%;height: 280px;position: relative;overflow: hidden;} .galleryBox .thumImg img{object-fit : cover;width: 100%;} .galleryBox .ico{text-align: left;height: 20px;position: absolute;top: 76%;left:0;width: 100%;font-size: 20px;font-family: 'notokr-bold';line-height: 1;} .galleryBox .ico.nail_art{color: #56cd9c;} .galleryBox .ico.makeup_art{color: #f995c4;} .galleryBox .ico.aesthetic{color: #ff7b47;} .galleryBox .ico.hair_art{color: #5ad6fa;} .galleryBox .galeryTxt{font-family: 'notokr-regular';font-size: 24px;color: #565656;line-height: 1.2;letter-spacing: -0.04em;text-align: left;position: absolute;top: 84%;left:0;width: 100%;background: #fff;height: 58px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .story_content{padding:0 3%;padding-bottom: 6%;} .story_content .float_right{float:right;} .story_content .searchBox input{border-left: 1px solid #565656;} /*.storyBox{width: 49%;float: left;height: 379px;overflow: hidden;position: relative;border: 1px solid #ddd;}*/ .storyBox{width: 49%;float: left;height: 379px;overflow: hidden;position: relative;border: 1px solid #ddd;} .storyBox a{display: inline-block;width: 100%;height: 100%;} .storyBox:first-child{margin-left: 0;} /*.storyBox .thumImg{width: 336px;height: 242px;position: relative;overflow: hidden;}*/ /*.storyBox .thumImg{width: 100%;height: 242px;position: relative;overflow: hidden;}*/ .storyBox .thumImg{width: 100%;height: 244px;position: relative;overflow: hidden;} .storyBox .thumImg img{object-fit : cover;width: 100%;height:100%;} .storyBox .ico{text-align: left;width: 100%;color: #56cd9c;font-size: 20px;font-family: 'Pretendard';font-weight:700;line-height: 16px;padding: 6% 0 0 6%;} .storyBox .galeryTxt{font-family: 'notokr-medium';font-size: 24px;color: #565656;line-height: 1.25;letter-spacing: -0.02em;text-align: left;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 3% 6% 0 6%;} .tv_content{padding:0 3%;padding-bottom: 6%;} .tv_content .float_right{float:right;} .tv_content .searchBox input{border-left: 1px solid #565656;} .videoBoxList{height: 483px;width: 49%;float: left;position: relative;/* margin-left: 24px; */cursor: pointer;margin-bottom:15px;} .videoBoxList:first-child{margin-left: 0;} .videoBoxList .videoArea{width: 100%;height: 282px;position: relative;display: inline-block;overflow: hidden;float: left;} .videoBoxList .videoArea .videoImgBox{width: 100%;height: 100%;overflow: hidden;display: inline-block;} .videoBoxList .videoArea .videoImg{object-fit : cover;/* width: auto; *//* position: absolute; *//* top: 0; *//* left: 0; *//* width: 100%; */height: -webkit-fill-available;object-fit: cover;} .videoBoxList .videoArea .videoPlay{position: absolute;top: 76%;right: 5%;display: inline-block;} .videoBoxList .videoArea .videoPlay img{height: 32px;} .videoBoxList .videoTxt{border:1px solid #ddd;float: left;width: 100%;height: 200px;border-top: 0;padding: 5%;} .videoBoxList .videoTxt .video_tit{display: block;font-size: 24px;font-family: 'notokr-regular';letter-spacing: -0.04em;line-height: 1.5;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .videoBoxList .videoTxt .video_info{padding-top: 5%;overflow: hidden;} .videoBoxList .videoTxt .video_info div{color: #9e9e9e;font-size: 20px;font-family: 'notokr-medium';line-height: 1.5;} .videoBoxList:hover .video_tit{color: #ff7b47;} .communityContainer { padding-bottom:6%; } .communityContainer .communityForm form .review_tab_btn_box{ padding:40px 0 60px; } .communityContainer .communityForm form .review_tab_btn_box ul { display: flex;flex-direction: row;align-items: center;justify-content: flex-start;gap:20px;flex-wrap: wrap; } .communityContainer .communityForm form .review_tab_btn_box ul li a{ display: flex;text-align: center;justify-content: center;align-items: center;font-weight: 400; font-size: 22px; line-height: 32px; color: #33302F; background: #F1F1F1; border: 1px solid #E8E8E8; border-radius: 40px;padding:12px 30px; font-family: "Noto Sans KR"; box-sizing: border-box; } .communityContainer .communityForm form .review_tab_btn_box ul li a.select{ color: #FFFFFF; background: #FF7B47; border: 0; } .share_content{padding:0;padding-bottom: 0;} .share_content .float_right{float:right;} .share_content .searchBox input{border-left: 1px solid #565656;} .tabStory{width: 100%;margin-top: 5%;display: inline-block;} .tabStory li{/* float: left; *//* margin-left:5px; */display: inline-block;} .tabStory li a{border: 1px solid #e8e8e8;border-radius: 40px;text-align: center;background: #f1f1f1;color: #33302f;font-size: 22px;line-height: 3;font-family:'notokr-regular';display: inline-block;padding: 0 28px;} .tabStory li a:hover, .tabStory li a.select{background: #ff7b47;border:1px solid #ff7b47;color: #fff;font-family: 'Nanum-B';} .tabStory li:nth-child(1){margin-left: 0;} .storyBoxList{height: 414px;width: 49%;float: left;position: relative;margin-left: 0;cursor: pointer;} .storyBoxList:first-child{margin-left: 0;} .storyBoxList .storyArea{width: 100%;height: 230px;position: relative;display: inline-block;overflow: hidden;float: left;} .storyBoxList .storyArea .storyImgBox{width: 100%;height: 100%;overflow: hidden;display: inline-block;} .storyBoxList .storyArea .storyImg{object-fit : cover} .storyBoxList .storyArea .storyPlay{position: absolute;top:178px;right:20px;display: none;} .storyBoxList .storyArea .storyPlay img{height: 32px;} .storyBoxList .storyTxt{border:1px solid #ddd;float: left;width: 100%;height: 170px;border-top: 0;padding: 5%;} .storyBoxList .storyTxt .story_tit{display: block;font-size: 24px;font-family: 'notokr-medium';letter-spacing: -0.04em;line-height: 1.5;color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .storyBoxList .storyTxt .story_info{padding-top: 6%;overflow: hidden;} .storyBoxList .storyTxt .story_info div{color: #9e9e9e;font-size: 20px;font-family: 'notokr-medium';line-height: 1.5;} .storyBoxList .storyTxt .story_info div span{display: inline-block;height: 9px;/* border-left: 1px solid #e5e5e5; */padding-left: 5px;margin-left: 3px;vertical-align: top;margin-top: 3px;} .storyBoxList:hover .story_tit{color: #ff7b47;} /* 2021-11-28 */ .academy_content{padding: 0 3%;padding-bottom: 15%;padding-top: 5%;} .academy_tit{color: #565656;font-size: 36px;font-family: 'notokr-bold';letter-spacing: -0.04em;line-height: 1.2;padding-top: 5%;} .academy_tit span{color: #b49a85;} .box_cont{padding-top: 3%;} .box_cont0{padding-top: 3%;} .map_txt{padding:3%;background: #f7f7f7;border:1px solid #d9d7d0;} .map_txt ul li{color: #888;font-size: 24px;font-family: 'notokr-medium';letter-spacing: -0.02em;text-indent: -0.7em;padding-left: 0.7em;padding-top: 1%;} .map_txt ul li span{color: #4db442;} .map_txt ul li:first-child{text-indent: -3.2em;padding-left: 3.2em;padding-top: 0;} .box_cont02 .map_txt ul li:nth-child(3){text-indent: -7.2em;padding-left: 7.2em;} .box_cont03 .map_txt ul li:nth-child(3) {text-indent: -6.2em;padding-left: 6.2em;} #map {position: relative;} #map .car_notice{ position: absolute; top: 10px; left: 10px; width: 420px; height: 100px; z-index: 99; background: #fff;} #map .car_notice p{ display:block; padding: 20px; font-size:14px; } @media all and (max-width:480px) { #map .car_notice{ width: 87.5vw; height: 20.8333vw; } #map .car_notice p{ padding: 4.1666vw; font-size:2.9166vw; } } .map_btn_area {max-width: 1200px;width:100%;margin: 0 auto;} .map_btn_area ul {display: flex;flex-direction: row;width:100%;} .map_btn_area ul li{width:33.3333%;text-align: center;} .map_btn_area ul li a{width:100%;text-align: center;padding:15px 0;display: block;border: 1px solid #ccc;font-size:18px;font-weight: 600;color: #000;} .map_btn_area ul li a.active{background: #fe8b5e;color: #fff;} #wrap_cont_overlay {position: absolute;left: 0;bottom: 69px;width: 100px;height: 30px;margin-left: -60px;text-align: left;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;} #wrap_cont_overlay * {padding: 0;margin: 0;} #wrap_cont_overlay .info {width: 120px;height: 30px;border-radius: 5px;background: #fff;} #wrap_cont_overlay .info:nth-child(1) {border: 1px solid #ccc;box-shadow: 0px 1px 2px #fff;} #wrap_cont_overlay .info .title {padding: 5px 0 0 0;height: 20px;background: #fff;font-size: 12px;text-align: center;font-weight: 600;} #wrap_cont_overlay .info:after {content: '';position: absolute;margin-left: 2px;left: 50%;bottom: -12px;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')} #wrap_cont_overlay .info .link {color: #5085BB;} #wrap_cont_overlay1_1 {position: absolute;left: 0;bottom: 69px;width: 100px;height: 50px;margin-left: -60px;text-align: left;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;} #wrap_cont_overlay1_1 * {padding: 0;margin: 0;} #wrap_cont_overlay1_1 .info {width: 120px;height: 50px;border-radius: 5px;background: #fff;} #wrap_cont_overlay1_1 .info:nth-child(1) {border: 1px solid #ccc;box-shadow: 0px 1px 2px #fff;} #wrap_cont_overlay1_1 .info .title {padding: 5px 0 0 0;height: 40px;background: #fff;font-size: 12px;text-align: center;font-weight: 600;} #wrap_cont_overlay1_1 .info:after {content: '';position: absolute;margin-left: 2px;left: 50%;bottom: -12px;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')} #wrap_cont_overlay1_1 .info .link {color: #5085BB;} #wrap_cont_overlay2 {position: absolute;left: 0;bottom: 34px;width: 100px;height: 30px;margin-left: -60px;text-align: left;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;} #wrap_cont_overlay2 * {padding: 0;margin: 0;} #wrap_cont_overlay2 .info {width: 120px;height: 30px;border-radius: 5px;background: #fff;} #wrap_cont_overlay2 .info:nth-child(1) {border: 1px solid #ccc;box-shadow: 0px 1px 2px #fff;} #wrap_cont_overlay2 .info .title {padding: 5px 0 0 0;height: 20px;background: #fff;font-size: 12px;text-align: center;font-weight: 600;} #wrap_cont_overlay2 .info:after {content: '';position: absolute;margin-left: 0px;left: 50%;bottom: -12px;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')} #wrap_cont_overlay2 .info .link {color: #5085BB;} #wrap_cont_overlay2_1 {position: absolute;left: 0;bottom: 34px;width: 100px;height: 50px;margin-left: -60px;text-align: left;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;} #wrap_cont_overlay2_1 * {padding: 0;margin: 0;} #wrap_cont_overlay2_1 .info {width: 120px;height: 50px;border-radius: 5px;background: #fff;} #wrap_cont_overlay2_1 .info:nth-child(1) {border: 1px solid #ccc;box-shadow: 0px 1px 2px #fff;} #wrap_cont_overlay2_1 .info .title {padding: 5px 0 0 0;height: 40px;background: #fff;font-size: 12px;text-align: center;font-weight: 600;} #wrap_cont_overlay2_1 .info:after {content: '';position: absolute;margin-left: 0px;left: 50%;bottom: -12px;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')} #wrap_cont_overlay2_1 .info .link {color: #5085BB;} .wrap_controllers {position: absolute;bottom: 0;right:0;z-index: 99;width:100%;display: flex;justify-content: flex-end;background: #fff;} .wrap_controllers { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99; display: flex; justify-content: space-between; background: #fff; height: 35px; align-items: center; padding:0 10px; overflow: hidden; padding: 15px 11px; border: 1px solid #dfdfdf; border-color: rgba(0,0,0,.1); border-radius: 0 0 2px 2px; background-color: #f9f9f9; } .tit_controllers { float: left; color: #333; text-decoration: none; } .tit_controllers img{ display: block; width: 72px; height: 16px; } .wrap_btn_roadview { top: 0; font-size: 13px; float: right; padding-bottom:4px; } .wrap_btn_roadview .txt{ float: left; position: relative; height: 15px; padding-top: 1px; line-height: 15px; color: #000; } @media all and (max-width:768px){ .communityForm { padding: 0 4.4270vw; } .communityContainer .communityForm form .review_tab_btn_box{ padding:5.2083vw 0 1.5625vw; } .communityContainer .communityForm form .review_tab_btn_box ul { gap:2.6041vw;margin:0; } .communityContainer .communityForm form .review_tab_btn_box ul li a{ font-size: 2.8645vw; line-height: 4.1666vw; border-radius: 5.2083vw;padding:1.5625vw 3.9062vw; } .searchBox{ height:9.6354vw; } .searchBox a img{ width:10.0260vw; height: 9.6354vw; } .map_area_img{ width:100%; } .map_area_img >div:nth-child(1){ width:100%; height:46.875vw; } .map { height:46.875vw; } .colBoxBlock{ width:32.5520vw !important; } .colBoxBlock .imgAe { width: 32.5520vw !important; height: 48.8281vw !important; } .colBoxBlock dl { width: 32.5520vw !important; height: 24.6093vw !important; } .colBox .img_r_arr.arr01 { left: 33.2031vw !important; } .colBox .img_r_arr.arr02 { left: 70.5729vw !important; } .colBox .img_r_arr.arr03{ left: 106.7708vw !important; } .boxRoll { /*width: 36.4583vw !important;*/ } .boxRoll .imgBox{width:29.9479vw;height:44.9218vw;} .course_box .box_img { width: 26.0416vw; height: 36.4583vw; max-height: 280px; } .course_box .box_txt{ height: 36.4583vw; max-height: 280px; } .colbox_row { /*width:177.2708vw !important*/ } .colBoxBlock dl dd { top: 11.7187vw; } } .room_video_box .inner .room_video_wrap{ margin: 0 15px; } .room_video_box {padding-bottom:30px;} .room_video_box .inner .room_video_wrap iframe{ top: 50%; left: 50%; transform: translate(-50%, -50%); } .facilities_roll{position: relative;height: 650px;} .facilities_roll_box{position: absolute;width: 100%;top: 0;left:0;height: 395px;} .facilities_roll_box .swiper-wrapper .swiper-slide > img {height:100%;} .facilities_roll_box_txt{width: 75%;margin: 0 auto;overflow: hidden;margin-top: 3%;} .thum_box{width: 100%;height: 100%;} .thum_box .swiper-wrapper{display: inline-block;box-sizing: border-box;transform: initial !important;} .thum_box .swiper-slide{width: 32.6% !important;float: left;height: 95px;position: relative;margin-bottom:1%;margin-right:1%;} .thum_box .swiper-slide:nth-child(3){margin-right:0;} .thum_box .swiper-slide:nth-child(6){margin-right:0;} .thum_box .swiper-slide > img{height: 100%;} .thum_box .swiper-slide span{color: #fff;font-size: 15px;font-family: 'notokr-bold';position: absolute;top:0;left:0;width: 100%;text-align: center;line-height: 95px;background-color: rgba(0,0,0,0.4);height: 100%;} .thum_box .swiper-slide-thumb-active span{display: block;width: 100%;background: #ef7342;position: absolute;top: 0;left: 0;opacity: .9;color: #fff;height:100%;} .academy_content .m_teacher .swiper-pagination-fraction{} .academy_content .m_teacher .swiper-button-next1, .academy_content .m_teacher .swiper-button-prev1{bottom: 3%;} .academy_content .teacher_box ul li{margin:0 0.5%;padding: 0;} .academy_content .teacher_box ul li .tch_gd{height: 100%;} .academy_content .teacher_box ul li .tch_gd img{height: 100%;} .event_content{padding:3%;padding-bottom: 0;} .event_content.oneday{padding-top:4%;} .event_content.oneday .m_one_class{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 20px;} .ClassBoxList_finish { position: relative; } .ClassBoxList_finish::after { position: absolute; top: 0; left: 0; width: 100%; content: '마감 \A 되었습니다.'; height: 100%; background: rgba(0,0,0,.5); color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; line-height: 170%; white-space:pre; } .event_content.oneday .m_one_class a{display: inline-block;float: left;width: 47%;position: relative;display: flex; flex-direction: column; gap: 10px;} .event_content.oneday .m_one_class a div:nth-child(1){position: relative;} .event_content.oneday .m_one_class a div:nth-child(1) span{display: inline-block;width: 100%;height: 13%;position: absolute;bottom: 0%;left:0;text-align: center;color: #fff;letter-spacing: -0.04em;font-family: 'notokr-medium';font-size: 24px;background: #e28f5b;line-height: 2.2;} .event_content.oneday .m_one_class a div:nth-child(2){display: block;color: #565656;font-size: 24px;letter-spacing: -0.04em;font-family: 'notokr-medium';line-height: 1.25;padding-top: 1%;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;} .event_content.oneday .m_one_class a div:nth-child(3){display: block;color: #565656;font-size: 24px;letter-spacing: -0.04em;font-family: 'notokr-medium';line-height: 1.25;padding-top: 1%;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;} .event_content.oneday .m_one_class a div:nth-child(1) span.bg_r{background: #54cbbc;} .event_content.oneday.view{padding:0;padding-bottom: 10%;} .event_content.oneday.view .listSumBox{border-top: 1px solid #dbdbdb;} .event_content.oneday.view .listSumBox table tbody td{} .eventBoxList{width: 100%;cursor: pointer;} .eventBoxList .eventImgBox{width: 100%;height: 47vh;overflow: hidden;border-radius: 20px;display: inline-block;} .eventBoxList a{display: inline-block;} .eventBoxList .eventTxt{padding-top: 2%;} .eventBoxList .eventTxt .event_ing{line-height: 2.3;background: #ff7b47;color: #fff;font-size: 24px;letter-spacing: -0.04em;text-align: center;font-family: 'notokr-bold';border-radius: 5em;display: inline-block;padding: 0 7%;} .eventBoxList .eventTxt .event_ing.endEvt{background: #bcb4ad;} .eventBoxList .eventTxt .event_tit{display:block;color: #565656;font-size: 32px;font-family: 'notokr-bold';letter-spacing: -0.04em;line-height: 1.5;padding-top: 2%;} .eventBoxList .eventTxt .event_subject{display: block;color: #a19e9c;font-size: 24px;line-height: 1.3;letter-spacing: -0.04em;font-family: 'notokr-regular';padding-top: 10px;} .eventBoxList .eventTxt .event_info div{display: block;color: #a19e9c;font-size: 24px;line-height: 1.3;letter-spacing: -0.04em;font-family: 'notokr-regular';padding-top: 2%;} .eventBoxList .eventTxt .event_info div span{display: inline-block;color: #ff7b47;} .eventBoxList:hover .eventTxt .event_tit{color: #ff7b47;} .sub_visual.academy .sub_txt{position: absolute;top: -17%;left:0;width: 100%;} .sub_visual.academy .sub_txt div{text-align: center;color: #fff;} .sub_visual.academy .sub_txt div:nth-child(1){font-size: 33px;letter-spacing: -0.06em;font-family: 'notokr-bold';} .sub_visual.academy .sub_txt div:nth-child(2){font-size: 22px;letter-spacing: -0.06em;font-family: 'notokr-regular';padding-top: 2%;line-height: 1.3;} .tch_list{overflow: hidden;padding: 4% 0 10% 0;} .tch_list .tch_box{width: 49%;float: left;position: relative;margin-bottom: 2%;} .tch_list .tch_box a{display: inline-block;width: 100%;height: 100%;overflow: hidden;} .tch_list .tch_box a img{object-fit: cover} .tch_list .tch_box a span{display: inline-block;width: 100%;height: 100%;position: absolute;bottom: 0;left:0;} .tch_list .tch_box a div{position: absolute;bottom: 10%;left:0%;width: 100%;color: #fff;font-size: 28px;font-family: 'notokr-medium';letter-spacing: -0.08em;text-align: center;line-height: 1.2;} .tch_list .tch_box a div strong{font-family: 'notokr-bold';font-size: 32px;display: block;} .academy_viewcontent{background-color: #f7f7f7;} .academy_viewcontent .profile_tit{font-size: 42px;letter-spacing: -0.04em;font-family: 'Pretendard';font-weight:700;color: #565656;text-align: center;} .academy_viewcontent .profile_tit span{color: #dbc0ab;} .academy_viewcontent .profile_sub_tit{color: #888;font-size: 24px;font-family: 'notokr-medium';text-align: center;line-height: 1.3;padding-top: 3%;} .tch_profile{position: relative;-webkit-transform: translateZ(0px);background: #997f6f;min-height:905px;} .tch_profile h2{ position: absolute; bottom: 266px; color: #fff; left: 50%; font-size: 28px; font-weight: 400; display: flex; gap: 6px; justify-content: center; transform: translate(-50%, 0); width: max-content; } .tch_profile h2 > span { font-weight:700; } .tch_profile > span{display: inline-block;width: 100%;height: 100%;position: absolute;bottom:0;left:0; background-image: -moz-linear-gradient( 90deg, rgb(153,127,111) 0%, rgba(151,126,111,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(153,127,111) 0%, rgba(151,126,111,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(153,127,111) 0%, rgba(151,126,111,0) 100%);} .tch_profile > span{display: inline-block;width: 100%;height: 100%;position: absolute;bottom:0;left:0;} .tch_profile div{position: absolute;bottom: 10%;left:0%;color: #fff;text-align: center;font-size:28px;font-family: 'Noto Sans KR';letter-spacing: -0.06em;padding: 0 13%;} .tch_profile div p{font-family: 'Noto Sans KR';display: inline-block;font-weight: 400;} .tch_profile div p span{font-weight: 700;} .tch_profile div strong{font-family: 'notokr-bold';font-size: 42px;letter-spacing: -0.04em;display: block;line-height: 1.2;padding-bottom: 3%;word-break: keep-all;} .academy_viewcontent * { font-family: 'Noto Sans KR' !important; } .tch_profile_info { background: #997f6f;padding: 75px 0 60px; -webkit-transform: translateZ(0px); } .tch_profile_info .tch_profile_info_inner{ padding:0 38px;display: flex;flex-direction: column;gap:90px; } .tch_profile_info .tch_profile_info_inner > img{ width:100%; } .tch_profile_info .tch_profile_info_inner .tch_review_slide img{ width:unset; } .tch_profile_info .tch_profile_info_inner .tch_review_slide { width:100%; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul { position: relative; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li a{ background: #fff;display: flex;flex-direction: column;padding:38px 20px;border-radius: 10px;gap:25px; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_title{ text-align: left;padding: 0 18px; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_title h2{ font-size:28px;color:#d70015;font-weight:700;line-height:1; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_line { width:100%;height:1px;background: #eddecf; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content { display: flex;flex-direction: column;gap:24px;padding:0 45px; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_name{ display: flex;align-items: center;gap:5px; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_name p{ font-size:22px;color:#313131;font-weight: 700;line-height:1; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_name span{ font-size:22px;color:#313131;font-weight: 500;padding-top:2px; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_name img { padding-bottom: 2px; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_review p{ font-size:24px;color:#313131;font-weight: 400;word-break: keep-all;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height:1.2; } .tch_profile_info .tch_profile_info_inner .tch_review_slide .review_slide_next { background-image:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/tch_test/review_slide_next.png);right:0;width:35px;height:35px;background-size: 100% 100%;margin-top:-17.5px;z-index: 9999999999999999;top:50%; } .tch_profile_info .tch_profile_info_inner .tch_review_slide .review_slide_prev { background-image:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/tch_test/review_slide_prev.png);left:0;width:35px;height:35px;background-size: 100% 100%;margin-top:-17.5px;z-index: 9999999999999999;top:50%; } .tch_profile_info .tch_profile_info_inner .tch_info_txt{ background: #fff;display: flex;flex-direction: column;border-radius: 10px;gap:20px;min-height: 360px;align-items: flex-start;padding: 0 20px;justify-content: center; } .tch_profile_info .tch_profile_info_inner .tch_info_txt h2{ font-size:24px;color:#313131;font-weight:700; } .tch_profile_info .tch_profile_info_inner .tch_info_txt span{ width:100%;height:1px;background: #eddecf; } .tch_profile_info .tch_profile_info_inner .tch_info_txt p{ font-size:18px;color:#313131;font-weight:400; } .tch_profile_info #video_thr iframe { height:332px; } .m_teacher { display: flex;flex-direction: column;gap:40px;padding-bottom: 30px; } .m_teacher .m_tit{ display: flex;justify-content: space-between;align-items: center;gap:29px;padding:80px 38px 0; } .m_teacher .m_tit span{ width:100%;height:1px;background: #dfdfdf; } .m_teacher .m_tit h2{ font-size:40px;color:#ff7b47;font-weight:900;white-space: nowrap; } .teacher_box_sub ul {/*width: 197.87%;*//* width: 100%; *//* overflow: hidden; *//*display: inline-flex;*//* padding-left: 3%; */} .teacher_box_sub ul li{float: left;width: 33.3333% !important;margin-right: 0% !important;position: relative;padding:0;border-right:1px solid #fff;} .teacher_box_sub ul li .tch_gd{position: absolute;bottom:0;left:0;}/* 2021-11 lee */ .teacher_box_sub ul li .sub_ico{position: absolute;top: 5%;left: 8%;color: #fff;font-size: 12px;font-family: 'Pretendard';font-weight:700;letter-spacing: -0.04em;line-height: 1.1;} .teacher_box_sub ul li .text_box{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding:0 10px 30px;} .teacher_box_sub ul li .text_box div:nth-child(1){color: #fff;font-size: 24px;letter-spacing: -0.08em;font-family: 'notokr-medium';} .teacher_box_sub ul li .text_box div:nth-child(2){color: #fff;font-size: 28px;letter-spacing: -0.08em;font-family: 'notokr-bold';line-height: 1.2;font-weight:700;} .teacher_box_sub ul li .text_box div:nth-child(3){ text-align: center; font-size: 14px; font-family: "Noto Sans KR"; line-height: 21px; color: #ff7b47; padding-top: 10px; letter-spacing: -0.02em; FONT-WEIGHT:500; word-break: keep-all; } .teacher_box_sub .paging{display: block;margin: 0 auto;width: 38%;margin-top: 4%;} .teacher_box_sub .paging a{display: inline-block;vertical-align: top;} .teacher_box_sub .paging div{font-size: 24px;font-family: 'Pretendard';font-weight:700;letter-spacing: -0.08em;color:#5b524f;display: inline-block;line-height: 2.5;width: 54%;text-align: center;} .teacher_box_sub .paging div span{color: #ff7b47;} .m_teacher .swiper-horizontal>.swiper-pagination-bullets, .m_teacher .swiper-pagination-bullets.swiper-pagination-horizontal, .m_teacher .swiper-pagination-custom, .m_teacher .swiper-pagination-fraction{text-align: center;font-size: 24px;font-family: 'Pretendard';font-weight:700;letter-spacing: -0.08em;color:#5b524f;display: flex; justify-content: center; align-items: center; gap: 5px;line-height: 2.5;width: 54%;text-align: center;margin: 0 auto;padding-top: 0;height: 56px;} .m_teacher .swiper-pagination-fraction .swiper-pagination-current{color: #ff7b47;} .m_teacher .swiper-button-next1, .m_teacher .swiper-button-prev1{position: absolute;/* border: 1px solid red; */ bottom: 0;} .m_teacher .swiper-button-next1{right: 32%;} .m_teacher .swiper-button-prev1{left: 32%;} .portfolio_box{overflow: visible;margin-top: 4%;padding-bottom: 3%;position: relative;} .portfolio_box .iframe_dev{ position: absolute;top:50%;left:50%;z-index: 9;margin-top: -170px;margin-left:-280px;width:560px;height:315px; } .portfolio_box .iframe_dev .close_btn{ position: absolute; top: -25px;cursor: pointer; right: 0;width:19px; } .iframe_dev .iframewrap{ position: relative; width:100%; padding-bottom: 56.25%; } .iframe_dev .iframewrap iframe{ position: absolute; width:100%; height:100%; position: absolute; top:0; left:0; } .portfolio_box ul{} .portfolio_box ul li{float: left;width: 38.668% !important;margin-right: 1% !important;} .portfolio_box .swiper-pagination2{transform: translate(0%, 80%) !important;display: none;} .portfolio_box .swiper-pagination-bullet{width: 24px !important;height: 24px !important;} .tch_portfolio_box{padding:8% 0;} .tch_portfolio_box .profile_tit img{ width:46.875vw; } .tch_greeting_m{position: relative;display: flex;align-items: flex-start;justify-content: flex-start;min-height:64.0625vw;background-color: #f6f3ee;padding:6.5104vw 0 13.0208vw;background-size: cover;} .tch_greeting_m > img{position: absolute;bottom:0;left:0;} .tch_greeting_m .go_curri { position: absolute;bottom:20px;right:10px;display: flex;align-items: center;gap:5px;font-size:20px;color: #313131;font-weight: 500; background: #f6f3ee;border:1px solid #3d3c3c;padding: 12px 20px; } .tch_greeting_m .go_curri img{ width:unset; } .tch_greeting_m .tch_greeting_text_box { display: flex;flex-direction: column;position: relative; } .tch_greeting_m .tch_greeting_text_box h2{ font-size:28px;color:#313131;font-weight:700;padding-bottom:30px; } .tch_greeting_m .tch_greeting_text_box .tch_greeting_txt div{ font-size:22px ;color:#313131;font-weight:400; } .tch_info_iframe {width:100%;} .tch_info_iframe iframe{width:100%;height: 56.25vw;} .tch_greeting_txt{position: relative;} .tch_greeting_txt div{color: #313131;font-size: 22px;font-family: 'notokr-regular';letter-spacing: -0.06em;line-height: 1.3;} .tch_greeting_txt div:nth-child(1){font-size: 28px;font-family: 'notokr-bold';padding-bottom: 5%;color:#313131;} .tch_career{background: #f3f2f2;padding:0% 4% 8%;} .tch_career .career_tit{border-top: 2px solid #313131;border-bottom: 1px solid #313131;color: #313131;font-size: 24px;letter-spacing: -0.04em;font-family: 'notokr-bold';line-height: 2.8;padding-left: 1%;} .tch_career ul li{color: #242424;opacity: .8;font-family: 'notokr-regular';font-size: 24px;letter-spacing: -0.04em;line-height: 1.3;padding-top: 1%;text-indent: -2.5%;padding-left: 2.5%;} .tch_interview{padding: 0 13%;padding-bottom: 0;background-color: #f7f7f7;} .interview_box{padding-bottom: 11%;} .interview_box .box_img{} .interview_box .box_txt{padding-top: 4%;} .interview_box .box_txt span{color: #dbc0ab;font-size: 18px;letter-spacing: -0.04em;font-family: 'PretendardExtraBold'} .interview_box .box_txt dl{padding-top: 3%;} .interview_box .box_txt dl dt{color: #ae9582;font-size: 36px;letter-spacing: -0.06em;font-family: 'notokr-bold';} .interview_box .box_txt dl dd{color: #989898;opacity: .9;font-size: 24px;letter-spacing: -0.06em;font-family: 'notokr-medium';padding-top: 3%;} .level_content{padding:10% 0 12% 0;} .level_tit{text-align: center;} .level_tit div:nth-child(1){color: #e989a3;font-size: 22px;letter-spacing: -0.02em;font-family: 'notokr-bold';} .level_tit div:nth-child(2){color: #534f4d;font-size: 46px;letter-spacing: -0.06em;font-family: 'notokr-bold';line-height: 1.3;padding-top: 1%;} .level_area{position: relative;margin-top: 10%;} .level_area .btn{display: inline-block;position: absolute;left: 40%;text-indent: -999em;width: 47%;} .level_area .level_btn06{top: 8%;height: 5%;} .level_area .level_btn05{top: 25.5%;height: 7.5%;} .level_area .level_btn04{top: 42.7%;height: 7.5%;} .level_area .level_btn03{top: 59.8%;height: 7.2%;} .level_area .level_btn02{top: 77%;height: 7.2%;} .level_area .level_btn01{top: 95%;height: 5.2%;} .layer_level{width: 94%;background: #fff;border:1px solid #454545;transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;} .layer_level .ly_head{position: relative;border-bottom: 1px solid #454545;padding:3% 4%;color: #565656;font-size: 36px;font-family: 'notokr-bold';letter-spacing: -0.04em;} .layer_level .ly_head a{display: inline-block;position: absolute;top:38%;right:4%;width: 23px;height: 22px;} .ly_content{padding: 5%;overflow: hidden;} .level_box{width: 48%;float: left;} .level_box .box_img{position: relative;overflow: hidden;border-top-left-radius: 32px;border-top-right-radius: 32px;} .level_box .box_img img{object-fit: cover} .level_box .box_img span{position: absolute;bottom:5%;right:5%;display: inline-block;width: 26px;height: 26px;} .level_box .box_txt{border:1px solid #dedede;border-top: 0;background: #f3f3f3;border-bottom-left-radius: 32px;border-bottom-right-radius: 32px;padding: 5% 0 7% 0;} .level_box .box_txt div:nth-child(1){color: #000;font-size: 24px;letter-spacing: -0.05em;font-family: 'notokr-bold';text-align: center;} .level_box .box_txt div:nth-child(1) strong{color: #f97230;} .level_box .box_txt div:nth-child(2){color: #565656;font-size: 22px;font-family: 'notokr-regular';letter-spacing: -0.02em;text-align: center;padding: 2% 4%;} /* 2021-12-13 */ .etc_container{padding: 5.5% 3%;} .etc_container .etc_tit{} .etc_container .etc_tit h5{font-size: 42px;font-family: 'notokr-bold';letter-spacing: -0.04em;color: #565656;line-height: 1;margin-bottom: 2.5%;} .etc_container .etc_tit h5 span{display: inline-block;width: 12px;height: 12px;background: #fe8b5e;opacity: 1;border-radius: 50%;vertical-align: bottom;} .etc_container .etc_tit span{color: #565656;opacity: .3;font-size: 24px;font-family: 'Pretendard';line-height: 1;} .etc_content{padding-top: 7.5%;} .etc_content h6{color: #000;font-size: 32px;font-family: 'notokr-bold';letter-spacing: -0.04em;} .etc_content dl{margin-top: 6%;} .etc_content dl dt{color: #565656;font-size: 28px;line-height: 1;letter-spacing: -0.04em;font-family: 'notokr-bold';margin-bottom: 3%;} .etc_content dl dd{color: #6e6e6e;font-size: 24px;line-height: 1.5;letter-spacing: -0.04em;font-family: 'notokr-regular';} .etc_content dl dd ul li{text-indent: -1.2em;padding-left: 1.2em;} .etc_container2{padding: 5.5% 0%;} .etc_container2 .etc_tit{padding-left: 3%;} .etc_container2 .etc_tit h5{font-size: 42px;font-family: 'notokr-bold';letter-spacing: -0.04em;color: #565656;line-height: 1;margin-bottom: 2.5%;} .etc_container2 .etc_tit h5 span{display: inline-block;width: 12px;height: 12px;background: #fe8b5e;opacity: 1;border-radius: 50%;vertical-align: bottom;} .etc_container2 .etc_tit span{color: #565656;opacity: .3;font-size: 24px;font-family: 'Pretendard';line-height: 1;} .etc_content2{padding-top: 6%;} .etc_tab{overflow: hidden;padding-left: 3%;} .etc_tab ul li{float: left;margin-right: 1%;} .etc_tab ul li a{display: inline-block;width: 100%;line-height: 3;border:1px solid #e5e5e5;background: #f5f5f5;color: #565656;text-align: center;font-size: 24px;letter-spacing: -0.04em;font-family: 'notokr-regular';min-width: 240px;} .etc_tab ul li a.select, .etc_tab ul li a:hover{background: #ff7b47;border:1px solid #ff7b47;color: #fff;font-family: 'notokr-bold';letter-spacing: -0.05em;} .etc_tab_cont{} .etc_table{border-top: 2px solid #000;width: 100%;overflow-x: auto;white-space: nowrap;margin:3% 3% 0 3%;} .etc_table table{width: 1200px;text-align: center;} .etc_table table thead th{color: #565656;font-size: 20px;font-family: 'notokr-medium';background: #f1f1f1;border-bottom: 1px solid #e6e6e6;padding: 1.8% 0;} .etc_table table tbody td{color: #565656;font-size: 22px;font-family: 'notokr-regular';text-align: center;border-bottom: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;padding: 2.6% 0;} .etc_table table tbody td:first-child{border-left: 0;text-align: center;} .etc_table table tbody td.fc_o{color: #fa955a;} .etc_tabs{overflow: hidden;padding-left: 3%;padding-top:20px;overflow-x: auto;} #etc_tabs2 {overflow: hidden;overflow-x: auto;width:100%; } #etc_tabs2 > ul {width:100%;overflow: hidden;display: flex;flex-direction: row;overflow-x: auto;} .etc_tabs ul li{float: left;margin-right: 1%;} .etc_tabs ul li a{display: inline-block;width: 100%;line-height: 3;border:1px solid #e5e5e5;background: #f5f5f5;color: #565656;text-align: center;font-size: 24px;letter-spacing: -0.04em;font-family: 'notokr-regular';min-width: 240px;} .etc_tabs ul li a.select, .etc_tabs ul li a:hover{background: #ff7b47;border:1px solid #ff7b47;color: #fff;font-family: 'notokr-bold';letter-spacing: -0.05em;} .tch_greeting_m { display: flex; } .tch_greeting_m .iframe_dev .iframewrap iframe { position: relative; width: 100%; height: 100%; top: unset; left: unset; } .tch_info_career { background: #f6f3ee; padding: 60px 34px 20px;position: relative; } .tch_info_career.on:after{ position: absolute; bottom:0;left:0; content: ''; width:100%;height:100%; background: rgb(255,255,255); background: linear-gradient(360deg, rgba(255,255,255,.8) 15%, rgba(246,243,238,0) 30%); display: block; } .tch_info_career:after{ display: none; } .tch_info_career .tch_info_career_inner{ max-width: 1200px;width:100%;margin:0 auto; } .tch_info_career .tch_info_career_inner .career_content { display: flex;flex-direction: column; } .tch_info_career .tch_info_career_inner .career_content .career_title { border-top: 3px solid #313131; border-bottom: 1px solid #313131; padding:26px 8px 26px; } .tch_info_career .tch_info_career_inner .career_content .career_title h2{ font-size:28px;color:#313131;font-weight:700;line-height: 1; } .tch_info_career .tch_info_career_inner .career_content ul{ display: flex;width:100%;gap:60px;flex-direction: column;padding:39px 8px 60px; } .tch_info_career .tch_info_career_inner .career_content ul li{ width:100%;display: flex;flex-direction: column;gap:19px;padding:0; } .tch_info_career .tch_info_career_inner .career_content ul li .ca_title h2{ font-size:23px;color:#313131;font-weight:700; } .tch_info_career .tch_info_career_inner .career_content ul li .ca_content { display: flex;flex-direction: column;gap:5px; } .tch_info_career .tch_info_career_inner .career_content ul li .ca_content * { margin-left: 11px; text-indent: -11px; word-break: keep-all; font-size:22px; font-weight:400;color:#313131; } .tch_info_career .tch_info_career_inner .career_content .more_btn{ display: none; } .tch_info_career .tch_info_career_inner .career_content.on .more_btn { z-index:99;width:100%;display: block;position: relative; } .tch_info_career .tch_info_career_inner .career_content .more_btn a{ display: flex; align-items:center;justify-content: center;gap:5px;border: 1px solid #eddecf;font-size:20px;color:#a58b7c; font-weight:700;padding:20px 0;background: #fcf9f4; } .tch_info_career .tch_info_career_inner .career_content .more_btn a img{ width: unset; } .tch_info_career .tch_info_career_inner .career_content.on ul{ max-height:700px;overflow: hidden;position: relative; } /*.tch_info_career .tch_info_career_inner .career_content.on ul:after{ position: absolute; bottom:0;left:0; content: ''; width:100%;height:100%; background: rgb(255,255,255); background: linear-gradient(360deg, rgba(255,255,255,.8) 5%, rgba(246,243,238,0) 30%); }*/ .tch_info_career .tch_info_career_inner .career_content.on ul.active{ max-height:100%;overflow: hidden; } .review_modal_bg { position: fixed;display: none;top:0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,0.6);z-index: 10000; } .review_modal { position: absolute;top:50%;left:50%;background: #fff; transform: translate(-50%,-50%);border-radius: 10px;max-width:700px;max-height:425px;display: flex;flex-direction: column;overflow: hidden; } .review_modal .stu_name_title{ display: flex;gap:5px;background: #decab9;padding:20px;align-items: center; } .review_modal .stu_name_title p{ font-size:20px; font-weight:700;color:#313131; font-family: 'Noto Sans KR'; } .review_modal .stu_name_title span{ font-size:20px; font-weight:700;color:#313131; font-family: 'Noto Sans KR'; padding-top:2px; } .review_modal .stu_name_title a{ margin-left:auto; } .review_modal .stu_name_title img{ width:unset; } .review_modal .stu_review_content{ background: #fff;padding:30px 10px;max-height: 350px; } .review_modal .stu_review_content .stu_review_content_inner{ padding:0px 30px;max-height:285px;overflow-y: auto; } .review_modal .stu_review_content .stu_review_content_inner p{ font-size:21px; font-weight:400;color:#313131;font-family: 'Noto Sans KR'; white-space: break-spaces; } .review_modal .stu_review_content .stu_review_content_inner::-webkit-scrollbar{ width:5px;background: transparent; } .review_modal .stu_review_content .stu_review_content_inner::-webkit-scrollbar-thumb{ width:5px;background: #8c8c8c;border-radius: 5px; } /* 2021-11-19 lee */ @media (max-width:319px){ .pagemenu ul li a{font-size: 11px;} .colbox_row{width: 216%;} } @media (min-width:320px) and (max-width:349px) { /*.pagemenu ul{width: 150%;}*//* 2021-12-20 */ .pagemenu ul li a{font-size: 11px;} .sub_visual div:nth-child(1){font-size: 14px;} .sub_visual div:nth-child(2){font-size: 10px;} .colbox_row{width: 162%;} .colBoxBlock{width: 120px;margin-left: 1.5%;} .colBoxBlock .imgAe{width: 120px;height: 95px;} .colBox .img_r_arr{top: 42%;} .colBox .img_r_arr.arr01{left: 123px;} .colBox .img_r_arr.arr02{left: 252px;} .colBox .img_r_arr.arr03{left:379px;} .colBoxBlock dl{width: 120px;} .community_tit{font-size: 15px;} .searchBox input{font-size: 11px;} .boardList table tbody tr.notice td:first-child img{height: 20px;} .boardList table tbody td{font-size:10px;} .boardList table tbody td a{font-size: 11px;} .boardList table tbody td span.ic_n img{height: 8px;} .pg_area button, .pg_area span{font-size: 10px;} .pg_area button.btn_pg_prev, .pg_area button.btn_pg_next{background-size: 5px;} .boardView .viewTit{font-size: 11px;} .boardView .viewSub{font-size: 10px;} .boardView .viewSub span{margin-top: 7px;height: 10px;} .boardView table td{font-size: 11px;} .listSumBox table tbody td.list a{font-size: 10px;} .listSumBox table tbody td a.viewPrev, .listSumBox table tbody td a.viewNext{font-size: 10px;background-size: 7px;} .boardBtnBox button{font-size: 11px;height: 37px;line-height: 37px;} .boardWrite table th{font-size: 10px;} .boardWrite table td{font-size: 11px;} .boardWrite table textarea{height: 170px;} .ba_list dl dt{font-size:10px; } .ba_list dl dd{font-size:13px; } .interviewThumBox{/* width: 157px; */height: 227px;border-radius: 16px;} .interviewThumBox .thumImg{height: 90px;} .interviewThumBox .thumTxt .sort{font-size: 11px;} .interviewThumBox .thumTxt div:nth-child(2){font-size: 13px;} .interviewThumBox .thumTxt div:nth-child(3){font-size: 11px;height: 45px;} .interviewThumBox .thumTxt div:nth-child(4){font-size: 10px;} .galleryBox{width: 48%;height: 168px;} .galleryBox .thumImg{width: 100%;height: 121px;} .galleryBox .ico{font-size: 10px;/* top: 79%; */} .galleryBox .galeryTxt{font-size: 11px;/* top: 88%; */height: 27px;} .storyBox{height: 169px;} .storyBox .thumImg{height: 103px;} .storyBox .ico{font-size: 10px;padding-top: 3%;} .storyBox .galeryTxt{font-size: 11px;} .videoBoxList{height: 212px;} .videoBoxList .videoArea{height: 121px;} .videoBoxList .videoArea .videoPlay img{height: 14px;} .videoBoxList .videoTxt{height: 90px;} .videoBoxList .videoTxt .video_tit{font-size: 11px;} .videoBoxList .videoTxt .video_info div{font-size: 10px;} .tabStory li a{font-size: 11px;padding: 0 7px;} .storyBoxList{height: 217px;} .storyBoxList .storyArea{height: 120px;} .storyBoxList .storyTxt{height: 88px;} .storyBoxList .storyTxt .story_info div span{} .storyBoxList .storyTxt .story_tit{font-size: 11px;} .storyBoxList .storyTxt .story_info div{font-size: 10px;} /* 2021-11-28 */ .academy_tit{font-size: 15px;} .map_txt ul li{font-size: 12px;} .facilities_roll {height: 280px;} .facilities_roll_box{height: 169px;} .facilities_roll_box_txt{height: 87px;} .thum_box .swiper-slide{height: 40px;} .thum_box .swiper-slide span {line-height: 40px;} .event_content.oneday .m_one_class {margin: 0; gap: 4.6838vw;} .event_content.oneday .m_one_class a div:nth-child(1) span{font-size: 10px;line-height: 2.6;} .event_content.oneday .m_one_class a div:nth-child(2){font-size: 11px;} .event_content.oneday .m_one_class a div:nth-child(3){font-size: 11px;} .eventBoxList .eventImgBox{height: 173px;border-radius: 14px;} .eventBoxList .eventTxt .event_ing{font-size: 10px;} .eventBoxList .eventTxt .event_tit{font-size: 13px;} .eventBoxList .eventTxt .event_subject{font-size: 10px;} .eventBoxList .eventTxt .event_info div{font-size: 10px;} .tch_list .tch_box a div{font-size: 11px;} .tch_list .tch_box a div strong{font-size:13px;} .teacher_box_sub ul li .text_box div:nth-child(1){ font-size: 11px;} .teacher_box_sub ul li .text_box div:nth-child(2){ font-size:13px;} .tch_profile div{font-size: 11px;} .tch_profile div strong{font-size: 17px;} .academy_viewcontent .profile_tit{font-size: 17px;} .academy_viewcontent .profile_sub_tit{font-size: 10px;} .portfolio_box .swiper-pagination2{transform: translate(0%, 56%) !important} .portfolio_box .swiper-pagination-bullet{width: 10px !important; height: 10px !important;} .tch_greeting_txt div:nth-child(1){font-size: 13px;} .tch_greeting_txt div{font-size: 10px;} .tch_career .career_tit{font-size: 10px;} .tch_career ul li{font-size: 10px;} .interview_box .box_txt span{font-size: 10px;} .interview_box .box_txt dl dt{font-size: 15px;} .interview_box .box_txt dl dd{font-size: 10px;} .sub_visual.academy .sub_txt div:nth-child(1){font-size: 14px;} .sub_visual.academy .sub_txt div:nth-child(2){font-size: 10px;} .level_tit div:nth-child(1){font-size: 10px;} .level_tit div:nth-child(2){font-size: 19px;} .layer_level .ly_head{font-size: 15px;} .level_box .box_txt div:nth-child(1){font-size: 11px;} .level_box .box_txt div:nth-child(2){font-size: 10px;} .level_box .box_img{border-top-left-radius:18px;border-top-right-radius:18px;} .level_box .box_txt{border-bottom-left-radius:18px;border-bottom-right-radius:18px;} .level_box .box_img span{width: 14px;height: 14px;} .layer_level .ly_head a{width: 12px;height: 12px;} /* 2021-11-19 수정 */ .collegeList .subTit{font-size: 13px;} .collegeList ul{height: 138px;} .collegeList li{float: left;width: 155px !important;height: 138px;} .collegeList li .collegeBox{width: 138px;height: 100%;} .collegeList .mtnCtrl .next, .collegeList .mtnCtrl .prev, .collegeList .mtnCtrl2 .next, .collegeList .mtnCtrl2 .prev{width: 35px;height: 35px;} .collegeList li .txtCollege div:nth-child(1){font-size: 12px;} .collegeList li .txtCollege div:nth-child(2){font-size: 10px;} .btnCounseling2 button{font-size: 12px;} .collegeList .mtnCtrl{top:8%;} .collegeList .mtnCtrl2{top: 8%;} /* //2021-11-19 수정 */ .colbox_row.row3box{width: 125%;}/* 2021-11-25 */ /* 2021-12-13 */ .etc_container .etc_tit h5{font-size: 17px;} .etc_container .etc_tit h5 span{width: 6px;height: 6px;} .etc_container .etc_tit span{font-size: 10px;} .etc_content h6{font-size: 13px;} .etc_content dl dt{font-size: 11px;} .etc_content dl dd{font-size: 10px;} .etc_container2 .etc_tit h5{font-size: 17px;} .etc_container2 .etc_tit h5 span{width: 6px;height: 6px;} .etc_container2 .etc_tit span{font-size: 10px;} .etc_tab ul li a{font-size: 10px;min-width: 101px;} .etc_tabs ul li a{font-size: 10px;min-width: 101px;} .etc_table table thead th{font-size: 10px;} .etc_table table tbody td{font-size: 10px;} .map_btn_area ul li a{padding:4.2979vw 0;font-size:12px;} } @media (min-width:350px) and (max-width:360px) { /* 갤럭시 */ /*.pagemenu ul{width: 144%;}*//* 2021-12-20 */ .pagemenu ul li a{font-size: 12px;} .sub_visual div:nth-child(1){font-size: 21px;} .sub_visual div:nth-child(2){font-size: 10px;} .course_box .box_txt span{font-size: 10px} .course_box .box_txt strong{font-size: 13px;} .course_box .box_txt div{font-size: 10px;} .titleOnepass div:nth-child(1){font-size: 10px;} .titleOnepass div:nth-child(2){font-size: 24px;} .txtArea{font-size: 11px;} .colBoxBlock{width: 140px;margin-left: 14px;} .colBoxBlock .imgAe{width: 140px;height:111px;border-top-left-radius:8px;border-top-right-radius:8px; } .colBoxBlock dl{width: 140px;height: 106px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;} .colBoxBlock dl dt div:nth-child(1){font-size: 11px;} .colBoxBlock dl dt div:nth-child(2){font-size: 10px;line-height: 1.2;} .colBoxBlock dl dd{font-size: 10px;} .colBox .img_r_arr{width: 6.056%;} /* 2021-11-19 수정 */ .colBox .img_r_arr.arr01{left:146px;} .colBox .img_r_arr.arr02{left: 301px;} .colBox .img_r_arr.arr03{left:454px;} .selectTab .onepassTab li a{font-size: 10px;line-height: 2.75;} /* //2021-11-19 수정 */ .onepassInfoSub .infoSubTit{font-size: 13px;} .onepassInfoSub .infoSubtext{font-size: 11px;} .onepassInfoSub .onepassInfoTime{font-size: 12px;border-radius: 8px;} .curriculumTit{font-size: 16px;} .makeupCurriculum .ccInfo{font-size: 10px;} .txtBox span:nth-child(1){font-size:10px;} .txtBox span:nth-child(2){font-size: 11px;} .boxRoll{width: 149px ;} .onepass_con8 .pass_tit01{font-size: 20px;} .onepass_con8 .pass_tit02{font-size: 10px;} .onepass_con8 .pass_cont ul li dl dt{font-size:12px;} .onepass_con8 .pass_cont ul li dl dd{font-size: 10px;} .onepass_con9 .pass_tit01{font-size: 13px;} .onepass_con9 .pass_tit02{font-size: 12px;} .onepass_con9 .pass_tit03{font-size: 24px;} .onepass_con9 .pass_tit04{font-size: 10px;} .onepass_con9 .pass_cont dl dt{font-size: 15px;} .onepass_con9 .pass_cont dl dd{font-size: 11px;} .makeupTeacher .makeupTchTit{font-size: 24px;} .makeupTeacher .tch_box .tch_txt h6{font-size: 15px;} .makeupTeacher .tch_box .tch_txt ul li{font-size: 11px;background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/bullet.png) no-repeat 0 8px;background-size: 2px;}/* 2021-11-19 lee */ .makeupTeacher .tch_box .more-btn{font-size: 11px;}/* 2021-11-19 lee */ .makeupTeacher .tch_box .tch_img img{width: 108px;} .makeupTeacher .tch_box{height: 218px;} .makeupTeacher .swiper-horizontal>.swiper-pagination-bullets, .makeupTeacher .swiper-pagination-bullets.swiper-pagination-horizontal, .makeupTeacher .swiper-pagination-custom, .makeupTeacher .swiper-pagination-fraction{font-size: 17px;} /*.counselingFormTable table th{font-size: 11px;} .btnCounseling button{font-size:12px; } .counselingForm .customer_tit_sub{font-size: 13px;} .counselingForm .customer_tit{font-size: 17px;} .counselingFormTable table input{line-height: 2.64;} .counseling_end div span{font-size: 11px;} .counseling_end div a{font-size: 12px;} .counseling_end div img{width: 136px;} .counselingCheck h6 span{font-size: 12px;} .counselingCheck .course a{font-size: 11px;} .counselingCheck .process table tbody th, .counselingCheck .process table tbody td{font-size: 11px;} .counselingCheck .process table tbody td div input{margin-right: 2%;} .counselingCheck .process table tbody td span{font-size: 10px;} .counselingCheck h6.mdi span{font-size: 12px;} .counselingCheck .selectProcess .selectProcessBox a{font-size: 11px;} .counselingCheck .selectProcess .selectProcessBox button{width: 21px;height: 21px;} .int_tit{font-size: 13px;} .counselingFormTable table td{font-size: 12px;} .counselingFormTable input[type="radio"]{width: 21px;height: 21px;} .personalGuide div a{font-size: 12px;} .personalGuide div input{width: 21px;height: 21px;} .counselingForm .btnCounseling button{font-size: 12px;height: 37px;line-height: 1;}*/ .tch_academy .swiper-horizontal>.swiper-pagination-bullets, .tch_academy .swiper-pagination-bullets.swiper-pagination-horizontal, .tch_academy .swiper-pagination-custom, .tch_academy .swiper-pagination-fraction{font-size: 12px;} /* 2021-11-19 수정 */ .collegeList .subTit{font-size: 13px;} .collegeList ul{height: 152px;} .collegeList li{float: left;width: 170px !important;height: 152px;} .collegeList li .collegeBox{width: 152px;height: 100%;} .collegeList .mtnCtrl .next, .collegeList .mtnCtrl .prev, .collegeList .mtnCtrl2 .next, .collegeList .mtnCtrl2 .prev{width: 40px;height: 40px;} .collegeList li .txtCollege div:nth-child(1){font-size: 12px;} .collegeList li .txtCollege div:nth-child(2){font-size: 10px;} .btnCounseling2 button{font-size: 12px;} /* //2021-11-19 수정 */ .colbox_row.row3box{width: 125%;}/* 2021-11-25 */ .community_tit{font-size: 16px;} .searchBox input{font-size: 12px;} .boardList table tbody tr.notice td:first-child img{height: 22px;} .boardList table tbody td{font-size:10px;} .boardList table tbody td a{font-size: 12px;} .boardList table tbody td span.ic_n img{height: 9px;} .pg_area button, .pg_area span{font-size: 11px;} .pg_area button.btn_pg_prev, .pg_area button.btn_pg_next{background-size: 6px;} .boardView .viewTit{font-size: 12px;} .boardView .viewSub{font-size: 10px;} .boardView .viewSub span{margin-top: 7px;height: 10px;} .boardView table td{font-size: 11px;} .listSumBox table tbody td.list a{font-size: 11px;} .listSumBox table tbody td a.viewPrev, .listSumBox table tbody td a.viewNext{font-size: 11px;background-size: 8px;} .boardBtnBox button{font-size: 12px;height: 40px;line-height: 40px;} .boardWrite table th{font-size: 11px;} .boardWrite table td{font-size: 12px;} .boardWrite table textarea{height: 193px;} .ba_list dl dt{font-size:11px; } .ba_list dl dd{font-size:14px; } .interviewThumBox{/* width: 157px; */height: 245px;border-radius: 16px;} .interviewThumBox .thumImg{height: 102px;} .interviewThumBox .thumTxt .sort{font-size: 11px;} .interviewThumBox .thumTxt div:nth-child(2){font-size: 13px;} .interviewThumBox .thumTxt div:nth-child(3){font-size: 11px;height: 45px;} .interviewThumBox .thumTxt div:nth-child(4){font-size: 10px;} .galleryBox{width: 48%;height: 186px;} .galleryBox .thumImg{width: 100%;height: 133px;} .galleryBox .ico{font-size: 10px;/* top: 79%; */} .galleryBox .galeryTxt{font-size: 11px;/* top: 88%; */height: 27px;} .storyBox{height: 181px;} .storyBox .thumImg{height: 113px;} .storyBox .ico{font-size: 10px;padding-top: 3%;} .storyBox .galeryTxt{font-size: 11px;} .videoBoxList{height: 25.5vh;} .videoBoxList .videoArea{height: 15vh;} .videoBoxList .videoArea .videoPlay img{height: 17px;} .videoBoxList .videoTxt{height: 10.5vh;} .videoBoxList .videoTxt .video_tit{font-size: 11px;} .videoBoxList .videoTxt .video_info div{font-size: 10px;} .tabStory li a{font-size: 11px;padding: 0 10px;} .storyBoxList{height: 218px;} .storyBoxList .storyArea{height: 131px;} .storyBoxList .storyTxt{height: 79px;} .storyBoxList .storyTxt .story_tit{font-size: 11px;} .storyBoxList .storyTxt .story_info div{font-size: 10px;} /* 2021-11-28 */ .academy_tit{font-size: 16px;} .map_txt ul li{font-size: 11px;} .facilities_roll {height: 304px;} .facilities_roll_box{height: 185px;} .facilities_roll_box_txt{height: 96px;} .thum_box .swiper-slide{height: 44px;} .thum_box .swiper-slide span {line-height: 44px;} .event_content.oneday .m_one_class { margin: 0;gap:4.6838vw;} .event_content.oneday .m_one_class a div:nth-child(1) span{font-size: 11px;line-height: 2.6;} .event_content.oneday .m_one_class a div:nth-child(2){font-size: 11px;} .event_content.oneday .m_one_class a div:nth-child(3){font-size: 11px;} .eventBoxList .eventImgBox{height: 189px;} .eventBoxList .eventTxt .event_ing{font-size: 11px;} .eventBoxList .eventTxt .event_tit{font-size: 15px;} .eventBoxList .eventTxt .event_subject{font-size: 11px;} .eventBoxList .eventTxt .event_info div{font-size: 11px;} .tch_list .tch_box a div{font-size: 13px;} .tch_list .tch_box a div strong{font-size:14px;} .teacher_box_sub ul li .text_box div:nth-child(1){ font-size: 13px;} .teacher_box_sub ul li .text_box div:nth-child(2){ font-size:14px;} .tch_profile div{font-size: 13px;} .tch_profile div strong{font-size: 19px;} .academy_viewcontent .profile_tit{font-size: 19px;} .academy_viewcontent .profile_sub_tit{font-size: 11px;} .portfolio_box .swiper-pagination-bullet{width: 12px !important;height: 12px !important;} .tch_greeting_txt div:nth-child(1){font-size: 14px;} .tch_greeting_txt div{font-size: 10px;} .tch_career .career_tit{font-size: 11px;} .tch_career ul li{font-size: 11px;} .interview_box .box_txt span{font-size: 10px;} .interview_box .box_txt dl dt{font-size: 16px;} .interview_box .box_txt dl dd{font-size: 11px;} .sub_visual.academy .sub_txt div:nth-child(1){font-size: 15px;} .sub_visual.academy .sub_txt div:nth-child(2){font-size: 10px;} .level_tit div:nth-child(1){font-size: 10px;} .level_tit div:nth-child(2){font-size: 22px;} .layer_level .ly_head{font-size: 17px;} .level_box .box_txt div:nth-child(1){font-size: 11px;} .level_box .box_txt div:nth-child(2){font-size: 10px;} .level_box .box_img{border-top-left-radius:24px;border-top-right-radius:24px;} .level_box .box_txt{border-bottom-left-radius:24px;border-bottom-right-radius:24px;} .level_box .box_img span{width: 14px;height: 14px;} .layer_level .ly_head a{width: 12px;height: 12px;} .collegeList .mtnCtrl{top:8%;} .collegeList .mtnCtrl2{top: 8%;} /* 2021-12-13 */ .etc_container .etc_tit h5{font-size: 19px;} .etc_container .etc_tit h5 span{width: 6px;height: 6px;} .etc_container .etc_tit span{font-size: 11px;} .etc_content h6{font-size: 14px;} .etc_content dl dt{font-size: 13px;} .etc_content dl dd{font-size: 11px;} .etc_container2 .etc_tit h5{font-size: 19px;} .etc_container2 .etc_tit h5 span{width: 6px;height: 6px;} .etc_container2 .etc_tit span{font-size: 11px;} .etc_tab ul li a{font-size: 11px;min-width: 114px;} .etc_tabs ul li a{font-size: 11px;min-width: 114px;} .etc_table table thead th{font-size: 10px;} .etc_table table tbody td{font-size: 10px;} .map_btn_area ul li a{padding:4.1666vw 0;font-size:12px;} } @media (min-width:361px) and (max-width:427px) { .pagemenu ul{width: ;}/* 2021-12-20 */ .pagemenu ul.deps_8{width: 290%;} .pagemenu ul li a{font-size: 14px;} .sub_visual div:nth-child(1){font-size: 23px;} .sub_visual div:nth-child(2){font-size: 12px;} .course_box .box_txt span{font-size: 12px} .course_box .box_txt strong{font-size: 15px;} .course_box .box_txt div{font-size: 12px;} .titleOnepass div:nth-child(1){font-size: 12px;} .titleOnepass div:nth-child(2){font-size: 26px;} .txtArea{font-size: 13px;} /* 2021-11-19 수정 */ .colbox_row{width: 750px;} .colBoxBlock{width: 167px;margin-left: 17px;} .colBoxBlock .imgAe{width: 167px;height:132px;border-top-left-radius:10px;border-top-right-radius:10px; } .colBoxBlock dl{width: 167px;height: 126px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;} .colBoxBlock dl dt div:nth-child(1){font-size: 13px;} .colBoxBlock dl dt div:nth-child(2){font-size: 12px;line-height: 1.2;} .colBoxBlock dl dd{font-size: 10px;} .colBox .img_r_arr{width: 7.056%;top: 46%;} .colBox .img_r_arr.arr01{left:173px;} .colBox .img_r_arr.arr02{left: 357px;} .colBox .img_r_arr.arr03{left:539px;} /* //2021-11-19 수정 */ .selectTab .onepassTab li a{font-size: 12px;} .onepassInfoSub .infoSubTit{font-size: 15px;} .onepassInfoSub .infoSubtext{font-size: 13px;} .onepassInfoSub .onepassInfoTime{font-size: 13px;border-radius: 10px;} .curriculumTit{font-size: 18px;} .makeupCurriculum .ccInfo{font-size: 12px;} .txtBox span:nth-child(1){font-size:12px;} .txtBox span:nth-child(2){font-size: 13px;} .boxRoll{width: 177px ;} .onepass_con8 .pass_tit01{font-size: 22px;} .onepass_con8 .pass_tit02{font-size: 12px;} .onepass_con8 .pass_cont ul li dl dt{font-size:14px;} .onepass_con8 .pass_cont ul li dl dd{font-size: 12px;} .onepass_con9 .pass_tit01{font-size: 15px;} .onepass_con9 .pass_tit02{font-size: 14px;} .onepass_con9 .pass_tit03{font-size: 26px;} .onepass_con9 .pass_tit04{font-size: 12px;} .onepass_con9 .pass_cont dl dt{font-size: 17px;} .onepass_con9 .pass_cont dl dd{font-size: 13px;} .makeupTeacher .makeupTchTit{font-size: 26px;} .makeupTeacher .tch_box .tch_txt h6{font-size: 15px;} .makeupTeacher .tch_box .tch_txt ul li{font-size: 11px;background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/bullet.png) no-repeat 0 8px} .makeupTeacher .tch_box .more-btn{font-size: 11px;} .makeupTeacher .tch_box .tch_img img{height: 187px;}/* 2021-11-22 lee2 */ .makeupTeacher .tch_box{height: 219px;}/* 2021-11-22 lee2 */ .makeupTeacher .swiper-horizontal>.swiper-pagination-bullets, .makeupTeacher .swiper-pagination-bullets.swiper-pagination-horizontal, .makeupTeacher .swiper-pagination-custom, .makeupTeacher .swiper-pagination-fraction{font-size: 19px;} /*.counselingFormTable table th{font-size: 13px;} .btnCounseling button{font-size:14px; } .counselingForm .customer_tit_sub{font-size: 15px;} .counselingForm .customer_tit{font-size: 19px;} .counselingFormTable table input{line-height: 2.64;} .counseling_end div span{font-size: 15px;} .counseling_end div a{font-size: 16px;} .counseling_end div img{width: 140px;} .counselingCheck h6 span{font-size: 14px;} .counselingCheck .course a{font-size: 13px;} .counselingCheck .process table tbody th, .counselingCheck .process table tbody td{font-size: 13px;} .counselingCheck .process table tbody td div input{margin-right: 2%;} .counselingCheck .process table tbody td span{font-size: 12px;} .counselingCheck h6.mdi span{font-size: 14px;} .counselingCheck .selectProcess .selectProcessBox a{font-size: 13px;} .counselingCheck .selectProcess .selectProcessBox button{width: 21px;height: 21px;} .int_tit{font-size: 15px;} .counselingFormTable table td{font-size: 14px;} .counselingFormTable input[type="radio"]{width: 21px;height: 21px;} .personalGuide div a{font-size: 14px;} .personalGuide div input{width: 21px;height: 21px;} .counselingForm .btnCounseling button{font-size: 14px;height: 37px;line-height: 1;}*/ .tch_academy .swiper-horizontal>.swiper-pagination-bullets, .tch_academy .swiper-pagination-bullets.swiper-pagination-horizontal, .tch_academy .swiper-pagination-custom, .tch_academy .swiper-pagination-fraction{font-size: 14px;} /* 2021-11-19 수정 */ .collegeList .subTit{font-size: 15px;} .collegeList ul{height: 156px;} .collegeList li{float: left;width: 175px !important;height: 156px;} .collegeList li .collegeBox{width: 156px;height: 100%;} .collegeList .mtnCtrl .next, .collegeList .mtnCtrl .prev, .collegeList .mtnCtrl2 .next, .collegeList .mtnCtrl2 .prev{width: 32px;height: 32px;} .collegeList li .txtCollege div:nth-child(1){font-size: 14px;} .collegeList li .txtCollege div:nth-child(2){font-size: 12px;} .btnCounseling2 button{font-size: 14px;} .collegeList .mtnCtrl{top:8%;} .collegeList .mtnCtrl2{top: 8%;} /* //2021-11-19 수정 */ .colbox_row.row3box{width: 150%;}/* 2021-11-25 */ .community_tit{font-size: 17px;} .searchBox input{font-size: 12px;} .boardList table tbody tr.notice td:first-child img{height: 23px;} .boardList table tbody td{font-size:10px;} .boardList table tbody td a{font-size: 12px;} .boardList table tbody td span.ic_n img{height: 9px;} .pg_area button, .pg_area span{font-size: 11px;} .pg_area button.btn_pg_prev, .pg_area button.btn_pg_next{background-size: 6px;} .boardView .viewTit{font-size: 12px;} .boardView .viewSub{font-size: 10px;} .boardView .viewSub span{margin-top: 8px;height: 10px;} .boardView table td{font-size: 11px;} .listSumBox table tbody td.list a{font-size: 11px;} .listSumBox table tbody td a.viewPrev, .listSumBox table tbody td a.viewNext{font-size: 11px;background-size: 8px;} .boardBtnBox button{font-size: 12px;height: 40px;line-height: 40px;} .boardWrite table th{font-size: 11px;} .boardWrite table td{font-size: 12px;} .boardWrite table textarea{height: 193px;} .ba_list dl dt{font-size:11px; } .ba_list dl dd{font-size:15px; } .interviewThumBox{/* width: 157px; */height: 245px;border-radius: 16px;} .interviewThumBox .thumImg{height: 102px;} .interviewThumBox .thumTxt .sort{font-size: 11px;} .interviewThumBox .thumTxt div:nth-child(2){font-size: 13px;} .interviewThumBox .thumTxt div:nth-child(3){font-size: 11px;height: 45px;} .interviewThumBox .thumTxt div:nth-child(4){font-size: 10px;} .galleryBox{width: 48%;height: 192px;} .galleryBox .thumImg{width: 100%;height: 137px;} .galleryBox .ico{font-size: 10px;/* top: 79%; */} .galleryBox .galeryTxt{font-size: 11px;/* top: 88%; */height: 27px;} .storyBox{height: 187px;} .storyBox .thumImg{height: 117px;} .storyBox .ico{font-size: 10px;padding-top: 3%;} .storyBox .galeryTxt{font-size: 11px;} .videoBoxList{height: 231px;} .videoBoxList .videoArea{height: 137px;} .videoBoxList .videoArea .videoPlay img{height: 17px;} .videoBoxList .videoTxt{height: 94px;} .videoBoxList .videoTxt .video_tit{font-size: 11px;} .videoBoxList .videoTxt .video_info div{font-size: 10px;} .tabStory li a{font-size: 11px;padding: 0 11px;} .storyBoxList{height: 223px;} .storyBoxList .storyArea{height: 136px;} .storyBoxList .storyTxt{height: 79px;} .storyBoxList .storyTxt .story_tit{font-size: 11px;} .storyBoxList .storyTxt .story_info div{font-size: 10px;} /* 2021-11-28 */ .academy_tit{font-size: 17px;} .map_txt ul li{font-size: 12px;} .facilities_roll {height: 320px;} .facilities_roll_box{height: 190px;} .thum_box .swiper-slide{height: 53px;} .thum_box .swiper-slide span {line-height: 53px;} .event_content.oneday .m_one_class { margin: 0;gap:4.6838vw;} .event_content.oneday .m_one_class a div:nth-child(1) span{font-size: 11px;line-height: 2.6;} .event_content.oneday .m_one_class a div:nth-child(2){font-size: 11px;} .event_content.oneday .m_one_class a div:nth-child(3){font-size: 11px;} .eventBoxList .eventImgBox{height: 195px;} .eventBoxList .eventTxt .event_ing{font-size: 11px;} .eventBoxList .eventTxt .event_tit{font-size: 15px;} .eventBoxList .eventTxt .event_subject{font-size: 11px;} .eventBoxList .eventTxt .event_info div{font-size: 11px;} .tch_list .tch_box a div{font-size: 13px;} .tch_list .tch_box a div strong{font-size:15px;} .teacher_box_sub ul li .text_box div:nth-child(1){ font-size:13px;} .teacher_box_sub ul li .text_box div:nth-child(2){ font-size:15px;} .tch_profile div{font-size: 13px;} .tch_profile div strong{font-size:20px;} .academy_viewcontent .profile_tit{font-size: 20px;} .academy_viewcontent .profile_sub_tit{font-size: 11px;} .portfolio_box .swiper-pagination-bullet{width: 12px !important;height: 12px !important;} .tch_greeting_txt div:nth-child(1){font-size: 15px;} .tch_greeting_txt div{font-size: 10px;} .tch_career .career_tit{font-size: 11px;} .tch_career ul li{font-size: 11px;} .interview_box .box_txt span{font-size: 10px;} .interview_box .box_txt dl dt{font-size: 17px;} .interview_box .box_txt dl dd{font-size: 11px;} .sub_visual.academy .sub_txt div:nth-child(1){font-size: 15px;} .sub_visual.academy .sub_txt div:nth-child(2){font-size: 10px;} .level_tit div:nth-child(1){font-size: 10px;} .level_tit div:nth-child(2){font-size: 22px;} .layer_level .ly_head{font-size: 17px;} .level_box .box_txt div:nth-child(1){font-size: 11px;} .level_box .box_txt div:nth-child(2){font-size: 10px;} .level_box .box_img{border-top-left-radius:24px;border-top-right-radius:24px;} .level_box .box_txt{border-bottom-left-radius:24px;border-bottom-right-radius:24px;} .level_box .box_img span{width: 14px;height: 14px;} .layer_level .ly_head a{width: 12px;height: 12px;} .collegeList .mtnCtrl{top:8%;} .collegeList .mtnCtrl2{top: 8%;} /* 2021-12-13 */ .etc_container .etc_tit h5{font-size: 20px;} .etc_container .etc_tit h5 span{width: 6px;height: 6px;} .etc_container .etc_tit span{font-size: 11px;} .etc_content h6{font-size: 15px;} .etc_content dl dt{font-size: 13px;} .etc_content dl dd{font-size: 11px;} .etc_container2 .etc_tit h5{font-size: 20px;} .etc_container2 .etc_tit h5 span{width: 6px;height: 6px;} .etc_container2 .etc_tit span{font-size: 11px;} .etc_tab ul li a{font-size: 11px;min-width: 114px;} .etc_tabs ul li a{font-size: 11px;min-width: 114px;} .etc_table table thead th{font-size: 10px;} .etc_table table tbody td{font-size: 10px;} .map_btn_area ul li a{padding:3.5128vw 0;font-size:4.2154vw;} } /* 2021-11-22 lee2 */ @media (min-width:428px) and (max-width:500px) { .pagemenu ul {width: ;}/* 2021-12-20 */ .pagemenu ul li a{font-size: 15px;} .colbox_row{width:1002px; } .colBoxBlock{width: 228px;} .colBoxBlock .imgAe{width: 228px;height: 181px;} .colBoxBlock dl{width: 228px;} .colBoxBlock dl dt div:nth-child(1){font-size: 18px;} .colBoxBlock dl dt div:nth-child(2){font-size: 17px;} .colBoxBlock dl dd{font-size: 16px;} .colBox .img_r_arr{width: 46px;top: 43%;} .colBox .img_r_arr.arr01{left: 236px;} .colBox .img_r_arr.arr02{left: 497px;} .colBox .img_r_arr.arr03{left:753px;} .sub_visual div:nth-child(1){font-size: 26px;} .sub_visual div:nth-child(2){font-size: 13px;} .titleOnepass div:nth-child(1){font-size: 13px;} .titleOnepass div:nth-child(2){font-size: 31px;} .txtArea{font-size: 14px;} .selectTab .onepassTab li a{font-size: 10px;} .onepassInfoSub .infoSubTit{font-size: 16px;} .onepassInfoSub .infoSubtext{font-size: 14px;} .onepassInfoSub .onepassInfoTime{font-size: 15px;} .curriculumTit{font-size: 20px;} .makeupCurriculum .ccInfo{font-size: 13px;} .txtBox span:nth-child(1){font-size: 12px;} .txtBox span:nth-child(2){font-size: 14px;} .onepass_con8 .pass_tit01{font-size: 25px;} .onepass_con8 .pass_tit02{font-size: 13px;} .onepass_con8 .pass_cont ul li dl dt{font-size: 15px;} .onepass_con8 .pass_cont ul li dl dd{font-size: 13px;} .onepass_con9 .pass_tit01{font-size: 16px;} .onepass_con9 .pass_tit02{font-size: 15px;} .onepass_con9 .pass_tit03{font-size: 31px;} .onepass_con9 .pass_tit04{font-size: 13px;} .onepass_con9 .pass_cont dl dt{font-size: 19px;} .onepass_con9 .pass_cont dl dd{font-size: 14px;} .makeupTeacher .makeupTchTit{font-size: 31px;} .makeupTeacher .tch_box{height: 270px;} .makeupTeacher .tch_box .tch_img img{height: 232px;} .makeupTeacher .tch_box .tch_txt h6{font-size: 19px;} .makeupTeacher .tch_box .tch_txt ul li{font-size: 14px;} .makeupTeacher .tch_box .more-btn{font-size: 14px;} .colbox_row.row3box{width: 180%;}/* 2021-11-25 */ .community_tit{font-size: 20px;} .searchBox input{font-size: 14px;} .boardList table tbody tr.notice td:first-child img{height: 27px;} .boardList table tbody td{font-size:12px;} .boardList table tbody td a{font-size: 14px;} .boardList table tbody td span.ic_n img{height: 10px;} .pg_area button, .pg_area span{font-size: 13px;} .pg_area button.btn_pg_prev, .pg_area button.btn_pg_next{background-size: 7px;} .boardView .viewTit{font-size: 14px;} .boardView .viewSub{font-size: 12px;} .boardView .viewSub span{margin-top: 8px;height: 12px;} .boardView table td{font-size: 13px;} .listSumBox table tbody td.list a{font-size: 13px;} .listSumBox table tbody td a.viewPrev, .listSumBox table tbody td a.viewNext{font-size: 13px;background-size: 9px;} .boardBtnBox button{font-size: 14px;height: 49px;line-height: 49px;} .review_box{min-height: 204px;} .review_box .review_user span{width: 75px;height: 75px;} .review_box .review_user dl dt{font-size: 14px;height: 36px;} .review_box .review_user dl dd{font-size: 12px;} .review_box .review_txt{font-size: 12px;} .boardWrite table th{font-size: 13px;} .boardWrite table td{font-size: 14px;} .boardWrite table textarea{height: 230px;} .ba_list dl dt{font-size:13px; } .ba_list dl dd{font-size:18px; } .interviewThumBox{/* width: 189px; */height: 270px;border-radius: 16px;} .interviewThumBox .thumImg{height: 123px;} .interviewThumBox .thumTxt .sort{font-size: 11px;} .interviewThumBox .thumTxt div:nth-child(2){font-size: 13px;} .interviewThumBox .thumTxt div:nth-child(3){font-size: 11px;height: 45px;} .interviewThumBox .thumTxt div:nth-child(4){font-size: 10px;} .galleryBox{width: 48%;height: 227px;} .galleryBox .ico{font-size: 11px;/* top: 73%; */} .galleryBox .galeryTxt{font-size: 13px;height: 30px;/* top: 83%; */} .galleryBox .thumImg{height: 162px;width: 100%;} .storyBox{height: 218px;} .storyBox .thumImg{height: 139px;} .storyBox .ico{font-size: 11px;padding-top: 3%;} .storyBox .galeryTxt{font-size: 13px;} .videoBoxList{height: 272px;} .videoBoxList .videoArea{height: 161px;} .videoBoxList .videoArea .videoPlay img{height:23px;} .videoBoxList .videoTxt{height: 110px;} .videoBoxList .videoTxt .video_tit{font-size: 13px;} .videoBoxList .videoTxt .video_info div{font-size: 11px;} .tabStory li a{font-size: 13px;padding: 0 14px;} .storyBoxList{height: 265px;} .storyBoxList .storyArea{height: 161px;} .storyBoxList .storyTxt{height: 94px;} .storyBoxList .storyTxt .story_tit{font-size: 13px;} .storyBoxList .storyTxt .story_info div{font-size: 11px;} /* 2021-11-28 */ .academy_tit{font-size: 20px;} .map_txt ul li{font-size: 13px;} .facilities_roll {height: 373px;} .facilities_roll_box{height: 226px;} .facilities_roll_box_txt{height: 121px;} .thum_box .swiper-slide{height: 54px;} .thum_box .swiper-slide span {line-height: 54px;} .event_content.oneday .m_one_class a div:nth-child(1) span{font-size: 13px;line-height: 2.3;} .event_content.oneday .m_one_class a div:nth-child(2){font-size: 13px;} .event_content.oneday .m_one_class a div:nth-child(3){font-size: 13px;} .eventBoxList .eventImgBox{height: 232px;} .eventBoxList .eventTxt .event_ing{font-size: 13px;} .eventBoxList .eventTxt .event_tit{font-size: 18px;} .eventBoxList .eventTxt .event_subject{font-size: 13px;} .eventBoxList .eventTxt .event_info div{font-size: 13px;} .tch_list .tch_box a div{font-size: 15px;} .tch_list .tch_box a div strong{font-size:18px;} .teacher_box_sub ul li .text_box div:nth-child(1){ font-size:15px;} .teacher_box_sub ul li .text_box div:nth-child(2){ font-size:18px;} .tch_profile div{font-size: 15px;} .tch_profile div strong{font-size:23px;} .academy_viewcontent .profile_tit{font-size: 23px;} .academy_viewcontent .profile_sub_tit{font-size: 13px;} .portfolio_box .swiper-pagination-bullet{width: 14px !important;height: 14px !important;} .tch_greeting_txt div:nth-child(1){font-size: 18px;} .tch_greeting_txt div{font-size: 12px;} .tch_career .career_tit{font-size: 13px;} .tch_career ul li{font-size: 13px;} .interview_box .box_txt span{font-size: 10px;} .interview_box .box_txt dl dt{font-size: 20px;} .interview_box .box_txt dl dd{font-size: 13px;} .sub_visual.academy .sub_txt div:nth-child(1){font-size: 18px;} .sub_visual.academy .sub_txt div:nth-child(2){font-size: 12px;} .level_tit div:nth-child(1){font-size: 12px;} .level_tit div:nth-child(2){font-size: 26px;} .layer_level .ly_head{font-size: 20px;} .level_box .box_txt div:nth-child(1){font-size: 13px;} .level_box .box_txt div:nth-child(2){font-size: 12px;} .level_box .box_img{border-top-left-radius:24px;border-top-right-radius:24px;} .level_box .box_txt{border-bottom-left-radius:24px;border-bottom-right-radius:24px;} .level_box .box_img span{width: 16px;height: 16px;} .layer_level .ly_head a{width: 14px;height: 14px;} /* 2021-11-19 수정 */ .collegeList .subTit{font-size: 13px;} .collegeList ul{height:194px;} .collegeList li{float: left;width: 208px !important;height: 185px;} .collegeList li .collegeBox{width: 185px;height: 100%;} .collegeList .mtnCtrl .next, .collegeList .mtnCtrl .prev, .collegeList .mtnCtrl2 .next, .collegeList .mtnCtrl2 .prev{width: 45px;height: 45px;} .collegeList li .txtCollege div:nth-child(1){font-size: 14px;} .collegeList li .txtCollege div:nth-child(2){font-size: 12px;} .btnCounseling2 button{font-size: 12px;} .collegeList .mtnCtrl{top:8%;} .collegeList .mtnCtrl2{top: 8%;} /* //2021-11-19 수정 */ /* 2021-12-13 */ .etc_container .etc_tit h5{font-size: 23px;} .etc_container .etc_tit h5 span{width: 7px;height: 7px;} .etc_container .etc_tit span{font-size: 13px;} .etc_content h6{font-size: 18px;} .etc_content dl dt{font-size: 15px;} .etc_content dl dd{font-size: 13px;} .etc_container2 .etc_tit h5{font-size: 23px;} .etc_container2 .etc_tit h5 span{width: 7px;height: 7px;} .etc_container2 .etc_tit span{font-size: 13px;} .etc_tab ul li a{font-size: 13px;min-width: 136px;} .etc_tabs ul li a{font-size: 13px;min-width: 136px;} .etc_table table thead th{font-size: 11px;} .etc_table table tbody td{font-size: 12px;} .map_btn_area ul li a { padding: 15px 0; font-size: 14px; } } @media (min-width:501px) and (max-width:640px) { .pagemenu ul {width: ;} .pagemenu ul li a{font-size: 15px;} .colbox_row{width:1002px; } .colBoxBlock{width: 228px;} .colBoxBlock .imgAe{width: 228px;height: 181px;} .colBoxBlock dl{width: 228px;} .colBoxBlock dl dt div:nth-child(1){font-size: 18px;} .colBoxBlock dl dt div:nth-child(2){font-size: 17px;} .colBoxBlock dl dd{font-size: 16px;} .colBox .img_r_arr{width: 46px;top: 43%;} .colBox .img_r_arr.arr01{left: 236px;} .colBox .img_r_arr.arr02{left: 497px;} .colBox .img_r_arr.arr03{left:753px;} .sub_visual div:nth-child(1){font-size: 26px;} .sub_visual div:nth-child(2){font-size: 13px;} .titleOnepass div:nth-child(1){font-size: 13px;} .titleOnepass div:nth-child(2){font-size: 31px;} .txtArea{font-size: 14px;} .selectTab .onepassTab li a{font-size: 10px;} .onepassInfoSub .infoSubTit{font-size: 16px;} .onepassInfoSub .infoSubtext{font-size: 14px;} .onepassInfoSub .onepassInfoTime{font-size: 15px;} .curriculumTit{font-size: 20px;} .makeupCurriculum .ccInfo{font-size: 13px;} .txtBox span:nth-child(1){font-size: 12px;} .txtBox span:nth-child(2){font-size: 14px;} .onepass_con8 .pass_tit01{font-size: 25px;} .onepass_con8 .pass_tit02{font-size: 13px;} .onepass_con8 .pass_cont ul li dl dt{font-size: 15px;} .onepass_con8 .pass_cont ul li dl dd{font-size: 13px;} .onepass_con9 .pass_tit01{font-size: 16px;} .onepass_con9 .pass_tit02{font-size: 15px;} .onepass_con9 .pass_tit03{font-size: 31px;} .onepass_con9 .pass_tit04{font-size: 13px;} .onepass_con9 .pass_cont dl dt{font-size: 19px;} .onepass_con9 .pass_cont dl dd{font-size: 14px;} .makeupTeacher .makeupTchTit{font-size: 31px;} .makeupTeacher .tch_box{height: 270px;} .makeupTeacher .tch_box .tch_img img{height: 232px;} .makeupTeacher .tch_box .tch_txt h6{font-size: 19px;} .makeupTeacher .tch_box .tch_txt ul li{font-size: 14px;} .makeupTeacher .tch_box .more-btn{font-size: 14px;} .colbox_row.row3box{width: 180%;}/* 2021-11-25 */ .community_tit{font-size: 20px;} .searchBox input{font-size: 14px;} .boardList table tbody tr.notice td:first-child img{height: 27px;} .boardList table tbody td{font-size:12px;} .boardList table tbody td a{font-size: 14px;} .boardList table tbody td span.ic_n img{height: 11px;} .pg_area button, .pg_area span{font-size: 13px;} .pg_area button.btn_pg_prev, .pg_area button.btn_pg_next{background-size: 7px;} .boardView .viewTit{font-size: 14px;} .boardView .viewSub{font-size: 12px;} .boardView .viewSub span{margin-top: 9px;height: 12px;} .boardView table td{font-size: 13px;} .listSumBox table tbody td.list a{font-size: 13px;} .listSumBox table tbody td a.viewPrev, .listSumBox table tbody td a.viewNext{font-size: 13px;background-size: 9px;} .boardBtnBox button{font-size: 14px;height: 49px;line-height: 49px;} .review_box{min-height: 204px;} .review_box .review_user span{width: 75px;height: 75px;} .review_box .review_user dl dt{font-size: 14px;height: 36px;} .review_box .review_user dl dd{font-size: 12px;} .review_box .review_txt{font-size: 12px;} .boardWrite table th{font-size: 13px;} .boardWrite table td{font-size: 14px;} .boardWrite table textarea{height: 230px;} .ba_list dl dt{font-size:13px; } .ba_list dl dd{font-size:18px; } .interviewThumBox{/* width: 189px; */height: 352px;border-radius: 16px;} .interviewThumBox .thumImg{height: 177px;} .interviewThumBox .thumTxt .sort{font-size: 13px;} .interviewThumBox .thumTxt div:nth-child(2){font-size: 15px;} .interviewThumBox .thumTxt div:nth-child(3){font-size: 13px;height: 52px;} .interviewThumBox .thumTxt div:nth-child(4){font-size: 10px;} .galleryBox{width: 48%;height: 258px;} .galleryBox .ico{font-size: 11px;/* top: 73%; */} .galleryBox .galeryTxt{font-size: 13px;height: 33px;/* top: 83%; */} .galleryBox .thumImg{height: 190px;width: 100%;} .storyBox{height: 239px;} .storyBox .thumImg{height: 163px;} .storyBox .ico{font-size: 11px;padding-top: 3%;} .storyBox .galeryTxt{font-size: 13px;} .videoBoxList{height: 309px;} .videoBoxList .videoArea{height: 188px;} .videoBoxList .videoArea .videoPlay img{height:23px;} .videoBoxList .videoTxt{height: 120px;} .videoBoxList .videoTxt .video_tit{font-size: 13px;} .videoBoxList .videoTxt .video_info div{font-size: 11px;} .tabStory li a{font-size: 13px;padding: 0 14px;} .storyBoxList{height: 300px;} .storyBoxList .storyArea{height: 188px;} .storyBoxList .storyTxt{height: 101px;} .storyBoxList .storyTxt .story_tit{font-size: 13px;} .storyBoxList .storyTxt .story_info div{font-size: 11px;} /* 2021-11-28 */ .academy_tit{font-size: 20px;} .map_txt ul li{font-size: 13px;} .facilities_roll {height: 432px;} .facilities_roll_box{height: 264px;} .facilities_roll_box_txt{height: 134px;} .thum_box .swiper-slide{height: 63px;} .thum_box .swiper-slide span {line-height: 63px;} .event_content.oneday .m_one_class a div:nth-child(1) span{font-size: 13px;line-height: 2.6;} .event_content.oneday .m_one_class a div:nth-child(2){font-size: 13px;} .event_content.oneday .m_one_class a div:nth-child(3){font-size: 13px;} .eventBoxList .eventImgBox{height: 271px;} .eventBoxList .eventTxt .event_ing{font-size: 13px;} .eventBoxList .eventTxt .event_tit{font-size: 18px;} .eventBoxList .eventTxt .event_subject{font-size: 13px;} .eventBoxList .eventTxt .event_info div{font-size: 13px;} .tch_list .tch_box a div{font-size: 18px;} .tch_list .tch_box a div strong{font-size:21px;} .teacher_box_sub ul li .text_box div:nth-child(1){ font-size:18px;} .teacher_box_sub ul li .text_box div:nth-child(2){ font-size:21px;} .tch_profile div{font-size: 18px;} .tch_profile div strong{font-size:28px;} .academy_viewcontent .profile_tit{font-size: 28px;} .academy_viewcontent .profile_sub_tit{font-size: 16px;} .portfolio_box .swiper-pagination-bullet{width: 17px !important;height: 17px !important;} .tch_greeting_txt div:nth-child(1){font-size: 21px;} .tch_greeting_txt div{font-size: 14px;} .tch_career .career_tit{font-size: 16px;} .tch_career ul li{font-size: 16px;} .interview_box .box_txt span{font-size: 12px;} .interview_box .box_txt dl dt{font-size: 24px;} .interview_box .box_txt dl dd{font-size: 16px;} .sub_visual.academy .sub_txt div:nth-child(1){font-size: 22px;} .sub_visual.academy .sub_txt div:nth-child(2){font-size: 14px;} .level_tit div:nth-child(1){font-size: 14px;} .level_tit div:nth-child(2){font-size: 30px;} .layer_level .ly_head{font-size: 24px;} .level_box .box_txt div:nth-child(1){font-size: 16px;} .level_box .box_txt div:nth-child(2){font-size: 14px;} /* 2021-11-19 수정 */ .collegeList .subTit{font-size: 13px;} .collegeList ul{height: 217px;} .collegeList li{float: left;width: 245px !important;height: 217px;} .collegeList li .collegeBox{width: 217px;height: 100%;} .collegeList .mtnCtrl .next, .collegeList .mtnCtrl .prev, .collegeList .mtnCtrl2 .next, .collegeList .mtnCtrl2 .prev{width: 50px;height: 50px;} .collegeList li .txtCollege div:nth-child(1){font-size: 17px;} .collegeList li .txtCollege div:nth-child(2){font-size: 14px;} .btnCounseling2 button{font-size: 12px;} /* //2021-11-19 수정 */ /* 2021-12-13 */ .etc_container .etc_tit h5{font-size: 28px;} .etc_container .etc_tit h5 span{width: 9px;height: 9px;} .etc_container .etc_tit span{font-size: 16px;} .etc_content h6{font-size: 21px;} .etc_content dl dt{font-size: 18px;} .etc_content dl dd{font-size: 16px;} .etc_container2 .etc_tit h5{font-size: 28px;} .etc_container2 .etc_tit h5 span{width: 9px;height: 9px;} .etc_container2 .etc_tit span{font-size: 16px;} .etc_tab ul li a{font-size: 16px;min-width: 159px;} .etc_tabs ul li a{font-size: 16px;min-width: 159px;} .etc_table table thead th{font-size: 13px;} .etc_table table tbody td{font-size: 14px;} } @media (min-width:641px) and (max-width:749px) { .txtArea{font-size: 20px;} .pagemenu ul li a{font-size: 22px;} .colbox_row{width:190%; } .colBoxBlock{width: 252px;} .colBoxBlock .imgAe{width: 252px;height: 200px;} .colBoxBlock dl{width: 252px;} .colBoxBlock dl dt div:nth-child(1){font-size: 18px;} .colBoxBlock dl dt div:nth-child(2){font-size: 17px;} .colBoxBlock dl dd{font-size: 16px;} .colBox .img_r_arr{width: 52px;} .colBox .img_r_arr.arr01{left: 258px;} .colBox .img_r_arr.arr02{left: 540px;} .colBox .img_r_arr.arr03{left:821px;} .sub_visual div:nth-child(1){font-size: 39px;} .sub_visual div:nth-child(2){font-size: 19px;} .titleOnepass div:nth-child(1){font-size: 19px;} .titleOnepass div:nth-child(2){font-size: 46px;} .txtArea{font-size: 21px;} .selectTab .onepassTab li a{font-size: 14px;} .onepassInfoSub .infoSubTit{font-size: 25px;} .onepassInfoSub .infoSubtext{font-size: 21px;} .onepassInfoSub .onepassInfoTime{font-size: 23px;} .curriculumTit{font-size: 30px;} .makeupCurriculum .ccInfo{font-size: 19px;} .txtBox span:nth-child(1){font-size: 17px;} .txtBox span:nth-child(2){font-size: 21px;} .onepass_con8 .pass_tit01{font-size: 37px;} .onepass_con8 .pass_tit02{font-size: 19px;} .onepass_con8 .pass_cont ul li dl dt{font-size: 23px;} .onepass_con8 .pass_cont ul li dl dd{font-size: 19px;} .onepass_con9 .pass_tit01{font-size: 25px;} .onepass_con9 .pass_tit02{font-size: 23px;} .onepass_con9 .pass_tit03{font-size: 46px;} .onepass_con9 .pass_tit04{font-size: 19px;} .onepass_con9 .pass_cont dl dt{font-size: 28px;} .onepass_con9 .pass_cont dl dd{font-size: 21px;} .makeupTeacher .makeupTchTit{font-size: 46px;} .makeupTeacher .tch_box{height: 407px;} .makeupTeacher .tch_box .tch_img img{height: 345px;} .makeupTeacher .tch_box .tch_txt h6{font-size: 28px;} .makeupTeacher .tch_box .tch_txt ul li{font-size: 21px;} .makeupTeacher .tch_box .more-btn{font-size: 24px;} .community_tit{font-size: 30px;} .searchBox input{font-size: 22px;line-height: 70px;} .boardList table tbody tr.notice td:first-child img{height: 40px;} .boardList table tbody td{font-size:18px;} .boardList table tbody td a{font-size: 22px;} .boardList table tbody td span.ic_n img{height: 14px;} .pg_area button, .pg_area span{font-size: 20px;} .boardView .viewTit{font-size: 22px;} .boardView .viewSub{font-size: 18px;} .boardView .viewSub span{margin-top: 14px;} .boardView table td{font-size: 20px;} .listSumBox table tbody td.list a{font-size: 20px;} .listSumBox table tbody td a.viewPrev, .listSumBox table tbody td a.viewNext{font-size: 20px;} .boardBtnBox button{font-size: 22px;} .review_box{min-height: 305px;} .review_box .review_user span{width: 111px;height: 111px;} .review_box .review_user dl dt{font-size: 22px;height: 54px;} .review_box .review_user dl dd{font-size: 18px;} .review_box .review_txt{font-size: 18px;} .boardWrite table th{font-size: 20px;} .boardWrite table td{font-size: 24px;} .ba_list dl dt{font-size:20px; } .ba_list dl dd{font-size:27px; } .interviewThumBox{/* width: 287px; */height: 410px;} .interviewThumBox .thumImg{height: 194px;} .interviewThumBox .thumTxt .sort{font-size: 17px;} .interviewThumBox .thumTxt div:nth-child(2){font-size: 20px;padding-top: 1%;} .interviewThumBox .thumTxt div:nth-child(3){font-size: 17px;height: 68px;} .interviewThumBox .thumTxt div:nth-child(4){font-size: 15px;} .galleryBox{width: 48%;height: 337px;} .galleryBox .thumImg{height: 242px;} .galleryBox .ico{font-size: 17px;/* top: 66%; */} .galleryBox .galeryTxt{font-size: 20px;height: 50px;/* top: 74%; */} .storyBox{height: 322px;} .storyBox .thumImg{width: 100%;height: 208px;} .storyBox .ico{font-size: 17px;} .storyBox .galeryTxt{font-size: 20px;} .videoBoxList{height: 402px;} .videoBoxList .videoArea{height: 241px;} .videoBoxList .videoTxt{height: 161px;} .videoBoxList .videoTxt .video_tit{font-size: 20px;} .videoBoxList .videoTxt .video_info div{font-size: 16px;} .tabStory li a{font-size: 20px;padding: 0 22px;} .storyBoxList{height: 400px;} .storyBoxList .storyArea{height: 241px;} .storyBoxList .storyTxt{height: 145px;} .storyBoxList .storyTxt .story_tit{font-size: 20px;} .storyBoxList .storyTxt .story_info div{font-size: 17px;} /* 2021-11-28 */ .academy_tit{font-size: 30px;} .map_txt ul li{font-size: 20px;} .facilities_roll {height: 550px;} .facilities_roll_box{height: 338px;} .facilities_roll_box_txt{height: 177px;} .thum_box .swiper-slide{height: 81px;} .thum_box .swiper-slide span {line-height: 81px;} .event_content.oneday .m_one_class a div:nth-child(1) span{font-size: 20px;} .event_content.oneday .m_one_class a div:nth-child(2){font-size: 20px;} .event_content.oneday .m_one_class a div:nth-child(3){font-size: 20px;} .eventBoxList .eventImgBox{height: 347px;} .eventBoxList .eventTxt .event_ing{font-size: 20px;} .eventBoxList .eventTxt .event_tit{font-size: 27px;} .eventBoxList .eventTxt .event_subject{font-size: 20px;} .eventBoxList .eventTxt .event_info div{font-size: 20px;} .tch_list .tch_box a div{font-size: 23px;} .tch_list .tch_box a div strong{font-size:27px;} .teacher_box_sub ul li .text_box div:nth-child(1){ font-size:23px;} .teacher_box_sub ul li .text_box div:nth-child(2){ font-size:27px;} .tch_profile div{font-size: 23px;} .tch_profile div strong{font-size:35px;} .academy_viewcontent .profile_tit{font-size: 35px;} .academy_viewcontent .profile_sub_tit{font-size: 20px;} .portfolio_box .swiper-pagination-bullet{width: 21px !important;height: 21px !important;} .tch_greeting_txt div:nth-child(1){font-size: 27px;} .tch_greeting_txt div{font-size: 18px;} .tch_career .career_tit{font-size: 20px;} .tch_career ul li{font-size: 20px;} .interview_box .box_txt span{font-size: 15px;} .interview_box .box_txt dl dt{font-size: 30px;} .interview_box .box_txt dl dd{font-size: 20px;} .sub_visual.academy .sub_txt div:nth-child(1){font-size: 28px;} .sub_visual.academy .sub_txt div:nth-child(2){font-size: 18px;} .level_tit div:nth-child(1){font-size: 18px;} .level_tit div:nth-child(2){font-size: 39px;} .layer_level .ly_head{font-size: 30px;} .level_box .box_txt div:nth-child(1){font-size: 20px;} .level_box .box_txt div:nth-child(2){font-size: 18px;} /* 2021-11-19 수정 */ .collegeList .subTit{font-size: 13px;} .collegeList ul{height: 278px;} .collegeList li{float: left;width: 312px !important;height: 278px;} .collegeList li .collegeBox{width: 278px;height: 100%;} .collegeList .mtnCtrl .next, .collegeList .mtnCtrl .prev, .collegeList .mtnCtrl2 .next, .collegeList .mtnCtrl2 .prev{width: 60px;height: 60px;} .collegeList li .txtCollege div:nth-child(1){font-size: 22px;} .collegeList li .txtCollege div:nth-child(2){font-size: 18px;} .btnCounseling2 button{font-size: 12px;} /* //2021-11-19 수정 */ /* 2021-12-13 */ .etc_container .etc_tit h5{font-size: 35px;} .etc_container .etc_tit h5 span{width: 11px;height: 11px;} .etc_container .etc_tit span{font-size: 20px;} .etc_content h6{font-size: 27px;} .etc_content dl dt{font-size: 23px;} .etc_content dl dd{font-size: 20px;} .etc_container2 .etc_tit h5{font-size: 35px;} .etc_container2 .etc_tit h5 span{width: 11px;height: 11px;} .etc_container2 .etc_tit span{font-size: 20px;} .etc_tab ul li a{font-size: 20px;min-width: 204px;} .etc_table table thead th{font-size: 17px;} .etc_table table tbody td{font-size: 18px;} } /* //2021-11-22 lee2 */ /*2022-05-12*/ @media all and (max-width:768px){ .ClassBoxList_finish::after { font-size: 4.1666vw; } } @media all and (max-width:750px){ .event_content.oneday .m_one_class a div:nth-child(1) > img{ min-height:61.3333vw; } } /* 국비지원 과정 */ .test_courseInfo {padding: 70px 0 0;display: flex;flex-direction: column;gap:30px;} .titleTest_course{text-align: center; display:flex;flex-direction: column;gap:30px;justify-content: center;align-items: center;} .titleTest_course div:nth-child(1){font-size: 50px;color: #565656;font-weight: 700;} .titleTest_course div:nth-child(2){font-size: 20px;color: #565656;font-weight: 300;} .test_courseInfo .course01_box .course_info ul{ display: flex;flex-direction: row;justify-content: center;align-items: center;text-align: center;padding:0 30px; } .test_courseInfo .course01_box .course_info ul li{ display: flex;flex-direction: column;gap:30px; } .test_courseInfo .course01_box .course_info ul li h2{ font-size: 26px;color: #231f20;font-weight: 400;line-height: 1.2;font-family: 'notokr-regular'; } .test_courseInfo .course01_box .course_info ul li h2 > span{ color: #ff6224;font-weight: 700;font-family: 'notokr-bold'; } .test_courseInfo .course01_box .course_info ul li p{ font-size: 22px;color: #231f20;line-height: 1.2;font-family: 'notokr-light'; } .test_courseInfo .course01_box .course_info ul li p > span{ font-weight: 700;font-family: 'notokr-bold'; } .test_courseInfo .course01_box .inner { margin: 0 auto;width: 100%;max-width: 1200px; } .test_courseInfo .course02_box .course_info{padding:50px 30px 20px;} .test_courseInfo .course02_box .course_info ul{ display: flex;flex-direction: column;gap:30px;justify-content: center;align-items: flex-start; } .test_courseInfo .course02_box .course_info ul li{ width: 100%; } .test_courseInfo .course02_box .course_info ul li:nth-child(2){ padding: 0 30px;display: flex;flex-direction: column;gap:30px; } .test_courseInfo .course02_box .course_info ul li:nth-child(3){ padding: 0 30px 70px;display: flex;flex-direction: column;gap:30px; } .test_courseInfo .course02_box .course_info ul li:nth-child(4){ padding: 0 30px;display: flex;flex-direction: column;gap:30px; } .test_courseInfo .course02_box .course_info ul li:nth-child(5){ padding: 0 30px;display: flex;flex-direction: column;gap:30px; } .test_courseInfo .course02_box .course_info ul li .img_box{ display: flex;justify-content: space-between; } .test_courseInfo .course02_box .course_info ul li h2{ font-size: 28px;color: #231f20;font-family: 'notokr-bold'; } .test_courseInfo .course02_box .course_info ul li h3{ font-size: 24px;color: #ff7b47;font-family: 'notokr-medium'; } .test_courseInfo .course02_box .course_info ul li p{ font-size: 22px;color: #3f3f3f;font-family: 'notokr-light'; } .test_courseInfo .course03_box { background: #f7f7f7; } .test_courseInfo .course03_box .course_info{padding:50px 30px 60px;} .test_courseInfo .course03_box .course_info ul{ display: flex;flex-direction: column;gap:30px;justify-content: center;align-items: flex-start; } .test_courseInfo .course03_box .course_info ul li:nth-child(1){ width: 100%; padding: 0;gap:30px;padding-left: 20px; } .test_courseInfo .course03_box .course_info ul li{ width: 100%; display: flex;flex-direction: column; } .test_courseInfo .course03_box .course_info ul li .img_box{ display: flex;justify-content: space-between; } .test_courseInfo .course03_box .course_info ul li h2{ font-size: 28px;color: #231f20;font-family: 'notokr-bold'; } .test_courseInfo .course03_box .course_info ul li h3{ font-size: 24px;color: #231f20;font-family: 'notokr-medium'; } .test_courseInfo .course03_box .course_info ul li p{ font-size: 22px;color: #3f3f3f;font-family: 'notokr-light'; margin-left: 0.6rem; text-indent: -0.6rem; } .test_courseInfo .course03_box .course_info ul li p > span{ font-size: 17px;color: #3f3f3f;font-family: 'notokr-light'; } .test_courseInfo .course04_box .course_info{padding:50px 30px 60px;} .test_courseInfo .course04_box .course_info ul{ display: flex;flex-direction: column;gap:90px;justify-content: center;align-items: flex-start; } .test_courseInfo .course04_box .course_info ul li:nth-child(1){ width: 100%; padding: 0;gap:30px; } .test_courseInfo .course04_box .course_info ul li p{ } .test_courseInfo .course04_box .course_info ul li{ width: 100%; display: flex;flex-direction: column; } .test_courseInfo .course04_box .course_info ul li .img_box{ display: flex;flex-direction: column; } .test_courseInfo .course04_box .course_info ul li h2{ font-size: 28px;color: #231f20;font-family: 'notokr-bold'; } .test_courseInfo .course04_box .course_info ul li h3{ font-size: 24px;color: #231f20;font-family: 'notokr-bold'; } .test_courseInfo .course04_box .course_info ul li p{ font-size: 22px;color: #3f3f3f;font-family: 'notokr-light';padding:0 20px;margin-left: 0.5rem; text-indent: -0.5rem; } @media all and (max-width:720px){ .portfolio_box .iframe_dev{ margin-top: -23.6111vw;margin-left:-38.8888vw;width:77.7777vw;height:43.75vw; } .portfolio_box .iframe_dev .close_btn{ top: -5.8139vw; width:4.4186vw; } .portfolio_box .iframe_dev .iframewrap iframe{ width:77.7777vw; height:43.75vw; } /* 국비지원 과정 */ .test_courseInfo {padding: 9.7222vw 0 0;gap:4.1666vw} .titleTest_course{gap:4.1666vw;} .titleTest_course div:nth-child(1){font-size: 6.9444vw;} .titleTest_course div:nth-child(2){font-size: 2.7777vw;} .test_courseInfo .course01_box .course_info ul{ padding:0 30px; } .test_courseInfo .course01_box .course_info ul li{ gap:4.1666vw; } .test_courseInfo .course01_box .course_info ul li h2{ font-size: 3.6111vw; } .test_courseInfo .course01_box .course_info ul li p{ font-size: 3.0555vw; } .test_courseInfo .course02_box .course_info{padding:6.9444vw 4.1666vw 2.7777vw;} .test_courseInfo .course02_box .course_info ul{ gap:4.1666vw; } .test_courseInfo .course02_box .course_info ul li:nth-child(2){ padding: 0 4.1666vw;gap:4.1666vw; } .test_courseInfo .course02_box .course_info ul li:nth-child(3){ padding: 0 4.1666vw 9.7222vw;gap:4.1666vw; } .test_courseInfo .course02_box .course_info ul li:nth-child(4){ padding: 0 4.1666vw;gap:4.1666vw; } .test_courseInfo .course02_box .course_info ul li:nth-child(5){ padding: 0 4.1666vw;gap:4.1666vw; } .test_courseInfo .course02_box .course_info ul li h2{ font-size: 3.8888vw; } .test_courseInfo .course02_box .course_info ul li h3{ font-size: 3.3333vw; } .test_courseInfo .course02_box .course_info ul li p{ font-size: 3.0555vw; } .test_courseInfo .course03_box .course_info{padding:2.7777vw 4.1666vw 8.3333vw;} .test_courseInfo .course03_box .course_info ul{ gap:4.1666vw; } .test_courseInfo .course03_box .course_info ul li:nth-child(1){ gap:4.1666vw;padding-left: 2.7777vw; } .test_courseInfo .course03_box .course_info ul li h2{ font-size: 3.8888vw; } .test_courseInfo .course03_box .course_info ul li h3{ font-size: 3.3333vw; } .test_courseInfo .course03_box .course_info ul li p{ font-size: 3.0555vw; } .test_courseInfo .course03_box .course_info ul li p > span{ font-size: 2.3611vw; } .test_courseInfo .course04_box .course_info{padding:2.7777vw 4.1666vw 8.3333vw;} .test_courseInfo .course04_box .course_info ul{ gap:12.5vw; } .test_courseInfo .course04_box .course_info ul li:nth-child(1){ gap:4.1666vw; } .test_courseInfo .course04_box .course_info ul li p{ } .test_courseInfo .course04_box .course_info ul li{ width: 100%; display: flex;flex-direction: column; } .test_courseInfo .course04_box .course_info ul li .img_box{ display: flex;flex-direction: column; } .test_courseInfo .course04_box .course_info ul li h2{ font-size: 3.8888vw; } .test_courseInfo .course04_box .course_info ul li h3{ font-size: 3.3333vw; } .test_courseInfo .course04_box .course_info ul li p{ font-size: 3.0555vw;padding:0 2.7777vw; } } @media all and (max-width:480px){ .test_courseInfo .course04_box .course_info ul li p { margin-left: 0.4rem; text-indent: -0.4rem; } } @media all and (max-width:400px){ .mo_no_br{ display: none; } .test_courseInfo .course03_box .course_info ul li p { margin-left: 0.4rem; text-indent: -0.4rem; } .test_courseInfo .course04_box .course_info ul li p { margin-left: 0.3rem; text-indent: -0.3rem; } } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url(../font/NanumBarunGothic.otf); } @font-face { font-family: 'NanumBarunGothicLight'; font-style: normal; font-weight: 700; src: url(../font/NanumBarunGothicLight.otf); } @font-face { font-family: 'NanumBarunGothicBold'; font-style: normal; font-weight: 700; src: url(../font/NanumBarunGothicBold.otf); } /*피부관리 자격증*/ .skin_sub_img img { width: unset; } .subSkincare {background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/skin_care/main_bg.png);position:relative;background-size: 100% 100%;background-repeat: no-repeat;padding:90px 30px 0} .subSkincare .inner { max-width:1200px;margin: 0 auto;height: 100%; } .skin_main_content { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .skin_main_content ul{ display: flex; flex-direction: column; justify-content: center;align-items: center; gap:20px; } .skin_main_content ul li p{ font-size: 24px;color:#272727;font-family: 'NanumBarunGothicLight'; } .skin_main_content ul li h2{ font-size: 30px;color:#272727;font-family: 'NanumBarunGothic'; } #skin_section01 { background: #e1e9e9;padding:45px 30px; } #skin_section01 .inner_box{ max-width:1200px;margin: 0 auto;height: 100%; display: flex;flex-direction: column; align-items: center; justify-content: center; gap:30px; } #skin_section01 .inner_box ul{ display: flex;justify-content: center;align-items: center;width:100%;gap:30px;padding:0 20px; } #skin_section01 .inner_box ul li{ display: flex;flex-direction:column;justify-content: center;align-items: center;text-align: center;gap:30px;background: #fff;width:50%;border-radius: 30px;padding: 60px 0; } #skin_section01 .inner_box ul li .cont_box{ display: flex; flex-direction: column; justify-content: center;align-items: center; gap:20px; } #skin_section01 .inner_box ul li span{ font-size: 28px;color:#272727; font-family: 'NanumBarunGothic'; } #skin_section01 .inner_box ul li p{ font-size: 24px;color:#272727; font-family: 'NanumBarunGothicLight'; } #skin_section02 { background: #fbfbfb;padding:90px 20px; } #skin_section02 .inner_box{ max-width:1200px;margin: 0 auto;height: 100%; display: flex;flex-direction: column; align-items: center; justify-content: center; text-align: center; } #skin_section02 .inner_box .sec02_title { display: flex;flex-direction: column;gap:40px;align-items: center; } #skin_section02 .inner_box .sec02_title .title_box{ display: flex;flex-direction: column;gap:20px;align-items: center; } #skin_section02 .inner_box .sec02_title .title_box h2{ font-size: 50px;color:#272727;font-weight: 700; font-family: 'NanumBarunGothicBold'; } #skin_section02 .inner_box .sec02_title .title_box h2 span{ color:#44c285; } #skin_section02 .inner_box .sec02_title p{ font-size: 24px;color:#272727; font-family: 'NanumBarunGothicLight'; } #skin_section02 .inner_box .sec02_title p span{ font-family: 'NanumBarunGothicBold'; } #skin_section03 { background: #fbfbfb;padding:0 30px 90px; } #skin_section03 .inner_box{ max-width:1200px;margin: 0 auto;height: 100%; display: flex;flex-direction: column; align-items: flex-start; justify-content: center; text-align: left; } #skin_section03 .inner_box .sec03_contents{ display: flex;flex-direction: column;gap:60px;align-items: center; } #skin_section03 .inner_box .sec03_contents .sec03_con-title { display:flex;flex-direction: column;justify-content: center;align-items: flex-start;gap:60px;width:100%; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line01 { display: flex;justify-content: flex-start;align-items: flex-start; gap: 30px;flex-direction: column; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line01{ margin-right:auto; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line01 h2{ font-size: 40px;color:#272727; font-family: 'NanumBarunGothicBold';padding-top:4px; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line01 h2 span{ color:#43c285; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line02 p{ font-size: 24px;color:#272727; font-family: 'NanumBarunGothicLight';line-height: 170%; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line02 p span{ font-family: 'NanumBarunGothicBold'; } #skin_section03 .inner_box .sec03_contents .sec03_content_box .esta_line01 { margin-right:auto; } #skin_section03 .inner_box .sec03_contents .sec03_content_box .esta_line01 h2{ font-family: 'NanumBarunGothicBold';color: #000000; } #skin_section03 .inner_box .sec03_contents .sec03_content_box { display:flex;flex-direction: column;justify-content: flex-start;align-items: center;gap:30px;width:100%;padding-bottom:40px; } #skin_section03 .inner_box .sec03_contents .sec03_content_box .esta_line01 h2{ font-size: 30px;color:#272727; font-family: 'NanumBarunGothic';background: #e1efd9;padding:10px 15px 6px 20px; } #skin_section03 .inner_box .sec03_contents .sec03_content_box .esta_line02 p{ font-size: 24px;color:#272727; font-family: 'NanumBarunGothicLight';line-height: 170%; } #skin_section03 .inner_box .sec03_contents .sec03_content_box .esta_line02 p span{ font-family: 'NanumBarunGothicBold'; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line03{ display: flex;flex-direction: column;align-items: center;width: 100%;gap:30px; } #skin_section04 { background: #f0f9eb;padding:90px 30px; } #skin_section04 .inner_box{ max-width:1200px;margin: 0 auto;height: 100%; display: flex;flex-direction: column; align-items: flex-start; justify-content: center; text-align: left;gap:60px; } #skin_section04 .inner_box .sec04_con-title { display:flex;flex-direction: column;justify-content: center;align-items: flex-start;gap:30px;width:100%; } #skin_section04 .inner_box .sec04_con-title .esta_line01 { display: flex;justify-content: flex-start;align-items: flex-start; gap: 30px;flex-direction: column; } #skin_section04 .inner_box .sec04_con-title .esta_line01{ margin-right:auto; } #skin_section04 .inner_box .sec04_con-title .esta_line01 h2{ font-size: 40px;color:#272727; font-family: 'NanumBarunGothicBold';padding-top:4px; } #skin_section04 .inner_box .sec04_con-title .esta_line01 h2 span{ color:#43c285; } #skin_section04 .inner_box .sec04_content { width:100%;display: flex;flex-direction: column;gap:40px; } #skin_section04 .inner_box .img_slide_box { width:100%;background: url();overflow: hidden; } #skin_section04 .inner_box .img_slide_box { width:100%; } #skin_section04 .inner_box .img_slide_box ul {width:100%;} #skin_section04 .inner_box .img_slide_box ul li.slide_box{ width:100%;text-align: center;height:280px; } #skin_section04 .inner_box .img_slide_box ul li.slide_box01{background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/skin_care/sec04_img01.png);background-size:100% 100%;} #skin_section04 .inner_box .img_slide_box ul li.slide_box02{background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/skin_care/sec04_img02.png);background-size:100% 100%;} #skin_section04 .inner_box .img_slide_box ul li.slide_box03{background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/skin_care/sec04_img03.png);background-size:100% 100%;} #skin_section04 .inner_box .img_slide_box ul li.slide_box04{background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/skin_care/sec04_img04.png);background-size:100% 100%;} #skin_section04 .inner_box .img_slide_box ul li.slide_box05{background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/skin_care/sec04_img05.png);background-size:100% 100%;} #skin_section04 .inner_box .img_slide_box ul li.slide_box06{background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/skin_care/sec04_img06.png);background-size:100% 100%;} #skin_section04 .inner_box .img_slide_box ul li.slide_box p{ position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); font-size:35px; color: #ffffff; font-weight: 500; line-height: 145%; } #skin_section04 .inner_box .img_slide_box ul li.slide_box p>span{ font-size:50px; color: #ffffff; font-weight: 700; } .sec06_pagination { position: relative !important;display: flex;gap:10px;flex-wrap: wrap;bottom:-460px !important; } .swiper-pagination-clickable .swiper-pagination-bullet { width: 325px !important; height: 100% !important; opacity: 1; border-radius: 0; margin:0 !important; border:1px solid #43c285; } .swiper-pagination-clickable .swiper-pagination-bullet .pagi_box { width: 100%; display: flex; height: 240px !important; background: #fff; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .swiper-pagination-clickable .swiper-pagination-bullet-active .pagi_box { background: #43c285; } .swiper-pagination-clickable .swiper-pagination-bullet .pagi_box >span{ font-size: 28px;color: #272727;font-family: 'NanumBarunGothicBold'; } .swiper-pagination-clickable .swiper-pagination-bullet .pagi_box >p{ font-size: 24px;color: #272727;font-family: 'NanumBarunGothicLight';line-height: 140%; } .swiper-pagination-clickable .swiper-pagination-bullet-active .pagi_box >span{ color: #fff; } .swiper-pagination-clickable .swiper-pagination-bullet-active .pagi_box .pagi_line{ background: #fff; } .swiper-pagination-clickable .swiper-pagination-bullet-active .pagi_box >p{ color: #fff; } #skin_section05 { background: #f0f9eb;padding:0 30px 90px; } #skin_section05 .inner_box{ max-width:1200px;margin: 0 auto;height: 100%; display: flex;flex-direction: column; align-items: flex-start; justify-content: center; text-align: left;gap:60px; } #skin_section05 .inner_box .sec05_con-title { display:flex;flex-direction: column;justify-content: center;align-items: flex-start;gap:30px;width:100%; } #skin_section05 .inner_box .sec05_con-title .esta_line01 { display: flex;justify-content: flex-start;align-items: flex-start; gap: 30px;flex-direction: column; } #skin_section05 .inner_box .sec05_con-title .esta_line01{ margin-right:auto; } #skin_section05 .inner_box .sec05_con-title .esta_line01 h2{ font-size: 40px;color:#272727; font-family: 'NanumBarunGothicBold';padding-top:4px; } #skin_section05 .inner_box .sec05_con-title .esta_line01 h2 span{ color:#43c285; } #skin_section05 .inner_box .sec05_content { width:100%;height:100%;position: relative;padding:0 130px; } #skin_section05 .inner_box .sec05_content .swiper-container { overflow: hidden; } #skin_section05 .inner_box .sec05_content .swiper-wrapper { display: flex; } #skin_section05 .inner_box .sec05_content .swiper-slide{ background: #fff;border:1px solid #43c285;display: flex;flex-direction: column;align-items: center;justify-content: flex-start; padding:30px 20px;gap:30px; } #skin_section05 .inner_box .sec05_content .swiper-slide h2{ font-size: 30px;color: #272727;font-family: 'NanumBarunGothic'; } #skin_section05 .inner_box .sec05_content .swiper-slide p{ font-size: 22px;color: #272727;font-family: 'NanumBarunGothicLight';width: 100%;text-align: left;line-height:170%; } #skin_section05 .inner_box .sec05_content .swiper-slide p span{ font-family: 'NanumBarunGothicBold';color: #43c285; } #skin_section05 .inner_box .sec05_content .swiper-slide-next { background-image: url(); } #skin_section06 { background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/skin_care/sec06_bg.png);padding:90px 30px;height:2070px;background-size: 100% 100%;; } #skin_section06 .inner_box{ max-width:1200px;margin: 0 auto;height: 100%; display: flex;flex-direction: column; align-items: center; justify-content: flex-start; text-align: left;gap:60px; } #skin_section06 .inner_box .sec06_con-title{ display: flex;flex-direction: column; align-items: center; justify-content: center; gap:30px; } #skin_section06 .inner_box .sec06_con-title span{ font-size: 30px;color: #d7c8bd;font-family: 'NanumBarunGothicLight'; } #skin_section06 .inner_box .sec06_con_content { display: flex;flex-direction: column;gap:20px; } #skin_section06 .inner_box > img{ margin-top: -250px; } #skin_section07{ background:#ddd0c5;padding:0; } #skin_section07 .inner_box{ max-width:1200px;margin: 0 auto;height: 100%; display: flex;flex-direction: row; align-items: center; justify-content: flex-start; text-align: left;gap:60px;position: relative; } #skin_section07 .inner_box .sec07_con-title{ display:flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap:30px;width:100%;padding:100px 0 130px 30px;position:relative;z-index: 2; } #skin_section07 .inner_box .sec07_con-title span{ font-size: 26px;color: #5a4c42;font-family: 'NanumBarunGothic'; } #skin_section07 .inner_box .sec07_con_content{ position: absolute;bottom:0;right:0; } #quick_banner_box { position: absolute; right: 90px; top: 300; z-index: 100;background: #ffffff;width:304px;height:auto;padding:30px 20px;border:2px solid #ff78a4;} #quick_banner_box > ul{ gap:20px;display:flex;flex-direction: column;} #quick_banner_box > ul > li:nth-child(1){ text-align: center;} #quick_banner_box > ul > li > h2{ color:#292929;font-size:24px;font-weight: 500;} #quick_banner_box > ul > li > h2 > span { color:#292929;font-size:24px;font-weight: 700;} #quick_banner_box > ul > li form { width:100%;display: flex;flex-direction: column;gap:10px; } #quick_banner_box > ul > li form .input_name input{ text-align: center;background: #f6f7f7; } #quick_banner_box > ul > li form .input_tel{ width:100%;height:auto;display: flex;flex-direction: row;gap:10px; } #quick_banner_box > ul > li form .input_tel input{ text-align: center;background: #f6f7f7; } ::-webkit-input-placeholder { text-align: center; } :-moz-placeholder { /* Firefox 18- */ text-align: center; } ::-moz-placeholder { /* Firefox 19+ */ text-align: center; } :-ms-input-placeholder { text-align: center; } input[type="text"], input[type="tel"], [type="password"]{ padding-left: 0; } #quick_banner_box > ul > li form .apply_btn{ width:100%; } #quick_banner_box > ul > li form .apply_btn button{ width:100%;padding:15px 0;color:#fffefe;background: #2d2b2b;font-size:20px;font-weight:500; } #quick_banner_box > ul > li form .input_check { display: flex;justify-content: space-between; align-items: center; } #quick_banner_box > ul > li form .input_check input[type="checkbox"]{ -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; width:15px;height:15px; } .btm_fixed_bar { width: 100%; border-top:2px solid #52d596; background-color: #fff; position: fixed; z-index: 10; bottom: 0; padding: 20px; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; } .btm_fixed_bar .inner_box { gap: 20px; display: flex; justify-content: space-between; width: auto; flex-direction: column; } .btm_fixed_bar h6 { color: #000; font-size: 30px; margin-bottom: 10px; text-align:center; font-weight: 300; } .btm_fixed_bar h6 > span { font-weight: 700; } .btm_input > input::placeholder {color:#000;} .btm_input > input::-webkit-input-placeholder {color:#000;} .btm_input > input:-ms-input-placeholder {color:#000;} .btm_input { display: flex; flex-direction: column; width: 100%; } .btm_input input:nth-child(1){ width: 100%; } .btm_input input { text-align: center; height: 50px; width: 100%; /* fix */ padding-left: 0; width:35%; background:#f6f7f7; font-size: 24px; font-weight: 300; } .phone_num { margin-top: 4px; display: flex; gap: 5px; justify-content: space-between; align-items: center; } .btm_input select { width: 35%; text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; height: 50px; /* fix */ padding-left: 0; border: 1px solid #ddd; font-size: 24px; font-weight: 300; } .phone_num > p{ color:#fff; } .button_area { width: 100%; text-align: center; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .button_area p{ display: flex; align-items: center; gap:10px; } .button_area button { width: 50%; background-color: #333333; color: #ffffff; font-weight: 400; font-size: 20px; line-height: 1.5; padding: 10px; cursor: pointer; font-family: "SCDream-6Bold"; } .button_area input { vertical-align: middle; margin-right: 3px; } .btm_fixed_bar > p { text-align: left; color:#000; font-weight:400; width:50%; } .btm_fixed_bar p input[type="checkbox"] { vertical-align: -2px; width: 25px; height: 25px; margin-right: 0; appearance: auto; } .btm_fixed_bar p span { font-size:19px; font-family: "SCDream-4Regular"; color: #000; } .btm_fixed_bar p span a { margin-left: 3px; font-size:19px; font-family: "SCDream-4Regular"; } #quick_icon {display: none;} /* 개인정보 수집 동의 자세히보기 팝업 (기존 코드긁어옴) */ .l_rn_academy_layer { width: 400px; background: #fff; border: 2px solid #999; height: 300px; position: fixed; left: 50%; top: 50%; margin-top: -150px; margin-left: -200px; display: none; padding: 25px 15px; /* fix */ z-index: 9; } .l_rn_academy_layer.on { display: block; } .l_rn_academy_close_btn { position: absolute; width: 34px; height: 34px; top: 22px; right: 7px; cursor: pointer; } .l_rn_academy_close_btn:after, .l_rn_academy_close_btn::before { width: 80%; height: 1px; background: #888; content: ''; clear: both; display: block; border-radius: 5px; position: absolute; } .l_rn_academy_close_btn::after { transform: rotate(45deg); top: 10px; left: 0px; } .l_rn_academy_close_btn::before { transform: rotate(-45deg); top: 10px; left: 0px; } .l_rn_academy_privacy_conts { font-size: 14px; line-height: 20px; color: #333333; white-space: pre-line; padding: 10px; height: 200px; overflow-y: scroll; background: #fbfbfb; border: 1px solid #ddd; margin-top: 20px; } #quick_banner_box { display: none; } @media all and (max-width:720px){ .subSkincare {padding:12.5vw 30px 0} .skin_main_content ul{ gap:2.7777vw; } .skin_main_content ul > li:nth-child(2) > img{ width:70.9722vw; } .skin_main_content ul li p{ font-size: 3.3333vw; } .skin_main_content ul li h2{ font-size: 4.1666vw; } .skin_main_content ul > li:nth-child(4) > img{ width: 75.4166vw; } #skin_section01 { padding:6.25vw 30px; } #skin_section01 .inner_box{ gap:4.1666vw; } #skin_section01 .inner_box ul{ gap:4.1666vw;padding:0 2.7777vw; } #skin_section01 .inner_box ul li{ gap:4.1666vw;border-radius: 4.1666vw;padding: 8.3333vw 0; } #skin_section01 .inner_box ul li .cont_box{ gap:2.7777vw; } #skin_section01 .inner_box ul li .cont_box > img{ width:30%; } #skin_section01 .inner_box ul li span{ font-size: 3.8888vw; } #skin_section01 .inner_box ul li p{ font-size: 3.3333vw; } #skin_section02 { padding:12.5vw 15px; } #skin_section02 .inner_box .sec02_title { gap:5.5555vw; } #skin_section02 .inner_box .sec02_title .title_box{ gap:2.7777vw; } #skin_section02 .inner_box .sec02_title .title_box h2{ font-size: 6.9444vw; } #skin_section02 .inner_box .sec02_title p{ font-size: 3.3333vw; } #skin_section02 .inner_box .sec02_title .title_box > img{ width:21.3888vw; } #skin_section02 .inner_box .sec02_title > img{ width:91.9444vw; } #skin_section03 { padding:0 30px 12.5vw; } #skin_section03 .inner_box .sec03_contents{ gap:8.3333vw; } #skin_section03 .inner_box .sec03_contents .sec03_con-title { gap:8.3333vw; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line01 { gap: 4.1666vw; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line01 h2{ font-size: 5.55555vw; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line02 p{ font-size: 3.3333vw; } #skin_section03 .inner_box .sec03_contents .sec03_content_box { gap:4.1666vw;padding-bottom:5.5555vw; } #skin_section03 .inner_box .sec03_contents .sec03_content_box .esta_line01 h2{ font-size: 4.1666vw;padding:1.3888vw 2.0833vw 0.8333vw 2.7777vw; } #skin_section03 .inner_box .sec03_contents .sec03_content_box .esta_line02 p{ font-size: 3.3333vw; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line03{ gap:4.1666vw; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line01 > img{ width:33.75vw; } #skin_section03 .inner_box .sec03_contents .sec03_content_box > img{ width:76.6666vw; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line03 > img { width:91.8055vw; } #skin_section03 .inner_box .sec03_contents >img{ width: 91.9444vw; } #skin_section04 { padding:12.5vw 4.1666vw; } #skin_section04 .inner_box{ gap:8.3333vw; } #skin_section04 .inner_box .sec04_con-title { gap:4.1666vw; } #skin_section04 .inner_box .sec04_con-title .esta_line01 { gap: 4.1666vw; } #skin_section04 .inner_box .sec04_con-title .esta_line01 h2{ font-size: 5.5555vw; } #skin_section04 .inner_box .sec04_content { gap:5.5555vw; } #skin_section04 .inner_box .img_slide_box ul li.slide_box{ height:38.8888vw; } #skin_section04 .inner_box .img_slide_box ul li.slide_box p{ font-size:4.8611vw; } #skin_section04 .inner_box .img_slide_box ul li.slide_box p>span{ font-size:6.9444vw; } .sec06_pagination { gap:1.3888vw;bottom:-63.8888vw !important;justify-content: center; } .swiper-pagination-clickable .swiper-pagination-bullet { width: 49% !important; } .swiper-pagination-clickable .swiper-pagination-bullet .pagi_box { height: 33.3333vw !important; gap: 2.7777vw; } .swiper-pagination-clickable .swiper-pagination-bullet .pagi_box >span{ font-size: 3.8888vw; } .swiper-pagination-clickable .swiper-pagination-bullet .pagi_box >p{ font-size: 3.3333vw; } #skin_section04 .inner_box .sec04_con-title .esta_line01 > img{ width: 38.1944vw; } #skin_section05 { padding:0 30px 12.5vw; } #skin_section05 .inner_box{ gap:8.3333vw; } #skin_section05 .inner_box .sec05_con-title { gap:4.1666vw; } #skin_section05 .inner_box .sec05_con-title .esta_line01 { gap: 4.1666vw; } #skin_section05 .inner_box .sec05_con-title .esta_line01 h2{ font-size: 5.5555vw; } #skin_section05 .inner_box .sec05_content { padding:0 18.0555vw; } #skin_section05 .inner_box .sec05_content .swiper-slide{ padding:4.1666vw 2.7777vw;gap:4.1666vw; } #skin_section05 .inner_box .sec05_content .swiper-slide h2{ font-size: 4.1666vw; } #skin_section05 .inner_box .sec05_content .swiper-slide p{ font-size: 3.0555vw; } #skin_section05 .inner_box .sec05_con-title .esta_line01 > img{ width: 38.1944vw; } #skin_section06 { padding:12.5vw 30px;height:287.5vw; } #skin_section06 .inner_box{ gap:8.3333vw; } #skin_section06 .inner_box .sec06_con-title{ gap:4.1666vw; } #skin_section06 .inner_box .sec06_con-title span{ font-size: 4.1666vw; } #skin_section06 .inner_box .sec06_con_content { gap:2.7777vw; } #skin_section06 .inner_box > img{ margin-top: -34.7222vw;width: 100vw; } #skin_section06 .inner_box .sec06_con-title > img{ width: 74.8611vw; } #skin_section06 .inner_box .sec06_con_content > img{ width: 91.6666vw; } #skin_section07 .inner_box{ gap:8.3333vw; } #skin_section07 .inner_box .sec07_con-title{ gap:4.1666vw;padding:13.8888vw 0 18.0555vw 4.1666vw; } #skin_section07 .inner_box .sec07_con-title span{ font-size: 3.6111vw; } #skin_section07 .inner_box .sec07_con_content >img{ width: 76.3888vw; } #skin_section07 .inner_box .sec07_con-title > img{ width:44.0277vw; } .btm_fixed_bar { padding: 2.7777vw; } .btm_fixed_bar .inner_box { gap: 2.7777vw; } .btm_fixed_bar h6 { font-size: 4.1666vw; margin-bottom: 1.3888vw; } .btm_input input { height: 6.9444vw; font-size: 3.3333vw; } .btm_input select { height: 6.9444vw; font-size: 3.3333vw; } .btm_fixed_bar p span { font-size: 2.6388vw; } .btm_fixed_bar p span a { font-size: 2.6388vw; } .button_area button { font-size: 2.7777vw; padding: 1.3888vw; } .button_area p { gap: 1.3888vw; } .btm_fixed_bar p input[type="checkbox"] { width: 3.4722vw; height: 3.4722vw; } } @media all and (max-width:600px){ #skin_section05 .inner_box .sec05_content { padding:0 13.3333vw; } } @media all and (max-width:480px){ #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line03 > img{ width:100% !important; } #skin_section03 .inner_box .sec03_contents >img { width:87.5vw; } #skin_section03 .inner_box .sec03_contents .sec03_con-title .esta_line01 h2 { font-size:5vw } #skin_section04 .inner_box .sec04_con-title .esta_line01 h2{ font-size:5vw } #skin_section05 .inner_box .sec05_con-title .esta_line01 h2 { font-size: 5vw; } } @media all and (max-width:430px){ #skin_section04 { padding: 12.5vw 10px; } } /*메이크업 아티스트*/ .makeup_sub_img img{ width:unset; } @font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; } .subMakeup {position:relative;background-size: 100% 100%;background-repeat: no-repeat;} .makeup_main_content { display: flex; align-items: center; justify-content: flex-start; height: 100%; } .makeup_main_content >img{ width:100%; } .scroll_down_box { display: flex;flex-direction: column;justify-content: center;align-items: center;gap:5px;padding-top:50px; position: absolute;bottom:30px;left:50%;margin-left:-99.43px; } .scroll_down_box span{ font-size:16px;font-family: "S-CoreDream-6Bold";color:#3b3b3b; } .scroll_down_box img{ animation: arr_ani 1.5s infinite;position: relative; } @keyframes arr_ani{ 0% {top:5px;} 50%{top:0px;} 100%{top:5px;} } #Makeup_section01{ background: #fff;padding:60px 30px 90px; } #Makeup_section01 .inner_box{ max-width:1200px;margin:0 auto; } #Makeup_section01 .inner_box ul{ width:100%;display: flex;flex-direction: column;gap:50px;justify-content: center;align-items: center; } #Makeup_section01 .inner_box ul li{ text-align: center; } #Makeup_section01 .inner_box ul li h2{ font-size:22px;color:#3b3b3b;font-family: "S-CoreDream-4Regular"; } #Makeup_section01 .inner_box ul li p{ font-size:38px;color:#3b3b3b;font-family: "S-CoreDream-4Regular"; } #Makeup_section01 .inner_box ul li p > span{ color:#ff695e;font-family: "S-CoreDream-8Heavy"; } #Makeup_section02{ background-color: #fffcf6; background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec02_bg.png);position:relative;padding:90px 30px 120px;background-size: 100% 100%;background-repeat: no-repeat; } #Makeup_section02::after{ position: absolute;top:-50px;left:50%;width:1px;height:100px;background: #3b3b3b;content:''; } #Makeup_section02 .inner_box{ max-width:1200px;margin:0 auto;display: flex;flex-direction: column;gap:100px; } #Makeup_section02 .inner_box .sec02_title { width:100%; } #Makeup_section02 .inner_box .sec02_title .title_box{ width:100%;display: flex;justify-content: center;align-items: center; } #Makeup_section02 .inner_box .sec02_title .title_box > h2{ color:#3b3b3b;font-family: "S-CoreDream-8Heavy";font-size: 42px; } #Makeup_section02 .inner_box .ul_box { display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px; } #Makeup_section02 .inner_box .ul_box .ul_title { text-align: center;display: flex;flex-direction: column;gap:10px;justify-content: center;align-items: center; } #Makeup_section02 .inner_box .ul_box .ul_title span{ padding:5px 9px;background-color: #3b3b3b;color:#fff;font-family: "S-CoreDream-6Bold";font-size:20px; } #Makeup_section02 .inner_box .ul_box .ul_title > h2{ color:#3b3b3b;font-family: "S-CoreDream-6Bold";font-size:32px; } #Makeup_section02 .inner_box .ul_box ul{ display: flex;justify-content: space-between;align-items: center;width:100%;flex-direction: column;gap:50px; } #Makeup_section03{ background-color: #fffcf6; padding:0 0 100px;background-size: 100% 100%;background-repeat: no-repeat; } #Makeup_section03 .inner_box{ max-width:1200px;margin:0 auto;display: flex;flex-direction: column;gap:20px; } #Makeup_section03 .inner_box .ul_box { display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px; } #Makeup_section03 .inner_box .ul_box .ul_title { text-align: center;display: flex;flex-direction: column;gap:10px;justify-content: center;align-items: center; } #Makeup_section03 .inner_box .ul_box .ul_title span{ padding:5px 9px;background-color: #3b3b3b;color:#fff;font-family: "S-CoreDream-6Bold";font-size:20px; } #Makeup_section03 .inner_box .ul_box .ul_title > h2{ color:#3b3b3b;font-family: "S-CoreDream-6Bold";font-size:32px; } #Makeup_section03 .inner_box .video_box { background: #cab0a1;margin-top:170px;width:100%;position: relative;padding:220px 0 40px; display: flex;justify-content: flex-end; } #Makeup_section03 .inner_box .video_box iframe{ position:absolute;bottom:180px;left:50px; } #Makeup_section03 .inner_box .video_box .txt_box{ width:100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;text-align: left;gap:10px;padding:0 30px; } #Makeup_section03 .inner_box .video_box .txt_box > span{ font-size:24px;color: #ffffff;font-family: "S-CoreDream-6Bold";padding:5px 30px;border-radius: 30px;border: 1px solid #fff; } #Makeup_section03 .inner_box .video_box .txt_box > p{ font-size:22px;color: #ffffff;font-family: "S-CoreDream-3Light"; } #Makeup_section03 .inner_box .video_box .txt_box > p > span{ font-family: "S-CoreDream-6Bold"; } #Makeup_section04{ background-color: #fffcf6; padding:0 30px 100px;background-size: 100% 100%;background-repeat: no-repeat; } #Makeup_section04 .inner_box{ max-width:1200px;margin:0 auto;display: flex;flex-direction: column;gap:20px; } #Makeup_section04 .inner_box .sec04_title{ border-left:3px solid #cab0a1;padding-left:10px; } #Makeup_section04 .inner_box .sec04_title h2{ font-size: 24px;font-family: "S-CoreDream-6Bold";color:#3b3b3b; } #Makeup_section04 .inner_box .sec04_title p{ font-size: 22px;font-family: "S-CoreDream-3Light";color:#3b3b3b; } #Makeup_section04 .inner_box .sec04_title p>span{ font-family: "S-CoreDream-5Medium"; } #Makeup_section04 .inner_box .sec04_contents { width:100%;display: flex;flex-direction: column;gap:10px; } #Makeup_section04 .inner_box .sec04_contents ul{ width:100%;display: flex;gap:10px; } #Makeup_section04 .inner_box .sec04_contents ul li { background-repeat: no-repeat; background-size: cover; background-position: center; height: 0; padding-top: 53.79%; cursor: pointer; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 50%; } #Makeup_section04 .inner_box .sec04_contents ul:nth-child(1) li:nth-child(1) { background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec04_img01.png); } #Makeup_section04 .inner_box .sec04_contents ul:nth-child(1) li:nth-child(2) { background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec04_img02.png); background-size:none; } #Makeup_section04 .inner_box .sec04_contents ul:nth-child(2) li:nth-child(1) { background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec04_img03.png); background-size:none; } #Makeup_section04 .inner_box .sec04_contents ul:nth-child(2) li:nth-child(2) { background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec04_img04.png); background-size:none; } #Makeup_section04 .inner_box .sec04_contents ul li:nth-child(1).active { -webkit-filter: none; filter: none; } #Makeup_section04 .inner_box .sec04_contents ul li.active { -webkit-filter: none; filter: none; } #Makeup_section05{ background-color: #fffcf6; padding:0 30px 100px;background-size: 100% 100%;background-repeat: no-repeat; } #Makeup_section05 .inner_box{ display: flex;flex-direction: column;gap:20px; } #Makeup_section05 .inner_box .sec05_title{ border-left:3px solid #cab0a1;padding-left:10px;max-width:1200px;margin:0 auto;width:100%; } #Makeup_section05 .inner_box .sec05_title h2{ font-size: 24px;font-family: "S-CoreDream-6Bold";color:#3b3b3b; } #Makeup_section05 .inner_box .sec05_title p{ font-size: 22px;font-family: "S-CoreDream-3Light";color:#3b3b3b; } #Makeup_section05 .inner_box .sec05_title p >span{ font-family: "S-CoreDream-5Medium"; } #Makeup_section05 .inner_box .sec05_contents .swiper-slide{ display: flex;flex-direction: column;gap:10px;cursor: pointer; } #Makeup_section05 .inner_box .sec05_contents .swiper-container{ width:100%;overflow: hidden; } #Makeup_section05 .inner_box .sec05_contents .swiper-slide > span{ font-size:18px;color:#cab0a1;border: 1px solid #cab0a1;width:100%;padding:15px 0;text-align: center;font-family: "S-CoreDream-4Regular"; } #Makeup_section05 .inner_box .sec05_contents .swiper-slide .img_box{ overflow: hidden; } #Makeup_section05 .inner_box .sec05_contents .swiper-slide .img_box > img{ -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width:100%; } #Makeup_section05 .inner_box .sec05_contents .swiper-slide-active > span{ color:#ff695e;border: 1px solid #ff695e;width:100%;font-family: "S-CoreDream-6Bold"; } #Makeup_section05 .inner_box .sec05_contents .swiper-slide-active .img_box > img{ -webkit-filter: none; filter: none; transform: scale(1.1); } #Makeup_section06{ background-color: #fffcf6; padding:0 30px 100px;background-size: 100% 100%;background-repeat: no-repeat; } #Makeup_section06 .inner_box{ max-width:1200px;margin:0 auto;display: flex;flex-direction: column;gap:20px; } #Makeup_section06 .inner_box .ul_box { display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px; } #Makeup_section06 .inner_box .ul_box .ul_title { text-align: center;display: flex;flex-direction: column;gap:10px;justify-content: center;align-items: center; } #Makeup_section06 .inner_box .ul_box .ul_title span{ padding:5px 9px;background-color: #3b3b3b;color:#fff;font-family: "S-CoreDream-6Bold";font-size:20px; } #Makeup_section06 .inner_box .ul_box .ul_title > h2{ color:#3b3b3b;font-family: "S-CoreDream-6Bold";font-size:36px; } #Makeup_section06 .inner_box .ul_box .ul_title > p{ color:#3b3b3b;font-family: "S-CoreDream-4Regular";font-size:20px; } #Makeup_section06 .inner_box .sec06_content_box{ display: flex;justify-content: space-between;align-items: flex-start;gap:20px; } #Makeup_section06 .inner_box .sec06_content_box ul{ display: flex;flex-direction: column;gap:20px; justify-content: space-between;align-items: flex-start;gap:50px; } #Makeup_section06 .inner_box .sec06_content_box ul li{ display: flex;flex-direction: column;justify-content: center;align-items: center;border: 1px solid #cab0a1; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box{ padding: 20px 15px; display: flex; flex-direction: column; gap: 15px; width: 100%; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box h2{ font-size:20px;color: #3b3b3b;font-family: "S-CoreDream-6Bold"; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box > span{ width:100%;height:1px;background: #3b3b3b;display: block; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box p{ font-size:18px;color: #3b3b3b;font-family: "S-CoreDream-3Light"; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box button{ font-size:16px;color: #8f593a;font-family: "S-CoreDream-6Bold";border: 1px solid #cab0a1; display: flex;align-items: center;gap:5px;justify-content: center;padding:15px 0; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box button span{ position:relative; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box button span > span:after{ position: absolute;bottom:5px;right:-10px;content:'';background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec06_btn_arrow.png);width:7px;height:12px; } #Makeup_section07{ background-color: #fffcf6; padding:0 30px 70px;background-size: 100% 100%;background-repeat: no-repeat; } #Makeup_section07 .inner_box{ max-width:1200px;margin:0 auto;display: flex;flex-direction: column;gap:20px; } #Makeup_section07 .inner_box .ul_box { display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px; } #Makeup_section07 .inner_box .ul_box .ul_title { text-align: center;display: flex;flex-direction: column;gap:10px;justify-content: center;align-items: center; } #Makeup_section07 .inner_box .ul_box .ul_title span{ padding:5px 9px;background-color: #3b3b3b;color:#fff;font-family: "S-CoreDream-6Bold";font-size:20px; } #Makeup_section07 .inner_box .ul_box .ul_title > h2{ color:#3b3b3b;font-family: "S-CoreDream-6Bold";font-size:32px; } #Makeup_section07 .inner_box .ul_box .ul_title > p{ color:#3b3b3b;font-family: "S-CoreDream-4Regular";font-size:22px; } #Makeup_section07 .inner_box .sec07_content_box { width:100%;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;gap:20px; } #Makeup_section07 .inner_box .sec07_content_box .img_box{ background: #fff;padding:15px;border: 1px solid #cab0a1;display: flex;flex-direction: column;gap:15px; } #Makeup_section07 .inner_box .sec07_content_box .img_box img{ width:100%; } #Makeup_section07 .inner_box .sec07_content_box .img_box p{ font-size:18px;color:#3b3b3b;font-family: "S-CoreDream-3Light";display: none; } #Makeup_section07 .inner_box .sec07_content_box .img_box p.on{ display: block; } #Makeup_section07 .inner_box .sec07_content_box .btn_box{ width: 100%;display: flex;flex-direction: column;gap:10px; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul{ display: flex;flex-direction: row;gap:10px;gap:10px;width:100%; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li{ background: #fff;opacity: .5;border:1px solid #cab0a1;display: flex;flex-direction: column;align-items: center;justify-content: center;width:50%;padding:10px 0; cursor: pointer; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li h2{ font-size:20px;color:#cab0a1;font-family: "S-CoreDream-6Bold"; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li p{ font-size:16px;color:#cab0a1;font-family: "S-CoreDream-3Light"; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li.on{ opacity: 1;box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);position: relative; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li.on h2{ font-size:20px;color:#ff695e;font-family: "S-CoreDream-6Bold"; } #Makeup_section08{ background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec08_bg.png); padding:60px 30px;background-size: 100% 100%;background-repeat: no-repeat; } #Makeup_section08 .inner_box{ max-width:1200px;margin:0 auto;display: flex;flex-direction: column;gap:40px; } #Makeup_section08 .inner_box .con1_img_box { width: 100%; } #Makeup_section08 .inner_box .con1_img_box > img{ width:100%; } #Makeup_section08 .inner_box .con2_img_box { display: flex;flex-direction: column;gap:0;align-items: center; } #Makeup_section08 .inner_box .con2_img_box .con02_iframe_box { background: #fff;padding:50px 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:50px;width:100%; } .sec08_img04 { padding:20px 0 40px; } .swiper_on_box{ width:100%;padding:0 60px;position: relative; } .review_container { width:100%; overflow: hidden; } .review_container .swiper-slide{ background-color: #fffcf6;border: 1px solid #cab0a1;display: flex;flex-direction: column;gap:20px;justify-content: space-between;align-items: flex-start;padding:45px 20px;border-radius: 30px;min-height:303px; } .review_container .swiper-slide h2 { font-size: 22px;color:#3b3b3b; font-family: "S-CoreDream-6Bold"; width: 100%; text-align: center; } .review_container .swiper-slide p { font-size: 18px;color:#3b3b3b;font-family: "S-CoreDream-4Regular"; } .review_container .swiper-slide p > span{ color:#fff;background: #ff695e; } .review_container .swiper-slide > span{ color:#929292;font-size:16px;font-family: "S-CoreDream-4Regular"; } .swiper_on_box .swiper-button-next { background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec08_swiper_arrow_next.png); width: 40px !important; height: 40px !important; background-size: 100% 100%; margin-top:-20px !important; } .swiper_on_box .swiper-button-prev { background-image: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec08_swiper_arrow_prev.png); width: 40px !important; height: 40px !important; background-size: 100% 100%; margin-top:-20px !important; } #Makeup_section09{ background: #f3dcc7; padding:60px 30px 50px;background-size: 100% 100%;background-repeat: no-repeat; } #Makeup_section09 .inner_box{ max-width:1200px;margin:0 auto;display: flex;flex-direction: column;gap:20px; } #Makeup_section09 .inner_box .sec09_title{ text-align: center; } #Makeup_section09 .inner_box .sec09_title h2{ font-size: 42px;color:#3b3b3b;font-family: "S-CoreDream-8Heavy"; } #Makeup_section09 .inner_box .sec09_title h2 >span{ color:#ff695e; } #Makeup_section10{ background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec10_bg.png); padding:90px 30px;background-size: 100% 100%;background-repeat: no-repeat; } #Makeup_section10 .inner_box{ max-width:1200px;margin:0 auto;display: flex;flex-direction: column;gap:40px; } #Makeup_section10 .inner_box .sec09_title{ text-align: center; } #Makeup_section10 .inner_box .sec09_title h2{ font-size: 30px;color:#fff;font-family: "S-CoreDream-7ExtraBold";letter-spacing: 10px; } #Makeup_section10 .inner_box .sec09_title > span{ font-size: 20px;color:#fff;font-weight: 500; } #subject_popup_box_bg{ background: rgba(0,0,0,.7);position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1202;display:none; } .subject_popup_box{ position: fixed;top:50%;left:50%;background: #fff;z-index: 1202;padding:40px;width:600px;display: flex;flex-direction: column;gap:20px;margin-left:-300px;display:none;border-radius: 20px;border: 1px solid #3b3b3b; } .subject_popup_box .close_btn{ position: absolute;top: 30px; right: 40px; } .subject_popup_box .pop_title_box{ width:100%;text-align: center;padding-bottom:10px;border-bottom:1px solid #000000; } .subject_popup_box .pop_title_box h2{ font-size:24px;color:#3b3b3b;font-family: "S-CoreDream-6Bold"; } .subject_popup_box .pop_con_box{ text-align: left;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap:30px; } .subject_popup_box .pop_con_box span{ font-size:18px;color:#fefefe;font-family: "S-CoreDream-4Regular";background-color: #3b3b3b;padding:5px 30px;border-radius: 30px; } .subject_popup_box .pop_con_box p{ font-size:18px;color:#3b3b3b;font-family: "S-CoreDream-4Regular"; line-height: 2; } .btm_fixed_bar2 { width: 100%; border-top:2px solid #cab0a1; background-color: #fff; position: fixed; z-index: 10; bottom: 0; padding: 20px; font-family: 'Noto Sans KR'; } .btm_fixed_bar2 .inner_box { gap: 20px; display: flex; justify-content: space-between; width: auto; flex-direction: column; } .btm_fixed_bar2 h6 { color: #ff695e; font-size: 24px; margin-bottom: 10px; text-align:center; font-family: 'S-CoreDream-6Bold'; } .btm_fixed_bar2 h6 > span { font-weight: 700; } .btm_fixed_bar2 .btm_input > input::placeholder {color:#929292;} .btm_fixed_bar2 .btm_input > input::-webkit-input-placeholder {color:#929292;} .btm_fixed_bar2 .btm_input > input:-ms-input-placeholder {color:#929292;} .btm_fixed_bar2 .btm_input { display: flex; flex-direction: column; width: 100%; } .btm_fixed_bar2 .btm_input input:nth-child(1){ width: 100%; } .btm_fixed_bar2 .btm_input input { border-radius: 0; text-align: center; height: 50px; width: 100%; /* fix */ padding-left: 0; padding-bottom:4px; width:35%; background:#fff; font-size: 22px; font-weight: 300; font-family: 'notokr-light'; border:1px solid #e5e5e5; } .btm_fixed_bar2 .phone_num { margin-top: 4px; display: flex; gap: 5px; justify-content: space-between; align-items: center; } .btm_fixed_bar2 .btm_input select { width: 35%; text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; height: 50px; padding-bottom:4px; color: #929292; font-family: 'notokr-light'; /* fix */ padding-left: 0; border: 1px solid #e5e5e5; font-size: 22px; font-weight: 300; background: #fff; } .btm_fixed_bar2 .phone_num > p{ color:#fff; } .btm_fixed_bar2 .button_area { width: 100%; text-align: center; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .btm_fixed_bar2 .button_area p{ display: flex; align-items: center; gap:10px; } .btm_fixed_bar2 .button_area button { width: 50%; background-color: #3b3b3b; color: #fffefe; font-weight: 400; font-size: 22px; line-height: 1.5; padding: 10px; cursor: pointer; font-family: "notokr-medium"; display: flex;align-items: center;justify-content: center;gap:5px; } .btm_fixed_bar2 .button_area button img{ } .btm_fixed_bar2 .button_area input { vertical-align: middle; margin-right: 3px; } .btm_fixed_bar2 > p { text-align: left; color:#000; font-weight:400; width:50%; } .btm_fixed_bar2 p input[type="checkbox"] { vertical-align: -2px; width: 25px; height: 25px; margin-right: 0; appearance: auto; border: 0; } .btm_fixed_bar2 p span { font-size:19px; font-family: "notokr-regular"; color: #000; } .btm_fixed_bar2 p span a { margin-left: 3px; font-size:19px; font-family: "notokr-regular"; } #quick_icon {display: none;} @media all and (max-width:720px){ .scroll_down_box { gap:0.6944vw;padding-top:6.9444vw;bottom:4.1666vw;margin-left:-13.8006vw; } .scroll_down_box span{ font-size:2.2222vw; } #Makeup_section01{ background: #fff;padding:8.3333vw 4.1666vw 12.5vw; } #Makeup_section01 .inner_box ul{ gap:6.9444vw; } #Makeup_section01 .inner_box ul li >img{ width:91.6666vw; } #Makeup_section01 .inner_box ul li h2{ font-size:3.0555vw; } #Makeup_section01 .inner_box ul li p{ font-size:5.2777vw; } #Makeup_section02{ padding:12.5vw 4.1666vw 16.6666vw; } #Makeup_section02::after{ top:-6.9444vw;width:1px;height:13.8888vw; } #Makeup_section02 .inner_box{ gap:13.8888vw; } #Makeup_section02 .inner_box .sec02_title .title_box > h2{ font-size: 5.8333vw; } #Makeup_section02 .inner_box .ul_box { gap:2.7777vw; } #Makeup_section02 .inner_box .ul_box .ul_title { gap:1.3888vw; } #Makeup_section02 .inner_box .ul_box .ul_title span{ padding:0.6944vw 1.25vw;font-size:2.7777vw; } #Makeup_section02 .inner_box .ul_box .ul_title > h2{ font-size:4.4444vw; } #Makeup_section02 .inner_box .ul_box ul{ gap:6.9444vw; } #Makeup_section02 .inner_box .ul_box ul li { width:100%; } #Makeup_section02 .inner_box .ul_box ul li > img{ width:100%; } #Makeup_section03{ padding:0 0 13.8888vw; } #Makeup_section03 .inner_box{ gap:2.7777vw; } #Makeup_section03 .inner_box .ul_box { gap:2.7777vw; } #Makeup_section03 .inner_box .ul_box .ul_title { gap:1.3888vw; } #Makeup_section03 .inner_box .ul_box .ul_title span{ padding:0.6944vw 1.25vw;font-size:2.7777vw; } #Makeup_section03 .inner_box .ul_box .ul_title > h2{ font-size:4.4444vw; } #Makeup_section03 .inner_box .video_box { margin-top:23.6111vw;padding:30.5555vw 0 5.5555vw; } #Makeup_section03 .inner_box .video_box iframe{ bottom:25vw;left:6.9444vw;width: 86.1111vw;height:48.6111vw; } #Makeup_section03 .inner_box .video_box .txt_box{ gap:1.3888vw;padding:0 4.1666vw; } #Makeup_section03 .inner_box .video_box .txt_box > span{ font-size:3.3333vw;padding:0.6944vw 4.1666vw;border-radius: 4.1666vw; } #Makeup_section03 .inner_box .video_box .txt_box > p{ font-size:3.0555vw; } #Makeup_section04{ padding:0 4.1666vw 13.8888vw; } #Makeup_section04 .inner_box{ gap:2.7777vw; } #Makeup_section04 .inner_box .sec04_title{ padding-left:1.3888vw; } #Makeup_section04 .inner_box .sec04_title h2{ font-size: 3.3333vw; } #Makeup_section04 .inner_box .sec04_title p{ font-size: 3.0555vw; } #Makeup_section04 .inner_box .sec04_contents { gap:1.3888vw; } #Makeup_section04 .inner_box .sec04_contents ul{ gap:1.3888vw; } #Makeup_section05{ padding:0 4.1666vw 13.8888vw; } #Makeup_section05 .inner_box{ gap:2.7777vw; } #Makeup_section05 .inner_box .sec05_title{ padding-left:1.3888vw; } #Makeup_section05 .inner_box .sec05_title h2{ font-size: 3.3333vw; } #Makeup_section05 .inner_box .sec05_title p{ font-size: 3.0555vw; } #Makeup_section05 .inner_box .sec05_contents .swiper-slide{ gap:1.3888vw; } #Makeup_section05 .inner_box .sec05_contents .swiper-slide > span{ font-size:2.5vw;padding:2.0833vw 0; } #Makeup_section06{ padding:0 4.1666vw 13.8888vw; } #Makeup_section06 .inner_box{ gap:2.7777vw; } #Makeup_section06 .inner_box .ul_box { gap:2.7777vw; } #Makeup_section06 .inner_box .ul_box .ul_title { gap:1.3888vw; } #Makeup_section06 .inner_box .ul_box .ul_title span{ padding:0.6944vw 1.25vw;font-size:2.7777vw; } #Makeup_section06 .inner_box .ul_box .ul_title > h2{ font-size:5vw; } #Makeup_section06 .inner_box .ul_box .ul_title > p{ font-size:2.7777vw; } #Makeup_section06 .inner_box .sec06_content_box{ gap:2.7777vw;width:100%; } #Makeup_section06 .inner_box .sec06_content_box ul{ gap:6.9444vw;width:50%; } #Makeup_section06 .inner_box .sec06_content_box ul li{ width:100%; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_img_box img{ width:100%; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box{ padding: 2.7777vw 2.0833vw; gap: 2.0833vw; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box h2{ font-size:2.7777vw; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box p{ font-size:2.5vw; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box button{ font-size:2.2222vw; gap:0.6944vw;padding:2.0833vw 0; } #Makeup_section06 .inner_box .sec06_content_box ul li .con_txt_box button span > span:after{ bottom:0.6944vw;right:-1.3888vw;width:0.9722vw;height:1.6666vw;background-size: 100% 100%; } #Makeup_section07{ background-color: #fffcf6; padding:0 4.1666vw 9.7222vw; } #Makeup_section07 .inner_box{ gap:2.7777vw; } #Makeup_section07 .inner_box .ul_box { gap:2.7777vw; } #Makeup_section07 .inner_box .ul_box .ul_title { gap:1.3888vw; } #Makeup_section07 .inner_box .ul_box .ul_title span{ padding:0.6944vw 1.25vw;font-size:2.7777vw; } #Makeup_section07 .inner_box .ul_box .ul_title > h2{ font-size:4.4444vw; } #Makeup_section07 .inner_box .ul_box .ul_title > p{ font-size:3.0555vw; } #Makeup_section07 .inner_box .sec07_content_box { gap:2.7777vw; } #Makeup_section07 .inner_box .sec07_content_box .img_box{ padding:2.0833vw;gap:2.0833vw; } #Makeup_section07 .inner_box .sec07_content_box .img_box p{ font-size:2.5vw; } #Makeup_section07 .inner_box .sec07_content_box .btn_box{ gap:1.3888vw; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul{ gap:1.3888vw;gap:1.3888vw; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li{ padding:1.3888vw 0; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li h2{ font-size:2.7777vw; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li p{ font-size:2.222222222222222VW; } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li.on{ box-shadow: 0.6944vw 0.6944vw 1.3888vw rgba(0, 0, 0, .3); } #Makeup_section07 .inner_box .sec07_content_box .btn_box ul li.on h2{ font-size:2.7777vw; } #Makeup_section08{ padding:8.3333vw 4.1666vw; } #Makeup_section08 .inner_box{ gap:5.5555VW; } #Makeup_section08 .inner_box .con2_img_box .con02_iframe_box .sec08_img03 { width:85.8333vw; } #Makeup_section08 .inner_box .con2_img_box .con02_iframe_box { padding:6.9444vw 2.7777vw;gap:6.9444vw; } #Makeup_section08 .inner_box .con2_img_box .con02_iframe_box iframe { width: 100%; height: 48.6111vw; } #Makeup_section08 .inner_box .con2_img_box>img{ width: 76.6666vw; } .sec08_img04 { padding:2.7777vw 0 5.5555VW;width:80.1388vw !important; } .swiper_on_box{ padding:0 8.3333vw; } .review_container .swiper-slide{ gap:2.7777vw;padding:6.25vw 2.7777vw;border-radius: 4.1666vw;min-height:42.0833vw; } .review_container .swiper-slide h2 { font-size: 3.0555vw; } .review_container .swiper-slide p { font-size: 2.5vw; } .review_container .swiper-slide > span{ font-size:2.2222vw; } .swiper_on_box .swiper-button-next { width: 5.5555VW !important; height: 5.5555VW !important; margin-top:-2.7777vw !important; } .swiper_on_box .swiper-button-prev { width: 5.5555VW !important; height: 5.5555VW !important; margin-top:-2.7777vw !important; } #Makeup_section09{ padding:8.3333vw 4.1666vw 6.9444vw; } #Makeup_section09 .inner_box{ gap:2.7777vw; } #Makeup_section09 .inner_box .sec09_title h2{ font-size: 5.8333vw; } #Makeup_section10{ background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/makeup_artist/sec10_bg.png); padding:12.5vw 4.1666vw; } #Makeup_section10 .inner_box{ gap:5.5555VW; } #Makeup_section10 .inner_box .sec09_title h2{ font-size: 4.1666vw;letter-spacing: 1.3888vw; } #Makeup_section10 .inner_box .sec09_title > span{ font-size: 2.7777vw; } #Makeup_section09 .inner_box .sec09_img_box img{ width:91.6666vw; } .subject_popup_box{ padding:5.5555VW;width:83.3333vw;gap:2.7777vw;margin-left:-41.6666vw;border-radius: 2.7777vw; } .subject_popup_box .close_btn{ top: 4.1666vw; right: 5.5555VW; } .subject_popup_box .pop_title_box{ padding-bottom:1.3888vw; } .subject_popup_box .pop_title_box h2{ font-size:3.3333vw; } .subject_popup_box .pop_con_box{ gap:4.1666vw; } .subject_popup_box .pop_con_box span{ font-size:2.5vw;padding:0.6944vw 4.1666vw;border-radius: 4.1666vw; } .subject_popup_box .pop_con_box p{ font-size:2.5vw; } .btm_fixed_bar2 { padding: 2.7777vw; } .btm_fixed_bar2 .inner_box { gap: 2.7777vw; } .btm_fixed_bar2 h6 { font-size: 4.1666vw; margin-bottom: 1.3888vw; } .btm_fixed_bar2 .btm_input input { height: 6.9444vw; font-size: 3.3333vw; padding-bottom: 0.5555vw; } .btm_fixed_bar2 .btm_input select { height: 6.9444vw; font-size: 3.3333vw; padding-bottom: 0.5555vw; } .btm_fixed_bar2 p span { font-size: 2.6388vw; } .btm_fixed_bar2 p span a { font-size: 2.6388vw; } .btm_fixed_bar2 .button_area button { font-size: 2.7777vw; padding: 1.3888vw; } .btm_fixed_bar2 .button_area p { gap: 1.3888vw; } .btm_fixed_bar2 p input[type="checkbox"] { width: 3.4722vw; height: 3.4722vw; } .btm_fixed_bar2 .button_area button img{ width: 0.9722vw; } } @media all and (max-width:480px){ .btm_fixed_bar2 .btm_input input { padding-bottom:0; } .btm_fixed_bar2 .btm_input select { padding-bottom: 0; } } @media all and (max-width:400px){ .btm_fixed_bar2 .button_area button { width: 40%; } } @media all and (max-width:768px){ .tch_profile{min-height:117.8385vw;} .tch_profile h2{ position: absolute; bottom: 34.6354vw; color: #fff; font-size: 3.6458vw; gap: 0.7812vw; } .tch_profile_info { padding: 9.7656vw 0 7.8125vw; } .tch_profile_info .tch_profile_info_inner{ padding:0 4.9479vw;gap:11.7187vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li a{ padding:4.9479vw 2.6041vw;border-radius: 1.3020vw;gap:3.2552vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_title{ padding: 0 2.3437vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_title h2{ font-size:3.6458vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content { gap:3.125vw;padding:0 5.8593vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_name{ gap:0.6510vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_name p{ font-size:2.8645vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_name span{ font-size:2.8645vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_name img{ width:19.9218vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide ul li .review_content .stu_review p{ font-size:3.125vw; } .tch_profile_info .tch_profile_info_inner .tch_review_slide .review_slide_next { width:4.5572vw !important;height:4.5572vw !important;margin-top:3.2552vw !important; } .tch_profile_info .tch_profile_info_inner .tch_review_slide .review_slide_prev { width:4.5572vw !important;height:4.5572vw !important;margin-top:3.2552vw !important; } .tch_profile_info .tch_profile_info_inner .tch_info_txt{ border-radius: 1.3020vw;gap:2.6041vw;min-height: 46.875vw;padding: 0 2.6041vw; } .tch_profile_info .tch_profile_info_inner .tch_info_txt h2{ font-size:3.125vw; } .tch_profile_info .tch_profile_info_inner .tch_info_txt p{ font-size:2.3437vw; } .tch_info_career { padding: 7.8125vw 4.4270vw 2.6041vw; } .tch_info_career .tch_info_career_inner .career_content .career_title { padding:3.3854vw 1.0416vw 3.3854vw; } .tch_info_career .tch_info_career_inner .career_content .career_title h2{ font-size:3.64583vw; } .tch_info_career .tch_info_career_inner .career_content ul{ gap:7.8125vw;padding:5.0781vw 1.0416vw 7.8125vw; } .tch_info_career .tch_info_career_inner .career_content ul li{ gap:2.4739vw; } .tch_info_career .tch_info_career_inner .career_content ul li .ca_title h2{ font-size:2.9947vw; } .tch_info_career .tch_info_career_inner .career_content ul li .ca_content * { margin-left: 1.4322vw; text-indent: -1.4322vw; font-size:2.8645vw; } .tch_info_career .tch_info_career_inner .career_content .more_btn a{ font-size:2.6041vw;padding:2.6041vw 0; } .tch_info_career .tch_info_career_inner .career_content.on ul{ max-height:91.1458vw; } .tch_info_career .tch_info_career_inner .career_content .more_btn a img { width:1.8229vw; } .m_teacher { gap:5.2083vw; } .m_teacher .m_tit{ gap:3.7760vw;padding:10.4166vw 4.9479vw 0; } .m_teacher .m_tit h2{ font-size:5.2083vw; } .teacher_box_sub ul li .sub_ico { font-size: 1.5625vw; } .teacher_box_sub ul li .text_box{ padding:0 1.3020vw 3.9062vw;} .teacher_box_sub .paging div{font-size: 24px;} .teacher_box_sub .paging div span{color: #ff7b47;} .m_teacher .swiper-horizontal>.swiper-pagination-bullets, .m_teacher .swiper-pagination-bullets.swiper-pagination-horizontal, .m_teacher .swiper-pagination-custom, .m_teacher .swiper-pagination-fraction{font-size: 3.125vw; height: 7.2916vw;} .review_modal { border-radius: 1.3020vw;max-width:91.1458vw;max-height:55.3385vw;width:100%; } .review_modal .stu_name_title{ gap:0.6510vw;padding:2.6041vw; } .review_modal .stu_name_title p{ font-size:2.6041vw; } .review_modal .stu_name_title span{ font-size:2.6041vw; } .review_modal .stu_review_content{ padding:3.9062vw 1.3020vw;max-height: 45.5729vw; } .review_modal .stu_review_content .stu_review_content_inner{ padding:0px 3.9062vw;max-height:37.1093vw; } .review_modal .stu_review_content .stu_review_content_inner p{ font-size:2.7343vw; } .review_modal .stu_name_title > img { width:19.9218vw; } .review_modal .stu_name_title a{ display: flex; } .review_modal .stu_name_title a >img{ width:2.6041vw; } .review_modal .stu_review_content .stu_review_content_inner::-webkit-scrollbar{ width:0.6510vw; } .review_modal .stu_review_content .stu_review_content_inner::-webkit-scrollbar-thumb{ width:0.6510vw;border-radius: 0.6510vw; } .tch_greeting_m .go_curri { bottom:2.6041vw;right:1.3020vw;gap:0.6510vw;font-size:2.6041vw; padding: 1.5625vw 2.6041vw; } .tch_greeting_text_box { padding:0 3.9062vw; } .tch_greeting_m .go_curri img { width: 1.0416vw;min-width:5px; } .tch_greeting_m .tch_greeting_text_box { display: flex;flex-direction: column; } .tch_greeting_m .tch_greeting_text_box h2{ font-size:3.6458vw;color:#313131;font-weight:700;padding-bottom:3.9062vw; } .tch_greeting_m .tch_greeting_text_box .tch_greeting_txt div{ font-size:2.8645vw ;color:#313131;font-weight:400; } .course_box .box_txt span{ font-size:2.4739vw ; } .course_box .box_txt strong{ font-size:3.6458vw ; } .course_box .box_txt div{ font-size:2.8645vw ; } .course_box .box_txt p{ font-size:3.125vw ;gap:1.3020vw;line-height: 1; } .course_box .box_txt p img{ width:1.4322vw; } .academy_viewcontent .profile_tit { font-size: 5.4687vw; } .academy_viewcontent .profile_sub_tit { font-size: 3.125vw; } .interview_box .box_txt span { font-size: 2.3437vw; } .interview_box .box_txt dl dt{ font-size: 4.6875vw; } .interview_box .box_txt dl dd{ font-size:2.8645vw; } .interview_box .box_txt span { font-size: 2.3437vw; } .interview_box .box_txt dl dt{ font-size: 4.6875vw; } .interview_box .box_txt dl dd{ font-size:2.8645vw; } } @media all and (max-width:350px){ .tch_greeting_m .go_curri { gap: 0.8571vw;font-size:10px; padding: 0.8571vw 1.4285vw; } } @media all and (max-width:768px){ .counselingForm{padding:5% 3% 3.9062vw 3%;} .counselingForm.bg_gray{margin-top:30px;} .counselingForm .customer_tit_sub{font-size: 4.1666vw;} .counselingForm .customer_tit{font-size: 4.6875vw;} .counselingFormTable table th{font-size: 3.125vw;} .counselingFormTable table td{font-size: 3.3854vw;gap:0.6510vw;width:100%;} .counselingFormTable table td label span{font-size:2.8645vw;} .btnCounseling2 button{font-size: 3.3854vw;} .counseling_end div span{font-size: 2.7343vw;} .counseling_end div a{font-size: 3.3854vw;} .mainCounseling{padding-bottom: 15.625vw;padding-top: 12.3697vw;} .mainCounseling .mSubTit{font-size: 4.6875vw;line-height: 5.2083vw;background-position: left 41.4062vw bottom;} /*2025-07-08*/ .counselingFormRenew { padding: 16.9271vw 6.2500vw; } .result_form *{ font-family: 'notokr-regular'; } .result_form { display: flex;flex-direction: column;align-items: center;justify-content: center;gap:16.8620vw; text-align: center; } .result_form .result_top { display: flex;flex-direction: column;gap:5.2083vw;align-items: center;justify-content: center; } .result_form .result_top img { width: 24.8697vw; } .result_form .result_top p{ font-size:3.6458vw;color:#666666;line-height: 5.4688vw; } .result_form .result_top h2{ font-size:6.5104vw;color:#2B2B2B;line-height: 6.9010vw;font-weight: 700; } .result_form .result_middle_line { width:100%;height:0.1302vw;background: #9E9E9E; } .result_form .result_bottom { display: flex;flex-direction: column;gap:5.2083vw;align-items: center;justify-content: center; } .result_form .result_bottom span{ font-size:4.8177vw;color:#1a1a1a;line-height: 7.0313vw;font-family: 'notokr-bold'; } .result_form .result_bottom p{ font-size:3.2552vw;color:#2B2B2B;line-height: 1.5; } .result_form .result_bottom a{ font-size:3.6458vw;color:#ffffff;font-family: 'notokr-bold';width:46.8750vw;height:10.4167vw;background: #0081ff; border-radius: 10.4167vw;display: flex;align-items: center;justify-content: center;margin-top:11.7188vw; } /*2025-07-08*/ .counselingCheck h6 { font-size: 3.3854vw; } .counselingCheck h6.mdi span{font-size: 3.3854vw;} .counselingCheck h6 span{font-size: 3.3854vw;} .counselingCheck .course{padding-top: 1.9531vw;gap:1.6927vw;} .counselingCheck .course a{ border-radius: 0.6510vw; font-size: 3.6458vw; } .counselingCheck .course a.c_purpose { border: 2px solid #E1E1E1; background: #F1F1F1; text-align: center; line-height: 3.35; color: #565656; letter-spacing: -0.04em; font-family: 'notokr-regular'; float: left; } .counselingCheck .course a.c_purpose.select { background: #ff7b47; letter-spacing: -0.05em; font-family: 'notokr-bold'; color: #fff; border: 2px solid #ff7b47; } .personalGuide div a{font-size: 3.3854vw;} .personalGuide div input{width: 5.2083vw;height: 5.2083vw;} .personalGuide div label{font-size: 1.8229vw;} .counselingForm .btnCounseling a{height: 10.4166vw;border-radius: 0.6510vw; font-size: 4.4270vw;line-height: 10.4166vw;} .counselingForm .btnCounseling button{ height: 10.4166vw;border-radius: 0.6510vw; font-size: 4.4270vw;line-height: 10.4166vw;min-height:45px;} .int_tit{font-size: 3.6458vw;} .counselingFormTable input[type="radio"] {width: 5.4687vw;height: 5.4687vw;} .selectTem{height: 5.7291vw;padding-left: 2.6041vw;width: 16.4062vw;margin-right: 0.6510vw;} .selectTem .selecta{line-height: 5.7291vw;font-size: 2.0833vw; background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/ico_select_d.png) no-repeat right 2.4739vw center;} .subSelect{ width: 16.1458vw;transform: translateY(2.6041vw);} .subSelect a{font-size: 2.0833vw;padding-left: 2.6041vw;line-height: 5.7291vw;} .counselingFormTable table td input{ text-indent: 1.3020vw;box-sizing: border-box; } } @media all and (max-width:360px){ .counselingForm .btnCounseling button{ min-height:12.5vw;} } /* 개발팀 추가 */ .etc_content table.privacy_tbl { width:100%; border: 1px solid black; border-collapse: collapse; } .etc_content table.privacy_tbl tr { border: 0; } .etc_content table.privacy_tbl th{ border: 1px solid #222222; border-collapse: collapse; font-weight: 500; color: #000; text-align: center; vertical-align: middle; background: #ccc; } .etc_content table.privacy_tbl td { border: 1px solid #222222; border-collapse: collapse; font-weight: 300; color: #000; text-align: center; vertical-align: middle; } @media all and (max-width:768px){ .etc_content table.privacy_tbl td { word-break: keep-all; } }