/* 반응형 규칙 */
.pc {display: none !important;}
.mo {display: block;}

/* HEADER : START */
#wrap {margin: 0; padding: 0; font-size: 16px;}
header.container{background-color: #fff;}
header.container .inner_cont{display: flex; justify-content: center; height: 60px;}
header.container .logo{display: inline-flex; align-items: center; justify-content: center; width: 135px;}
header.container .logo img{width: 100%;}
/* HEADER : END */

/* 기존 상단 비주얼 영역 */
.mainpage .visual_area{background: #fdf0dd url(../images/summer_bg.jpg) no-repeat 100% 50%; height: 450px;}
.mainpage .visual_area .inner_cont{position: relative; display: flex; align-items: flex-end; height: 100%; overflow: hidden;}
.mainpage .visual_area .student_img{position: absolute; bottom: -40px; max-width: 52%; min-width: 270px;}
.mainpage .visual_area .student_img img{width: 100%;}
.mainpage .visual_area .title_textbox{position: absolute; top:48px; right: 5%; display: inline-flex; align-items: center; flex-direction: column; align-items: flex-end;}
.mainpage .visual_area .title_textbox .topcopy{font-size: 20px; font-weight: 700; color: #161616; margin-bottom: 9px;}
.mainpage .visual_area .title_textbox .maincopy{color: #006BF6; font-size: 31px; font-weight: 600; line-height: 135%; margin-bottom: 22px; text-align: right;}
.mainpage .visual_area .title_textbox .enter{display: block;}
.mainpage .visual_area .title_textbox .bold{font-weight: 900;}
.mainpage .visual_area .title_textbox .impact{display: inline-block; padding: 5px 19px; color: #fff; background-color: #006BF6; font-weight: 800;}
.mainpage .visual_area .btmcopy{font-family: 'jalnan'; font-size: 38px; font-weight: 600; color: #434343; font-weight: 500; text-align: right; line-height: 120%; color: #fff; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #725949; text-shadow: 3px 3px 0 #D2BBB8;}
.mainpage .visual_area .btmcopy .fc_orange{display: block; color: #FD8276;}
.mainpage .visual_area .btmcopy .fc_wh{font-size: 42px;}


 /* 설명회 상단 비주얼 영역 : START */
.briefing_toparea{width: 100%; background: #f1eee9; text-align: center; font-family: "GmarketSans";}
.briefing_toparea .contents_wrap{position: relative; display: inline-block; width: 100%;}
.briefing_toparea .contents_wrap .title{font-size: 48px; color: #35417e; font-family: "jalnan"; padding: 35px 0 15px;}
.briefing_toparea .contents_wrap .sub_tit{display: inline-block; font-size: 42px; color: #35417e; font-weight: 700; padding-bottom: 20px;}
.briefing_toparea .contents_wrap .content_area{width: 94%; margin: 0 3%; border-radius: 16px; background: #3f56d5; padding: 5px; margin-bottom: 25px;}
.briefing_toparea .contents_wrap .content_area .innerbox{border: 1px solid rgba(255,255,255,0.3); border-radius: 16px; padding: 15px;}
.briefing_toparea .innerbox .stit{display: inline-block; font-size: 32px; color: #fff; font-weight: 700; padding: 14px 0;}
.briefing_toparea .innerbox .date{display: block; font-size: 22px; font-weight: 300; line-height: 32px; color: #f2b781; padding-bottom: 20px;}
.briefing_toparea .innerbox .date .txtwrap{display: inline-block; text-align: left;}
.briefing_toparea .innerbox .date em{display: inline-block; width: 27px; text-align: center;}
.briefing_toparea .innerbox .date span{font-weight: 500;}
.briefing_toparea .innerbox .gobtn{display: inline-block; font-size: 21px; font-family:"jalnan"; color: #3f56d5; background: #fff; border-radius: 999px; padding: 13px 60px 13px 35px; border: 1px solid #3f56d5; margin-bottom: 24px;}
.briefing_toparea .innerbox .gobtn:hover{background: #3f56d5; color: #fff; border: 1px solid #fff;}
.briefing_toparea .innerbox .gobtn span:before{content: ''; display: inline-block; background: url(../images/icon_arrow.png) no-repeat 50%; width: 28px; height: 16px; margin-right: 16px;}
.briefing_toparea .innerbox .gobtn:hover span:before{background: url(../images/icon_arrow_wh.png) no-repeat 50%;}
.briefing_toparea .innerbox .benefitwrap{background: #2b335a; border-radius: 32px; padding: 24px 10px; color: #bfc5ff;}
.briefing_toparea .benefitwrap .tit{font-size: 23px; font-weight: 300; padding: 10px 0 26px; color: #f5f6ff;}
.briefing_toparea .benefitwrap .tit em{color: #f48c29;}
.briefing_toparea .benefitwrap .tit span{display: inline-block; font-weight: 700; margin-right: 6px;}
.briefing_toparea .benefitwrap .box{display: flex; flex-direction: column; align-items: center; gap: 30px 0;}
.briefing_toparea .benefitwrap .box li{width: 250px;}
.briefing_toparea .benefitwrap .box .tt{display: inline-flex; background: #bfc5ff; padding: 8px 30px 4px; border-radius: 999px; color: #212340; font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.briefing_toparea .benefitwrap .box .text{display: block; text-align: center; color: #ffad76; font-size: 24px; line-height: 32px; font-weight: 300;}
.briefing_toparea .benefitwrap .box .text strong{display: block; font-weight: 700;}
.briefing_toparea .contents_wrap .character{display: none;}
/* 설명회 상단 비주얼 영역 : END */


.mainpage .reservation_btn{display: flex; align-items: center; justify-content: center; height: 74px; color: #fff; font-size: 24px; font-weight: 800; background: linear-gradient(90deg, rgba(55, 195, 255, 100%) 0%, rgba(65, 233, 166, 100%) 100%);}
.mainpage .reservation_btn:hover{background: linear-gradient(90deg, rgba(16, 154, 213, 100%) 0%, rgba(13, 199, 125, 100%) 100%);}

.mainpage .contents{padding: 60px 20px;}
.mainpage .contents .titlebox p{font-size: 18px; font-weight: 300; margin-bottom: 5px;}
.mainpage .contents .titlebox em{font-size: 24px; font-weight: 700;}
.mainpage .contents .titlebox{margin-bottom: 20px;}
.mainpage .area01 .cont_box{display: flex; flex-direction: column; gap: 40px 0;}
.mainpage .area01 .image{display: inline-flex; width: 100%; height: 275px; border-radius: 12px; margin-bottom: 12px; overflow: hidden;}
.mainpage .area01 .img01{background: #fff url(../images/area01_img_01.png) no-repeat 50% 0; background-size: cover;}
.mainpage .area01 .img02{background: #fff url(../images/area01_img_02.png) no-repeat 50%; background-size: cover;}
.mainpage .area01 .img03{background: #fff url(../images/area01_img_03.png) no-repeat 50% 0; background-size: cover;}
.mainpage .area01 .imgbox img{width: 100%;}
.mainpage .area01 .subtit{display: flex; font-size: 22px; line-height: 30px; margin-bottom: 10px; font-weight: 500;}
.mainpage .area01 .text{font-size: 16px; line-height: 26px; font-weight: 300; color: #575A63;}

.mainpage .area02{background: #EFFAFF url(../images/area02_bg.svg) no-repeat 30% 30%;}
.mainpage .area02 .cont_box .img02{display: flex; width: 100%; height: 156px; background: url(../images/area02_img.png) no-repeat 50%; background-size: cover; border-radius: 12px; overflow: hidden; margin-bottom: 40px;}
.mainpage .area02 .cont_box .textbox{display: flex; flex-direction: column; gap: 20px 0;}
.mainpage .area02 .cont_box .textbox .box{border: 1px solid #E6E6E6; padding: 25px; background: #fff; border-radius: 12px;}
.mainpage .area02 .cont_box .textbox .box p{font-size: 20px; line-height: 30px; margin-bottom: 10px; font-weight: 500;}
.mainpage .area02 .cont_box .textbox .box span{font-size: 16px; line-height: 26px; color: #575A63; font-weight: 300;}

.mainpage .area03 .contbox{display: flex; flex-direction: column; gap: 10px 0;}
.mainpage .area03 .contbox li{width: 100%; padding: 40px 20px; border-radius: 12px; color: #fff;}
.mainpage .area03 .contbox .list01{background-color: #38C4FE;}
.mainpage .area03 .contbox .list02{background-color: #389EFE;}
.mainpage .area03 .contbox .list03{background-color: #387DFE;}
.mainpage .area03 .contbox .list04{background-color: #3848FE;}
.mainpage .area03 .contbox .tit{display: flex; align-items: center; gap: 0 7px; font-size: 18px; margin-bottom: 10px;}
.mainpage .area03 .contbox .tit span{font-size: 24px; font-weight: 700;}
.mainpage .area03 .contbox .text{font-size: 16px; line-height: 26px;}
.mainpage .area03 .tablewrap{width: 100%; overflow-x: auto; margin-top: 40px;}
.mainpage .area03 .img2{width: 1000px; height: 358px;}
.mainpage .area03 .img2 img{width: 1000px;}

.mainpage .area04{background: #00A4F6 url(../images/area04_bg.svg) no-repeat 60% 100%; background-size: cover;}
.mainpage .area04 .titlebox{color: #fff;}
.mainpage .area04 .program{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.mainpage .area04 .program li{width: 100%; border-radius: 12px; padding: 25px 36px 25px 100px;}
.mainpage .area04 .program li .tit{display: flex; font-size: 20px; line-height: 30px; margin-bottom: 10px; font-weight: 500;}
.mainpage .area04 .program li .text{font-size: 16px; line-height: 26px; color: #575A63;}
.mainpage .area04 .program .list01{background: #fff url(../images/icon_program01.svg) no-repeat top 25px left 18px;}
.mainpage .area04 .program .list02{background: #fff url(../images/icon_program02.svg) no-repeat top 25px left 18px;}
.mainpage .area04 .program .list03{background: #fff url(../images/icon_program03.svg) no-repeat top 25px left 18px;}
.mainpage .area04 .program .list04{background: #fff url(../images/icon_program04.svg) no-repeat top 25px left 18px;}
.mainpage .area04 .program .list05{background: #fff url(../images/icon_program05.svg) no-repeat top 25px left 18px;}

.mainpage .area05{background-color: #f5f5f5;}
.mainpage .area05 .image{width: 100%; height: 860px; background: url(../images/area05_img01_mo.svg) no-repeat 50%; background-size: contain;}
.mainpage .area05 .image2{width: 100%; height: 750px; background: url(../images/area05_img02_mo.svg) no-repeat 50%; background-size: contain;}

.mainpage .area06 .image{width: 100%; height: 1015px; background: url(../images/area06_img01_mo.svg) no-repeat 50%; background-size: contain;}

.mainpage .area07{background-color: #EFFAFF;}
.mainpage .area07 .img1{width: 100%; height: 725px; background: url(../images/area07_img01_mo.svg) no-repeat 50%; margin-bottom: 40px; background-size: contain;}
.mainpage .area07 .img2{width: 100%; height: 505px; background: url(../images/area07_img02_mo.svg) no-repeat 50%; background-size: contain;}


/* 상담 예약하기 : START */
.mainpage.counseling .contents{padding: 30px 0;}
.counseling .cont_sp{position: relative; width: 94%;}
.counseling .consult-wrap {margin-bottom: 80px; font-size: 18px;}
.counseling .comtit .tit{font-size: 18px; font-weight: 400; padding: 12px 10px; border-bottom: 1px solid #2D2D2D; line-height: 20px;}
.counseling .comtit .tit:before{content: ''; display: inline-block; background: url(../images/icon_house.svg) no-repeat 50%; width: 34px; height: 17px; margin-right: 15px; margin-top: 2px;}
.counseling .fieldform{display: flex; flex-direction: column; margin-bottom: 20px;}
.counseling .fieldform li{display: flex; border-bottom: 1px solid #ddd; padding: 12px 0;}
.counseling .fieldform .tt{display: inline-flex; align-items: flex-start; padding-top: 10px; width: 25%; font-weight: 400; font-size: 16px; padding-left: 4px; box-sizing: border-box;}
.counseling .fieldform .field{display: inline-block; width: 75%; font-weight: 400; font-size: 18px;}
.counseling .fieldform .field .form + .form{margin-top: 6px;}
.counseling .fieldform .field .form.zip input{width: 150px;}
.counseling .fieldform .field .form .adsnot {display: inline-block; cursor: not-allowed; background: #f0f0f0;}
.counseling .fieldform .field .form .zipcode_btn{display: inline-block; background: #006BF6; color: #fff; border-radius: 25px; font-weight: 400; margin-left: 10px; vertical-align: middle; padding: 11px 25px; font-size: 15px;}
.counseling .fieldform .survey{flex: 1; font-size: 15px;}
.counseling .fieldform .survey .form{display: flex; align-items: center; min-height: 40px; border-bottom: 1px solid #efefef; padding: 5px 0;}
.counseling .fieldform .field.survey .form + .form{margin-top: 0;}
.counseling .fieldform .survey .form label{margin: 0 10px 0 5px;}


.counseling .fieldform .field select{font-size: 18px; height: 50px; border: 1px solid #9C9C9C; padding: 0 5% 0 15px; background: url(../images/select_icon.svg) no-repeat 90% 50%; background-size: 20px 10px; vertical-align: middle;}
.counseling .fieldform .field input[type="checkbox"],
.counseling .fieldform .field input[type="radio"]{width: 22px; height: 22px;}
.counseling .fieldform .field input[type="text"],
.counseling .fieldform .field input[type="date"],
.counseling .fieldform .field input[type="tel"],
.counseling .fieldform .field input[type="password"] {width: 95%; border: 1px solid #9C9C9C; background: url(../../images/com/icon_calendar.svg) no-repeat top 50% left 20px; background-size: 26px 25px; padding-left: 10px; box-sizing: border-box; border-radius: 6px;}
.counseling .fieldform .field.survey input[type="text"]{width: 67%; padding: 6px 10px;}

.counseling .per-in {line-height: 155%; padding: 17px 20px 15px; border-bottom: 1px solid #2D2D2D; font-weight: 400; background: #f4f4f4; color: #444;}
.counseling .per-in p{text-indent: -11px; margin-left: 11px;}
.counseling .agreewrap {text-align: center; padding: 23px 0 55px; font-weight: 400;}
.counseling .agreewrap input[type="checkbox"]{width: 22px; height: 22px;}
.counseling .btnwrap {text-align: center; padding-bottom: 50px;}
.counseling .btnwrap button{display: inline-block; background: #006BF6;; color: #fff; border-radius: 25px;  font-weight: 400; margin-left: 10px; vertical-align: middle; padding: 14px 25px; font-size: 18px; border: 1px solid #006BF6;}
.counseling .btnwrap .back{background: #fff;; color: #006BF6; border: 1px solid #006BF6;}
/* 상담 예약하기 : END */


footer{letter-spacing: -0.5px;}
footer .other_menu{background-color: #2D2D2D;}
footer .other_menu .cont_sp{display: flex; flex-wrap: wrap; align-items: center; gap: 0 30px; font-size: 14px; color: #9C9C9C; letter-spacing: -0.5px; padding: 7px 20px;}
footer .other_menu .cont_sp li{display: inline-flex; align-items: center; min-height: 28px;}
footer .other_menu .cont_sp li:hover{color: #fff;}


footer .copyright{background-color: #1D1D1D; padding: 20px 20px 80px; color: #fff; line-height: 22px; font-size: 14px; font-weight: 200;}





/* 공통부분 */
.cont_sp{position: relative; width: 100%; margin: 0 auto;}
.inner_cont{position: relative; width: 100%; margin: 0 auto;}