/* ==== 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:12px; width: 150px; 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_btn {display:block; position:absolute; top:21px; right:3%; width:22px; height:18px; cursor:pointer; transition:0.3s ease-in-out; z-index:9999;}
.navi_btn span {position:absolute; left:0; display:block; width:22px; height:2px; background:#fff; transition:0.3s ease-in-out 0.2s;}
.navi_btn span.line01 {top:0;}
.navi_btn span.line02 {top:8px;}
.navi_btn span.line03 {top:16px;}

.navi_btn.on span {transform:rotate(-90deg); top:50%; margin-top:-2px; transition:0.3s ease-in-out; background:#014F97 !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;}
#header .navi .navi_wrap .login_box_mob li img {width: 22px;}

#main_visual {background: url(../images/main_visual_mob.jpg) no-repeat center center / cover;}

#main_visual .inner .title {width: 100%; text-align: center; top: auto; left: 0; transform: none; bottom: 100px;}
#main_visual .inner .title h2 {font-size: 30px; line-height: 42px; margin-bottom: 20px;}
#main_visual .inner .title h2 strong {font-size: 40px;}
#main_visual .inner .title p {font-size: 16px; line-height: 26px; margin: 0;}

#main_visual .inner .scroll {display: none;}

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


#con1 {margin: 80px 0;}
#con1 .title {margin-bottom: 40px;}
#con1 .title span {margin-bottom: 15px;}
#con1 .title p {margin-top: 25px;}
#con1 > img {width: 100%;}


#con2 {margin-bottom: 80px;}
#con2 .tit {padding-top: 0;}
#con2 .tit > img {width: 28px; display: block; margin-bottom: 20px;}
#con2 .tit h2 {font-size: 26px; line-height: 38px;}

#con2 .bg_box {margin-top: 30px; padding: 50px 0; background: #F0F3F5 url(../images/con2_bg.png) no-repeat right -10px bottom -10px; background-size: 60%;}
#con2 .bg_box .name {display: flex; align-items: end; margin-bottom: 35px;}
#con2 .bg_box .name h3 {font-size: 22px; margin-right: 15px;}
#con2 .bg_box .name span {font-size: 16px;}

#con2 .n_wrap {display: block;}
#con2 .n_wrap .n_list {margin-right: 0;}
#con2 .n_wrap .n_list:last-child {margin-right: 0; margin-top: 40px;}
#con2 .n_wrap .n_list h4 {font-size: 16px; line-height: 1; margin-bottom: 15px;}

.bullet li {font-size: 14px; margin-bottom: 8px; padding-left: 12px;}
.bullet li::before {top: 8px;}

#con2 > .inner:last-of-type {height: 100%; position: relative; left: auto; transform: none; top: 0; background: #F0F3F5; padding-bottom: 60px;}
#con2 > .inner:last-of-type img {position: relative; right: 0; top: 0; width: 100%;}


#con3 .inner {display: block;}
#con3 .inner img {width: 100%;}

#con3 .inner .c3_text {width: 100%; margin-top: 50px;}
#con3 .inner .c3_text .title {text-align: left; margin-bottom: 35px;}

#con3 .inner .c3_text .c3_list li { margin-bottom: 15px;}
#con3 .inner .c3_text .c3_list li img {width: 24px; margin-right: 12px;}
#con3 .inner .c3_text .c3_list li p {font-size: 16px;}

#con3 .inner .c3_text .gray_box {padding: 30px; margin-top: 50px;}
#con3 .inner .c3_text .gray_box p {font-size: 15px; line-height: 25px;}
#con3 .inner .c3_text .gray_box p br {display: none;}


#con4 {margin: 80px 0;}
#con4 .c4_list {margin-top: 35px; display: block;}
#con4 .c4_list li {padding: 40px 40px; width: 100%; margin-bottom: 15px;}
#con4 .c4_list li:last-child {margin-bottom: 0;}

#con4 .c4_list li h3 {font-size: 20px; margin-bottom: 15px;}
#con4 .c4_list li p {font-size: 15px; line-height: 25px;}
#con4 .c4_list li p br {display: none;}


#con5 {padding: 60px 0 70px;}
#con5 .title {margin-bottom: 40px;}

#con5 .implant_list li {position: relative; width: 100%;}
#con5 .implant_list li .txt_box {position: relative; left: auto; bottom: auto; margin-top: 30px; text-align: center;}
#con5 .implant_list li .txt_box span {font-size: 15px;}
#con5 .implant_list li .txt_box h3 {font-size: 22px; margin: 15px 0 20px;}
#con5 .implant_list li .txt_box p {font-size: 15px; line-height: 25px;}

#con5 .ip_wrap .ip_pg {position: relative; top: auto; transform: none; width: 100%; display: flex; margin-top: 40px; align-items: center; justify-content: center;}
#con5 .ip_wrap .ip_pg .ip_prev {width: 45px; position: relative; left: auto; margin-right: 10px;}
#con5 .ip_wrap .ip_pg .ip_next {width: 45px; position: relative; right: auto;}
#con5 .ip_wrap .ip_pg > div img {width: 100%;}


#con6 {margin-top: 80px;}
#con6 .title p br {display: none;}
#con6 .gray_box {margin-top: 40px; background: #F7F7F7 url(../images/con6_bg.png) no-repeat center bottom; background-size: 100%; padding: 40px 0 60px;}
#con6 .gray_box .tit {margin-bottom: 40px;}
#con6 .gray_box .tit p {font-size: 20px; padding: 10px 17px;}

#con6 .gray_box .c6_list {display: block;}
#con6 .gray_box .c6_list li {width: 100%; padding: 40px 30px; margin-bottom: 20px; box-shadow: 0 0 10px rgba(0,0,0,.15);}
#con6 .gray_box .c6_list li:last-child {margin-bottom: 0;}
#con6 .gray_box .c6_list li h3 {font-size: 20px; margin-bottom: 20px;}
#con6 .gray_box .c6_list li p {font-size: 15px; margin-bottom: 10px;}
#con6 .gray_box .c6_list li span {font-size: 13px; line-height: 22px;}


#con7 {padding: 60px 0 70px;}
#con7 .inner {display: block;}
#con7 .left {width: 100%; margin-bottom: 35px;}
#con7 .left .tit {text-align: center;}
#con7 .left .tit h2 {font-size: 26px; line-height: 38px; margin-bottom: 20px;}
#con7 .left .tit p {font-size: 13px; line-height: 22px;}
#con7 .left .im_pg {display: flex; align-items: center; margin-top: 80px;}
#con7 .left .im_pg > div {width: 60px; margin-right: 10px; cursor: pointer;}
#con7 .left .im_pg > div:last-child {margin-right: 0;}
#con7 .left .im_pg > div img {width: 100%;}

.im_full_wrap {position: relative; width: 100%; overflow: hidden;}
.im_wrap .implant_list {margin-bottom: 40px;}
.im_wrap .implant_list li .after .blur img {width: 160px;}

.im_wrap .implant_list li .txt {margin-top: 25px;}
.im_wrap .implant_list li .txt h3 {font-size: 20px; margin-bottom: 15px;}
.im_wrap .implant_list li .txt p {font-size: 14px;}

.im_pg {display: flex; margin-top: 40px; align-items: center; justify-content: center;}
.im_pg .im_prev {width: 45px; margin-right: 10px;}
.im_pg .im_next {width: 45px;}
.im_pg > div img {width: 100%;}


#con8 {margin: 80px 0;}
#con8 .title {margin-bottom: 40px;}

#con8 .tab_wrap {display: flex; flex-direction: column-reverse; align-items: center; justify-content: space-between;}
#con8 .tab_wrap .tab_btn {width: 100%;}
#con8 .tab_wrap .tab_btn li {padding: 25px 0;}
#con8 .tab_wrap .tab_btn li .tit h3 {font-size: 20px;}
#con8 .tab_wrap .tab_btn li .tit img {width: 34px;}

#con8 .tab_wrap .tab_btn li .box {margin-top: 20px; padding: 30px 20px; display: none;}
#con8 .tab_wrap .tab_btn li .box p {font-size: 14px; line-height: 24px;}
#con8 .tab_wrap .tab_btn li .box p br {display: none;}

#con8 .tab_wrap .tab_btn li.on h3 {color: #014F97;}
#con8 .tab_wrap .tab_btn li.on .box {display: block;}

#con8 .tab_wrap .tab_con {width: 100%; margin-bottom: 35px;}


#con9 {margin-bottom: 80px;}
#con9 .title h2 em {font-size: 26px;}

.imgbg_con .title {margin-bottom: 40px;}
.imgbg_con .bg_box {background: url(../images/con9_bg_mob.jpg) no-repeat center center / cover; padding: 50px 4% 0; height: 600px; text-align: center;}
.imgbg_con .bg_box span {font-size: 14px; letter-spacing: 2px;}
.imgbg_con .bg_box h3 {font-size: 26px; margin: 15px 0 20px;}
.imgbg_con .bg_box p {font-size: 14px; line-height: 24px;}
.imgbg_con .bg_box p br {display: none;}


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


#con11 {padding: 90px 0;}
#con11 .title span {color: #fff;}
#con11 .title h2 {font-weight: 300; color: #fff;}
#con11 .title h2 b {color: #fff;}


#con12 {margin-bottom: 80px;}
.blue_con {background: #F0F3F5; padding: 80px 0;}
.blue_con .inner {display: block;}
.blue_con .inner .title {width: 100%; text-align: center; margin-bottom: 40px;}
.blue_con .inner .line_list {width: 100%;}
.blue_con .inner .line_list li {width: 100%; padding: 35px 25px; margin-bottom: 15px;}
.blue_con .inner .line_list li h3 {font-size: 18px; margin-bottom: 15px;}
.blue_con .inner .line_list li p {font-size: 14px; line-height: 24px;}
.blue_con .inner .line_list li:nth-child(2) br {display: none;}
.blue_con .inner .line_list li:nth-child(3) br {display: none;}


#con13 {margin-bottom: 100px;}
#con13 .title {margin-bottom: 40px;}

#con13 .c13_list li {margin: 0 5px;}

.slick-dots {position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); overflow: hidden;}
.slick-dots li {float: left; width: 8px !important; height: 8px !important; background: #DEDEDE !important; border-radius: 50%; text-indent: -9999px; margin: 0 8px 0 0 !important; border: 0 !important;}
.slick-dots li:last-child {margin-right: 0;}
.slick-dots li.slick-active {background: #1F7DD3 !important;}


#con14 {margin-bottom: 100px;}
#con14 .title {margin-bottom: 40px;}

#con14 .c14_list {display: flex; justify-content: space-between;}
#con14 .c14_list li {margin: 0 5px; height: 448px;}
#con14 .c14_list li img {width: 100%;}
#con14 .c14_list li .txt {padding: 35px 30px 40px;}
#con14 .c14_list li .txt h3 {font-size: 22px; margin-bottom: 15px;}
#con14 .c14_list li .txt p {font-size: 14px; line-height: 24px;}


#con16 {margin: 80px 0 100px;}
#con16 .title {margin-bottom: 40px;}

#con16 .c16_list li {margin: 0 5px;}
#con16 .c16_list li .txt {height: 353px;}
#con16 .c16_list li .txt h3 {font-size: 22px; line-height: 32px; margin: 25px 0 20px;}
#con16 .c16_list li .txt p {font-size: 15px; line-height: 25px;}

#con17 {margin-bottom: 80px;}
#con17.imgbg_con .bg_box {background: url(../images/con17_bg_mob.jpg) no-repeat center center / cover;}


#con18 {margin-bottom: 80px;}
#con18 .title {margin-bottom: 40px;}

#con18 .c18_list {display: block;}
#con18 .c18_list li {width: 100%; margin-bottom: 20px;}
#con18 .c18_list li:last-child {margin-bottom: 0;}
#con18 .c18_list li .txt {padding: 35px 30px 40px;}
#con18 .c18_list li .txt h3 {font-size: 22px;}
#con18 .c18_list li .txt p {font-size: 14px; line-height: 24px;}


#con19 {background:#21262B; padding: 60px 0 70px;}
#con19 .tit {margin-bottom: 40px;}
#con19 .tit p {font-size: 15px; line-height: 25px;  margin-bottom: 20px;}
#con19 .tit h2 {font-size: 26px; line-height: 38px;}

#con19 .c19_wrap .c19_list li img {width: 100%; padding: 0 5px;}

#con19 .c19_wrap .c19_pg {width: 100%; position: relative; top: auto; transform: none; margin-top: 40px; display: flex; align-items: center; justify-content: center;}
#con19 .c19_wrap .c19_pg > div {width: 45px; cursor: pointer;}
#con19 .c19_wrap .c19_pg > div img {width: 100%; }
#con19 .c19_wrap .c19_pg .c19_prev {position: relative; left: auto; margin-right: 10px;}
#con19 .c19_wrap .c19_pg .c19_next {position: relative; right: auto;}


#footer .inner {padding: 80px 3%; display: flex; flex-direction: column-reverse;}
#footer .inner .left {width: 100%; margin-top: 50px;}
#footer .inner .left .f_con h2 {font-size: 22px; line-height: 1; margin-bottom: 20px;}

#footer .inner .left .f_con:first-of-type p {font-size: 18px; line-height: 28px; margin-bottom: 10px;}
#footer .inner .left .f_con:first-of-type span {font-size: 14px;}
#footer .inner .left .f_con:first-of-type strong {font-size: 30px;}


#footer .inner .left .f_con .f_list li {margin-bottom: 17px;}
#footer .inner .left .f_con .f_list li span {font-size: 18px; width: 101px; text-align: justify; height: 18px;}
#footer .inner .left .f_con .f_list li p {font-size: 18px; line-height: 1; width: 110px; height: 18px; text-align: justify;}

#footer .inner .left .f_con p.gray_p {font-size: 15px; line-height: 25px; margin-top: 20px;}

#footer .inner .right {width: 100%;}

#daumRoughmapContainer1743366689195 {width: 100%; border: 1px solid #dedede;}
.root_daum_roughmap .wrap_map {height: 300px !important;}
#daumRoughmapContainer1743366689195 .cont {display: none;}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .map_border {display: none;}

#footer > p.copyright {font-size: 14px; padding: 22px 3%; line-height: 22px;}








/* === 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 70px;}
#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 .j_btn {font-size: 15px;}


#login_wrap .join_box {width: 100%; border-radius: 10px; margin: 0 auto; padding: 40px 20px 60px;}
#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;}






}