@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
  font-family: 'din-regular';
  src: url('../fonts/din-regular.woff');
  font-weight:normal;
}

@font-face {
  font-family: 'Jost';
  src: url('../fonts/Jost-600-Semi.woff');
  font-weight:600;
}


@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');


.ft_js {font-family: 'Jost';}
.ft_ptd {font-family: "Pretendard";}
.ft_sd {font-family: 'Apple SD Gothic Neo' !important;}
.ft_naN {font-family: 'NanumMyeongjo' !important;}

* {}
body {
  overflow-x: hidden;
  font-family: "Pretendard";
  font-size:16px;
  color:#222;
  letter-spacing:-1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Pretendard";
  font-weight: 600;
  margin:0;
  line-height: 1.3;
}
a {color:#000}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}

p {margin-bottom:0; font-weight:300; word-break:keep-all;}

ul {list-style:none; padding:0; margin:0;}
li {word-break:keep-all;}
em{font-style: italic !important;}

hr.star-light,
hr.star-primary {
	padding: 0;
	border: none;
	border-top: solid 4px;
	text-align: center;
	max-width: 64px;
	margin: 15px auto 30px;
}
hr.star-light:after,
hr.star-primary:after {
 /* content: "\f005";*/
  font-family: FontAwesome;
  display: inline-block;
  position: relative;
  top: -0.8em;
  font-size: 2em;
  padding: 0 0.25em;
}
hr.star-light {
  border-color: #fff;
}
hr.star-light:after {
  background-color: #18bc9c;
  color: white;
}
hr.star-primary {
  border-color: #2a7bec;
}
hr.star-primary:after {
  background-color: white;
  color: #2a7bec;
}
.navbar-default .navbar-nav>li>a.active {

  color: #ffffff;
  background-color: #1a242f;
}
.img-centered {
  margin: 0 auto;
}
#header {
    text-align: center;
    background-color: #fff;
    color: #666666;

}
#header .container {
  padding-top: 100px;
  padding-bottom: 50px;
}
#header img {
  display: block;
  margin: 0 auto 20px;
  height: 250px;
}
#header .intro-text h2 {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
  vertical-align:middle;
}
#header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}
#header hr.star-light {border-color:#666666;}

.navbar-default{background:#fff}
.navbar-default .navbar-nav>li>a{font-size:18px; color:#000; padding:10px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #2a7bec;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #2a7bec; background-color: #fff;}
.navbar-header {float:none !important;}
.top_logo {text-align:center; padding:28px 0; background-color:#fff; border-bottom:solid 1px #dcdcdc;}
.top_logo .inner {position:relative;}
.top_logo img.logo_img {width:100%; max-width:353px;}


.nav > li > a {padding:0; height:70px; line-height:70px; font-weight:500;}
.navBg{display:none;}

.hd_qBtn {
    display: inline-block;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
}
.hd_qBtn ul{}
.hd_qBtn ul li{display:inline-block; padding:3px;}
.hd_qBtn ul li a{display:inline-block;}
.hd_qBtn ul li a img{width:100%; max-width:49px}

@media (min-width: 768px) {
  #header .container {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  #header .intro-text .name {
    font-size: 4.75em;
  }
  #header .intro-text .skills {
    font-size: 1.75em;
  }

  .nav {display:flex !important;}
  .nav > li {flex:1; text-align:center; position:relative;}
  .nav > li > a {padding:0; font-size:18px; transition:all 0.25s;}
  .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {background-color:#fff; color:#222;}
  .nav > li .sub_nav li {min-width:161px; background-color:#fff; transition:all 0.25s; border-top:solid 1px #ddd;}
  .nav > li .sub_nav li:hover {background-color:#eee;}
  .nav > li .sub_nav li a {display:inline-block; min-width:max-content; padding:0 16px; line-height:44px; transition:all 0.25s;}
  .nav > li .sub_nav li a:hover, .nav > li .sub_nav li a:focus, .nav > li .sub_nav li a:active {color:#000; text-decoration:none;}
  .nav > li .sub_nav {height:0; opacity:0; position:absolute; top:100%; left:50%; transform:translateX(-50%); list-style:none; padding:0; margin:0; transition:all 0.25s; overflow:hidden; box-shadow:0px 3px 6px rgb(0 0 0 / 10%);}
  .nav > li:hover .sub_nav {height:auto; opacity:1;} 
  .menu_btn {display:none;}

}
@media (min-width: 768px) {
  .navbar-fixed-top {
    top:0px;
    padding:0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
    z-index:991 !important;
  }

  .navbar-shrink {top:-98px;}

}
@media (max-width: 768px) {
  .navbar-fixed-top {z-index: 999;}
  .navbar-default{background:transparent;}
  
  .navBg{display:none; height:100vh; background:transparent}
} 

.navbar-default,
.navbar-inverse {
}

.navbar-default .navbar-toggle .icon-bar{background-color: #000;}

.nav_box {border-bottom:solid 1px #dcdcdc;}

.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #2a7bec;
  background: white;
  border: solid 2px white;
}
.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.2em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #18bc9c;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}


.btn:focus,
.btn:active,
.btn.active {
  outline: none;
}

.middleLine {
    padding: 0;
    border: none;
    border-top: solid 3px;
    text-align: center;
    width: 100%;
    margin: 25px auto 30px;
    color: #eee;
}

#analog p , #bio-medical p , #wireless p {
    font-size: 85%;
    color: #666;
    letter-spacing: -.3px;
}
#analog h3:before , #bio-medical h3:before , #wireless h3:before{
    content: "■";
    font-size:70%;
    vertical-align: top;
    padding-right: 5px;
}

#fregister_term h2, #fregister_private h2 {
    font-size: 1.5em;
    line-height: 1.75em;
    padding: 15px 0;
}
ol li {
    line-height: 1.758em;
    padding-bottom: 8px;
}

/*더보기 버튼*/
.moreBtn{text-align: center; }
.moreBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 0.625rem;
    letter-spacing: 0.3em;
    color: rgb(11 111 255);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #2196f3, #3f51b5, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgba(11,111,255,0.4);
}

.moreBtn .btn:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: white;
  background-position: 99% 50%;
}


.conBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 0.625rem;
    letter-spacing: 0.3em;
    color: rgb(11 111 255);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #2196f3, #3f51b5, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgba(11,111,255,0.4);
}

