@charset "utf-8";
/* CSS Document */

.pc {display: block;}
.mo {display: none !important;}

/* HEADER : START */
#wrap {margin: 0; padding: 0; font-size: 16px;}
header.container{display: flex; align-items: center; height: 90px; background-color: #fff;}
header.container .logo{display: inline-flex; margin-left: 30px;}
/* HEADER : END */

/* 기존 상단 비주얼 영역 */
.mainpage .visual_area{background: #fdf0dd url(../images/summer_bg.jpg) no-repeat 50%; height: 760px;}

.mainpage .visual_area .inner_cont{display: flex; align-items: flex-end; height: 100%;}
.mainpage .visual_area .student_img{display: inline-flex;}
.mainpage .visual_area .title_textbox{position: absolute; top: 135px; right: 10px; display: inline-flex; align-items: flex-end; flex-direction: column;}
.mainpage .visual_area .title_textbox .topcopy{font-size: 40px; font-weight: 700; color: #161616; margin-bottom: 25px;}
.mainpage .visual_area .title_textbox .maincopy{color: #006BF6; font-size: 74px; font-weight: 600; line-height: 135%; margin-bottom: 40px; text-align: center;}
.mainpage .visual_area .title_textbox .enter{display: block; text-align: right;}
.mainpage .visual_area .title_textbox .bold{font-weight: 900;}
.mainpage .visual_area .title_textbox .impact{display: inline-block; padding: 5px 30px; color: #fff; background-color: #006BF6; font-weight: 800;}
.mainpage .visual_area .btmcopy{font-family: 'jalnan'; font-size: 81.5px; 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: #12252C; text-shadow: 4px 4px 0 #D2BBB8;}
.mainpage .visual_area .btmcopy .fc_orange{display: block; color: #FD8276;}
.mainpage .visual_area .btmcopy .fc_wh{font-size: 90px;}


 /* 설명회 상단 비주얼 영역 : START */
.briefing_toparea{width: 100%; background: #f1eee9; text-align: center; font-family: "GmarketSans";}
.briefing_toparea .contents_wrap{position: relative; display: inline-block; width: 870px;}
.briefing_toparea .contents_wrap .title{font-size: 100px; color: #35417e; font-family: "jalnan"; padding: 45px 0 30px;}
.briefing_toparea .contents_wrap .sub_tit{display: inline-block; font-size: 72px; color: #35417e; font-weight: 700; padding-bottom: 15px;}
.briefing_toparea .contents_wrap .content_area{width: 870px; 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: 50px; color: #fff; font-weight: 700; padding: 14px 0;}
.briefing_toparea .innerbox .date{display: block; font-size: 32px; font-weight: 300; line-height: 43px; 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: 26px; font-family:"jalnan"; color: #3f56d5; background: #fff; border-radius: 999px; padding: 15px 60px 15px 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; margin-bottom: 3px;}
.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; color: #bfc5ff;}
.briefing_toparea .benefitwrap .tit{font-size: 24px; font-weight: 300; padding-bottom: 20px;}
.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: inline-flex;}
.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.left{position: absolute; left: -160px; bottom: 10px; background: url(../images/character_01.png) no-repeat 50%; width: 257px; height: 459px;}
.briefing_toparea .contents_wrap .character.right{position: absolute; right: -180px; bottom: 10px; background: url(../images/character_02.png) no-repeat 50%; width: 257px; height: 459px;}
/* 설명회 상단 비주얼 영역 : END */
.mainpage .reservation_btn{display: flex; align-items: center; justify-content: center; height: 146px; color: #fff; font-size: 40px; 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: 120px 135px;}
.mainpage .contents .titlebox p{font-size: 26px; font-weight: 300; margin-bottom: 10px;}
.mainpage .contents .titlebox em{font-size: 32px; font-weight: 700;}
.mainpage .contents .titlebox{margin-bottom: 40px;}
.mainpage .area01 .cont_box{display: flex; gap: 0 41px;}
.mainpage .area01 .image{display: inline-flex; width: 306px; height: 275px; border-radius: 12px; margin-bottom: 20px; overflow: hidden;}
.mainpage .area01 .img01{background: #fff url(../images/area01_img_01.png) no-repeat 50%; 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%; background-size: cover;}
.mainpage .area01 .image 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: 18px; line-height: 26px; font-weight: 300; color: #575A63;}

.mainpage .area02{background: #EFFAFF url(../images/area02_bg.svg) no-repeat 95% 30%;}
.mainpage .area02 .cont_box .img02{display: flex; width: 1000px; height: 282px; background: url(../images/area02_img.png) no-repeat 50%; border-radius: 12px; overflow: hidden; margin-bottom: 40px;}
.mainpage .area02 .cont_box .textbox{display: grid; grid-template-columns: 2.8fr 1.2fr; gap: 0 20px;}
.mainpage .area02 .cont_box .textbox .box{border: 1px solid #E6E6E6; padding: 40px; background: #fff; border-radius: 12px;}
.mainpage .area02 .cont_box .textbox .box p{font-size: 22px; line-height: 30px; margin-bottom: 10px; font-weight: 500;}
.mainpage .area02 .cont_box .textbox .box span{font-size: 18px; line-height: 26px; color: #575A63; font-weight: 300;}

.mainpage .area03 .img1{width: 100%; height: 220px; background: url(../images/area03_img01.svg) no-repeat 50%; margin-bottom: 40px;}
.mainpage .area03 .img2{width: 100%; height: 358px; background: url(../images/area03_img02.svg) no-repeat 50%;}

.mainpage .area04{background: #00A4F6 url(../images/area04_bg.svg) no-repeat 50%;}
.mainpage .area04 .titlebox{color: #fff;}
.mainpage .area04 .program{display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}
.mainpage .area04 .program li{width: 306px; min-height: 190px; border-radius: 12px; padding: 36px 36px 36px 100px;}
.mainpage .area04 .program li .tit{display: flex; font-size: 22px; 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 35px left 18px;}
.mainpage .area04 .program .list02{background: #fff url(../images/icon_program02.svg) no-repeat top 35px left 18px;}
.mainpage .area04 .program .list03{background: #fff url(../images/icon_program03.svg) no-repeat top 35px left 18px;}
.mainpage .area04 .program .list04{background: #fff url(../images/icon_program04.svg) no-repeat top 35px left 18px;}
.mainpage .area04 .program .list05{background: #fff url(../images/icon_program05.svg) no-repeat top 35px left 18px;}

.mainpage .area05{background-color: #f5f5f5;}
.mainpage .area05 .image{width: 100%; height: 516px; background: url(../images/area05_img01.svg) no-repeat 50%;}

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

.mainpage .area07{background-color: #EFFAFF;}
.mainpage .area07 .img1{width: 100%; height: 315px; background: url(../images/area07_img01.svg) no-repeat 50%; margin-bottom: 40px;}
.mainpage .area07 .img2{width: 100%; height: 315px; background: url(../images/area07_img02.svg) no-repeat 50%;}


/* 상담 예약하기 : START */
.mainpage.counseling .contents{padding: 60px 0;}
.counseling .cont_sp{position: relative; width: 800px;}
.counseling .consult-wrap {margin-bottom: 80px; font-size: 18px;}
.counseling .comtit .tit{font-size: 20px; font-weight: 400; padding: 22px 30px; 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: 19px 0;}
.counseling .fieldform .tt{display: inline-flex; align-items: flex-start; padding-top: 10px; width: 22%; font-weight: 400; font-size: 18px; padding-left: 30px; box-sizing: border-box;}
.counseling .fieldform .field{display: inline-block; width: 78%; 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: 18px;}
.counseling .fieldform .survey{flex: 1; font-size: 16px;}
.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: 80%; padding: 6px 10px;}

.counseling .per-in {line-height: 36px; padding: 27px 30px 25px; border-bottom: 1px solid #2D2D2D; font-weight: 400; background: #f4f4f4;}
.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; padding: 0 20px;}
footer .other_menu .cont_sp{display: flex; align-items: center; height: 37px; gap: 0 30px; font-size: 14px; color: #9C9C9C; letter-spacing: -0.5px;}
footer .other_menu .cont_sp li:hover{color: #fff;}


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





/* 공통부분 */
.cont_sp{position: relative; width: 1000px; margin: 0 auto;}
.inner_cont{position: relative; width: 1280px; margin: 0 auto;}
.btnTop{position: fixed; right: 70px; bottom: 40px; width: 60px; height: 60px; background: rgba(45, 45, 45, .9) url(../../images/com/btn_top.svg) no-repeat 50%;}