@media screen and (max-width:1200px) {
    .show_1200 {display: block;}
    .hide_1200 {display: none;}
}

@media screen and (max-width:1080px) {
    .show_1080 {display: block;}
    .hide_1080 {display: none;}
    
    
    
    body.open_menu {overflow: hidden; height: 100%;}

    /*모바일 헤더*/
    #mobile_header {text-align: center; position: fixed; top: 0; left: 0; right: 0; width: 100%; background: white; z-index: 10;}
    #mobile_header .logo {padding: 10px 0;}
    #mobile_header .logo img {width: 200px;}

    .mobile_btn {box-sizing: content-box; position: fixed; z-index: 31; display: block; right: 15px; top: 15px; width: 40px; height: 40px; -webkit-transition: all .3s ease; transition: all .3s ease;}
    .mobile_btn .bar, .mobile_btn .bar:before, .mobile_btn .bar:after {content: ''; position: absolute; right: 5px; height: 2px; width: 100%; background-color: rgba(37,37,37,1); opacity: 1; text-indent: -9999em;  -webkit-transition: top .3s .3s, transform .3s, width .3s .3s; 	transition: top .3s .3s, transform .3s, width .3s .3s;}
    .mobile_btn .bar {top: 20px; width: 30px; -webkit-transition: height .3s .3s; transition: height .3s .3s;}
    .mobile_btn .bar:before {top: -10px; right: 0; width: 30px;}
    .mobile_btn .bar:after {top: 10px; right: 0; width: 30px;}

    .open_menu .mobile_btn .bar {height: 0; background-color: rgba(255,255,255,1); -webkit-transition: height .3s; transition: height .3s;}
    .open_menu .mobile_btn .bar:before {top: 0; width: 30px; background-color: rgba(255,255,255,1); -webkit-transform: rotate3d(0,0,1,45deg); -ms-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transition: top .3s, transform .3s .3s, width .3s; transition: top .3s, transform .3s .3s, width .3s;}
    .open_menu .mobile_btn .bar:after {top: 0; width: 30px; background-color: rgba(255,255,255,1); -webkit-transform: rotate3d(0,0,1,-45deg); -ms-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); -webkit-transition: top .3s, transform .3s .3s, width .3s; transition: top .3s, transform .3s .3s, width .3s;}

    /*모바일 메뉴*/
    #mobile_menu_wrap {position: fixed; display: block; z-index: 30; left: -100%; top: 0; width: 100%; height: 100%; background-color: #002C5D; overflow: hidden; color: #fff; -webkit-transition: left .3s; transition: left .3s;}
    .open_menu #mobile_menu_wrap {left: 0;}
    #mobile_menu_wrap .mobile_menu {position: absolute; top: 50%; left: 30px; transform: translateY(-50%);}
    #mobile_menu_wrap .mobile_menu li {margin-bottom: 10%;}
    #mobile_menu_wrap .mobile_menu li:last-child {margin-bottom: 0;}
    #mobile_menu_wrap .mobile_menu li a {font-size: 6vw; color: white; display: block; font-family: 'Inter', sans-serif; font-weight: 600;}
    #mobile_menu_wrap .mobile_menu li:hover a {color: #ffd200;}

    
    
    /*사이드 배너*/
    .side_banner {right: auto; top: auto; transform: none; bottom: 0; width: 100%; border-radius: 0; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);}
    .side_banner ul {overflow: hidden; padding: 10px;}
    .side_banner ul li {width: 33.333%; float: left; border-bottom: 0; border-right: 1px solid #7891AD; padding: 0;}
    .side_banner ul li:last-child {border-right: 0;}
    .side_banner ul li img {width: 30px;}
    .side_banner ul li p {font-size: 12px; line-height: 20px;}
    .side_banner .top {display: none;}
    
    #section_1 {margin-top: 70px;}
    .main_slide .swiper-slide {height: 60dvh;}
    .main_slide .swiper-slide h3 {font-size: 6vw; line-height: 9vw; margin: 5% 0;}
    .main_slide .swiper-slide p {font-size: clamp(14px, 2.5vw, 25px); line-height: clamp(20px, 3.5vw, 35px)}
    .main_slide .swiper-slide .logo img {width: 30%; min-width: 150px;}
    
    #section_2 .content_wrap {padding: 0 20px;}
    #section_2 .content_wrap img {width: 80px;}
    #section_2 .content_wrap h3 {font-size: 4.5vw; line-height: 7vw; margin-bottom: 6%;}
    #section_2 .content_wrap ul li {margin-bottom: 10%;}
    #section_2 .content_wrap ul li .img_wrap {float: none; width: 100%; height: 0; padding-bottom: 65%;}
    #section_2 .content_wrap ul li .text_wrap {float: none; width: 100%; height: auto;}
    #section_2 .content_wrap ul li .text_wrap .text {width: 100%; position: relative; top: auto; left: auto; transform: none; padding: 30px;}
    #section_2 .content_wrap ul li .text_wrap .text h4 {font-size: clamp(20px, 2.5vw, 25px); line-height: clamp(30px, 3.5vw, 35px); margin-bottom: 15px;}
    #section_2 .content_wrap ul li .text_wrap .text p {font-size: clamp(14px, 2vw, 16px); line-height: clamp(24px, 3vw, 26px)}
    
    #section_3 h2 { font-size: 4.5vw; line-height: 7vw;}
    
    #section_4 .m_member {padding: 0 20px;}
    #section_4 .m_member .doctor_wrap {background: url('/images/section_4_img_3.png') no-repeat right bottom; background-size: 40%;}
    #section_4 .m_member .doctor_wrap .doctor_part {float: left; width: 50%;}
    #section_4 .m_member .doctor_wrap .name_box {float: left; width: 50%; padding-top: 20%; }
    #section_4 .m_member .doctor_wrap .name_box h3 {font-size: clamp(30px, 5vw, 50px); line-height: clamp(30px, 5vw, 50px);  font-weight: 700;}
    #section_4 .m_member .doctor_wrap .name_box h3 span {font-size: clamp(20px, 3vw, 30px); font-weight: 400; display: inline-block; margin-left: 10px;}
    #section_4 .m_member .doctor_wrap .name_box .specialist {display: inline-block; font-size: clamp(16px, 2.5vw, 25px); line-height: clamp(22px, 3.5vw, 35px); font-weight: 600; color: white; padding: 10px; background: #053A75; margin-top: 15px;}
    
    #section_4 .member {padding: 0 20px;}
    #section_4 .text_part h3 {font-size: clamp(30px, 5vw, 50px); line-height: clamp(30px, 5vw, 50px);}
    #section_4 .text_part h3 span {font-size: clamp(20px, 3vw, 30px); font-weight: 400; display: inline-block; margin-left: 10px;}
    #section_4 .text_part .specialist {font-size: clamp(16px, 2.5vw, 25px); line-height: clamp(22px, 3.5vw, 35px); margin-top: 15px; padding: 5px 10px;}
    #section_4 .text_part .content {font-size: clamp(14px, 2vw, 18px); line-height: clamp(26px, 3vw, 30px);  margin-top: 10%;}
    
    #section_4_2 .section_title .line {height: 100px;}
    #section_4_2 .content_wrap .part_2 {text-align: left;}
    #section_4_2 .content_wrap {padding-left: 20px; padding-right: 20px;}
    #section_4_2 .section_title h2 {font-size: clamp(24px, 5vw, 50px); line-height: clamp(40px, 7vw, 70px);}
    #section_4_2 .content_wrap .part_1 .name, #section_4_2 .content_wrap .part_2 .name {font-size: clamp(20px, 5vw, 50px); line-height: clamp(20px, 5vw, 50px);}
    #section_4_2 .content_wrap .part_1 p, #section_4_2 .content_wrap .part_2 p  {font-size: clamp(14px, 2vw, 18px); line-height: clamp(26px, 3vw, 30px); }
    
    #section_5 .content_wrap {padding: 0 20px;}
    #section_5 .top_text h3 {font-size: clamp(30px, 5vw, 50px); line-height: clamp(45px, 7vw, 70px);}
    #section_5 .top_text h3 .small {font-size: clamp(20px, 4vw, 40px);}
    #section_5 .top_text p { font-size: clamp(18px, 2.5vw, 25px); line-height: clamp(30px, 3.5vw, 35px);}
    #section_5 .main_img .add_img {width: 25%; right: 5%;}
    #section_5 .point li img {width: 50%; max-width: 100px;}
    #section_5 .point li h4 {font-size: 20px; line-height: 20px;}
    #section_5 .point li p {font-size: 16px; line-height: 26px;}
    #section_5 .strength_wrap h2 {font-size: clamp(20px, 3.5vw, 35px); line-height: clamp(30px, 4.5vw, 45px); padding: 8px 30px;}
    #section_5 .strength_wrap ul li {width: 100%; margin: 0 0 10%; height: auto;}
    #section_5 .strength_wrap ul li .text_box {padding: 6%;}
    #section_5 .strength_wrap ul li h4 {font-size: clamp(20px, 2.5vw, 25px); line-height: clamp(30px, 3.5vw, 35px); margin-bottom: 15px;}
    #section_5 .strength_wrap ul li p {font-size: clamp(14px, 2vw, 16px); line-height: clamp(24px, 3vw, 26px)}
    
    #section_6 .content_wrap {padding: 0 20px;}
    #section_6 .text_wrap h2 {font-size: clamp(30px, 5vw, 50px); line-height: clamp(45px, 7vw, 70px);}
    #section_6 .text_wrap p {font-size: clamp(18px, 2.5vw, 25px); line-height: clamp(28px, 3.5vw, 35px); margin-top: 15px;}
    #section_6 .tabs li {font-size: clamp(16px, 3vw, 26px); height: 60px; line-height: 60px;}
    #section_6 .tab_content .text img {width: 60px;}
    #section_6 .tab_content .text h3 {font-size: clamp(20px, 3.5vw, 40px); line-height: clamp(30px, 5vw, 50px); margin-top: 15px;}
    #section_6 .tab_content .text p {margin-top: 10%; font-size: clamp(18px, 2.5vw, 25px); line-height: clamp(28px, 3.5vw, 35px);}
    
    #section_7 .content_wrap {padding: 0 20px;}
    #section_7 .text_wrap h2 {font-size: clamp(30px, 5vw, 50px); line-height: clamp(45px, 6vw, 60px);}
    #section_7 .text_wrap h2 span {font-size: clamp(24px, 3vw, 30px);}
    #section_7 .text_wrap p {font-size: clamp(18px, 2.5vw, 25px); line-height: clamp(28px, 3.5vw, 35px); margin-top: 15px;}
    #section_7 .m_machine_list_slide {padding-bottom: 30px;}
    #section_7 .m_machine_list_slide .swiper-pagination-fraction {font-size: 14px;}
    #section_7 .machine_list li {border-radius: 25px; margin: 0;}
    #section_7 .machine_list li h3 {margin-bottom: 15px;}
    #section_7 .machine_list li p {font-size: 14px;}
    #section_7 .machine_list li .text {height: 230px;}
    
    #section_8 .content_wrap {padding: 0 20px;}
    #section_8 .text_wrap img {width: 80px;}
    #section_8 .text_wrap h2 {font-size: clamp(30px, 5vw, 50px); line-height: clamp(45px, 6vw, 60px);}
    #section_8 .text_wrap p {font-size: clamp(18px, 2.5vw, 25px); line-height: clamp(28px, 3.5vw, 35px); margin-top: 15px;}
    
    
    #section_9 .content_wrap {padding: 0 20px;}
    #section_9 .text_wrap h2 {font-size: clamp(30px, 5vw, 50px); line-height: clamp(45px, 7vw, 65px);}
    #section_9 .text_wrap p {font-size: clamp(16px, 2vw, 20px); }
    #section_9 .map_wrap .map_box {width: 100%;}
    #section_9 .map_wrap .map_box #map {height: 400px;}
    #section_9 .map_wrap .map_box .map_addr {padding: 5%;}
    #section_9 .map_wrap .map_box .map_addr h4 {font-size: clamp(20px, 3vw, 30px);}
    #section_9 .map_wrap .map_box .map_addr p {font-size: clamp(14px, 2vw, 20px); line-height: clamp(24px, 3vw, 30px); margin-top: 10px;}
    #section_9 .map_wrap .info_box_wrap {width: 100%; padding-left: 0; margin-top: 10%; overflow: hidden;}
    #section_9 .map_wrap .info_box {float: left; width: 50%;}
    #section_9 .map_wrap .info_box .title {width: 100%; font-size: 24px; line-height: 24px; margin-bottom: 30px;}
    #section_9 .map_wrap .info_box .parking_img {width: 100%;}
    
    
    footer {padding-bottom: 70px;}
    footer ul.menu {padding: 4% 0;}
    footer ul.menu li {font-size: 16px; line-height: 16px; padding: 0 20px;}
    footer .info {padding: 5% 0;}
    footer .info img {width: 250px;}
    footer .info ul li {font-size: 14px; line-height: 14px; padding: 0 5px; margin-bottom: 10px;}
    footer .info .copy {font-size: 12px;}
    
}