.conBtn .btn:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}

#container {margin-top:168px;} 

.bg_gry {background-color:#f5f5f5;}
.bo_bt2{border-bottom: 2px solid #000;}

.inner {max-width:1280px; width:100%; margin:0 auto; padding:0 5.25%;}
.tab_inner {}

.deco_eng {font-family:'din-regular'; font-size:16px; color:#00a1e9; letter-spacing:4.3px; margin:0;}
.bold {font-weight:600 !important;}
.font300 {font-weight:300 !important;}
.blue {color:#00a1e9 !important;}
.blue2 {color:#2d3e83 !important;}
.sk_blue {color:#00a1e9 !important;}
.po_yl{color:#e1bf2d !important;}
.indigo {color:#171c30 !important;}
.orange {color:#fd9f43 !important;}
.gray {color:#666 !important;}
.white {color:#fff !important;}
.wid_40 {width:40%;}
.wid_50 {width:50%;}
.wid_60 {width:60%;}
.wid_65 {width:65%;}
.wid_80 {width:80% !important;}
.wid_95 {width:95% !important;}
.wid_100 {width:100% !important;}

.mgt_15{margin-top: 15px !important;}
.mgt_20{margin-top: 20px !important;}

.po_txt_line{border-bottom: 2px solid #00a1e9;}

.cl1_sb_tit span{
    background: #f0f3ff;
    padding: 4px 10px;
    display: inline-block;
    line-height: inherit;
}

.aft_border {position:relative;}
.aft_border span {display:inline-block; position:relative; z-index:99; padding-right:20px; background-color:#fff; color:#00a1e9;}
.aft_border::after {content:''; display:inline-block; width:100%; height:2px; max-width: 600px; background:linear-gradient(90deg,  rgba(255,255,255,0), #00a1e9, #00a1e9, rgba(255,255,255,0)); position:absolute; top:calc(50% - 1px); left:0; z-index:0;}

.top_tit {text-align:center;}
.top_tit .title_logo {margin-bottom:10px;}
.top_tit h3 {font-size:42px; color:#333; font-weight:300; margin:0; line-height:1.4; margin:24px 0; word-break:keep-all;}
.top_tit .sub_txt {font-size:23px; color:#292929; line-height:1.5; word-break:keep-all;}

.top_tit .title_poBox{}
.top_tit .title_poBox .i_dot {
    position: relative;
    display: inline-block;
    padding: 0 50px;
}
.top_tit .title_poBox .i_dot::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 31px;
    background: url(../img/icon_d1_bk.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0px;
	top: 0px;}
.top_tit .title_poBox .i_dot::after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 31px;
    background: url(../img/icon_d2_bk.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    right: 0px;
	top: 0px;
}
.top_tit .title_poBox .i_dot_wh::before {
    background: url(../img/icon_d1_wh.png) no-repeat 50% 50%;
	background-size: cover;
}
.top_tit .title_poBox .i_dot_wh::after {
    background: url(../img/icon_d2_wh.png) no-repeat 50% 50%;
	background-size: cover;
}
.main_q_go {position:fixed; top:26%; right:50px; z-index:9999;}
.main_q_go ul {overflow:hidden;}
.main_q_go ul li {background-color:#fff; text-align:center; padding:16px 10px 0;}
.main_q_go ul li:first-child {padding-top:20px;}
.main_q_go ul li a {display:inline-block; width:80px; border-bottom:solid 1px #b6b6b6;}
.main_q_go ul li:nth-child(5) a {border-bottom:0; pointer-events:none;}
.main_q_go ul li .img_box {}
.main_q_go ul li .img_box img {}
.main_q_go ul li h4 {font-size:15px; font-weight:400; padding:10px 0 14px;}
.main_q_go ul li.top_go {background-color:#74b7e8; padding:0;}
.main_q_go ul li.top_go a {color:#fff; border-bottom:0; height:45px; line-height:45px;}

.modal_btn {cursor:pointer;}
.modal {overflow: hidden; width:100%; height:100%; background-color:rgba(0, 0, 0, .7); z-index: 999;}
.modal .modal-content {width:91%; max-width:800px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow:0px 0px 10px rgba(0, 0, 0, .1); border:0;}
.modal .modal-content span {width:40px; height:40px; position:absolute; top:-5px; right:0; transform:translateY(-100%); opacity:1 !important;}
.modal .modal-content span::before, .modal .modal-content span::after {content:''; width:100%; height:2px; background-color:#fff; position:absolute; top:50%; left:0;}
.modal .modal-content span::before {transform:rotate(45deg);}
.modal .modal-content span::after {transform:rotate(-45deg);}
.modal .modal-content img {width:100%;}

.modal .modal-content .img_box{height: 80vh; overflow-y: scroll;}

/*메인*/
.main_area {padding:150px 0;}
.main_area2 {padding:100px 0;}

.img_list {display:flex; gap:8.4%;}
.img_list li {/*flex:1;*/ text-align:center;}
.img_list li .img_box {}
.img_list li .img_box img {width:100%; max-width:162px;}
.img_list li h4 {font-size:25px; margin:20px 0 10px; line-height:1.3}
.img_list li p {font-size:18px; color:#666;}


.profile {background:url('../img/profile_bg1.jpg') no-repeat 50% 50%; background-size:cover;}
.profile.profile2 {background:url('../img/profile_bg2.jpg') no-repeat 50% 50%; background-size:cover;}
.profile .inner {position:relative; padding-top:90px; padding-bottom:0px;}
.docBox {
    display: flex;
    gap: 50px;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: flex-end;
}
.docBox_lf{flex-direction: row-reverse;}
.profile .profile_box {width: 50%; padding-bottom:90px;}
.profile2 .profile_box {width: 58%; padding-bottom:90px;}
.profile .text_box {}
.profile .text_box p {font-size: 20px;}
.profile .text_box h3 {
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 35px;
	padding-top: 5px;
}
.profile .text_box h3 span {}
.profile .profile_spec {display:inline-block; height:37px; line-height:37px; padding:0 20px; background-color:#b99c65; border-radius:20px; font-size:18px;}
.profile .profile_list_tit {
    font-size: 20px;
    font-weight: 400;
    margin-top: 30px;
    position: relative;
    padding-left: 8px;
	display: inline-block;
	color: #00a1e9;
}
.profile .profile_list_tit:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
    width: 1px;
    height: 21px;
    box-sizing: border-box;
    background: #00a1e9;
}
.profile .profile_list {padding-top: 10px;}
.profile .profile_list li {font-size:16px; font-weight:300; line-height:1.7; letter-spacing:-0.3px;}
.profile .img_box {text-align:center;width: 50%;}
.profile2 .img_box {text-align:center;width: 48%;}
.profile .img_box img {width:100%; max-width: 455px;}

/*** tabs ***/
.tabs {display:flex;  justify-content:center; transform:translateY(50%); z-index:91; position:relative;
    max-width: 1280px;
    flex-wrap: wrap;
    padding: 0 5.25%;
    margin: 0 auto;	
}
.tabs li {height:60px; line-height:55px; background-color:#fff; font-size:20px; font-weight:600; text-align:center; cursor:pointer; border:solid 2px #00a1e9;
flex: auto; width: 33.333%; margin-top: -2px; margin-left: -2px;

}
.tabs li.active {background:#00a1e9;color: #fff;	}
.wide_container {max-width:1600px; width:100%; margin:0 auto; background-color:#fff;}
.wide_container .tab_content {padding:160px 60px 160px;}
.tab_content h3 {
    font-size: 43px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -1px;
    word-break: keep-all;
}
.tab_content h4 {font-size:22px; line-height:1.4; word-break:keep-all;}
.tab_content p {font-size:21px; word-break:keep-all; line-height: 1.6; font-weight: 200;}


.ab_info{position: relative; background: url(../img/abBg1.jpg) no-repeat 50% 50%; background-size: cover;}
.ab_info .tab_inner {padding: 0}
.ab_info .img_list {justify-content: space-around; max-width: 1000px;}
.ab_info_box .img_list h4 .ab_sb_tit{display:block;font-weight:300}
.ab_info_box .img_list p{color:#fff; padding-top: 10px;}
.info .img_list {margin:60px auto 0;}

#info2_1 {
    background-image: url(../img/abBg1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	overflow: hidden;
}
.ab_signBox{margin-top:60px;}
.ab_signBox p.sub_txt{font-size:20px;}
.ab_signBox p.sub_txt span.ab_sign{padding-right:10px;}
.ab_signBox p.sub_txt span.ab_sign img {
    vertical-align: bottom;
    width: 100%;
    max-width: 91px;
    margin-left: 10px;
}

#info2_2 {
    background-image: url(../img/abBg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	overflow: hidden;
}
#info2_2 .top_tit {
    display: flex;
    gap: 8.4%;
    text-align: left;
    align-items: center;
    flex-wrap: wrap;
    max-width: 850px;
    margin: 0 auto;	
}
#info2_2 .top_tit .title{
	width:20%;
}
#info2_2 .top_tit ul.pm_list{}
#info2_2 .top_tit ul.pm_list li{
    font-size: 23px;
	font-weight: 300;
    color: #292929;
    line-height: 1.5;
    word-break: keep-all;		
}
#info2_2 .top_tit ul.pm_list li span{font-size: 27px;}

.clinic1 {background-color:#171c30; /*padding-bottom:0;*/}



.clinic1 .tab_content {}
#clinic1_tab1 {background-image:url('../img/cl1_tab1_bg.jpg'); background-repeat:no-repeat; background-position: 100% top; background-size: contain;}
#clinic1_tab2 {background-image:url('../img/cl1_tab2_bg.jpg'); background-repeat:no-repeat; background-position: 100% top; background-size: contain;}
#clinic1_tab3 {background-image:url('../img/cl1_tab3_bg.jpg'); background-repeat:no-repeat; background-position: 100% top; background-size: contain;}
#clinic1_tab4 {background-image:url('../img/cl1_tab4_bg.jpg'); background-repeat:no-repeat; background-position: 100% top; background-size: contain;}
#clinic1_tab5 {background-image:url('../img/cl1_tab5_bg.jpg'); background-repeat:no-repeat; background-position: 100% top; background-size: contain;}
#clinic1_tab6 {background-image:url('../img/cl1_tab6_bg.jpg'); background-repeat:no-repeat; background-position: 100% top; background-size: contain;}
#clinic1_tab7 {background-image:url('../img/cl1_tab7_bg.jpg'); background-repeat:no-repeat; background-position: 100% top; background-size: contain;}
#clinic1_tab8 {background-image:url('../img/cl1_tab8_bg.jpg'); background-repeat:no-repeat; background-position: 100% top; background-size: contain;}

.wide_container .text_box {width:50%; margin-top:50px;}
.wide_container .text_box.wid_60 {width:65%;}
.wide_container .text_box:first-child {margin-top:0;}
.wide_container .text_box h4 {}
.wide_container .text_box p {margin-top:30px;}
.wide_container .case {display:flex; flex-wrap:wrap; gap:8px 0; margin-top:20px;}
.wide_container .case li {flex:50%; font-size:21px; font-weight:300;}
.wide_container .case_100 li {flex:100%;}
.wide_container .case_33 li {flex:33.33%;}
.wide_container .img_list {gap:20px; margin-top:20px;}
.wide_container .img_list li {/*flex:33.33%;*/}
.wide_container .img_list.wid_25 li {/*flex:25%;*/}
.wide_container .img_list li h4 {font-size:20px; font-weight:400; margin:15px 0 0;}
.wide_container .img_list li h4 span{font-size:16px;}
.wide_container .img_list li img {width:100%; max-width:129px;}

.cl1_ckBox .check_title {background-color:#e6f0fe; height:64px; line-height:64px; border-radius:40px; font-size:22px; color:#1c2e5b; padding-left:32px; margin-bottom:20px; max-width: 450px;}
.cl1_ckBox .check_title img {vertical-align:baseline;}
.cl1_ckBox .check_list {padding-left:5px;}
.cl1_ckBox .check_list li {
    position: relative;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 10px;
    background: #74b7e8;
    color: #fff;
    padding: 12px 12px 12px 52px;
    border-radius: 100px;
}
.cl1_ckBox .check_list li:nth-child(even){background: #215aa9;}
.cl1_ckBox .check_list li::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/i_ch2.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
	left: 15px;
	top:50%; 
	transform:translateY(-50%);
}
.cl1_ckBox .plus_img h4 {font-size:22px; color:#1c2e5b; margin-bottom:15px;}
.cl1_ckBox .plus_img img {width:100%; max-width:652px;}

.clinic1 .wide_container .img_list.wid_25{flex-wrap: wrap; gap:15px;}
.clinic1 .wide_container .img_list.wid_25 li{width: calc(12% - 9px);}
@media (max-width:980px) {
    .clinic1 .wide_container .img_list.wid_25 li {
        width: calc(33.333% - 14px);
        padding: 12px 0;
    }
}

.clinic2 {background-color:#171c30;}
.clinic2 .tabs li{width: 25%;}
.clinic2 .tabs li.active{}
.clinic2 .wide_container .img_list {gap:10px; max-width:720px;}
/*.clinic2 .wide_container .img_list li {max-width:140px;}*/
.clinic2 .wide_container .img_list img {max-width:164px;;}
.clinic2 .img_list h5 {margin-top:15px; font-size:20px;}
.clinic2 .img_list p {margin-top:10px; color:#292929;}
#clinic2_tab1 {background:url('../img/cl2_tab1_bg.jpg') no-repeat; background-position: 100% top; background-size: contain;}
#clinic2_tab2 {background:url('../img/cl2_tab2_bg.jpg') no-repeat; background-position: 100% top; background-size: auto;}
#clinic2_tab3 {background:url('../img/cl2_tab3_bg.jpg') no-repeat; background-position: 100% top; background-size: auto;}
#clinic2_tab4 {background:url('../img/cl2_tab4_bg.jpg') no-repeat; background-position: 100% top; background-size: auto;}
#clinic2_tab5 {background:url('../img/cl2_tab5_bg.jpg') no-repeat; background-position: 100% top; background-size: auto;}
#clinic2_tab6 {background:url('../img/cl2_tab6_bg.jpg') no-repeat; background-position: 100% top; background-size: contain;}
#clinic2_tab7 {background:url('../img/cl2_tab7_bg.jpg') no-repeat; background-position: 100% top; background-size: contain;}
#clinic2_tab8 {background:url('../img/cl2_tab8_bg.jpg') no-repeat; background-position: 100% top; background-size: contain;}

.clinic2 .good_info{overflow:hidden;}
.clinic2 .good_info .fl_left{float:left}
.clinic2 .good_info .cl2_imgBox{}
.clinic2 .good_info .cl2_imgBox img{width:100%; max-width: 575px; padding-left: 58px;}

.clinic2 .wide_container #clinic2_tab2 .img_list{max-width: 520px;}

#clinic2_tab2 .pull_img img{width:100%; max-width:877px;padding-top:10px;}

h4.cl_da_tit {
    font-size: 32px;
    padding-left: 15px;
    position: relative;
	font-weight:400
}
h4.cl_da_tit:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 28px;
    box-sizing: border-box;
    background: #00a1e9 ;
}
h4.cl_da_tit span img{width:100%;max-width:180px}
.cl_da_txtBox{padding-left:12px;}
.cl_da_txt{
    margin-top: 10px !important;    
}
.cl_da_txtBox .pull_img{margin-top: 30px;}
.cl_da_txtBox .pull_img img{width:100%;}
.cl_da_txtBox .pull_img img.cl2_tab7_img1{max-width:577px}
.cl_da_txtBox .pull_img img.cl2_tab8_img1{max-width:691px}

.cl_da_list{
	gap: 10px;
    display: flex;
    flex-wrap: wrap;	
	padding-top: 20px;
}
.cl_da_list li{
	border: 2px solid #74b7e8;
    color: #74b7e8;
    width: calc(33.333% - 7px);
    text-align: center;
    padding: 10px 7px;
    border-radius: 50px;
    font-size: 21px;	
}

.cl_da_list.cl_da_list4 li{width: calc(25% - 8px);}
.cl_da_list.cl_da_list5 li{width: calc(20% - 8px);}
.cl_da_list.cl_da_list8 li {
    max-width: 115px;
    height: 115px;
    border-radius: 100px;
    line-height: 95px;
}

.pctBox{background:#f0f3ff; padding:25px;}
.pctBox .pct_tit{position:relative; font-size: 18px; padding-left:26px;}
.pctBox .pct_tit:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icon_i.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pctBox .pct_txt{font-size:18px; margin-top: 10px !important; line-height: 1.5;}

.cl3_infoBox{}
.cl3_infoBox .cl3_info{padding: 30px 0;}
.cl3_infoBox .cl3_info .cl3_info_tit {
	width:100%;
    position: relative;
    z-index: 99;
    padding: 10px 20px;
    color: #fff;
	background: linear-gradient(90deg, #2381cf 75%, #fff);
	font-size:22px;
	font-weight:600;
}
.cl3_infoBox .cl3_info p{margin-top: 20px;}
.cl3_info_list{display: flex; padding-top: 20px;}
.cl3_info_list h3{width: 140px; line-height: 1;}
.cl3_info_list h3 span {
    position: relative;
    z-index: 1;
    padding: 0 3px;
    font-style: italic;
	display:inline-block;
}
.cl3_info_list h3 span:after {
    content: '';
    position: absolute;
    bottom: 14px;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: #fffd6b;
    z-index: -1;
    transform: rotate(-3deg);
    border-radius: 6px;
}
.cl3_info_list ul{}
.cl3_info_list ul li {
    font-size: 19px;
    font-weight: 300;
    color: #292929;
    padding-bottom: 5px;
    padding-left: 10px;
	position:relative
}
.cl3_info_list ul li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    background: #2381cf;
    border-radius: 50%;
    box-sizing: border-box;
}
.cl3_info_list ul li:last-child{padding-bottom:0}
.cl3_info_list ul li span.blue{color:#2381cf !important}

.sj_infoBox{background:url('../img/cl_tab4_2.png') no-repeat 100% 0%; padding-top:100px;}
.sj_infoBox .sj_title{font-weight: 600;}
.sj_infoBox ul.sj_list{padding-top:10px;}
.sj_infoBox ul.sj_list li {
    padding: 6px 0;
    color: #2c2c2c;
    font-size: 18px;
}
.sj_infoBox ul.sj_list li span {
    padding: 5px 0px;
    background: #2481cf;
    color: #fff;
    margin-right: 6px;
    display: inline-block;
    border-radius: 50px;
    font-size: 16px;
    width: 110px;
    text-align: center;
}

.surgery {background-color:#f7f7f7; padding-bottom:0;}
.surgery .wide_container {margin-top:80px;}
.surgery .tab_content {background:url('../img/surgery_bg.png') no-repeat 100% 0% #fff; z-index:0;}
.surgery .check_title {background-color:#def5f6; height:64px; line-height:64px; border-radius:40px; font-size:22px; color:#1c2e5b; padding-left:32px; margin-bottom:24px;}
.surgery .check_title img {vertical-align:baseline;}
.surgery .check_list {padding-left:40px;}
.surgery .check_list li {position:relative; padding:0 0 6px 25px; font-size:21px; font-weight:300;}
.surgery .check_list li:last-child {padding-bottom:0;}
.surgery .check_list li::before {content:''; display:inline-block; width:20px; height:20px; background:url('../img/check_icon.png') no-repeat 50% 50%; background-size:cover; position:absolute; top:6px; left:0;}
.surgery .plus_img h4 {font-size:22px; color:#1c2e5b; margin-bottom:15px;}
.surgery .plus_img img {width:100%; max-width:652px;}


/**/
.clinic3 {
    background-image: url(../img/clinic3_Bg.jpg);
    background-repeat: no-repeat;
    background-position: 80% 28%;
    background-size: auto;
}
.clinic3 .wide_container {background-color: transparent;}
.clinic3 .wide_container .tab_content{padding:60px 0 0}
.clinic3 .wide_container .text_box h4{font-size: 32px;}
.clinic3 .wide_container .text_box p{margin-top: 15px;}

.cl_da_titBox {}
.cl_da_titBox .cl_da_tit{
	display: inline-block;
    vertical-align: middle;	
}
.cl_da_titBox .da_tit_sub {
    background: #ff670b;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 100px;
    font-weight: 200;
    letter-spacing: -0.9px;
    margin-left: 22px;
    position: relative;
}
.cl_da_titBox .da_tit_sub::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(../img/txtBox_po.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}
.cl_da_titBox .da_tit_sub .p_line{padding:0 8px;}
.cl_da_titBox .da_tit_sub .fo_sm{font-size: 0.9em; margin-left: 15px;}

ul.cl3_list_img{
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;	
}
ul.cl3_list_img li{    width: calc(50% - 5px);}
ul.cl3_list_img li img{}

.cl3_list_img2{ padding-top: 20px;}
.cl3_list_img2 img{width:100%; max-width:1013px}
/**/

/**/
.proBox{}
.proBox .top_tit .title_poBox .i_dot::before{left: 25px;}
.proBox .top_tit .title_poBox .i_dot::after{right: 25px;}
.pro_list{padding-top: 30px;}
.pro_list ul{
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;	
}
.pro_list ul li{width: calc(25% - 15px); background: #e6e5e5;}
.pro_list ul li .pro_img{}
.pro_list ul li .pro_img img{width:100%;}
.pro_list ul li .pro_txt{padding: 25px 20px;}
.pro_list ul li .pro_txt h4 {
    font-size: 22px;
    padding-bottom: 20px;
	word-break: keep-all;
}
.pro_list ul li .pro_txt p {
    font-size: 17px;
    color: #292929;
	word-break: keep-all;
}
/**/


.facility {background-color: #1f1f1e;}

.map {}
.map .q_go_area {margin:50px 0; text-align:center;}
.map .q_go_area a {}

.map .fl_box {display:flex; margin-top: 50px;}
.map .map_info {width:35%;}
.map .map_info .add_box {position:relative; margin-left:70px;}
.map .map_info .add_box::before {content:''; display:inline-block; width:30px; height:30px; position:absolute; top:0; left:-36px;}
.map .map_info .add_box h4 {padding-bottom:5px; font-size:25px;}
.map .map_info .add_box p {
    font-size: 20px;
    font-weight: 400;	
}
.map .map_info .tel2Box{
	margin-left: 40px;
    margin-top: 10px;	
}
.map .map_info .tel2Box a{
    background: #171c30;
    color: #fff;
    padding: 6px 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    border-radius: 100px;
	letter-spacing: -0.4px;
}
.map .map_info .add {margin-top:5px;}
/*.map .map_info .add::before {background:url('../img/map_icon.png') no-repeat 50% 50%;}*/
.map .map_info .add h4 {}
.map .map_info .add p {font-size:20px; font-weight:400;}
.map .map_info .add p.subway {color:#647c1e; padding-top:4px;}
.map .map_info .add p.subway span {display:inline-block; width:22px; height:22px; line-height:20px; background-color:#647c1e; color:#fff; border-radius:50%; text-align:center; margin-left:8px;}
.map .map_info .time {margin-top:30px;}
/*.map .map_info .time::before {background:url('../img/time_icon.png') no-repeat 50% 50%;}*/
.map .map_info .time h4 {}
.map .map_info .time table {width:100%; margin-bottom: 5px;}
.map .map_info .time table tr {border-bottom:1px #292929 dashed}
.map .map_info .time table th {font-size:20px; font-weight:500;letter-spacing: 1px; padding:4px 0}
.map .map_info .time table td {
    font-size: 16px;
    padding: 4px 0;
    letter-spacing: -1px;
    text-align: right;
}
.map .map_info .time table td span {font-size:25px; font-weight:700; padding:0 4px;}
.map .map_info .time p {font-size:14px; margin-top:5px;}
.map .map_info .time p img {margin-right:4px; margin-bottom:3px; vertical-align:middle;}
.time_t1{text-align:right;}
.time_t2 {
    text-align: center;
    border: 1px solid #e8342b;
    color: #e8342b;
    padding: 5px;
    margin-top: 10px;
}

.map .map_info .tel {margin-top:30px;}
.map .map_info .tel::before {background:url('../img/tel_icon.png') no-repeat 50% 50%;}
.map .tel_qgo {display:inline-block; font-size:34px; font-weight:500; letter-spacing:0px;}


.kakao_mapBox {width:65% !important;}

#footer {background-color:#252525; padding:50px 0 60px; text-align:center;}
#footer .img_box img {width:100%; max-width:325px;}
#footer .ft_text {padding-top:30px;}
#footer .ft_text li {
    font-size: 15px;
    color: #d5d5d5;
    font-weight: 300;
    position: relative;
    letter-spacing: 0px;
    display: inline-block;
    padding: 0 10px;
}
#footer .ft_text li::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    background-color: #d5d5d5;
    position: absolute;
    top: 3px;
    right: -4px;
}
#footer .ft_text li.af_none::after {display:none;}
#footer .copy_r {padding-top:10px; letter-spacing: normal;}
#footer .copy_r a {color:#d5d5d5;}
#footer .ft_text .copy_r a:hover, #footer .ft_text .copy_r a:active, #footer .ft_text .copy_r a:focus {color:#d5d5d5 !important;}

.scroll-top {position:fixed; bottom:2%; right:2%; z-index:999;}
.scroll-top .btn {width:50px; height:50px; line-height:44px; font-size:20px; color:#fff; margin:0; border:0; padding:0; background-color:#00a1e9; border-radius:50%;;}

@media (max-width:1200px) {
  .tab_inner {padding:0 20px;}
}

@media (min-width:1081px) {
  .navbar-shrink {top:-120px;}
}

@media (max-width:1230px) {
  .wide_container .text_box.wid_60 {width:80%;}	
}
@media (max-width:1130px) {
	.kakao_mapBox {width: 55% !important;}
	.map .map_info{width:45%}
	
	 .wid_80 {width:100% !important;}
}
@media (max-width:1080px) {
  #container {margin-top:168px;}

  .top_logo {padding:20px 0;}
  .top_logo img {max-width:290px; right:3%;}

  .wide_container .tab_content {padding:110px 0px 120px;}
  .wide_container .text_box.wid_60 {width:100%;}
  
  .wide_container .img_list li img{max-width:120px;}


  .profile .award {right:10px;}
  .profile .award img {max-width:120px;}
  .profile .img_box {right:2%;}
  .profile .img_box img {max-width:330px;}
}

@media (max-width:969px) {

  #container {margin-top:145px;}

  .main_area {padding:90px 0 100px;}
  .main_area2 {padding:70px 0 80px;}
  .inner {padding:0 30px;}
  .wid_40 {width:100%; }
  .wid_50 {width:100%;}
  .wid_60 {width:100%;}
  .wid_80 {width:100% !important;}

  .top_logo {padding:20px 0;}
  .top_logo img {max-width:220px;}
  .nav > li > a {font-size:16px; height:60px; line-height:60px;}

  .deco_eng {font-size:13px;}

  .top_tit h3 {font-size:32px; margin:10px 0 16px;}
  .top_tit .sub_txt {font-size:20px;}


  .img_list li .img_box img {max-width:150px;}
  .img_list li h4 {font-size:22px; margin:20px 0 10px;}
  .img_list li p {font-size:16px;}

  .info .img_list {margin-top:60px; flex-wrap:wrap; gap:30px 0;}

  .profile .inner {padding-bottom:80px;}
  .profile .text_box h3 {font-size:20px;}
  .profile .text_box h3 span {font-size:30px;}
  .profile .img_box {width: 100%;}
  .profile .profile_box {width: 100%; padding-top:20px;}
  .profile .text_box {text-align:center; width:100%}
  
  .docBox{flex-wrap: wrap;}
  .profile .profile_box{padding-bottom: 0px;}
  .profile2 .profile_box{padding-bottom: 0px;}


  .tab_inner {padding:0 30px;}
  .tabs {margin-top:20px;}
  .tabs li {flex:auto; max-width:280px; height:54px; line-height:48px; font-size:16px;}
  .tab_content h3 {font-size:26px;}
  .tab_content h3 br {display:none;}
  .clinic1_box .tab_content h3 br {display:block;}
  .tab_content h4 {font-size:23px;}
  .tab_content p {font-size:17px;}
  .tab_content p br {display:none;}
  

    
  .wide_container .tab_content {padding:90px 10px;}
  .wide_container {background-image:none;}
  .wide_container .text_box {width:100%; margin-top:40px;}

  .wide_container .text_box p {margin-top:15px;}
  .wide_container .case li {font-size:18px;}
  .wide_container .img_list {gap:0; margin-top:20px;}
  .wide_container .img_list li h4 {font-size:18px;}
  
  .ab_info .tab_inner {padding: 0}
  
  .cl1_ckBox .check_title{font-size: 20px; height: 60px; line-height: 60px;}
  .cl1_ckBox .check_list li{font-size: 17px;}


  .clinic2 .wide_container .img_list {max-width:100%; flex-wrap: wrap;}
  .clinic2 .wide_container .img_list li {max-width:50%;}
  
  .clinic2 .good_info .cl2_imgBox{text-align:center;}
  .clinic2 .good_info .cl2_imgBox img{padding:50px 0 0}
  
  .clinic2 .img_list h5{font-size: 17px;}
  .clinic2 .img_list p{margin-top: 10px; font-size: 15px;}
  
  .cl_da_list li{font-size: 16px; background: rgba(255, 255, 255, 0.5); width: calc(50% - 5px);}
  .cl_da_list.cl_da_list4 li {width: calc(50% - 5px);}
  .cl_da_list.cl_da_list5 li{width: calc(50% - 5px);}
  .pctBox .pct_tit{font-size: 17px;}
  .pctBox .pct_txt {font-size: 16px;}
  
  .cl3_infoBox .cl3_info .cl3_info_tit{font-size: 18px;}
  .cl3_info_list ul li{font-size: 16px; padding-left: 20px;}
  .cl3_info_list ul li:after{left: 12px; top: 9px;}
  .cl3_info_list h3 img{max-width:18px;}
  
  
  .sj_infoBox{background:none}
  .sj_infoBox ul.sj_list li{font-size: 17px;}
  .sj_infoBox ul.sj_list li span{font-size: 15px; width: 94px;}

  
  .map .fl_box {display:block;}
	.map .map_info {
		width: 100%;
		display: block;
		padding-top: 50px;
		margin: 0 auto;
		max-width: 550px;
	}
  .map .map_info .add_box {width:auto; margin-left:50px;}
  .map .map_info .add {}
  .map .map_info .add p {font-size:18px;}
  .map .map_info .time {margin-top:25px;}

  .kakao_mapBox {width:100% !important; height:420px !important;}

  .main_q_go {top:20%; right:2%;}
  .main_q_go ul li a {width:64px;}
  .main_q_go ul li h4 {font-size:14px;}

  #footer .img_box {padding-right:30px;}
}

@media (min-width:768px) and (max-width:1200px) {
  .tabs {position:relative; z-index:99;}
  .tab_content {position:relative;}
  .tab_content::after {content:''; display:inline-block; width:100%; height:100%; background-color:rgba(255, 255, 255, .8); position:absolute; top:0; left:0; z-index:10;}
  .clinic3{background-position: 0 28%;}
  .clinic3 .tab_content::after{z-index:-1;}
  .tab_content .inner {position:relative; z-index:99;}
  .clinic3 .clinic3_inner {position: relative; z-index: 99;}

  #clinic1_tab1 {background-position:20vw 0%;}
  #clinic1_tab2 {background-position:20vw 0%;}
  .surgery .tab_content {background-position:30vw 0%;}  
}

@media (min-width:768px) {
  .mo_br {display:none;}
}

@media (max-width:980px) {
  .top_logo img.logo_img {width:260px;}
  
  #clinic2_tab2{background-size: contain;}
  #clinic2_tab3{background-size: contain;}
  #clinic2_tab5{background-size: contain;}  
}

@media (max-width:767px) {

  .mo_br {display:block;}
  
  .nav_box {border-bottom:0;}
  .top_logo {padding:14px 0;}
  .top_logo .logo_img{position: relative; z-index: 99;}
  .top_logo img.logo_img {width:200px;}
  
  .navbar-toggle {position:absolute; top:0; right:0;}
  
  
  #container {margin-top:139px;}
  .inner {padding:0 20px;}

  .nav.inner {padding:0 !important;}
  .nav > li {width:100%; border-bottom:solid 1px #eee; padding:0 14px; background:#fff}
  .nav > li > a {height:50px; line-height:50px;}
  .nav > li > a.nav_open {}
  .nav > li > a.nav_close {}
  .nav>li>a:hover, .nav>li>a:focus {background-color:#fff !important;;}
  .nav > li .sub_nav {display:none; padding-bottom:5px;}
  .nav > li .sub_nav li {}
  .nav > li .sub_nav li a {display:inline-block; width:100%; font-size:14px; /*color:#fff; */padding:8px 15px 6px 25px; position:relative; }
  .nav > li .sub_nav li a:after {content:''; display:inline-block; width:4px; height:4px; background-color:#999; position:absolute; top:16px; left:15px;}

  .menu_btn {display:inline-block; width:40px; height:26px; position:absolute; top:15px; right:12px; cursor:pointer;}
  .menu_btn span {display:inline-block; width:30px; height:2px; background-color:#fff; position:absolute; opacity:1 !important;}
  .menu_btn span:nth-child(1) {top:0; left:50%; transform:translate(-50%,0);}
  .menu_btn span:nth-child(2) {top:50%; left:50%; transform:translate(-50%,-50%);}
  .menu_btn span:nth-child(3) {top:100%; left:50%; transform:translate(-50%,-100%);}


  .deco_eng {font-size:11px;}
 
  .top_tit .title_logo {width:60px;}
  .top_tit h3 {font-size:28px;}
  .top_tit .sub_txt {font-size:18px;}
  .top_tit .title_poBox .i_dot{padding: 0 30px;}
  .top_tit .title_poBox .i_dot br{display:none;}
  .top_tit .title_poBox .i_dot::before{width: 28px; height: 22px;}
  .top_tit .title_poBox .i_dot::after{width: 28px; height: 22px;}
  .proBox .top_tit .title_poBox .i_dot::before{left: 0;}
  .proBox .top_tit .title_poBox .i_dot::after{right: 0;}

  .ab_info .img_list{max-width: 400px; }    
  .ab_info .img_list li {flex:50%;}
  .img_list li .img_box img {/*max-width:120px;*/}
  
  .info .img_list li p {font-size:16px;}

  .profile .profile_box .inner {display:flex; flex-wrap:wrap-reverse;}
  .profile .text_box h3 {font-size:18px;}
  .profile .text_box h3 span {font-size:26px;}
  .profile .profile_spec {height:32px; line-height:31px;}
  .profile .profile_spec span {font-size:14px;}
  .profile .profile_list {margin-top:0px;}
  .profile .profile_list li {font-size:15px;}
  .profile .profile_list li.m_24 {margin-bottom:16px;}
  .profile .profile_list li.m_48 {margin-bottom:16px;}
  .profile .profile_box .img_box {position:inherit; top:0 !important; bottom:0 !important; left:0 !important; right:0 !important; text-align:center; width:100%;}
  .profile .profile_box .img_box img {max-width:320px;}

  .tab_inner {padding:0 20px;}
  .wide_container .tab_content {background-image:none !important;} 
  .tab_content .inner {padding:0 10px;}
  .tab_content h3 {font-size:24px;}
  .tab_content h4 {font-size:18px;}
  .tab_content p {font-size:16px;}

  .tabs li {/*font-size:14px;*/ text-align:center;}

  .wide_container .text_box .case {flex-wrap:wrap;}
  .wide_container .text_box .case li {flex:100%; font-size:16px;}
  .wide_container .text_box .case.case_33 li {flex:50%;}
  .wide_container .text_box .img_list {gap:14px;}

  .wide_container .img_list li img {max-width:100px;}
  .wide_container .img_list li h4{font-size: 15px;}
  .wide_container .img_list li h4 span {font-size: 12px;}


  .cl1_ckBox .wide_container {margin-top:50px;}
  .cl1_ckBox .check_title {height:54px; line-height:54px; font-size:20px; padding-left:20px;}
  .cl1_ckBox .check_title img {width:20px;}

  .cl1_ckBox .check_list {padding-left:0;}
  .cl1_ckBox .check_list li {font-size:16px; padding: 12px 12px 12px 38px;}  
  .cl1_ckBox .check_list li::before {width:16px; height:16px;}
  
  .clinic3 {background-image:none !important;}
  .clinic3 .wide_container .text_box h4{font-size: 18px;}
  .cl_da_titBox .da_tit_sub{font-size: 14px; padding: 6px 18px;}
 
  h4.cl_da_tit:before {top: 1px;height: 23px;}

  .cl_da_list li{font-size: 14px; padding: 8px 6px;}
  .cl_da_list.cl_da_list8 li{max-width: 92px; height: 92px; line-height: 75px;}
  .pctBox .pct_txt {font-size: 15px;}
	 
  .cl3_info_list h3{font-size: 26px;}
  
  .pro_list ul{ gap: 10px;}
  .pro_list ul li{width: calc(50% - 5px);}
   .pro_list ul li .pro_txt{padding: 20px 15px;}
  .pro_list ul li .pro_txt h4{font-size: 18px;}
  .pro_list ul li .pro_txt p {font-size: 15px;}
  
  .map .q_go_area {margin:30px 0;}
  .map .q_go_area a {max-width:290px; height:50px;}
  .map .tel_qgo {font-size:30px;}

  .map .map_info {flex-wrap:wrap;}
  .map .map_info .add_box {margin-left:40px;margin-right:40px;}
  .map .map_info .add_box h4 {font-size:22px;}
  .map .map_info .add {margin-bottom:14px;}
  .map .map_info .time table th {font-size:18px;}
  .map .map_info .time table td {}
  .map .map_info .time table td span {font-size:22px;}
  .map .map_info .tel2Box{margin-right:40px;}

  .kakao_mapBox {height:320px !important;}

  .hd_qBtn{display:none}

  .main_q_go {top:63px; right:0; width:100%; border-bottom:solid 1px #dcdcdc; display:block; z-index: 99;}
  .main_q_go ul {display:flex; border-radius:0; background: #fff;}
  .main_q_go ul li {flex:1; padding:8px 10px !important;}
  .main_q_go ul li.top_go {display:none;}
  .main_q_go ul li a {border-bottom:0; width:auto;}
  /*.main_q_go ul li .img_box {display:flex; align-items:center; justify-content:center; height:36px;}*/
  .main_q_go ul li .img_box img {padding-top:5px;}
  .main_q_go ul li:nth-child(1) .img_box img {height:32px;}
  .main_q_go ul li:nth-child(2) .img_box img {height:32px;}
  .main_q_go ul li:nth-child(3) .img_box img {height:32px;}
  
  .main_q_go ul li h4 {padding-bottom:0;}

  #footer .fl_box {flex-wrap:wrap; justify-content:center;}
  #footer .img_box {padding-right:0; margin-bottom:20px;}
  #footer .img_box img {max-width:300px;padding-top:0}
  #footer .ft_text {justify-content:center;}  
  #footer .ft_text li{text-align:center; font-size: 13px;}
  #footer .ft_text li::after {display:none;}
  #footer .copy_r{font-size: 13px;}
}

@media (max-width:658px) {
	 .cl_da_titBox .da_tit_sub .fo_sm{ margin-left: 7px;}
}

@media (max-width:480px) {

  .inner {padding:0 15px;}

  .deco_eng {font-size:10px;}


  .top_tit h3 {font-size:22px;}
  .top_tit h3 br{display:none}
  .top_tit .sub_txt {font-size:16px;}

  .img_list li h4 {font-size:18px;}

  .profile .award img {max-width:100px;}
  .profile .img_box img {max-width:260px;}

  .tab_inner {padding:0 10px;}
  .tab_content .inner {padding:0 6px;}
  .tabs{padding: 0 10px;}
  /*.tabs li {font-size:12px;}*/

  .wide_container .img_list li h4 {font-size:16px; margin-top:10px;}
  .wide_container .text_box .img_list.wid_25 {flex-wrap:wrap;}
  /*.wide_container .text_box .img_list.wid_25 li {flex:calc(50% - 7px);}*/
  
  .clinic2 .wide_container .img_list img {max-width:130px;}
  
  .cl3_info_list ul li{font-size: 15px;}
    
  .sj_infoBox ul.sj_list li{font-size: 15px;}
  .sj_infoBox ul.sj_list li span{font-size: 13px; width: 80px;}
  
  .map .q_go_area a {font-size:28px;}
  .map .q_go_area a {font-size:28px;}
  .map .tel_qgo span {font-size:11px;}
  
  #footer .img_box{margin-bottom: 0px;}
  #footer .img_box img{max-width: 200px;}
}


@media (max-width:400px) {
  .wide_container .tab_content {padding:80px 10px;}
  .wide_container .img_list li h4 span {font-size: 13px;}
  
  .cl1_ckBox .check_title{font-size: 18px;}
  .cl1_ckBox .check_title img {width: 15px;}
}





