/* ==== 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:100%; 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 .moLang {display: flex; gap: 12px; width: auto; text-align: initial; margin-top: 12px;}
    .navi .moLang a {width: auto;}

    .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:#186F73 !important;}
    .navi_btn.on span.line03 {transform:rotate(-180deg);}

    #header .navi .navi_wrap .login_box_mob {position: absolute; left: 9%; top: 25px; display: flex;}
    #header .navi .navi_wrap .login_box_mob li {font-size: 14px; line-height: 22px; margin-right: 4px;}
    #header .navi .navi_wrap .login_box_mob li:first-child::after {content:'·'; color: #000; padding-left: 5px;}
    #header .navi .navi_wrap .login_box_mob li:last-child {margin-right: 0;}
    #header .navi .navi_wrap .login_box_mob li a {color: #000; display: inline;}
    #header .navi .navi_wrap .login_box_mob li img {width: 22px;}


    #main_visual .video_wrap video {width: auto; height: 100vh; object-fit: cover; width: 100%}
    #main_visual .inner .title {bottom: 80px; width: 94%;}
    #main_visual .inner .title h2 {font-size: 30px; line-height: 42px; margin-bottom: 20px;}
    #main_visual .inner .title p {font-size: 16px; line-height: 26px; margin: 0;}


    .title span {font-size: 13px; margin-bottom: 15px;}
    .title h2 {font-size: 26px; line-height: 38px;}
    .title p {font-size: 13px; line-height: 22px; margin-top: 15px;}


    #con1 {margin: 80px 0;}
    #con1 .con1_logo {width: 40px; margin-bottom: 35px;}
    #con1 .title {margin-bottom: 50px;}
    #con1 .title p {margin-top: 25px; font-size: 14px; line-height: 24px;}
    #con1 > img {width: 100%;}

    #con2 .c2_1 {width: 100%;}
    #con2 .c2_1 .inner {position: relative;}
    #con2 .c2_1 img.con2_img {width: 100%; position: static; left: auto; top: auto; margin-bottom: 50px;}
    #con2 .c2_1 .right .tit {padding-left: 0;}
    #con2 .c2_1 .right .tit > .inner > img {width: 25px;}
    #con2 .c2_1 .right .tit h2 {font-size: 26px; line-height: 38px; margin-top: 15px;}
    #con2 .c2_1 .right .txt {margin-top: 30px; padding: 40px 0 80px; background: #F5F5F5 url(../images/con2_bg.png) no-repeat right 20px bottom 20px; background-size: 143px 125px;}
    #con2 .c2_1 .right .txt strong {font-size: 20px; padding: 6px 12px;}
    #con2 .c2_1 .right .txt p {font-size: 14px; line-height: 24px; margin-top: 25px;}
    #con2 .c2_1 .right .txt p:last-child {margin-top: 20px;}
    #con2 .c2_2 {background: url(../images/con2_bg2_mob.jpg) no-repeat center bottom / cover; padding: 50px 0 200px;}
    #con2 .c2_2 .name {margin-bottom: 15px;}
    #con2 .c2_2 .name strong {font-size: 26px;}
    #con2 .c2_2 .name span {font-size: 16px; margin-left: 10px;}
    #con2 .c2_2 p {font-size: 14px; width: 100%; padding-bottom: 25px; margin-bottom: 30px;}
    #con2 .c2_2 .ul_box {display: block;}
    #con2 .c2_2 .ul_box .box:first-child {margin-right: 0; margin-bottom: 30px;}
    #con2 .c2_2 .ul_box .box strong {font-size: 18px; margin-bottom: 15px; color: #fff; display: block;}
    #con2 .c2_2 .ul_box .box ul li {font-size: 14px; margin-bottom: 12px;}


    #con3 {margin: 80px 0;}
    #con3 .inner .title {text-align: center; width: 100%; padding-top: 0; margin-bottom: 40px;}
    .c3_pg {display: none;}
    .c3_wrap {width:100%; position: relative; right: 0; top: 0; overflow: hidden;}
    .c3_wrap .c3_list {width: 94%; margin: 0 3%;}
    .c3_wrap .c3_list li {width: 100%; position: relative;}
    .c3_wrap .c3_list li img {width: 100%;}
    .c3_wrap .c3_list li span {font-size: 20px; right: 35px; top: 25px;}
    .c3_wrap .c3_list li .txt {position: absolute; left: 35px; bottom: 40px;}
    .c3_wrap .c3_list li .txt h3 {font-size: 24px; margin-bottom: 15px;}
    .c3_wrap .c3_list li .txt p {font-size: 13px; line-height: 22px;}


    #con4 {padding: 80px 0;}
    #con4 .title p br {display: none;}
    #con4 .title {padding-bottom: 100px; margin-bottom: 40px; position: relative;}
    #con4 .title::after {height: 60px;}
    #con4 .c4_box {text-align: center;}
    #con4 .c4_box strong {font-size: 22px; padding: 10px 18px; background: #186F73;}
    #con4 .c4_box b {font-size: 100px; margin: 40px 0 25px;}
    #con4 .c4_box p {font-size: 14px; line-height: 24px;}


    #con5 {padding: 80px 0;}
    #con5 .title {margin-bottom: 40px;}
    #con5 .title p br {display: none;}
    #con5 .c5_box {display: block;}
    #con5 .c5_box > img {width: 100%;}
    #con5 .c5_box ul {width: 100%; margin-top: 50px;}
    #con5 .c5_box ul li {font-size: 16px; line-height: 28px; text-align: center; padding-bottom: 25px; margin-bottom: 25px;}


    #con6 {margin: 80px 0;}
    #con6 .title {margin-bottom: 40px;}
    #con6 .title span {font-size: 14px;}
    #con6 .inner > img {margin-bottom: 30px;}
    #con6 .c6_box {display: block;}
    #con6 .c6_box li {padding: 30px 30px 35px; width: 100%;}
    #con6 .c6_box li:first-child {margin-bottom: 20px;}
    #con6 .c6_box li img {width: 60px; position: static; right: auto; top: auto;}
    #con6 .c6_box li h3 {font-size: 20px; line-height: 1; margin-bottom: 15px; margin-top: 25px;}
    #con6 .c6_box li p {font-size: 13px; line-height: 22px;}
    #con6 .c6_box li p br {display: none;}


    #con7 {padding: 80px 0;}
    #con7 .title {margin-bottom: 40px;}
    #con7 .ip_wrap {position: relative;}
    #con7 .ip_wrap .ip_box {overflow: hidden;}
    #con7 .implant_list li {position: relative; width: 100%;}
    #con7 .implant_list li img {width: 100%;}
    #con7 .implant_list li .txt_box {position: relative; left: auto; bottom: auto; text-align: center; margin-top: 30px;}
    #con7 .implant_list li .txt_box span {font-size: 18px;}
    #con7 .implant_list li .txt_box h3 {font-size: 22px; margin: 15px 0;}
    #con7 .implant_list li .txt_box p {font-size: 14px; line-height: 24px;}
    #con7 .ip_wrap .ip_pg {position: relative; top: auto; transform: none; width: 100%; display: flex; justify-content: center; margin-top: 40px;}
    #con7 .ip_wrap .ip_pg .ip_prev {width: 45px; position: static; left: 0; cursor: pointer; margin-right: 10px;}
    #con7 .ip_wrap .ip_pg .ip_next {width: 45px; position: static; right: 0; cursor: pointer;}


    #con8 {margin: 80px 0;}
    #con8 .c8_list {margin-top: 40px; display: block;}
    #con8 .c8_list li {width: 100%; padding: 40px 0 45px; margin-bottom: 20px;}
    #con8 .c8_list li:last-child {margin-bottom: 0;}
    #con8 .c8_list li h3 {font-size: 22px; line-height: 1; margin-bottom: 15px;}
    #con8 .c8_list li p {font-size: 14px; line-height: 24px;}
    #con8 .c8_list li:nth-child(2) {background: #F7F7F7;}


    #con9 {padding: 80px 0;}
    #con9 .title {margin-bottom: 50px;}
    #con9 .title span {font-size: 14px;}
    #con9 .c9_list li {width: 100%; height: 550px; display: block; margin: 0 5px; border-radius: 275px;}
    #con9 .c9_list li .img_wrap {width: 100%; height: 300px; padding-top: 20px; display: flex; align-items: center; justify-content: center;}
    #con9 .c9_list li .txt {text-align: center;}
    #con9 .c9_list li .txt span {font-size: 18px; font-weight: bold; margin-bottom: 15px;}
    #con9 .c9_list li .txt h3 {font-size: 26px; line-height: 30px; margin-bottom: 20px;}
    #con9 .c9_list li .txt h3 b {font-size: 16px;}
    #con9 .c9_list li .txt p {font-size: 14px; line-height: 22px;}
    #con9 .c9_list li:nth-child(2n) .txt {text-align: center;}
    #con9 .c9_list li.c9_01 .img_wrap img {width: 260px;}
    #con9 .c9_list li.c9_02 .img_wrap img {width: 130px;}
    #con9 .c9_list li.c9_03 .img_wrap img {width: 200px;}
    #con9 .c9_list li.c9_04 .img_wrap img {width: 180px;}
    #con9 .slick-dots {text-align: center; margin-top: 40px;}
    #con9 .slick-dots li {display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #5F5F5F !important; text-indent: -9999px;}
    #con9 .slick-dots li.slick-active {background: #fff !important;}


    #con10 {margin-top: 80px;}
    #con10 .title {margin-bottom: 40px;}
    #con10 .c10_box {background: #F5F5F5; padding: 40px 0 70px; text-align: center;}
    #con10 .c10_box strong {font-size: 20px; padding: 8px 12px; margin-bottom: 35px;}
    #con10 .c10_box ul {display: block; }
    #con10 .c10_box ul li {width: 100%; padding: 40px; margin-bottom: 20px;}
    #con10 .c10_box ul li:last-child {margin-bottom: 0;}


    #con11 {padding: 80px 0;}
    #con11 .title {margin-bottom: 40px;}
    #con11 .c11_box {display: block;}
    #con11 .c11_box > img {width: 100%;}
    #con11 .c11_box .box {width: 100%; margin-top: 50px;}
    #con11 .c11_box .box strong {font-size: 20px; padding: 8px 15px; margin-bottom: 30px;}
    #con11 .c11_box .box ul li {display: flex; padding-bottom: 20px; margin-bottom: 20px;}
    #con11 .c11_box .box ul li img {width: 22px; margin-right: 15px;}
    #con11 .c11_box .box ul li p {font-size: 18px; line-height: 28px;}


    #con12 {margin: 80px 0;}
    #con12 .title {margin-bottom: 50px;}
    #con12 .c12_list li {display: block; margin-bottom: 60px;}
    #con12 .c12_list li:last-child {margin-bottom: 0;}
    #con12 .c12_list li img {width: 100%;}
    #con12 .c12_list li .txt {width: 100%; margin-top: 30px;}
    #con12 .c12_list li .txt span {font-size: 15px; width: 37px; height: 37px; line-height: 37px;}
    #con12 .c12_list li .txt h3 {font-size: 20px; margin: 20px 0 15px;}
    #con12 .c12_list li .txt p {font-size: 13px; line-height: 22px;}
    #con12 .c12_list li:nth-child(2) {flex-direction: row-reverse;}


    #con13 {height: 420px;}
    #con13 .title {text-align: center;}
    #con13 .title em {font-size: 13px; line-height: 22px; margin-top: 15px;}


    #con14 {margin: 80px 0;}
    #con14 .title {margin-bottom: 40px;}
    #con14 .c14_list li {display: block; margin-bottom: 30px;}
    #con14 .c14_list li:last-child {margin-bottom: 0;}
    #con14 .c14_list li img {width: 100%;}
    #con14 .c14_list li .txt {width: 100%; padding: 40px 25px;}
    #con14 .c14_list .txt span {font-size: 15px; width: 37px; height: 37px; line-height: 37px;}
    #con14 .c14_list .txt h3 {font-size: 20px; margin: 20px 0 15px;}
    #con14 .c14_list .txt p {font-size: 13px; line-height: 22px;}


    #con15 {height: 420px;}
    #con15 .title {text-align: center;}
    #con15 .title em {font-size: 13px; line-height: 22px; margin-top: 15px;}


    #con16 {padding: 80px 0;}
    #con16 .title {margin-bottom: 40px;}
    #con16 .c16_box {display: block;}
    #con16 .c16_box > img {width: 100%;}
    #con16 .c16_box .c16_list {width: 100%; margin-top: 40px;}
    #con16 .c16_box .c16_list li {padding-bottom: 30px; margin-bottom: 30px;}
    #con16 .c16_box .c16_list li > img {position: static; width: 60px;}
    #con16 .c16_box .c16_list li h3 {font-size: 24px; margin-bottom: 20px; margin-top: 20px;}
    #con16 .c16_box .c16_list li p {font-size: 13px; line-height: 22px; color: #fff;}


    #con17 {padding: 80px 0 210px; text-align: center;}
    #con17 strong {font-size: 18px;}
    #con17 h2 {font-size: 26px; line-height: 38px; margin: 35px 0 30px;}
    #con17 p {font-size: 14px; line-height: 24px;}


    #con18 {background: url(../images/con18_bg.jpg) no-repeat center bottom / cover; text-align: center; padding: 164px 0;}
    #con18 .inner > img {width: 160px;}
    #con18 h2 {font-size: 26px; line-height: 38px; font-weight: 300; color: #fff; margin-top: 40px;}
    #con18 h2 b {font-weight: bold;}
    #con18 h2 br:nth-of-type(2) {display: none;}


    #con19 {margin-top: 80px;}
    #con19 .title {margin-bottom: 30px;}
    #con19 .c19_box {display: block;}
    #con19 .c19_box .c19_wrap {width: 100%; overflow: hidden; position: relative; left: auto; top: auto;}
    #con19 .c19_box .c19_wrap .c19_list li {width: 100%;}
    #con19 .c19_box .c19_wrap .c19_list li img {width: 100%;}
    #con19 .c19_box .inner {padding: 0 3%; margin-top: 60px;}
    #con19 .c19_box .inner > div:last-child {margin-bottom: 70px; padding-bottom: 0; border-bottom: 0;}
    #con19 .c19_box .inner > div h3 {font-size: 18px; line-height: 1; margin-bottom: 20px;}
    #con19 .c19_box .inner > div > p {font-size: 16px; margin-bottom: 15px;}
    #con19 .c19_box .inner > div strong {font-size: 28px; font-weight: bold; line-height: 1; color: #186F73;}
    #con19 .c19_box .inner > .r_01 p {font-size: 16px;}
    #con19 .c19_box .inner > .r_02 ul li {display: flex; margin-bottom: 15px;}
    #con19 .c19_box .inner > .r_02 ul li span {font-size: 15px; width: 70px; margin-right: 20px; border-right: 1px solid #ddd;}
    #con19 .c19_box .inner > .r_02 ul li p {font-size: 15px; line-height: 1; width: 112px; text-align: justify; height: 2px;}
    #con19 .c19_box .inner > .r_02 ul li p::after{ content: ''; display: inline-block; width: 100% }
    #con19 .c19_box .inner > .r_02 ul li p b {color: #186F73;}
    #con19 .c19_box .inner > .r_02 > p {font-size: 15px; line-height: 1; color: #555; margin-top: 20px;}
    #con19 .c19_box .inner > .r_02 > img {width: 100%; margin-top: 15px;}
    #con19 .c19_box .inner > .footer > p {font-size: 13px; line-height: 24px; color: #555;}


    #con20 {padding: 80px 0 70px}
    #con20 .titArea {margin-bottom: 50px;}
    #con20 .titArea .tit {font-size: 26px;}
    #con20 .titArea .wrt {font-size: 13px; margin-top: 11px;}
    #con20 .ba_swiper {overflow: hidden;}
    #con20 .ba_swiper .slide {margin-right: 12px !important; width: 168px !important; border-radius: 25px;}
    #con20 .ba_swiper .slide .thumb {}
    #con20 .ba_swiper .slide .lock {font-size: 16px; gap: 4px}
    #con20 .ba_swiper .slide .lock img {width: 20px;}
    #con20 .btnArea {margin-top: 70px;}
    #con20 .btnArea a {font-size: 17px; padding: 16px 38px;}

    .inquiry_wrap {position: fixed; width: 100%; height: 325px; left: 0; bottom: 0; z-index: 9999;}
    .inquiry_wrap .top_btn {width: 200px; height: 50px;}
    .inquiry_wrap .top_btn img {width: 16px; margin-right: 10px;}

    .inquiry_wrap .i_content {width: 100%; height: 275px; background: #186F73; padding: 30px 0;}
    .inquiry_wrap .i_content .inner {width: 100%; margin: 0 auto;}

    .inquiry_wrap .i_content .i_box {display: block;}
    .inquiry_wrap .i_content .i_box ul {display: block;}
    .inquiry_wrap .i_content .i_box ul li {margin-right: 0; margin-bottom: 10px;}
    .inquiry_wrap .i_content .i_box ul li input {width: 100%; height: 40px; border-radius: 20px; padding-left: 20px; font-size: 14px;}
    .inquiry_wrap .i_content .i_box ul li select {width: 100%; height: 40px; border-radius: 20px; padding-left: 20px; font-size: 14px;}
    .inquiry_wrap .i_content .i_box .in_btn {width: 100%; height: 40px; color: #fff; font-size: 14px; border-radius: 20px;}

    .inquiry_wrap .i_content .privacy {display: flex; margin-top: 10px;}
    .inquiry_wrap .i_content .privacy p {font-size: 13px; color: #fff; padding-left: 8px;}




    /* === 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;}






}