/* ==== mob ==== */
@media screen and (max-width:767px){
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.5;}
.inner {width:100%; padding:0 3%;}
.pc {display:none !important;}
.tab {display:none}
.mob {display:block !important;}
.pc_img {display:none;}
.mob_img {display:block;}

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

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

#header {width: 100%; height: 60px;}
#header h1 {top:17px; width: 160px; height: auto;}

.navi {position: fixed; top:0; left:0; width: 100%; height:100vh; background:rgba(0,0,0,.5); z-index:999; display:none;}
.navi .navi_wrap {float: right; width: 65%; height:100%; background:#fff; display:block; position:relative; padding: 100px 3% 0;}
.navi .lnb h3 {font-size: 18px; line-height: 1; padding-bottom: 10px; width: 100%; border-bottom:1px solid #ddd; font-weight: 600; margin-top: 26px;}
.navi .lnb h3:first-child {margin-top: 0;}
.navi .lnb h3 a {color: #111; display:block; width:100%; height:100%;}
.navi .lnb .sub_navi {margin-top: 10px;}

.navi_btn {display:block; position:absolute; top:18px; right:3%; width:26px; height:23px; cursor:pointer; transition:0.3s ease-in-out; z-index:9999;}
.navi_btn span {position:absolute; left:0; display:block; width:26px; height:3px; background:#fff; transition:0.3s ease-in-out 0.2s;}
.navi_btn span.line01 {top:0;}
.navi_btn span.line02 {top:9px;}
.navi_btn span.line03 {top:18px;}

.navi_btn.on span {transform:rotate(-90deg); top:50%; margin-top:-2px; transition:0.3s ease-in-out; background:#56EFE4 !important;} 
.navi_btn.on span.line03 {transform:rotate(-180deg);}



#contact_popup {width: 100%; height: 100vh; padding: 40px 30px; display: none; overflow-y: scroll;}
#contact_popup h2 {font-size: 35px; margin-bottom: 30px;}
#contact_popup .close_btn {top: 30px; right: 30px; width: 26px;}
#contact_popup .tit {margin-bottom: 15px;}
#contact_popup .tit h3 {font-size: 24px; margin-right: 8px;}
#contact_popup .tit p {font-size: 14px;}
#contact_popup .inq_list li {width: 100%; height: 44px; margin-top: 5px;}
#contact_popup .inq_list li:nth-child(-n+2) {margin-top: 5px;}
#contact_popup .inq_list li:first-child {margin-top: 0;}
#contact_popup .inq_list li span {font-size: 14px; line-height: 44px; width: 100px;}
#contact_popup .inq_list li input {width: calc(100% - 100px); height: 44px; font-size: 14px;}

#contact_popup .p_box {margin-top: 30px; margin-bottom: 15px; flex-wrap: wrap;}
#contact_popup .p_box img {width: 20px; margin-right: 6px;}
#contact_popup .p_box strong {font-size: 18px; line-height: 1; color: #fff; margin-right: 0;}
#contact_popup .p_box p {font-size: 13px; line-height: 20px; margin-top: 10px; width: 100%;}

#contact_popup textarea {height: 180px; font-size: 14px; padding: 10px 15px;}
#contact_popup .submit_btn {width: 220px; height: 50px; border-radius: 25px; font-size: 20px; margin-top: 30px;}


#quick_btn {bottom: 30px;}
#quick_btn .q_list {width: 70px; border-radius: 35px; padding: 25px 0; box-shadow: 0 0 10px #56EFE4;}
#quick_btn .q_list li {margin-bottom: 20px;}
#quick_btn .q_list li:last-child {margin-bottom: 0;}
#quick_btn .q_list li a {display: block; width: 100%; height: 100%; color: #fff;}
#quick_btn .q_list li img {height: 28px;}
#quick_btn .q_list li p {font-size: 12px; margin-top: 2px;}


#quick_btn button {width: 70px; height: 70px; margin-top: 8px;}
#quick_btn button.q_btn {box-shadow: 0 0 10px #56EFE4;}


#main_visual .video_wrap video {width: auto; height: 100vh; object-fit: cover;}



.title .h2_tit {font-size: 35px; line-height: 45px;}
.title .round_p {margin-top: 20px; font-size: 16px; padding: 7px 30px; border: 2px solid #56EFE4;}
.title .s_tit {text-align: center; font-size: 18px; margin-bottom: 30px;}


#con1 {background: url(../images/con1_bg_mob.png) no-repeat center center / cover; padding: 120px 0 215px;}
#con1 .c1_list {margin-top: 60px;}
#con1 .c1_list li {flex-wrap: wrap; height: auto; border-radius: 60px; margin-bottom: 50px; padding: 50px 20px 60px; box-shadow: 0 0 40px #56EFE4;}
#con1 .c1_list li .tit {width: 100%; text-align: center;}
#con1 .c1_list li .tit span {font-size: 20px; padding: 8px 20px;}
#con1 .c1_list li p {width: 100%; font-size: 18px; line-height: 30px; text-align: center; margin-top: 30px;}


#con2 {background: url(../images/con2_bg.png) no-repeat center center / cover;}
#con2 .title {padding: 50px 0 190px; background: url(../images/con2_logo.png) no-repeat center top; background-size: 200px 94px; position: relative;}
#con2 .title::after {width: 11px; height: 126px; background: url(../images/tit_line.png) no-repeat; background-size: 11px 126px; bottom: 25px;}
#con2 .c2_list {flex-wrap: wrap;}
#con2 .c2_list li {width: 100%; margin-bottom: 50px;}
#con2 .c2_list li:last-child {margin-bottom: 0;}
#con2 .c2_list li span {font-size: 144px;}
#con2 .c2_list li .box {padding: 70px 25px 50px; margin-top: -65px;}
#con2 .c2_list li .box h3 {font-size: 36px; margin-bottom: 95px;}
#con2 .c2_list li .box p {font-size: 18px; line-height: 30px;}


#con3 {margin-top: 120px; padding: 100px 0 0; background: url(../images/con3_bg_mob.png) no-repeat top center / cover;}
#con3 .c3_box {padding: 40px 20px; border-radius: 20px; margin-top: 60px;}
#con3 .c3_box p {font-size: 18px; line-height: 30px;}


#wrap_45 {background: url(../images/con4_bg_mob.png) no-repeat center center / cover;}


#con4 .inner .cursor_img {width: 250px; top: 100px;}
#con4 .title {padding: 380px 0 220px;}
#con4 .title::after {width: 11px; height: 126px; background: url(../images/tit_line.png) no-repeat; background-size: 11px 126px; bottom: 50px;}
#con4 .title p {font-size: 16px; margin-top: 30px;}


#con4 .c4_list li {margin-bottom: 0; height: 600px; border-radius: 200px; display: block; padding: 30px; justify-content: flex-start; margin: 0 5px;}
#con4 .c4_list li:last-child {margin-bottom: 0;}
#con4 .c4_list li .span_box {width: 275px; height: 275px; border-radius: 50%; padding: 4px; margin: 0 auto;}
#con4 .c4_list li .span_box span {width: 267px; height: 267px; font-size: 33px; line-height: 267px;}
#con4 .c4_list li p {font-size: 18px; line-height: 30px; margin-left: 0; width: 100%; text-align: center; margin-top: 45px;}
#con4 .c4_list li p br {display: none;}

#con4 .slick-dots {display: flex; justify-content: center; margin-top: 30px;}
#con4 .slick-dots li {width: 8px; height: 8px; padding: 0; text-indent: -9999px;}
#con4 .slick-dots li.slick-active {background: #56EEE4;}


#con5 {margin-top: 230px;}
#con5 .inner {width: 100%;}
#con5 .title img {width: 55%; display: block; margin: 0; margin-left: auto;}
#con5 .h2_tit {text-align: center; margin-top: -120px;}


#con5 .c5_list {margin-top: 80px;}
#con5 .c5_list li {height: auto; border-radius: 50px; margin-top: 30px; flex-direction: column-reverse; padding: 50px 40px;}
#con5 .c5_list li.w3 {width: 100%;}
#con5 .c5_list li.w2 {width: 100%;}
#con5 .c5_list li.w1 {width: 100%;} 

#con5 .c5_list li .txt {opacity: 1; visibility: visible;}
#con5 .c5_list li .txt p {font-size: 16px; line-height: 28px; font-weight: 300; margin-top: 25px;}
#con5 .c5_list li .txt p br {display: none;}

#con5 .c5_list li .cover {position: relative; top: auto; left: auto; transform: none; width: 100%; transition: opacity 0.5s ease, visibility 0.5s ease; opacity: 1; visibility: visible;}
#con5 .c5_list li .cover span {font-size: 16px; line-height: 19px; margin-bottom: 10px;}
#con5 .c5_list li .cover h3 {font-size: 30px; line-height: 40px;}

#con5 .c5_list li:hover .txt {opacity: 1; visibility: visible;}
#con5 .c5_list li:hover .cover {opacity: 1; visibility: visible;}

#con6 {background: url(../images/con6_bg_mob.png) no-repeat center center / cover; padding-top: 200px;}
#con6 .title {margin-bottom: 60px;}
#con6 .title img {width: 212px;}
#con6 .title h2 {margin-top: 50px;}
#con6 .title p {font-size: 16px; line-height: 28px; margin-top: 25px;}


.g_content .g_box {width: 100%; border-radius: 10px; padding: 50px 15px; margin-bottom: 40px;}
.g_content .g_box:last-child {margin-bottom: 0;}
.g_content .g_box .txt_2 {margin-bottom: 30px;}
.g_content .g_box .txt_2 p {font-size: 25px; margin-bottom: 30px;}
.g_content .g_box .txt_2 .tit em {font-size: 20px; line-height: 26px; margin-right: 12px;}
.g_content .g_box .txt_2 .tit strong {font-size: 60px; color: #56EFE4; line-height: 1;}
.g_content .g_box img {width: 100%; max-width: 400px; display: block; margin: 0 auto;}


.g_content .g_box:first-of-type {width: 100%; padding: 50px 15px; margin-bottom: 40px; flex-wrap: wrap; justify-content: center;}
.g_content .g_box:first-of-type .txt span {font-size: 25px; line-height: 35px; margin-bottom: 40px; text-align: center; display: block;}
.g_content .g_box:first-of-type .txt strong {font-size: 50px; line-height: 1px; letter-spacing: -0.8px; display: block;}
.g_content .g_box:first-of-type .txt strong br {display: none;}
.g_content .g_box:first-of-type img {width: 100%; display: block; margin-top: 60px;}


#con7 {background: url(../images/con7_bg_mob.png) no-repeat center center / cover; padding: 180px 0 200px;}
#con7 .percent_tit span {font-size: 45px;}
#con7 .percent_tit strong {font-size: 110px; margin:10px 0 30px;}
#con7 .percent_tit p {font-size: 20px;}


.review_wrap {margin-top: 100px;}
.review_wrap ul {display: flex; margin-bottom: 30px; animation-duration: 10s;}

#con7 .contact_btn {width: 335px; height: 90px; font-size: 40px; border-radius: 45px; margin-top: 240px;}


#footer {padding: 40px 0;}
#footer .inner {width: 100%; position: relative;}
#footer .inner .foot_logo {width: 100px; position: relative;}
#footer .f_in {display: block; margin-top: 30px;}
#footer .f_in .right {margin-top: 25px;}
#footer .f_in p {font-size: 14px; line-height: 24px;}
#footer p.copyright {font-size: 14px; line-height: 24px; margin-top: 25px;}







/* === Sub === */
#sub_visual {width: 100%; height: 280px; padding: 115px 0;}
#sub_visual .title p {font-size: 18px; margin-bottom: 25px;}
#sub_visual .title h2 {font-size: 40px;}


/* 로그인 */
#login_wrap {margin: 70px 0 100px;}
#login_wrap .l_tit { margin-bottom: 40px;}
#login_wrap .l_tit h3 {font-size: 28px; }
#login_wrap .l_tit h3 b {font-weight: bold;}
#login_wrap .l_tit p {font-size: 16px;}

#login_wrap .login_box {width: 100%; border-radius: 10px; padding: 40px 20px 50px;}
#login_wrap .login_box input {height: 45px; padding-left: 15px; font-size: 14px;}
#login_wrap .login_box .login_btn {height: 45px; font-size: 15px; font-weight: bold;}

#login_wrap .login_box .findpw {font-size: 15px;}
#login_wrap .login_box .j_btn {font-size: 15px;}


#login_wrap .join_box {width: 100%; border-radius: 10px; margin: 0 auto; padding: 40px 20px;}
#login_wrap .join_box .join li {margin-bottom: 25px;}
#login_wrap .join_box .join li p {font-size: 15px;}
#login_wrap .join_box .join li > input {height: 45px; padding-left: 15px; font-size: 15px;}

#login_wrap .join_box .join_btn {width: 250px; height: 45px; margin-top: 30px; font-size: 15px; font-weight: bold;}

#login_wrap .join_box .mypage li {border-bottom: 1px solid #ddd; padding-bottom: 20px;}

#login_wrap .join_box .mypage li strong.my_data {font-size: 16px;}
#login_wrap .join_box .edit_btn {width: 250px; height: 45px; margin-top: 60px; font-size: 15px; font-weight: bold;}

.admin_member_list {width: 100%; overflow-x: scroll;}
.admin_member_list .admin_tbl {min-width: 800px;}
.admin_member_list .admin_tbl th {background: #eaeff6; font-size: 14px; padding: 12px 0;}
.admin_member_list .admin_tbl td {text-align: center; font-size: 14px; padding: 12px 0; border-bottom: 1px solid #ddd;}
.admin_member_list .admin_tbl td .admin_wd {font-size: 13px;}






}