﻿@charset "utf-8";
@import url("fonts.css"); 

html, body{
	text-size-adjust : none;
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
  background:#fff;
}


@media (prefers-color-scheme: dark) {
  html,
  body {
    background: #fff !important;
    background-color: #fff !important;
  }
}

* { margin: 0; padding: 0; box-sizing: border-box; line-height:1.3; word-break: keep-all; letter-spacing: -1.5px;}
a { text-decoration: none; outline-style:none; }
li { list-style: none; }
img { border: 0; vertical-align: middle; }
input,
textarea { outline-style: none; border:none;}
table {border-collapse:collapse; border-spacing:0;}
button {border:0;}
.hidden {position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; 
line-height: 0; overflow: hidden; }
p { line-height: 1.5; word-break: keep-all;}
input, button {font-size:0.7rem;}
h1, h2, h3, h4 {font-family:'OneMobile', 'Noto Sans Kr', sans-serif; letter-spacing: -3px;}

:root {
  color-scheme: light only;
}

/*==색상==*/
:root {
    --accent-color: #013567;
    --maincolor : #2871bb;
    --subcolor : #567697;
}

::selection {
    *background: rgba(0, 60, 86, 0.6);
    background: rgba(0, 60, 86, 0.6);
    color: #fff;
}


.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}


/*==레이아웃 크기 지정==*/
html {font-size:20px;}
body,
#container_wrap,
#footer_wrap {min-width: 320px; color:#222;}
.footer {max-width:1250px; margin:0 auto;}
.inner {position:relative; max-width:1500px; margin:0 auto;}
.bbs_inner {padding-top:10rem; position:relative; max-width:1250px; margin:0 auto 5rem;}


/*==상단==*/
#header_wrap { position:fixed; top:0; left:0; width:100%; z-index:9999999;background:#fff;  border-bottom:1px solid #fff;}

