/* ==== tab ==== */
@media screen and (max-width:1024px){
.inner {width:100%; padding:0 3%;}
.pc {display:block;}
.tab {display:block;}
.mob {display:none;}
.pc_img {display:none !important;}
.mob_img {display:block !important;}

body,th,td,input,select,textarea,button {font-size:16px; line-height:28px;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:1024px; min-width:auto; margin:0 auto; overflow:hidden;}

#header .inner {height:80px; position:relative;}
#header h1 {position:absolute; left:3%; top:38px;}
#header h1 a {display:block; width:100%; height:100%;}

#header .gnb {display:none;}


.navi {position: fixed; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,.5); z-index:999; display:none;}
.navi .navi_wrap {float: right; width: 45%; height:100%; background:#fff; display:block; position:relative; padding: 150px 3% 0;}
.navi .lnb h3 {font-size: 22px; line-height: 1; padding-bottom: 15px; width: 100%; border-bottom:1px solid #ddd; font-weight: 600; margin-top: 40px; text-align: left; padding-left: 10px;}
.navi .lnb h3:first-child {margin-top: 0;}
.navi .lnb h3 a {color: #111; display:block; width:100%; height:100%;}
.navi .lnb h3.on a {color: #F5C37E;}
.navi .lnb .sub_navi {margin-top: 15px;}
.navi .lnb .sub_navi li {margin-bottom: 3px;}
.navi .lnb .sub_navi li a {color: #777;}


.navi_btn {display:block; position:absolute; top:36px; right:3%; width:30px; height:23px; cursor:pointer; transition:0.3s ease-in-out; z-index:9999;}
.navi_btn span {position:absolute; left:0; display:block; width:30px; height:3px; background:#fff;  transition:0.3s ease-in-out 0.2s;}
.navi_btn span.line01 {top:0;}
.navi_btn span.line02 {top:10px;}
.navi_btn span.line03 {top:20px;}
.navi_btn.on {transform:rotate(-45deg); transition:0.3s ease-in-out 0.2s;}
.navi_btn.on span {top:50%; margin-top:-2px; transition:0.3s ease-in-out; background: #F5C37E;} 


#visual_wrap .visual_text {background: url(../images/main/mt_bg.png) no-repeat center center; background-size: 95%;}
#visual_wrap .visual_text img {width: 65%;}
#visual_wrap .visual_text h2 {font-size: 46px; line-height: 70px; margin-top: 40px;}
#visual_wrap .visual_text p {font-size: 22px; line-height: 38px; padding-top: 40px; margin-top: 40px;}
#visual_wrap .visual_text p::before {content:''; width: 50px; height: 5px; background: #E5A757; position:absolute; top:0; left:50%; transform:translateX(-50%);}

#visual_wrap .scroll {position:absolute; left: 50%; bottom:60px; transform:translateX(-50%);}


.title {margin-bottom: 60px;}
.title span {line-height: 45px; padding: 0 20px; background: url(../images/main/tit_icon.png) no-repeat left top;}
.title h2 {font-size: 45px; margin: 20px 0 30px;}
.title p {font-size: 17px;}

#con1 {padding: 80px 0 100px;}

#con1 .tab_btn li {float:left; width: 50%; height: 80px; line-height: 80px; border-top:1px solid #fff;}
#con1 .tab_btn li:nth-child(2n) {border-right:0;}
#con1 .tab_btn li:nth-child(-n+2) {border-top:0;}
#con1 .tab_btn li:last-child {border-right:0;}
#con1 .tab_btn li a {font-size:17px;}

#con1 .tab_con {height: auto; padding: 60px 50px; min-height:700px;}
#con1 .tab_con .tabcontent p {font-size: 17px; line-height: 32px;}
#con1 .tab_con .tabcontent p br {display:none;}
#con1 .tab_con .tabcontent:nth-child(1) img {width: 100%;}
#con1 .tab_con .tabcontent:nth-child(2) p {margin-bottom: 40px;}
#con1 .tab_con .tabcontent:nth-child(2) ul {display:block;}
#con1 .tab_con .tabcontent:nth-child(2) ul li img {width: 100%;}
#con1 .tab_con .tabcontent:nth-child(2) ul li:first-child {margin-bottom: 20px;}
#con1 .tab_con .tabcontent:nth-child(3) p {margin-bottom: 40px;}
#con1 .tab_con .tabcontent:nth-child(3) .con1_slick {width: 100%;}
#con1 .tab_con .tabcontent:nth-child(3) .con1_slick img {width: 100%; padding: 0 1%;}
#con1 .tab_con .tabcontent:nth-child(4) p {margin-bottom: 40px;}
#con1 .tab_con .tabcontent:nth-child(4) ul {display:block; overflow:hidden;}
#con1 .tab_con .tabcontent:nth-child(4) ul li {float:left; width: 49%; margin-right: 2%;}
#con1 .tab_con .tabcontent:nth-child(4) ul li:nth-child(1) {width: 100%; margin-right: 0; margin-bottom: 20px;}
#con1 .tab_con .tabcontent:nth-child(4) ul li:last-child {margin-right: 0;}
#con1 .tab_con .tabcontent:nth-child(4) ul li img {width: 100%;}


#con2 {padding: 80px 0 100px;}
#con2 .step_list li {float:left; width: 49%; margin-right: 2%; margin-top:40px;}
#con2 .step_list li:nth-child(-n+3) {margin-top: 40px;}
#con2 .step_list li:nth-child(-n+2) {margin-top: 0;} 
#con2 .step_list li:nth-child(3) {margin-right: 2%;}
#con2 .step_list li:nth-child(4) {margin-left: 0;}
#con2 .step_list li:nth-child(2n) {margin-right: 0;}
#con2 .step_list li:last-child {margin-right: 0;}
#con2 .step_list li img {margin-bottom: 30px;}
#con2 .step_list li span {padding: 0 25px; border:1px solid #CB8F42; display:inline-block; height: 32px; line-height: 32px; border-radius:16px; font-size: 15px;}
#con2 .step_list li h3 {font-size: 26px; margin: 20px 0 15px;}


#con3 {padding: 80px 0 100px;}
#con3 .con_wrap .btns {display:none;}


#con4 {padding: 80px 0 100px;}
#con4 .student_list {display:block;}
#con4 .student_list li {width: 100%; margin-right: 0; padding: 70px 40px 70px 38%;}
#con4 .student_list li:last-child {margin-top: 20px;}
#con4 .student_list li img {position:absolute; left: 0; bottom: 0; height: 100%;}
#con4 .student_list li span {display:block; font-size: 18px; line-height: 1; margin-bottom: 15px;}
#con4 .student_list li h3 {font-size: 28px; line-height: 1; font-weight: 900; margin-bottom: 25px; padding-bottom: 25px; border-bottom:1px solid #DEDEDE;}
#con4 .student_list li p {font-size: 16px; line-height: 28px;}
#con4 button {margin-top: 50px;}


#con5 {padding: 80px 0 100px;}

#con5 .con_wrap {display:flex;}
#con5 .con_wrap > div {width: 49%; margin-right: 2%;}
#con5 .con_wrap .left iframe {height: 250px; margin-bottom: -10px;}

#con5 .con_wrap .left .txt_box {padding:40px 30px;}
#con5 .con_wrap .left .txt_box .name {padding-bottom: 18px; margin-bottom: 25px; border-bottom:1px solid rgba(255,255,255,.6); font-size: 0;}
#con5 .con_wrap .left .txt_box .name img {display:block; margin-right:0; margin-bottom: 8px;}
#con5 .con_wrap .left .txt_box .name span {display:block; font-size: 18px;}
#con5 .con_wrap .left .txt_box ul li {margin-bottom: 12px; height: 30px; line-height: 30px; padding-left: 45px; font-size: 17px;}
#con5 .con_wrap .left .txt_box ul li:nth-child(1) {background: url(../images/main/con5_map.png) no-repeat left center;}
#con5 .con_wrap .left .txt_box ul li:nth-child(2) {background: url(../images/main/con5_tel.png) no-repeat left center;}
#con5 .con_wrap .left .txt_box ul li:nth-child(3) {background: url(../images/main/con5_mail.png) no-repeat left center; margin-bottom: 0;}

#con5 .con_wrap .right {padding: 50px 30px;}
#con5 .con_wrap .right h3 {font-size: 32px; margin-bottom: 25px; padding-bottom: 20px;}
#con5 .con_wrap .right p {font-size: 16px; line-height: 28px; margin-bottom: 50px;}
#con5 .con_wrap .right button {width: 150px; height: 38px; border-radius:19px; background: #BF945B; font-size: 16px; font-weight: 500;}
#con5 .con_wrap .right button a {color: #fff;}



#footer {width: 100%; padding: 50px 0 50px;}
#footer .inner {position:relative;}
#footer .inner img {position:static; right:auto; top:auto; transform:none; margin-bottom: 40px; width: 300px;}
#footer p {color: #BABABA; font-size: 16px; line-height: 1; margin-bottom: 8px;}
#footer p:nth-of-type(2) {line-height: 30px;}
#footer p span {margin: 0 12px;}
#footer p.copyright {color: #fff; font-weight: 500; margin-top: 30px; margin-bottom: 0;}


/* === Sub === */
#sub_visual01 .tit_wrap {width: 100%;}
#sub_visual01 .tit_wrap p {font-size: 20px; letter-spacing:2px; margin-bottom: 20px;}
#sub_visual01 .tit_wrap h2 {font-size: 45px; line-height: 70px; margin-bottom: 50px;}
#sub_visual01 .tit_wrap h2 b {color: #F2B76B; font-weight: 900;}
#sub_visual01 .tit_wrap .check_list {font-size: 0;}
#sub_visual01 .tit_wrap .check_list li {display:inline-block; margin-right: 30px;}
#sub_visual01 .tit_wrap .check_list li:last-child {margin-right: 0;}
#sub_visual01 .tit_wrap .check_list li img {height: 72px;}
#sub_visual01 .tit_wrap img.sv02_txt {width: 90%; margin: 0 auto;}

#sub_visual02 {height: 450px;}
#sub_visual02 .tit_wrap {padding-top: 165px; text-align: center; color: #fff;}
#sub_visual02 .tit_wrap p:first-child {font-size: 20px; letter-spacing:2px; margin-bottom: 25px;}
#sub_visual02 .tit_wrap h2 {font-size: 45px; margin-bottom: 45px; line-height: 65px;}
#sub_visual02 .tit_wrap p {font-size: 20px;}


#sub01_con {padding: 100px 0 150px;}
#sub01_con h3 {font-size: 40px; line-height: 60px; padding-bottom: 30px; margin-bottom: 40px;}
#sub01_con .txt_wrap {margin-bottom: 70px;}
#sub01_con .txt_wrap h4 {float:left; width: 30%; font-size: 32px; line-height: 55px;}
#sub01_con .txt_wrap .txt {float:right; width: 70%;}
#sub01_con .txt_wrap .txt p {font-size: 17px; line-height: 30px; margin-bottom: 20px;}
#sub01_con .txt_wrap .txt p br {display:none;}


#sub02_con {}
#sub02_con .sub_step_list {display:block;}
#sub02_con .sub_step_list:last-child {margin-bottom: 90px;}
#sub02_con .sub_step_list li {width: 100%; height: auto; padding: 70px 50px;}
#sub02_con .sub_step_list li.bg_yellow {background: none;}
#sub02_con .sub_step_list li:last-child {padding-left: 50px; background: #FFFAF3;}
#sub02_con .sub_step_list li span {display:block; color: #CB8F42; font-size: 20px; font-weight: 500; width: 130px; line-height: 40px; height: 40px; text-align: center; border:1px solid #CB8F42; border-radius:20px;}
#sub02_con .sub_step_list li h4 {font-size: 45px; line-height: 60px; font-weight: 900; color: #111; margin: 25px 0 30px;}
#sub02_con .sub_step_list li img {position:absolute; right: 50px; top: 50%; transform:translateY(-50%);}
#sub02_con .sub_step_list li:first-child img {right: 50px;}

#sub02_con .sub_step_list li.bg_yellow::before {content:none;}

#sub02_con .sub_step_list li.contact {background: url(../images/sub/step_img06.jpg) no-repeat center center / cover;}
#sub02_con .sub_step_list li.contact em {color: #E5A757;}
#sub02_con .sub_step_list li.contact h4 { margin-bottom: 45px; color: #fff;}
#sub02_con .sub_step_list li.contact button {width: 200px; height: 46px; font-size:18px; font-weight: 500; background: #D3A669; border-radius: 23px;}
#sub02_con .sub_step_list li.contact::before {content:none;}


#sub03_con {padding: 100px 0 150px;}

#sub03_con .planner_list li {height: 330px; padding: 50px 40px;}
#sub03_con .planner_list li span {font-size: 16px;}
#sub03_con .planner_list li h4 {font-size: 23px; line-height: 36px; margin: 15px 0 25px; font-family: 'NanumSquare';}
#sub03_con .planner_list li p {font-size: 17px;}
#sub03_con .planner_list li img {height: auto; width: 95%;}


#sub04_con {padding: 100px 0 150px;}

#sub04_con .review_list {margin-bottom: 20px;}
#sub04_con .review_list > li {padding: 40px 35px;}
#sub04_con .review_list > li span {font-size: 16px; font-weight: 800; color: #fff; height: 36px; line-height: 36px; background: #F2B76B; border-radius: 18px; padding: 0 20px; font-family: 'NanumSquare';}
#sub04_con .review_list > li h4 {font-size: 23px; line-height: 36px; margin: 20px 0;}
#sub04_con .review_list > li h4 br {display: none;}
#sub04_con .review_list > li .info li {font-size: 15px; padding-right: 12px; margin-right: 12px;}
#sub04_con .review_list > li .info li::after {height: 10px; top: 2px;}
#sub04_con .review_list > li p {font-size: 15px; line-height: 26px; margin-top: 20px; padding-top: 20px;}

#sub04_con .review_list > li .admin_check {position: absolute; right: 30px; top: 30px;}

.paging_wrap{margin-top:60px;}

#admin_edit .edit_con {width: 96%;}


#sub05_con {padding: 165px 0 150px;}
#sub05_con .tit_wrap {margin-bottom: 100px;}
#sub05_con .tit_wrap p {font-size: 20px; letter-spacing:2px; margin-bottom: 25px; color: #fff;}
#sub05_con .tit_wrap h2 {font-size: 45px; line-height: 65px; margin-bottom: 40px; color: #fff;}

#sub05_con .content {padding: 70px 40px;}
#sub05_con .content .gray_box {padding: 40px; margin-bottom: 40px;}
#sub05_con .content .gray_box ul li {font-size: 17px; line-height: 30px; margin-bottom: 15px; padding-left: 32px; background: url(../images/sub/sub05_check.png) no-repeat left 4px; background-size: 20px;}

#sub05_con .content .contact_list {border-top:3px solid #000; border-bottom:3px solid #000;}
#sub05_con .content .contact_list li {width: 100%; float: none; border-bottom: 1px solid #ddd; padding: 20px 0;}
#sub05_con .content .contact_list li:nth-child(1), #sub05_con .content .contact_list li:nth-child(2),
#sub05_con .content .contact_list li:nth-child(3), #sub05_con .content .contact_list li:nth-child(4) {width: 100%;}
#sub05_con .content .contact_list li:nth-child(1), #sub05_con .content .contact_list li:nth-child(3) {padding-right: 0;}
#sub05_con .content .contact_list li span {font-size: 17px; width: 140px; line-height: 50px;}
#sub05_con .content .contact_list li input {font-size: 16px; width: calc(100% - 140px); height: 50px; padding: 0 20px;}
#sub05_con .content .contact_list li.t_area span {line-height: 28px;}
#sub05_con .content .contact_list li.t_area textarea {font-size: 16px; width: calc(100% - 140px); height: 200px; padding: 15px 20px;}

#sub05_con .content .privacy {margin-top: 30px;}
#sub05_con .content .privacy textarea {background: #f9f9f9; width: 100%; height: 150px; border: 1px solid #ddd; font-size: 14px; line-height: 24px; padding: 15px;}
#sub05_con .content .privacy .checkbox {margin-top: 10px; font-size: 0;}
#sub05_con .content .privacy .checkbox input {display: inline-block; margin-right: 5px; vertical-align: middle;}
#sub05_con .content .privacy .checkbox span {display: inline-block; vertical-align: middle; font-size: 15px;}

#sub05_con .content .btn_wrap {margin-top: 50px;}
#sub05_con .content .btn_wrap p {font-size: 17px;}
#sub05_con .content .btn_wrap button {width: 330px; height: 60px; font-size: 22px; border-radius: 30px; margin-top: 20px;}


/* === Admin === */
#admin_header h1 {left: 3%; top:35px;}
#admin_header .admin_btns {right: 3%;}


#admin_wrap {padding: 150px 0 100px;}

#admin_wrap .admin_con {width: 94%; margin: 0 auto;}

#admin_wrap .admin_con .mypage {padding: 100px 50px;}
#admin_wrap .admin_con .mypage h3 {font-size: 35px; line-height: 1; text-align: center; font-weight: 900;}
#admin_wrap .admin_con .mypage > p {font-size: 18px; text-align: center; margin-top: 20px; margin-bottom: 60px;}
#admin_wrap .admin_con .mypage ul {border-top:2px solid #000;}
#admin_wrap .admin_con .mypage ul li {border-bottom:1px solid #ddd; padding: 20px 0; font-size: 0; height: 100px;}
#admin_wrap .admin_con .mypage ul li span {font-size: 18px; font-weight: bold; display: inline-block; width: 20%; vertical-align: middle;}
#admin_wrap .admin_con .mypage ul li p {font-size: 18px; line-height: 60px;}
#admin_wrap .admin_con .mypage ul li input {display: inline-block; width: 80%; vertical-align: middle; border: 1px solid #ddd; height: 60px; font-size: 18px;}
#admin_wrap .admin_con .mypage button {display:block; width: 250px; height: 60px; font-size: 18px; background: #BF945B; color: #fff; font-weight: bold; margin: 0 auto; margin-top: 60px;}

#admin_wrap .admin_con .contact_list {padding: 100px 50px;}


}