@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}

    
    /**** 공통 ****/
    .container {width:100%; padding: 0 30px;}
    .pad_t_100 {padding-top: 10%;}
    .pad_b_100 {padding-bottom: 10%;}
    .pad_t_150 {padding-top: 15%;}
    .pad_b_150 {padding-bottom: 15%;}
    .mar_b_80 {margin-bottom: 8%}
    .mar_b_100 {margin-bottom: 10%}
    .mar_b_150 {margin-bottom: 15%}
    .mar_t_80 {margin-top: 8%}
    .mar_t_100 {margin-top: 10%}
    .mar_t_150 {margin-top: 15%}
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 24px;}
    
    #section_2, #section_3, #section_5, #section_6, #section_7, #section_8, #section_9 {padding: 15% 0;}
    
    #section_4 {padding-top: 10%; padding-bottom: 10%;}
    #section_4 .member {    background-position-x: right;}
    #section_4 .doctor_part {width: 60%; margin: 0 auto; float: none;}
    #section_4 .text_part {float: none; width: 100%; padding-top: 5%; text-align: center;}
    #section_4 .text_part .content {margin-top: 30px;}
   
    #section_4_2 .section_title .line {height: 60px;}
    #section_4_2 .content_wrap .part_1 .name, #section_4_2 .content_wrap .part_2 .name {padding-bottom: 10px; border-bottom: 2px solid #053A75;}
    
    #section_5 .text {font-size: 16px;}
    #section_5 .strength_wrap h2 {padding: 8px 20px;}
    #section_5 .point li {width: 50%; padding: 8% 3%;}
    #section_5 .point li:nth-child(1) {border-bottom: 1px solid #fff;}
    #section_5 .point li:nth-child(2) {border-right: 0; border-bottom: 1px solid #fff;}
    #section_5 .point li h4 {margin-bottom: 10px;}
    
    #section_6 .tab_content .text {width: 100%; position: relative; top: auto; left: auto; transform: none; padding: 5%;}
    #section_6 .tab_content .text p {margin-top: 15px;}
    #section_6 .tab_content .prd {width: 100%;}
    
    #section_7 .machine_list li .text {height: 200px;}
    
    #section_9 .map_wrap .map_box #map {height: 350px;}
    #section_9 .map_wrap .info_box {width: 100%; margin-bottom: 30px;}
    #section_9 .map_wrap .info_box table th, #section_9 .map_wrap .info_box table td {font-size: 16px; height: 35px;}
    #section_9 .map_wrap .info_box table th {width: 90px;}
    #section_9 .map_wrap .info_box .title {font-size: 20px; line-height: 20px; margin-bottom: 20px;}
    #section_9 .map_wrap .info_box .parking_img p {font-size: 16px; margin-top: 10px;}
    
    footer ul.menu li {font-size: 14px; line-height: 14px; }
}

@media screen and (max-width:480px) {
    .show_480 {display: block;}
    .hide_480 {display: none;}

}