/*=헤더=*/
.header {position: relative;  margin: 0 auto; height:110px; background:#fff; z-index:999;}
.header:after {display:block;visibility:hidden;clear:both;content:""}

/*로고*/
.hd_logo {font-size: 0; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:99;}
.hd_logo a {display: block;}
.hd_logo img {width: 100%; max-width:216px;}
.logo_on {display:none;}


/*=네비게이션=*/
#lnb_wrap {position:relative; height:100%; max-width:1280px;  margin: 0 auto; }
#lnb_wrap h2 {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}

/*로컬네비*/
.lnb {position:absolute;  right:0; top:50px; width:640px;}
.lnb > ul {display:flex; justify-content: space-between; width:100%;}
.lnb > ul:after {display:block;visibility:hidden;clear:both;content:""; }
.lnb > ul > li {position:relative; width:47%; font-size: 0.9rem; font-weight: 400; border-top:1px solid var(--maincolor); transition:0.2s;}
.lnb > ul > li:first-child{margin-left:0;}
.lnb > ul > li:last-child{margin-right:0;}
.lnb > ul > li > a { color: var(--maincolor); font-weight:400; line-height: 2.45rem; }
.lnb > ul > li:hover a {font-weight:500}
 

.lnb li.on a {color: #1663c0 !important;}

#lnb_wrap .mo_nav {position: fixed; top: 0; right: -250px; z-index: 999; width: 250px; height: 100vh; background: #fff; background-size: cover; color: #222; padding-top: calc(0.5rem + 61px);}
#lnb_wrap .mo_nav > ul {height:90%; overflow-y:scroll;}
#lnb_wrap .mo_nav > ul > li {overflow:hidden;font-size: 1rem; font-weight: 400; text-align:left; }
#lnb_wrap .mo_nav > ul > li:last-child {}
#lnb_wrap .mo_nav > ul > li > a {position:relative; display:block; padding:0 2rem; line-height: 3rem; color:#222; font-weight:600; border-bottom:1px solid #ebebeb;}
#lnb_wrap .mo_nav > ul > li > a:after {content:url('../img/ico_right.png'); float:right;}
#lnb_wrap .mo_nav > ul > li:first-child > a {border-top:1px solid #ebebeb;}
#lnb_wrap .mo_nav > ul > li > a:hover {color:#0e3253;}
#lnb_wrap .mo_nav > ul > li.on > a {background:#0e3253; color:#fff;}
#lnb_wrap .mo_nav > ul > li.on > a:after {content:url('../img/ico_down.png');}
#lnb_wrap .mo_nav .submenu {display:none; padding:1rem 0; padding-left:2rem; border-bottom:1px solid #ebebeb;}
#lnb_wrap .mo_nav .submenu li {margin-bottom:10px;}
#lnb_wrap .mo_nav .submenu li a {font-size: 1rem;}

/*펼침메뉴-버튼*/
.btn_all_menu { display: none; position: absolute; right: 0; top: 50%; 
transform:translateY(-50%); z-index: 999999; width: 30px; height: 28px; border: 5px 
solid transparent; background: transparent; cursor: pointer; outline:none;}

.btn_all_menu .bar { position: absolute; display: block; width: 100%; height: 
2px; background: var(--maincolor); transition: all 0.3s; }


.btn_all_menu span:nth-child(1) {top: 0;}
.btn_all_menu span:nth-child(2) {top: 49%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.btn_all_menu span:nth-child(3) {bottom: 0;}

.btn_all_menu.on {position:fixed; right: 3%; top: 50px;}
.btn_all_menu.on .bar { background: var(--maincolor);}
.btn_all_menu.on span:nth-child(1) { top: 50%; transform: translateY(-50%) 
rotate(45deg); webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: 
translateY(-50%) rotate(45deg); }
.btn_all_menu.on span:nth-child(2) {opacity: 0;}
.btn_all_menu.on span:nth-child(3) { bottom: 50%; transform: translateY(50%) 
rotate(-45deg); -webkit-transform: translateY(50%) rotate(-45deg); 
-ms-transform: translateY(50%) rotate(-45deg); }

.mo_nav_bg {background: rgba(0, 0, 0, 0.5); z-index: 99; top: 0; left: 0; 
width: 100%; height: 100%; position: fixed;}

/*==상단스크롤==*/
#header_wrap.header_on, #header_wrap.sub_header {width: 100%; /*height: auto;*/ z-index: 150; background: #fff; border-bottom: 1px solid #d3d3d3;}
#header_wrap.sub_header .logo,
#header_wrap.header_on .logo {display:none;}
#header_wrap.sub_header .logo_on,
#header_wrap.header_on .logo_on {display:block;}
#header_wrap.sub_header a,
#header_wrap.header_on a {color:var(--maincolor);}
#header_wrap.sub_header .lnb > ul > li:hover,
#header_wrap.header_on .lnb > ul > li:hover {border-color: #214788;}
#header_wrap.sub_header .lnb > ul > li:hover > a,
#header_wrap.header_on .lnb > ul > li:hover > a,
#header_wrap.header_on .on a {font-weight:500;}
#header_wrap.sub_header .bar,
#header_wrap.header_on .bar {background:#var(--maincolor);}



/*== 컨테이너 ==*/
#container_wrap {position: relative; font-size: 0.8rem; overflow:hidden;}

/* 메인,서브 공통 */
.sc_title {font-size:2rem; font-weight:600; padding-bottom:2rem;}
.section .contents {position:relative;}
.section .contents:after {display:block;visibility:hidden;clear:both;content:""}
.img_box img {max-width:100%;}
.img_box .mo_img {display: none;}
.more_btn {display: inline-block;  text-align:center; padding:1rem 3rem; font-size: 0.9rem; font-weight: 300; color: #fff; border:1px solid #fff; border-radius:500px;}
.gmk {font-family:'GmarketSans', sans-serif;}


/* == 메인 == */
/* 메인 : 비주얼 */
.main_top { position:relative; width:100%; height:100vh;  }
.mt_item {position:absolute; left:0; top:110px; display:flex; flex-wrap:wrap; width:100%; height: calc(100% - 110px); }
.main_top .more_btn {margin-top: 4rem;  padding:0.5rem 1rem; font-weight:500; max-width:6rem;}
.mt_item li {width:25%; height:100%; border-right:1px solid #fff; }
.mt_item li:last-child {border-right:0;}
.mt_item li:hover {background:rgba(3,42,130,0.65);}
.mt_item li:hover .more_btn {border-width:2px;}
.mt_item li h2 {font-size: 2.2rem; font-weight: 300;}
.mt_item li h2 b {display:block;}
.mt_item li h2:after {content:''; display:block; width:1px; height:5rem; background:#dddee2; margin:1rem 0;}
.mt_item li p {font-size: 0.9rem; font-weight: 200;}
.mt_item li p b {font-weight: 400;}
.mt_item li a {
    color: #fff;
    height: 100%;
    padding:0 2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.mt_bg {position: relative; height:100%; background: url(../img/mt_bg01.jpg) no-repeat center top/cover;}
.mt_bg > div {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:0.3s;}
.mt_bg .mt_bg01.on {opacity:1; background: url(../img/mt_bg01.jpg) no-repeat center top/cover;}
.mt_bg .mt_bg02.on {opacity:1; background: url(../img/mt_bg02.jpg) no-repeat center top/cover;}
.mt_bg .mt_bg03.on {opacity:1; background: url(../img/mt_bg03.jpg) no-repeat center top/cover;}
.mt_bg .mt_bg04.on {opacity:1; background: url(../img/mt_bg04.jpg) no-repeat center top/cover;}



/*메인공통*/
.bg_con {position: relative; height:90vh;}
.bg_con .inner {height: 100%; display: flex; align-items: center; justify-content: center;}
.bg_con .contents { position: relative; width: 100%; text-align: left; color: #fff; }
 
.bg_con .ms_con {position:relative;  padding: 6rem 0;}
.bg_con .ms_con img {position:absolute; bottom:3rem;  left:50%; transform: translateX(-50%);}
.bg_con .ms_con p {font-size:1.1rem; font-weight:300}
.bg_con h2 {font-size:2.75rem; font-weight: 300; margin-bottom: 2rem}
.bg_con h2 b {display:block;}


.title_wrap {color:var(--maincolor); text-align:center; margin-bottom: 4rem;}
.title_wrap .num_tit {display:block; font-size:3rem; color:#fff; background:var(--maincolor); border-radius:0.5rem; width:4.75rem; padding:0.65rem 0 0.45rem; margin:2rem auto; font-weight: 200;}
.title_wrap h2 {font-size:2.5rem; font-weight: 300; margin-bottom: 2rem;}
.title_wrap h3 {font-size:2rem; font-weight: 300; margin-bottom: 2rem; color:#0b4689;}
.title_wrap p {font-size: 1.2rem; font-weight: 300; line-height: 1.5; color:var(--subcolor)}


.half_con .inner {display:flex; flex-wrap:wrap; margin:0 auto;}
.half_con .img_wrap {width:50%;}
.half_con .contents {width:50%; padding:6rem 3.5rem;}
.half_con.left .contents {background:#0b4689; color:#fff; text-align:right;}
.half_con.right .contents {background:#0b4689; color:#fff;}
.half_tit {margin-bottom: 2rem;}
.half_tit h2 {position: relative; font-size:2.5rem; font-weight: 300; margin-bottom: 2rem;}
.half_tit h2::after { content: ""; display: block; width: 4rem; height: 1px; background: #fff; margin-top: 2rem; }
.left .half_tit h2 { display: flex; flex-direction: column; align-items: flex-end; }
.half_tit p {font-size:1rem; font-weight: 200;}
.half_con .more_btn {}

.btn_wrap {text-align:center;}


/* ms01*/
.ms01 {position: relative; height:90vh;padding-top: 110px; /* background: url(../img/ms01_bg.jpg) no-repeat center/cover; */}


/* ms02*/
.ms02 {position: relative; padding:7.5rem 0; color:#fff; background:var(--maincolor);}
.ms02 .title_wrap {color:#fff}
.ms02 .title_wrap p {color:#fff}
.ms02 h4 {font-size: 2.5rem; font-family:'GmarketSans', sans-serif; font-weight:400; padding-right:2rem; border-right:2px solid rgba(255,255,255,0.6)}
.ms02_list {display: flex; flex-wrap:Wrap; justify-content: space-between;}
.ms02_list li {width:31%;}
.ms02_list .icon_box img {width:40%; max-width: 120px;}
.ms02_list .txt_box {margin-top:2rem; display:flex; flex-wrap:wrap; gap:2rem}
.ms02_list .txt_box p {font-size:1.3rem; color:#fff}

/* ms03 약력 */
.ms03 {position: relative; }
.ms03 h2 {font-size: 2.5rem; color:#214788; padding-bottom: 1rem; border-bottom: 2px solid #214788;}
.ms03 h2 span {font-size: 1.5rem; font-weight: 300;}
.ms03 .contents { background:#f6f7f9;}



/*ms04 수면· 코골이 원스톱 클리닉*/
.ms04 {position: relative; padding:7.5rem 0 4rem;}
.clinic01_list {text-align:center; margin-bottom: 5rem;}
.clinic01_list .line_tit {position:relative; font-size: 2.1rem; margin-bottom: 3rem; color:var(--maincolor);}
.clinic01_list .line_tit span {font-family: 'OneMobile', sans-serif; display:inline-block; padding:0 1rem; font-weight: 500;}
.clinic01_list .line_tit:before {content:''; display:block; position:absolute; left:50%; transform: translateX(-50%); text-align:center; width:3.5rem; height:1px; top:4.5rem; background:var(--maincolor); z-index:-1;}
.clinic01_list ul{display:flex; flex-wrap:wrap; justify-content: space-between;}
.clinic01_list li {width:19%; border-radius:2rem; overflow:hidden}
.clinic01_list li p {font-size: 1.5rem; font-weight:500; padding:0.75rem 0; color:#fff; background:var(--maincolor);}

/*ms04-1 수면·코골이 더보기*/
.ms04_1 {position: relative; }
.ms04_1 .img_wrap { background: url(../img/ms04_1_img.jpg) no-repeat left center/cover;}

/*ms05 어지럼증 클리닉*/
.ms05 {position: relative; padding:7.5rem 0 5rem; background:#ecf0f4}
.clinic02_list {margin-bottom: 3rem;}
.clinic02_list ul {display: flex; flex-wrap:wrap; justify-content: space-between}
.clinic02_list li {width:48%; color:var(--maincolor); text-align:center}
.clinic02_list p {font-size: 1.5rem; margin:1.5rem 0 1rem;}
.clinic02_list p > b {font-weight:600}
.clinic02_list span {font-size: 1.1rem; font-weight: 200;}
.ms05 .img_box img { width:100%}
.graph {position: relative; display: inline-block; width:100%; margin-top:5rem; padding:3rem; border-radius: 2rem; color:var(--maincolor); background: #fff; text-align: left;}
.graph .graph_box {display: flex; flex-direction: row; justify-content:space-between; align-items: flex-start;  margin-top:3rem;}
.graph span {font-size:2.1rem; font-weight:300; font-family: 'OneMobile', sans-serif;}
.graph_box p {white-space:nowrap; font-size:1.25rem; color:var(--subcolor)}
.graph_box p b {font-weight:500; color:#dc534a}

/* ms06 청각언어·귀교정 클리닉 */
.ms06 {position: relative; padding:7.5rem 0 0;}

/* ms06-1 청각언어·귀교정 더보기 */
.ms06_1 {margin-bottom: 7.5rem; text-align:center}
.ms06_1 .contents {display:flex; flex-wrap:wrap; justify-content: space-between;}
.ms06_1 .contents .img_wrap {width:49.5%;}
.ms06_1 .img_wrap img {width:100%}
.ms06_1 .img_wrap .ms_con {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.ms06_1 .img_wrap .ms_con p {font-size:2.5rem; color:#fff; font-weight:600}

/*ms07*/
.ms07 {padding:7.5rem 0 3.5rem}

/*ms07-1 첨단 검사장비*/
.ms07-1 {position: relative; height:39vh;  background: url(../img/ms07_bg.jpg) no-repeat center/cover; background-attachment: fixed;}
.ms07-1 .contents {text-align:center; }
.ms07-1 h2 {position: relative; font-size:2.4rem !important; margin-bottom: 3rem;}
.ms07-1 h2::after {content:''; position:absolute; left:50%; transform: translateX(-50%); top:4rem; display:block; margin:0 auto; width:3rem; height:1px; background:#fff;}

/*ms08 검사장비리스트*/
.ms08 {position: relative; padding:7.5rem 0; }
.ms08 .title_wrap h2 {font-size:2.1rem}
.eq_box {
	display:block;
    text-align: center;
    font-family: 'OneMobile', 'Noto Sans Kr', sans-serif;
    letter-spacing: -1px;
}
.eq_tit { color: #fff; font-size: 1.25rem;}
.eq_box ul {display: flex; flex-wrap:nowrap; justify-content: space-between; align-items:center; height:12rem}
.eq_box img {width:100%; max-width:fit-content;}
.eq_box .list2 li {width:48%;}
.eq_box .list3 li {width:31%;}
.eq_box .list4 li {width:23%;}
.eq_box .list5 li {width:19%; }
.eq_box .list6 li {width:16.66%; height:100%; background: var(--maincolor); border-radius: 1rem; display: flex; align-items: center; justify-content: center;}
.eq_box .list7 li {width:14.28%;}

.ms08 .youtube_wrap{margin-top: 40px;text-align: center;}
.ms08 .youtube_wrap iframe{max-width: 640px;aspect-ratio: 16 / 9;}

/* ms09 둘러보기  */
.ms09 {position: relative; padding:7.5rem 0; background:#edeff2; }
.ms09 .title_wrap h2 {font-size:2.1rem}
.ms09 ul {position: relative; width:100%; margin:0 auto; text-align: left; display: flex; flex-wrap: wrap; gap:1.75rem; align-items: center; justify-content: center;}
.ms09 ul li {width:48%; position: relative; font-size:1.25rem; border-radius: 0.5rem; overflow: hidden; padding:0 0 0 6rem; background: #fff; color: var(--maincolor); line-height:4.25rem; height:4.25rem;}

.ms09 ul li span {position: absolute; font-family: 'GmarketSans', sans-serif; padding:1.15rem; background: var(--maincolor); color: #fff; font-size:1.5rem; left:0; top:0;}

.ms09 ul li:last-child {background:none}
.ms09 ul li:last-child span {background:none}

/* ms09-1  */
.ms09-1 {position: relative; padding:7.5rem 0; background:#2a5d9c; }
.ms09-1 .title_wrap h2 {font-size:2.1rem; color:#fff;}
.ms09-1 .title_wrap p {color:#fff}
.ms09-1 ul li {background: #2a5d9c; color: #fff; border:0.05rem solid rgba(255,255,255,.4); line-height:4.25rem; height:4.25rem;}
.ms09-1 ul li span {background: #fff; color:var(--maincolor); font-size:2.2rem; padding:0.75rem 1.15rem}
.ms09-1 ul li:last-child {border:0}
.ms09-1 ul li:last-child span {background:none}


/* ms10 오시는길 */
.ms10 {position: relative; padding:7.5rem 0; }
.ms10.bg {background:#fff;}
.ms10 .title_wrap {text-align:left;}
.ms10 .title_wrap h2 {border-bottom:1px solid var(--maincolor); padding-bottom:2rem;}
.ms10 .title_wrap p {color:var(--maincolor)}
.ms10 .title_wrap p b {font-weight: 500;}
.ms10 .ms_map {height: 500px; background: #222;}
.ms10 .ms_map img {width:100%;}
/* .ms10 .ms_map {background:url(../img/map_img.jpg) no-repeat center/cover;} */
.ms10 .root_daum_roughmap_landing {width:100% !important;}
.ms10 .root_daum_roughmap, 
.ms10 .root_daum_roughmap .wrap_map {width:100%; height: 100% !important;}
.ms10 .wrap_controllers.hide, .sub01_4 .wrap_btn_zoom  {display:none !important;}
.ms10 .root_daum_roughmap_landing .border2 {display:block;}

/* ms11 진료안내 */
.ms11 {padding-bottom: 5rem;}
.ms11.bg {background:#fafafa;}
.ms11 .contents {display:flex; flex-wrap:wrap; justify-content: space-between;}
.ms_time { width:50%; color:var(--maincolor); display:flex;flex-wrap:wrap;}
.ms_time h4 {font-size: 2rem; margin-right: 4rem;}
.ms_time small {display: block; font-size: 1rem; margin-top: 0.5rem;}
.time_box dl {display: flex; margin-bottom: 0.5rem;}
.time_box dl:nth-of-type(2) dt{letter-spacing: 2px;}
.time_box dl:last-of-type {margin-bottom: 1.5rem;}
.time_box dt {font-size: 1.4rem; font-weight: 600; width: 7rem;}
.time_box dd {font-size: 1.4rem;}

.call_box {text-align: center;}
.call_box a {
    display: inline-block;
    padding: 1rem 2rem 0.5rem;
    font-size: 2rem;
    font-weight: 600;
    color:var(--maincolor);
    border: 1px solid var(--maincolor);
    border-radius: 500px;
}

/*ms12*/
.ms12 {position:relative; padding:7.5rem 0}
.ms12 .health_list ul {}
.ms12 .health_list ul li {position:relative; display:flex; justify-content:center; max-width:100%; padding:2rem 0; border-bottom:1px solid var(--maincolor)}
.ms12 .health_list ul li:last-child {border-bottom:0}

.ms12 .health_list ul li .txt_box {width:60%}
.ms12 .health_list ul li .txt_box span {color:var(--maincolor); font-size:1.1rem}

.ms12 .health_list ul li .txt_box .title {display:flex; align-items: center; margin-top:1rem;}
.ms12 .health_list ul li .txt_box .title span {font-family: 'GmarketSans', sans-serif; font-size: 2.5rem; display: inline-block; width: 3.5rem; height: 3.5rem; line-height:3.5rem; border-radius: 0.5rem; background: #fff;
color: var(--maincolor); border: 0.05rem solid var(--subcolor); text-align: center; margin-bottom: -0.5rem;}
.ms12 .health_list ul li .txt_box .title p {font-size:1.5rem; font-weight:600; color:var(--maincolor); padding-left:1.5rem}
.ms12 .health_list ul li .txt_box .title p b {color:#0a97e7; font-weight:600;}

.ms12 .health_list ul li .sub_txt { margin: 1.5rem 0 0 5rem;;}
.ms12 .health_list ul li .sub_txt p {color:var(--subcolor); font-size:1.1rem; margin-bottom:2rem}

.ms12 .health_list ul li .cel_box {width: 40%; display: flex; padding:0.5rem 1.75rem; background: var(--maincolor); border-radius: 0.5rem; justify-content: space-between; align-self: center;}
.ms12 .health_list ul li .cel_box ul {width:100%; display:block;}
.ms12 .health_list ul li .cel_box ul li {display:block; padding: 0 0 5px 0}
.ms12 .health_list ul li .cel_box ul li::after {content:''; display: block; width:100%; height:0.1rem; background: rgba(255,255,255,0.4); margin-top: 0.5rem}
.ms12 .health_list ul li .cel_box ul li span {font-size:1.25rem; color:#fff;}

.ms12 .health_list ul li .cel_box .fcb span {color:#73ccff;}
.ms12 .health_list ul li .cel_box .fcb li {text-align:right}

.ms12 .health_list ul li .cel_box sub {vertical-align:middle; color:#fff; font-size:1.1rem}

.ms12 .health_list ul li .l_cel_box .fcb li,
.ms12 .health_list ul li .l_cel_box ul:last-child li {text-align:center}
.ms12 .health_list ul li .l_cel_box ul:last-child li:last-child span {font-size:1.25rem;}


/*== 하단 ==*/
#footer_wrap {clear: both; border-top:1px solid #d7d7d7; background:#f3f4f5; overflow:hidden;}
.f_logo { text-align:center; padding:1.5rem 0; border-bottom:1px solid #d7d7d7;}
.f_logo img {width:70%; max-width:306px;}


/* 풋터 */
footer {margin: 0 auto;  padding: 0 0 1.5rem; font-weight: 300; letter-spacing: 0; color: #595656; overflow:hidden;}
footer address {display:block; text-align: center; overflow:hidden; line-height: 1.571em; font-weight: 400; font-style: normal; font-size: 0.75rem; }
footer address p {position:relative; display:inline-block;  margin-right:0.6rem; padding-right:1rem;}
footer address p:after {content:''; position: absolute ;right: 0;top: 0.15rem; width: 1px; height: 0.7rem;background:#A0A0A0; }
footer address p:last-of-type:after {display:none;}
footer address span {position: relative; display: inline-block;}
footer small { display: block; width:100%; margin-top: 0.5rem; font-size: 0.857em; /* text-transform: uppercase; */ color: #7f7f7f;  letter-spacing: -0.8px;}


.f_link {padding:1rem 0; text-align:center;}
.f_link a {position:relative; display:inline-block; padding-right:1rem; margin-right:0.6rem; color:#595656; font-weight: 500;}
.f_link a:after {content:''; position: absolute ;right: 0;top: 0.15rem; width: 1px; height: 0.7rem;background:#A0A0A0; }
.f_link a:last-of-type:after {display:none;}

.top_btn { z-index:999; cursor: pointer; transition:0.2s; margin-top: 1rem; text-transform:uppercase; text-align:center; color:#fff;} 
.top_btn.on {color:#222;}

.quick {position: fixed; width: 120px; right: -120px; top:5%;  text-align: center; z-index:99999999; transition:0.5s;}
.quick .q_btn {
    position: absolute;
    right: 120px;
    top: 0;
    color: #fff;
    cursor: pointer;
}
.quick .q_btn img {height:100px;}
.quick ul { background: var(--maincolor);}
.quick li { width:100%; height:100px; position: relative; display: table;  color: #222;}
.quick li:after {content: ''; position: absolute; bottom:0; left:50%; transform: translateX(-50%); width: 100%; height: 1px; background: #e1e1e1;}
.quick li:last-child:after {display:none;}
.quick li a {display: table-cell; vertical-align: middle; padding:0 12px; font-size: 0.8rem; color:#fff; font-weight: 200;}
.quick li > p {display: table-cell; vertical-align: middle; padding:0 12px; font-size: 0.9rem;}
.quick li a p {margin: 0 auto; }

.quick.on {right:0;}


.ms_inquiry {position:relative; width:100%; text-align:center; background:#ecf0f4;  padding:7.5rem 1rem;}
.ms_inquiry .inner {max-width:30rem}
.ms_inquiry h2 {width:100%; font-size:2.5rem; font-weight:300; color:var(--maincolor); margin-bottom: 3.5rem;}
.ms_inquiry label {position:relative; display: inline-block; margin-bottom:1rem; vertical-align: top; font-size:1.25rem; }
.ms_inquiry input[type=text] {width:100%; font-size:1.25rem; color: #333; height: 40px; padding:0 0.5rem; vertical-align: top; border:1px solid #ccc; box-sizing: border-box; }
.ms_inquiry input::placeholder {color:#c1ccd7}
.ms_inquiry textarea {width:100%; padding:0.5rem; max-width:600px; height:8rem; border: 1px solid #ccc; color: #333; margin-top:1rem; font-size:1.25rem; box-sizing:border-box; width:100%;}
.ms_inquiry textarea::placeholder {color:#c1ccd7;}

.ms_inquiry .check {clear: both; margin-top: 0.5rem; display:flex; align-items: center;}
.ms_inquiry .check input {margin-right: 5px; width:0.8rem; height:0.8rem;}
.ms_inquiry .check span {display: inline-block; margin-left: 1rem;}
.ms_inquiry button {
		position:relative; 
		width: 100%; 
		padding:0.5rem 0;
		border-radius:50rem; 
		background: #2871bb; 
		color: #fff; 
		font-size: 1.25rem; 
		font-weight: 400; 
		border:0;
		margin-top:2rem
	}
.inquiry {position:relative; display:block; color:var(--maincolor);}
.inquiry ul {display:flex; gap:1rem; width:100%; max-width:600px;}
.inquiry ul li {display:block;  width:49%;}
/* .inquiry .privacy  {width:100%;} */

.privacy.pop .pop_box { display:none; text-align:left; z-index:9999; position:fixed; left:50%; top:50%; transform: translate(-50%,-50%); width:80%; max-width:500px; padding:1rem; color:#222; background:#fff; }
.privacy.pop .bg {display:none; z-index:9999;  position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%;}
.privacy.pop label {margin-bottom:0; font-size: 1rem;}
.privacy.pop .check a {display:inline-block; margin-left:5px; color:#333;  font-size:0.8rem;}
.privacy.pop h3 {font-size:1rem; margin-bottom:1rem;}
.privacy.pop p {font-size:0.7rem; margin-bottom:0.5rem;}

.privacy.pop .close  { position: absolute; right: 2%; top: 5%;     z-index: 9999; width: 30px; height: 28px; border: 5px solid transparent;    background: transparent; cursor: pointer; outline: none; }
.privacy.pop .close .bar { position: absolute; display: block; width: 100%; height: 2px; background: #333; transition: all 0.3s; }
.privacy.pop .close .bar:nth-of-type(1) {top: 50%; transform: translateY(-50%) rotate( 45deg ); webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); }
.privacy.pop .close .bar:nth-of-type(2) { bottom: 50%; transform: translateY(50%) rotate( -45deg ); -webkit-transform: translateY(50%) rotate( -45deg ); -ms-transform: translateY(50%) rotate(-45deg); }



/* == 서브페이지 == */

/* 서브컨테이너 */
#sub_container {position: relative; font-size: 0.8rem; padding-top:110px; margin:0 auto;}
#sub_container .section {padding:6.5rem 0;}
/*#sub_container .section:last-child {margin-bottom:9rem;}*/

/* 서브공통 */
.ctt_admin {position:fixed; left:0; top:15%; z-index:99;}
.img_list ul {position: relative; display: flex; flex-wrap: wrap; justify-content:space-between; text-align: center;}
.img_list img {width: 100%; max-width: 100%;}
.img_list p {font-size: 1.5rem; color: #0b4689; margin-top: 1rem;}
.img_list p b {font-weight: 600;}
.img_list.list2 li {width: 49%;}
.img_list.list5 li {width: 19%;}
.round_box { display: flex; flex-wrap:wrap; align-items: center; padding: 1.5rem 2.5rem; background: #fff; border-radius: 1rem; }
.round {border-radius: 1rem; overflow: hidden;}

.t_blue {color: #48b9f9 !important;}
.t_right {text-align: right !important;}
.t_center {text-align: center !important;}


.line_tit {position:relative; font-size: 1.3rem; margin-bottom: 1rem; color:#0b4689; text-align: center;}
.line_tit span {display:inline-block; padding:0 1rem; font-weight: 500;}
.line_tit:before {content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#0b4689; z-index:-1;}


.num_list2 ul {position: relative; display: flex; flex-wrap: wrap; justify-content:space-between; }
.num_list2.list3 li {width: 32%;}

.num_list2 li { border-radius: 2rem; overflow: hidden; background: #fff;}
.num_list2 img {width: 100%;}
.num_list2 .txt_box {display: flex; flex-wrap: wrap;  color:#0b4689; padding: 1rem 0.5rem;}
.num_list2 span {display: flex; align-items: center; justify-content: center; width: 4rem; margin-right: 1rem; font-size: 2.5rem; border-right:1px solid #0b4689;}
.num_list2 p {width: calc(100% - 5rem); font-size: 1.2rem; font-weight: 500;}
.num_list2 small {display: block; font-weight: 300; margin-top: 0.25rem;}



/*sub01 수면·코골이 */
.sub01 {}
.sub01 .ss01 {position:relative; background: url(../img/sub01_bg.jpg) no-repeat center/cover;}
.sub01 .ss01 {height:60vh}
.sub01 .ss01 .inner::before {content:''; position:absolute; display:block; left:50%; top:0; width:1px; height:10rem; background:#fff}
.sub01 .ss01 .inner::after {content:''; position:absolute; display:block; left:50%; bottom:0; width:1px; height:12rem; background:#fff}
.sub01 .ss01 .contents {text-align:center !important}
.sub01 .ss01 .ms_con {padding:6rem 0}
.sub01 .ss01 h2 {font-size:2.45rem}

.sub01 .ss02 {position: relative; display:flex; background:#f7f7f7; align-items: center; padding:7.5rem 0}
.sub01 .ss02 .img_wrap { width:50%; text-align:right; margin-right:8rem;}
.sub01 .ss02 .img_wrap p {padding-top:1.3rem; border-top:1px solid var(--maincolor); font-size:1.25rem; color:var(--maincolor)}
.sub01 .ss02 .img_wrap p b {margin:0 0 0 0.5rem; font-size:1.75rem; font-weight:500}
.sub01 .ss02 .contents {width:50%}
.sub01 .ss02 h2 {font-size: 2.5rem; color:var(--maincolor);font-weight: 300; padding-bottom: 1rem; border-bottom: 1px solid var(--maincolor);}

.sub01 .history {margin-top: 2.5rem;}
.sub01 .history p {font-size: 1.2rem; font-weight: 500; color:var(--maincolor); margin-bottom: 0.5rem;}
.sub01 .history li {font-size: 1rem; font-weight: 300; margin-bottom: 0.5rem; color:#5e646e;}

.sub01 .ss03 {position:relative; padding:7.5rem 0;}
.sub01 .ss03::before {content:''; position:absolute; display:block; width:100%; height:30rem; background:#ecf0f4; bottom:0; left:0;}
.sub01 .ss03 .clinic02_list ul {gap:0.92rem;justify-content: flex-start; flex-wrap:nowrap}
.sub01 .ss03 .clinic02_list ul li {width:24%;  text-align:left;}
.sub01 .ss03 .clinic02_list ul p {background:#0b4689; color:#fff; display:inline-block; margin:0 0 1rem 0; padding:0.5rem 1rem}
.sub01 .ss03 .clinic02_list ul li span {display:block; font-weight:300; line-height:1.7}

.sub01 .ss04,
.sub01 .ss04_1 {position:relative; padding-top:7.5rem;}
.sub01 .ss04_1::before {content:''; position:absolute; display:block; z-index:1; background:var(--maincolor); left:50%; top:0; transform:translateX(-50%); width:0.1rem; height:100%}
.sub01 .ss04_1 .inner {display:block; max-width:100%}
.sub01 .ss04_1 .half_tit h2 {font-size:2.2rem; margin-bottom: 0;}
.sub01 .ss04_1 .half_tit p {font-size:1.1rem}
.sub01 .ss04_1 .inner .box_wrap {display:flex; flex-wrap:wrap; max-width:100%}
.sub01 .ss04_1 .inner .box_wrap_2 {flex-direction:row-reverse}
.sub01 .ss04_1 .inner .box_wrap_2 .half_tit {text-align:right}
.sub01 .ss04_1 .box_wrap .img_wrap {background: url(../img/sub01_ss04_img01.jpg) no-repeat center/cover;}
.sub01 .ss04_1 .box_wrap_2 .img_wrap {background: url(../img/sub01_ss04_img02.jpg) no-repeat center/cover;}
.sub01 .ss04_1 .box_wrap_3 .img_wrap {background: url(../img/sub01_ss04_img03.jpg) no-repeat center/cover;}
.sub01 .ss04_1 .contents {background:none; text-align:left}
.sub01 .ss04_1 .contents .half_tit {text-align:left; color:var(--maincolor)}
.sub01 .ss04_1 .contents .half_tit p {color:var(--subcolor); font-weight:300}
.sub01 .ms04 {padding:7rem 0 0 0}
.sub01 .ms07 {padding:3rem 0}

.sub01 .ss05 {}
.sub01 .ss05 .inner {position: relative; display: flex; background:#fff; flex-wrap: wrap; max-width: 100%; height: 100%; align-items: center; justify-content: center;}

.sub01 .ss05 .inner .title_wrap,
.sub01 .ss05 .inner .slide_box {position: relative; display: flex; width: 50%; height: 100%; align-items: center; justify-content: center;}

.sub01 .ss05 .inner .title_wrap {padding:12rem 0; background: var(--maincolor); color: #fff; text-align:left; margin-bottom: 0;}
.sub01 .ss05 .inner .title_wrap p {color:#fff; font-weight:200}
.sub01 .ss05 .inner .title_wrap .slide_arrow {position:relative; display: block; margin-top:3rem}
.sub01 .ss05 .inner .title_wrap .slide_arrow .prev,
.sub01 .ss05 .inner .title_wrap .slide_arrow .next {display:inline-block !important; width:3rem;  cursor: pointer;}
.sub01 .ss05 .inner .slide_box .slide { position: relative; display: block; width: 100%; left: -15%;}
.sub01 .ss05 .inner .slide_box .slide img {max-width:100% !important;margin:1rem;}
.sub01 .ss05 .slide .slick-dots {display:none !important}


.step_list ul {display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
.step_list li {width: 23%; text-align: center; font-size: 1.1rem; color: #0b4689; font-weight: 500;}
.step_list p {margin-top: 1rem;}
.step_list .step_num {position: relative; width: 100%; aspect-ratio: 1/1; background: #222; border-radius: 50%; color: #fff;}
.step_list .step_num:before {content: ''; position: absolute; left: 0; top: 50%; width: 150%; height: 1px; background: #0b4689; z-index: -1;}
.step_list .step_num span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.5rem;}
.step_list .step_num b {font-size: 2.5rem;}
.step_list li:nth-child(1) .step_num {background: url(../img/sub01_step01.png) no-repeat center/cover;}
.step_list li:nth-child(2) .step_num {background: url(../img/sub01_step02.png) no-repeat center/cover;}
.step_list li:nth-child(3) .step_num {background: url(../img/sub01_step03.png) no-repeat center/cover;}
.step_list li:nth-child(4) .step_num {background: url(../img/sub01_step04.png) no-repeat center/cover;}

.sub01 .ss05 {background:#eeefef;}
.sub01 .ss05 .img_list li {border-radius: 2rem; overflow: hidden;}
.sub01 .ss05 .img_list p {background:#0b4689; margin: 0; padding: 1rem 0; color: #fff;}
.sub01 .ss06 {background: url(../img/sub01_ss06_bg.jpg) no-repeat center/cover;}
.sub01 .ss06 .title_wrap {color: #fff;}
.sub01 .ss06 .round_box {color:#0b4689; padding:3rem 4rem; align-items: flex-start; justify-content: space-between;}
.sub01 .ss06 .round_box .tit {width:100%; text-align:center; font-size:1.5rem; font-weight: 300; margin-bottom: 2rem;}
.sub01 .ss06 .round_box .tit span {padding:0.5rem 1.5rem; border:1px solid #0b4689; border-radius:100px;}

.sub01 .ss06 .num_list {width:48%;}
.num_list li {position:relative;}
.num_list span { display:block; font-size: 1.25rem; background:#083970; color:#fff; font-weight: 600; width: 2.25rem; height: 2.25rem; border-radius:50%; text-align:center; line-height:2.5rem; text-indent:-0.05rem;	}
.num_list span:after {content: ''; position:absolute; right:0; top:1.1rem; width: calc(100% - 2.25rem); height:1px; background:#083970;}
.num_list p {padding-left: 4rem; font-size: 1.2rem; font-weight: 600; margin-top: -0.5rem;}

.sub01 .ss07 {/* background:#eeefef; */}
.sub01 .ss08 {background:#0b4689;}
.sub01 .ss08 .title_wrap {color:#fff;}
.ss09 {padding:7.5rem 0;}
.ss09 .box {display: flex; justify-content: space-between; margin-bottom: 3rem; padding-bottom: 3rem; border-bottom:1px solid #222;}
.ss09 .num {width: 3.5rem; height: 100%; color:#073569; font-size: 2.5rem; font-weight: 500; text-align: center;}
.ss09 .num span {display: block; border:1px solid #313f64; width: 3.5rem; height: 3.5rem; border-radius: 0.5rem; line-height: 3.8rem;}
.ss09 .txt {width: calc(45% + 3.5rem); padding: 1rem 0 0 1rem; color:#073569; font-size: 1.1rem; }
.ss09 .txt h4 {font-size: 1.6rem; margin-bottom: 1.5rem;}
.ss09 .txt .t_blue {color: #0a97e7 !important;}
.ss09 .txt .t_red {color:#dc534a !important; background:#ffe6e4}
.ss09 .txt p { margin-bottom: 1.5rem; }
.ss09 .txt span {color: #0d5bb4;}
.ss09 .tb {width: 43%; display: flex; justify-content: center; flex-direction:column; align-items: center;}
.ss09 .tb table {
    width: 100%;
    color: #fff;
    font-size: 1.3rem;
    background: var(--maincolor) ;
    border-radius: 1.5rem;
    padding: 1rem 2rem;
    border-collapse: inherit;
}
.ss09 .tb td {padding:0.25rem 0; border-bottom:1px solid rgba(255,255,255,0.5);}
.ss09 .tb b {font-family:'GmarketSans', sans-serif;}
.ss09 .tb p {font-size:0.9rem; margin-top:0.45rem; }
.ss09 .youtube_wrap{margin-top: 40px;text-align: center;}
.ss09 .youtube_wrap iframe{max-width: 640px;aspect-ratio: 16 / 9;}





/* sub02 어지럼증*/
.sub02 .ss01 {background: url(../img/sub02_bg.jpg) no-repeat center/cover;}

.check_list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.check_list img {width:30%; max-width:61px;}
.check_list li {width: 23%;}
.check_list .txt_box {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #0c407b; color: #0c407b;}
.check_list p {font-size: 1.5rem; margin-bottom: 1rem; font-weight: 500;}
.check_list span {display: block; font-size: 1rem; line-height: 1.8; font-weight: 300;}

.check_list.check_list2 {}
.check_list.check_list2 li  {width: 24%;  background:#fff; border-radius:1rem; overflow:hidden;}
.check_list.check_list2 li .txt_box {border-top:0; padding: 0; margin: 0;}
.check_list2 p {background:#073569; color:#fff; padding:0.5rem 0; text-align:center;}
.check_list2 span {padding: 0 0 1rem 1rem;}



.sub02 .ss03 {background: #f2f2f2;}
.sub02 .ss04 {background: #f2f2f2;}
/* .sub02 .ss05 {background: #e0eef9;} */
.sub02 .ss06 {padding-bottom: 0 !important;}
.sub02 .ss06 .img_wrap{background: url(../img/sub02_ss06_img_new.jpg) no-repeat left center/cover;}
.sub02 .ss07  {background: #e0eef9;}
.sub02 .ss08  {background: #0b4689; }
.sub02 .ss08 .title_wrap {color:#fff;}

.cate_wrap {display:flex; flex-wrap:wrap;  justify-content: space-between;}
.cate_box {color:#0c407b; font-size: 1rem; width:23%;}
.cate_box h4 {font-size:1.1rem; background:#073569; color:#fff; font-weight: 400; text-align:center; padding:1rem 0; border-radius:100px; font-family:'Noto Sans Kr', sans-serif;}
.cate_box .dot_list {margin-top: 1rem; padding-bottom: 1rem; border-bottom:1px solid #083970;}
.cate_box .dot_list li {position:relative; line-height:1.8; padding-left: 0.5rem;}
.cate_box .dot_list li:before {content:''; position:absolute; left:0; top:0.9rem; width:0.25rem; height:1px; background:#073569; }
.cate_box .dot_list:nth-of-type(1) {min-height:6.5rem;}
.cate_box .dot_list:nth-of-type(2) {min-height:5rem;}
.cate_box .dot_list:nth-of-type(3) {min-height:11rem;}

.num_list3 ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
.num_list3 li {width:32%; background:#fff; padding:2rem 1.5rem; margin-bottom: 1rem; border-radius:2rem;}
.num_list3 .num {font-size: 2.4rem; color:#0c407b; font-weight: 300;	}
.num_list3 .tit {font-size: 1.5rem; color:#0c407b; font-weight: 600; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 2px solid #0c407b;}
.num_list3 .desc {font-size: 1.1rem; color:#4e565f; line-height: 1.6; font-weight: 300;}


/* sub03 */
.sub03 .ss01 {background: url(../img/sub03_bg.jpg) no-repeat center/cover;}

.sub03 .ss02 {padding-bottom: 0 !important;}
.sub03 .ss02 .img_wrap { background: url(../img/sub03_ss02_img.jpg) no-repeat left center/cover;}

.sub03 .ss03 {background: #f3f4f5;}
.sub03 .ss03 .box_wrap {display:flex; flex-wrap:wrap; justify-content: space-between;}
.sub03 .ss03 .box {width:48%; border-radius:2rem; background: #fff;  overflow:hidden;}
.sub03 .ss03 .box .tit {background:#073569; color:#fff; font-size: 1.5rem; text-align:center; padding:1rem 0;}
.sub03 .ss03 .txt_box {color:#0c407b; padding:2rem 1.5rem;}
.sub03 .ss03 .txt_box p {font-size: 1.25rem; font-weight: 500; margin-bottom:1rem; padding-bottom:0.5rem; border-bottom:1px solid 	#0c407b;}
.sub03 .ss03 .txt_box li {font-size:1rem; margin-bottom: 0.5rem;}


.sub03 .ss04 {padding-bottom: 0 !important;}
.sub03 .ss04 .bg {position:relative; background: #0b4689; z-index:0; color:#fff; }
.sub03 .ss04 .bg .line_tit {color:#fff; }
.sub03 .ss04 .bg .line_tit span {background:#0b4689;}
.sub03 .ss04 .bg .line_tit:before {background:#fff;}
.sub03 .ss04 .img_list li {border-radius:1.25rem; overflow:hidden;  background:#fff;}
.sub03 .ss04 .img_list p {font-size: 1rem; font-weight: 600; padding:0.5rem 0;	margin-top: 0;}
.sub03 .ss04_1 {position:relative; background: #f3f4f5;}
.sub03 .ss04_1:before {content:''; position:absolute; transform:translateX(-50%) rotate(45deg);   left:50%; top:-1.5rem; width:3rem; height:3rem; background:#0b4689;}

.effect_list {position:relative; margin-bottom: 5rem; }
.mg_tit {position:absolute; top:-1rem; left:50%; transform:translateX(-50%); background:#0b4689; text-align:center; font-weight: 500; font-size: 1.3rem; padding:0 1rem;}
.effect_list ul {display:flex; flex-wrap:wrap;  justify-content: space-between; padding: 3.5rem 2.5rem; border:1px solid #fff; border-radius:2rem; }
.effect_list li {width:18%;}
.effect_list li span {display: block; font-size:2.5rem; font-weight: 500; padding-bottom:0.5rem; margin-bottom:0.5rem; border-bottom: 2px solid #fff;;}
.effect_list li p {font-size: 1.1rem;	 font-weight: 300;}

.num_list4 {position:relative; }
.num_list4 .mg_tit {background:#f3f4f5; color:#0b4689; font-weight: 600;}
.num_list4 ul {display:flex; flex-wrap:wrap;  justify-content: center; padding: 3.5rem 2.5rem; border:1px solid #0b4689; border-radius:100rem;}
.num_list4 li {display:flex; flex-wrap:wrap; justify-content: center; align-items: center; flex-direction: column;width:20%; color:#fff; background: #0b4689; aspect-ratio: 1/1; border-radius:50%;}
.num_list4 li span {font-size: 1.1rem;}
.num_list4 li span b {font-size: 1.7rem; font-weight: 500;}
.num_list4 li p {width: 100%; text-align:center; font-size: 1.4rem; border-top: 1px solid #fff; padding-top: 0.5rem; margin-top: 0.5rem;}

.sub03 .ss05 {background: #0b4689;}
.sub03 .ss05 .title_wrap {color:#fff;}



/* 게시판 */
.bo_tit {font-weight:500 !important;}





/*=== PC 1440px 이하 ===*/
@media all and (max-width: 1440px) {
	/* 전체 */
	html {font-size: 18px;}
	.lnb > ul > li > a {line-height:54px;}
    header .hd_logo img {width: 160px;}
    footer .f_logo img {width: 160px;}
    footer .f_logo2 img {width: 70px;}
	.mv_tit {font-size:3rem;}
	.inner { margin:0 3%;}
	.ms_inquiry .inner {margin: 0 auto !important}
	.bbs_inner {margin:0 3%;}
	.sub01 .ss05 .inner {margin:0}

}

/*=== PC 1279px 이하 ===*/
@media all and (max-width: 1250px) {

    /* 메인 */
    .lnb {display:none;}
	.hd_logo {left:0;}
    .btn_all_menu {display:block;}
    .header {height:65px; margin:0 3%;}
    .btn_all_menu.on {top:32px;}

    #sub_container {padding-top: 65px;}
	footer { padding:1.5rem 3%;}

	.ms01{padding-top: 65px;}

	/*ms06*/
	.graph {text-align:center; }
	.graph .graph_box {flex-direction: column-reverse; align-items: center;}

	/*ms08*/
	.eq_box ul {height: 7rem;}
	.eq_tit {font-size:1.15rem}
	
	/*ms09*/
	.ms09 ul li {width: 100%;}

	.ms09-1 ul li:last-child {display:none;}
	
	.sub01 .ss03 .clinic02_list ul {flex-wrap:wrap}
	.sub01 .ss03 .clinic02_list ul li { width:48.5%}
	.sub01 .ss03 .clinic02_list ul p {white-space:nowrap;  }
	.sub01 .ss03 .img_box img {width:100% !important; max-width:auto}

	.sub01 .ss04_1 .half_tit h2 {font-size:2rem}

	.sub01 .ss05 .inner .slide_box .slide {left: -4%; width: 110%;}
	

}

@media all and (max-width:1100px) {
	.ms02_list .txt_box {flex-wrap:nowrap}
	.ms02_list .txt_box p {font-size:1.1rem; white-space:nowrap}
	.ms02 h4 {font-size:1.8rem; padding-right:1rem}

	.ms01 .ms_con {padding:20rem 0 0 0}
}



/*=== 테블릿 ===*/
@media all and (max-width: 1024px) {

	/* 전체 */
    html {font-size: 18px;}
    .quick .q_btn {right:80px;}
    .quick {width: 80px; top:70px; right:-80px;}
    .quick li {height:50px;}
    
	/* 메인 */
	.bg_con h2 {font-size:2.25rem}
    .mt_item {top:65px; height: calc(100% - 65px);}
    .mt_item li h2 {font-size: 1.5rem;}
    .mt_item li h2:after {height:2rem;}
    .mt_item li {width:50%; height:50%; border-bottom:1px solid #fff;}
    .mt_item li a {padding:0 1rem;}

    .main_top .more_btn {margin-top: 2rem;}
	.half_con .contents {padding:3.5rem;}

    /*== 컨테이너 ==*/
    #container_wrap {font-size: 15px;}

	/* sub01 */


	.sub01 .ss02 h2 {font-size: 2rem;}
    .sub01 .ss02 h2 span {font-size: 1.3rem;}
	
	.sub01 .ss02 {display:block; padding:7.5rem 1.2rem}
	.sub01 .ss02 .img_wrap {width:100%; margin-right:0}
	.sub01 .ss02 .contents {width:100%; margin-top:-13rem}
	.sub01 .ss02 h2 {border-bottom:0}



	.sub01 .ss03 .round_box br {display:none;}
	.sub01 .ss03 .img_list:last-of-type li {width:100%;}
	.sub01 .ss03 .img_list:last-of-type img {max-width:500px;  margin-bottom: 2rem;}

	.sub01 .ss04_1 .contents {padding: 3rem 1rem;}


	.sub01 .ss06 .num_list {width:100%;}
	.num_list2 span {width:3rem;font-size: 1.8rem;width: 100%;border-bottom: 1px solid #0b4689;border-right: 0;margin: 0;margin-bottom: 0.5rem;}
	.num_list2 p {width: 100%; font-size: 1.1rem;text-align: center;}
	.num_list2 p br {display:none;}
	.ss09 .box {flex-wrap:wrap;}
	.ss09 .num {width:100%;}
	.ss09 .num span {margin:0 auto;}
	.ss09 .txt {width:100%; text-align:center; margin-top: 1rem; margin-bottom: 2rem; padding:0;}
	.ss09 .tb {width:100%;}

	.ms_inquiry h2 {font-size:2.1rem}
	/* .sub01 .ss09 .txt p br {display:none;} */

	/* sub02 어지럼증 */
	.ms03 h2 {font-size: 2rem;}
    .ms03 h2 span {font-size: 1.3rem;}

	/* sub03 청각언어 */
	.num_list4 {margin-top: 2rem;}
	.num_list4 ul {padding:2rem; border-radius:2rem;}
	.num_list4 li {width:33.33%;}
	.num_list4 li p {font-size: 1.2rem;}

	

}


/*=== 모바일 ===*/
@media all and (max-width:768px) {
	/* 전체 */
	html {font-size: 16px;}
    b {font-weight: 600;}

    /* 상단 */
	.header, footer { max-width: 100%; margin: 0 3%; } 
	.btn_all_menu.on {right: 3%;}


	.title_wrap .num_tit {font-size:2rem; width:3.75rem}
		
    /* 메인 */
    .mt_item li:nth-child(2) p br, .mt_item li:nth-child(3) p br {display: none;}
	.top_btn {bottom:5%; right:3%;}

    .bg_con {height:400px; padding:5rem 0;}
    .bg_con h2 { margin-bottom:1.5rem;}
    .bg_con .ms_con img {max-width: 7.5rem;}


    .ms02 {padding:3rem 0;}
    .ms02 h4 {font-size: 1.8rem;}
    .ms02_list li {margin-bottom:3rem; width:100%; text-align:center}
    .ms02_list li .icon_box img {max-width:4rem;}
	.ms02_list .txt_box {text-align:left; justify-content: center;}
	
    .half_con .contents {width:100%; padding:3rem 5%;}
    .half_con .img_wrap {width: 100%; height:280px;}
	.half_con.left .inner {flex-direction: column-reverse}

    .title_wrap {margin-bottom: 2rem;}
    .title_wrap h2 {font-size: 2.1rem; margin-bottom: 1.5rem;}
	.title_wrap h3 {font-size: 1.6rem;	}
    .title_wrap p {font-size: 1.1rem; line-height: 1.3; font-weight: 300;}
    /* .title_wrap p br {display: none;} */

	.clinic01_list .line_tit {font-size:1.8rem}

    .ms04, .ms06, .ms08, .ms09, .ms10 {padding:3rem 0;}
    .clinic01_list {margin-bottom: 2rem;}
    .clinic01_list ul {justify-content: center;}
    .clinic01_list li {width:31%; margin:0 1% 0.5rem;}
	.clinic01_list li p {font-size:1.25rem}

    .half_tit h2 {font-size: 1.5rem;}

    .ms05 {background-size:100% 70%;}
	.ms05 .img_box img {max-width:30rem}
    .clinic02_list li {width:100%; margin-bottom: 2rem;}
    .clinic02_list p {font-size: 1.15rem;}
	
	.ms06_1 {margin-bottom: 3rem;}
	.ms06_1 .img_wrap .ms_con p {font-size:1.5rem}
    .ms07 { background-position: center 40%;}
	.ms07-1 {padding:0 0}
    .eq_tit {font-size: 1rem;}
    .eq_box span {font-size: 0.9rem;}
	.eq_box ul {height: auto; flex-wrap:wrap; gap:0.5rem}
 
    .eq_box .list4 li {width: 49%; margin: 1rem 0;}
    .eq_box .list6 li {width:32%;height:7rem; }
    .eq_box .list7 li {width:24%;}
	
	.ms10 .ms_map {height:250px;}

	.ms11 {padding-bottom:3rem;	}
	.ms_time {margin-bottom: 2rem; width:100%;	}
	.ms_time h4 {font-size: 1.8rem; margin-right: 2rem;}
	.call_box {width:100%; margin-top: 1rem;}
	.call_box a {width:100%;}

 


    /*== 하단 ==*/
    #footer {font-size: 12px;}
    footer address {width:100%;}
	.quick .q_btn img {height:80px;}

    /* 서브공통  */
	#sub_container .section {padding:3rem 0;}
    .img_box .mo_img {display: block;}
    .img_box .pc_img {display: none;}
	.img_list p {font-size: 1.2rem;}
	
	.sub01 .ss01 h2 {font-size:1.75rem}
	.sub01 .ss01 {padding: 0 0; height:49vh}
	.sub01 .ss01 .inner::before {height:7.5rem}
	.sub01 .ss01 .inner::after {height:9rem;}
	
	.sub01 .ss04_1::before {display:none}
	.sub01 .ss04, .sub01 .ss04_1 {padding-top:5rem}

	.sub01 .ss05 {
		height: auto;
	}
	.sub01 .ss05 .inner {padding-bottom:5rem}
	.sub01 .ss05 .inner .title_wrap {
		width:100%;
		justify-content:flex-start;
		padding: 5rem 2.5rem;
	  }
	  .sub01 .ss05 .inner .slide_box {width:100%; justify-content:flex-start; padding: 0 3rem; margin-top:-4rem}

	  .sub01 .ss05 .inner .title_wrap {display:block;text-align:center }
	  .sub01 .ss05 .inner .title_wrap .slide_arrow {display:none;} 

	  .sub01 .ss05 .inner .slide_box .slide img {margin:1rem 0.5rem}
 




	.sub01 .ss06 .round_box {padding:2rem 3%;}
	.sub01 .ss06 .round_box br {display:none;}
	.sub01 .ss06 .round_box .tit {font-size: 1.3rem;}
	
	
	/* sub02 어지럼증 */
	.cate_box {width:100%;}
	.cate_box .dot_list:nth-of-type(1), .cate_box .dot_list:nth-of-type(2), .cate_box .dot_list:nth-of-type(3) {min-height:auto;}
	.cate_box br {display:none;}
	.check_list li {width:48%; margin-bottom: 2rem;}
	.check_list li br {display:none;}
	.check_list p {font-size:1.3rem;}
	.check_list span {font-weight: 300;}
	.check_list img {max-width:32px;}
	.num_list3 .num {font-size: 2rem;}
	.num_list3 li {width:49%;}
	.num_list3 li br {display: none;}
	
	.check_list.check_list2 li {width:100%;}
	.check_list2 span {padding:0 1rem 1rem;}


	
	/* sub03 청각언어 */
	.num_list4 ul {padding:2rem 0.5rem;}
	.num_list4 li span {font-size:1rem;}
	.num_list4 li span b {font-size: 1.5rem;}
	.num_list4 li p {font-size: 0.9rem;}
	.img_list.list5 ul {justify-content: center;}
	.img_list.list5 li {width:31%; margin:0 1%; margin-bottom: 1rem;}
	.sub03 .ss03 .box {width:100%; margin-bottom: 1rem;}
	.sub03 .ss03 .box .tit {font-size: 1.3rem;}

	.effect_list {margin-bottom: 2rem;}
	.effect_list li  {width:32%; margin-bottom: 1.5rem;}
	.effect_list li:nth-child(4), .effect_list li:nth-child(5) {width:49%; margin-bottom: 0;}
	.effect_list li p br {display:none;}


}

@media all and (max-width: 670px) { }

@media all and (max-width: 640px) { 
	.ms05 .img_box img {max-width:100%}
	.ms06_1 .contents .img_wrap {width:100%; margin-bottom:2rem}
    .ms09 ul li {font-size:1.1rem; line-height:3.25rem; height:3.25rem;}
	.ms09 ul li span {font-size:1.2rem; padding:1rem}

	.sub01 .ss03 .clinic02_list ul {gap:0.82rem}

	.sub01 .ss05 .inner .title_wrap, #main08 .inner .slide_box { display: block; }
	.sub01 .ss05 .inner .title_wrap p { display:none; }

	.ms09 ul li {font-size:1rem}
}


/*=== 모바일 490px 이하 ===*/
@media all and (max-width: 500px) {

    html {font-size: 15px;}
	
	.num_list3 li {width:100%;}
	.num_list2.list3 li {width:100%; margin-bottom:1rem;}

	.sub01 .ss01 .inner::before {content:''; position:absolute; display:block; left:50%; top:0; width:1px; height:5rem; background:#fff}
	.sub01 .ss01 .inner::after {content:''; position:absolute; display:block; left:50%; bottom:0; width:1px; height:7rem; background:#fff}

	.sub01 .ss03 .clinic02_list ul li {width:100%; text-align:center}
	.sub01 .ss03 .img_box {margin-bottom:1.5rem}
	.sub01 .ss03 .img_box img {width:auto !important; max-width:17rem}

    .title_wrap h2,
	.graph span {font-size:1.75rem}

	.graph {padding:2rem 1.5rem}

	.sub01 .ss01 {height:33vh}

	.sub01 .ss03::before { bottom:5rem }

	.ms09 ul li {padding:0 0 0 4rem}

}

@media all and (max-width: 480px) {
	.ms07 .title_wrap p br {display:none}
}

@media all and (max-width: 415px) {

	.ms09 ul li span {padding:0.5rem}
	.ms09 ul li {padding:0 0 0 3rem; height:2.5rem; line-height:2.5rem}
	.ms09-1 ul li {padding:0 0 0 2.5rem}

	.ms07 .title_wrap p {font-size:1rem;}
	
	
}


/*=== 모바일 374px이하 ===*/
@media all and (max-width:375px) {
    html {font-size: 14px;}

    /* 컨테이너 */
    #container_wrap {font-size: 13px;}
	
	.eq_box img {width:2rem}

    /* 하단 */
    #footer {font-size: 12px;}

	.clinic02_list p {
		white-space:wrap
	}

	.ms09 ul li {padding:0 0 0 3rem}
	.ms09-1 ul li span {padding:0.75rem 1rem}
	.ms09 ul li span {padding: 1rem 0.7rem}
	


}

@media all and (max-width:350px) {

	 

} 