@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;
}

@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(pre/Pretendard-Bold.woff) format('woff');
}


/* 1. 웹폰트 정의 */
@font-face {
  font-family: 'YonseiLight';
  src: url('../fonts/YonseiLight.woff2') format('woff2'),
       url('../fonts/YonseiLight.woff2') format('woff'),
       url('../YonseiLight.woff2') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* 폰트 로딩 중 기본 폰트 노출하여 텍스트 차단 방지 */
}

/* 2. 요소에 폰트 적용 */
.YonseiLight {
  font-family: 'YonseiLight';
}



* { 
  font-family: 'Noto Sans KR', sans-serif;}
body {
  overflow-x: hidden;
  font-family: 'Noto Sans KR', sans-serif;
  font-size:16px;
  color:#222;
  letter-spacing:-1.6px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 600;
  margin:0;
}
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;}

.ft_js {font-family: 'Jost';}
.ft_ink {font-family: 'InkLipquid';}
.ft_ptd {font-family: "Pretendard";}

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 !important;}
.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:16px 0; border-bottom:solid 1px #dcdcdc;}
.top_logo .inner {position:relative;}
.top_logo img.logo_img {width:100%; max-width:320px;}

.tel_qBtn_mo{display:none}
.hd_telBox{
    position: absolute;
    top: 50%;
    right: 5.25%;
    transform: translateY(-50%)	
}
.hd_telBox .tel_qBtn {
    display: inline-block;
    height: 48px;
    background-color: #278aa1;
    border-radius: 26px;
    padding: 8px 20px 10px 52px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.8px;
}
.hd_telBox .tel_qBtn span {
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    padding-right: 20px;
    line-height: 12px;
    position: absolute;
    top: 12px;
    left: 23px;
}

.main_q_go {position:fixed; top:26%; right:50px; z-index:9999; display:none;}
.main_q_go ul {border-radius:50px 50px 0 0; 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:#379ba4; padding:0; position:relative}
.main_q_go ul li.top_go a {
    color: #fff;
    border-bottom: 0;
    height: 50px;
    line-height: 55px;
    width: 100%;
}

.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:38px}

@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; justify-content: center; gap: 20px;}
  .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:980px) {
  .top_logo img.logo_img {width:260px;}
  .hd_telBox .tel_qBtn{height: 41px; font-size: 18px;}
  .hd_telBox .tel_qBtn span{top: 8px;}
  
  .main_q_go {top:20%; right:2%;}
  .main_q_go ul li a {width:64px;}
  .main_q_go ul li h4 {font-size:14px;}		  

}  


@media (max-width: 768px) {

  
  .tel_qBtn_pc{display:none !important}
  .tel_qBtn_mo{display:block !important}
    .tel_qBtn2 {
        background: #278aa1;
        padding: 2px 5px;
        border-radius: 10px;
        border: 4px solid #3ba5af;
    }
  .tel_qBtn2 .hd_tel_icon{}
  .tel_qBtn2 .hd_tel_icon img{width:100%;max-width:22px;}
  .tel_qBtn2 p{
        color: #fff;
        font-size: 11px;	  
  }
} 

.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:160px;} 

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

.inner {max-width:1340px; width:100%; margin:0 auto; /*padding:0 5.25%;*/ padding: 0 30px;}
.tab_inner {}

.deco_eng {font-family:'din-regular'; font-size:16px; color:#00a1e9; letter-spacing:4.3px; margin:0;}
.bold {font-weight:600 !important;}
.bold700 {font-weight:700 !important;}
.font300 {font-weight:300 !important;}
.blue {color:#2d3e83 !important;}
.blue2 {color:#2d3e83 !important;}
.sk_blue {color:#00a1e9 !important;}
.indigo {color:#171c30 !important;}
.orange {color:#fd9f43 !important;}
.gray {color:#666 !important;}
.white {color:#fff !important;}
.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;}

.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:#22395d;}
.aft_border::after {content:''; display:inline-block; width:100%; height:2px; max-width: 600px; background:linear-gradient(90deg,  rgba(255,255,255,0), #22395d, #22395d, 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:#222; font-weight:300; margin:0; line-height:1.4; margin:0 0 24px; word-break:keep-all;}
.top_tit .sub_txt {font-size:23px; color:#292929; line-height:1.5; word-break:keep-all;}



.modal_btn {cursor:pointer; color: #fff;}
.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:55%; left:50%; transform:translate(-50%,-50%); box-shadow:0px 0px 10px rgba(0, 0, 0, .1); border:0;}
.modal .modal-content span {width:30px; height:30px; 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:20px;}
.img_list li {/*flex:1;*/ text-align:center;}
.img_list li .img_box {}
.img_list li .img_box img {width:100%; max-width:206px;}
.img_list li h4 {font-size:22px; margin:20px 0 10px;}
.img_list li p {font-size:18px; color:#666;}

#profile{background:url('../img/doc_bg1.jpg') no-repeat 50% 50%; background-size:cover;}
#profile2{background:url('../img/doc_bg2.jpg') no-repeat 50% 50%; background-size:cover;}
.profile .inner {position:relative; }
.docBox {
    display: flex;
    gap: 40px;
    padding: 60px 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#profile2 .docBox{padding:0}
.profile .img_box {text-align:center; width:calc(45% - 20px);    max-width: 400px;}
.profile .img_box img {width:100%; max-width: 450px;  border-radius: 15px;}

.doc_tit{
    background: #278aa1;
    padding: 11px 10px;
    border-radius: 5px;	
}
.doc_tit h3 {
    color: #fff;
    font-size: 1.2em;
    font-weight: 300;
}
.doc_tit h3 span {
    font-size: 1.5em;
    padding-left: 6px;
}

.doc_sub_tit{ margin-bottom: 10px;}
.doc_sub_tit h5 {
    color: #278aa1;
    font-size: 1.5em;
}

.profile .profile_box {width:calc(55% - 20px)}
.profile .text_box {}
.profile .text_box h3 {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 19px;
}
.profile .text_box h3 span {
    font-size: 1.5em;
    padding-right: 6px;
}
.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: 18px;
    font-weight: 500;
    margin-top: 20px;
    position: relative;
    padding-left: 8px;
    display: inline-block;
}
.profile .profile_list_tit:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 2px;
    height: 17px;
    box-sizing: border-box;
    background: #767676;
}
.profile .profile_list {}
.profile .profile_list li {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.5px;
    padding: 3px 0;
}


/*** tabs ***/
.tabs {display:flex;  justify-content:center; transform:translateY(50%); z-index:91; position:relative;
    max-width: 1340px;
    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: 25%; margin-top: -2px; margin-left: -2px;

}
.tabs li.active {background:#00a1e9;color: #fff;	}
.wide_container {max-width:1450px; width:100%; margin:0 auto; background-color:#fff;}
.wide_container .tab_content {padding:80px 60px;}
.tab_content h3 {font-size:38px; font-weight:300; line-height:1.4; letter-spacing:-2px; 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;}



#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:#eee; /*padding-bottom:0;*/}



.clinic1 .tab_content {}
.wide_container .text_box { margin-top:70px;}
.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:160px;}

.cl1_inArea{display:flex; gap:40px}
.cl1_inArea .cl1_imgBox{width:calc(45% - 20px);
    height: 400px;

    border-radius: 15px;
}
.cl1_inArea .cl1_imgBox1{
    background: url(../img/cl1_img1.jpg) no-repeat;
    background-size: cover;
    background-position: center;	
}
.cl1_inArea .cl1_imgBox2{
    background: url(../img/cl1_img2.jpg) no-repeat;
    background-size: cover;
    background-position: center;		
}
.cl1_inArea .cl1_txtBox{width:calc(55% - 20px)}

.cl1_info_list{display:flex; gap:20px;  flex-wrap: wrap;}
.cl1_info_list li {
    width: calc(50% - 20px);
    display: flex;
	flex-wrap: wrap;
    gap: 40px;
    background: #eee;
    padding: 20px;
    border-radius: 10px;
    align-items: center;
}
.cl1_info_list li .cl1_in_img{width:calc(35% - 20px);}
.cl1_info_list li .cl1_in_img img{width:100%;border-radius:100px;}
.cl1_info_list li .cl1_in_txt{width:calc(65% - 20px)}
.cl1_info_list li .cl1_in_txt h4{}
.cl1_info_list li .cl1_in_txt p{margin-top: 10px; font-size:19px}


.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;
    padding:0 0 0px 24px;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 5px;
}
.cl1_ckBox .check_list li:last-child {padding-bottom:0; border-bottom: 0;}
.cl1_ckBox .check_list li::before {content:''; display:inline-block; width:20px; height:20px; background:url('../img/i_ch2.png') no-repeat 50% 50%; background-size:cover; position:absolute; top:6px; left:0;}
.cl1_ckBox .plus_img h4 {font-size:22px; color:#1c2e5b; margin-bottom:15px;}
.cl1_ckBox .plus_img img {width:100%; max-width:652px;}

@media (max-width:969px) {
	.cl1_inArea{    flex-wrap: wrap;}
	.cl1_inArea .cl1_imgBox { width: 100%;}
	.cl1_inArea .cl1_imgBox{    height: 300px;}
	.cl1_inArea .cl1_txtBox{width:100%;}
	
	.cl1_info_list li {width: 100%;}
	.cl1_info_list li .cl1_in_img img{max-width: 200px;}
	.cl1_info_list li .cl1_in_txt p{font-size: 17px;}
}
@media (max-width:680px) {
	.cl1_info_list li{    gap: 20px;}
	.cl1_info_list li .cl1_in_img {width: calc(35% - 10px);}
	.cl1_info_list li .cl1_in_txt {width: calc(65% - 10px);}
	.cl1_info_list li .cl1_in_txt p{font-size: 15px; line-height: 1.5;}
}

.clinic2 {background-color:#0f1b39;}
.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 .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;
}
h4.cl_da_tit:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 28px;
    box-sizing: border-box;
    background: #2d3e83 ;
}
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: 1px solid #2d3e83;
    color: #2d3e83;
    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);}

.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;}



.facility{ background:  #278aa1;}
.facility{ background:  #278aa121;}
.fac_infoArea{margin-top:40px}
.fac_infoArea .fac_infoBox{}
.fac_infoArea .fac_infoBox .fac_info{margin-bottom:20px}
.fac_infoArea .fac_infoBox .fac_img{height: 290px;}
.fac_infoArea .fac_infoBox .fac_img_2{height: 601px;}
.fac_infoArea .fac_infoBox .fac_img1{
    background: url(../img/fac_img1.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.fac_infoArea .fac_infoBox .fac_img2{
    background: url(../img/fac_img2.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.fac_infoArea .fac_infoBox .fac_img3{
    background: url(../img/fac_img3.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.fac_infoArea .fac_infoBox .fac_img4{
    background: url(../img/fac_img4.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.fac_infoArea .fac_infoBox .fac_img5{
    background: url(../img/fac_img5.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.fac_infoArea .fac_infoBox .fac_info2 .fac_img{}

@media (max-width:969px) {
	.fac_infoArea{gap: 15px;}
	.fac_infoArea .fac_infoBox .fac_info{margin-bottom: 15px;}
	.fac_infoArea .fac_infoBox .fac_img{height: 200px;}
	.fac_infoArea .fac_infoBox .fac_img_2 {height: 416px;}
}
@media (max-width:767px) {
	.fac_sub_titBox{    
	  max-width: 318px;
      border-radius: 53px;
	}
}
@media (max-width:680px) {
	.fac_infoArea{display: block;}
	.fac_infoArea .fac_infoBox {width: 100%;}
	.fac_infoArea .fac_infoBox .fac_info2{        padding-bottom: 15px;}
	.fac_infoArea .fac_infoBox .fac_img, .fac_infoArea .fac_infoBox .fac_img_2{height: 280px;}
}


/**/
.cl_time{
	background:url('../img/cl_timeBg.jpg') no-repeat;
	background-position:center;
	background-size:cover;
	position:relative
 }

 .cl_time:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
}

.cl_time .inner{position:relative; z-index:1}
.cl_time .time {
    gap: 40px;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 60px auto 0;
}
.cl_time .time .time_info1{}
.cl_time .time dl {
    display: flex;
	align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 15px 0;
    padding: 14px 35px;
    border-radius: 100px;
    background: #ffffff;
    box-shadow: 0 0 9px #81818129;
}
.cl_time .time dl dt {font-size:20px; font-weight:500;letter-spacing: 1px; width:calc(40% - 10px)}
.cl_time .time dl dd {
	width:calc(60% - 10px);
    font-size: 16px;
    letter-spacing: -1px;
    text-align: right;
}
.cl_time .time dl dd span {font-size:25px; font-weight:700; padding:0 4px;}
.time_txt {
    font-size: 0.8em;
    padding-left: 10px;
    color: #7a7a7a;
}
.cl_time .time p {font-size:14px; margin-top:5px;}
.cl_time .time p img {margin-right:4px; margin-bottom:3px; vertical-align:middle;}

.cl_time .time .time_info2{}
.time_t1{text-align:right;}
.time_t2 {
    color: #278aa1;
    padding: 5px;
    margin-top: 10px;
    line-height: 1.5;
    font-size: 1.2em;
	text-align: center;
}
@media (max-width:969px) {
	.cl_time .time .time_info1{width:100%;}	
	.cl_time .time .time_info2{width:100%;}	
	.cl_time .time{max-width: 500px; margin: 0px auto 0; gap: 0px;}
	.cl_time .time dl dt {font-size: 16px;}
	.cl_time .time dl dd{ font-size: 16px;}
	.cl_time .time dl dd span { font-size: 19px}
	.time_t2{margin-top: 0px; line-height: 1.5; font-size: 0.95em;}	
}
@media (max-width:580px) {
	.cl_time .time dl{gap:10px; align-items: center; padding: 14px 20px;}
    .cl_time .time dl dt {
        width: calc(35% - 5px);
        letter-spacing: -1.3px;
        font-size: 14px;
    }
	.cl_time .time dl dd{width: calc(65% - 5px); font-size: 14px;}
	.time_txt{ padding-left: 0;}
}

/**/

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

.map .fl_box {display:flex; margin-top: 50px; align-items: center;}
.map .map_info {width:40%;}
.map_rootBox{width:60%}
.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: 10px;
    font-size: 24px;
}
.map .map_info .add_box p {}
.map .map_info .add {margin-top:30px;}
.map .map_info .add::before {background:url('../img/map_icon.png') no-repeat 50% 50%;}
.map .map_info .add2::before {background:url('../img/p_icon.png') no-repeat 50% 50%;}
.map .map_info .add p {
    font-size: 19px;
    font-weight: 400;
    color: #333;	
}
.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 .tel_box {margin-top:70px; margin-left: 70px;}
.tel_inBox{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;	
}
.tel_inBox .tel_info {width:calc(50% - 10px); text-align: center;position:relative;}
.tel_inBox .tel_info:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0px;
    width: 2px;
    height: 80px;
    background: #b4b4b4;
}
.tel_inBox .tel_info:first-child:before{display:none;}
.tel_inBox .tel_info h4{padding:6px 0}
.map .tel_qgo {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    background: #278aa1;
    padding:4px 17px;
    color: #fff;
    border-radius: 100px;
    margin-top: 1px;
	line-height: normal;
}


.kakao_mapBox {width:100% !important;}
.root_daum_roughmap.kakao_mapBox .cont{display:none}


@media (max-width:969px) {
	.map_rootBox { width: 100%;}
	
   .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_box h4 {font-size:20px;}
  .map .map_info .add p {font-size:18px;}
  .map .map_info .time {margin-top:25px;}

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


  
  .map .map_info .tel_box{margin-left: 0;}
}
@media (max-width:767px) {
  .map .q_go_area {margin:30px 0;}
  .map .q_go_area a {max-width:290px; height:50px;}

  .map .map_info {flex-wrap:wrap;}
  .map .map_info .add_box {margin-left:40px;}

  .map .map_info .add {margin-bottom:14px;}
  
  .map .map_info .add_box h4 {font-size:17px;}
  .map .map_info .add p {font-size:15px;}  
  
  .tel_inBox .tel_info h4{font-size: 17px;}

  .kakao_mapBox {height:320px !important;}
}

#footer {background-color:#222; padding:50px 0 60px;}
.fl_box{display:flex;gap:20px;}
.fl_box .ft_left{width:calc(30% - 10px); text-align:center;}
.fl_box .ft_right{width:calc(70% - 10px)}
#footer .img_box{padding-bottom:14px;}
#footer .img_box img {width:100%; max-width:230px;}
#footer .ft_text {}
#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: 6px;
	padding-left: 10px;
    letter-spacing: normal;   
}
#footer .copy_r a {color:#d5d5d5;    font-size: 15px;}
#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:#3ba5af; border-radius:50%;;}

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

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

@media (max-width:1230px) {
  .wide_container .text_box.wid_60 {width:80%;}	
}

@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:90px 0px;}
  .wide_container .text_box.wid_60 {width:100%;}
  
  .wide_container .img_list li img{max-width:120px;}

  .profile .inner {padding-bottom:80px;}
  .profile .award {right:10px;}
  .profile .award img {max-width:120px;}
  .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_50 {width:100%;}
  .wid_60 {width:100%;}

  .top_logo {padding:20px 0;}
  .top_logo img {max-width:220px;}
  .nav > li > a {font-size:14px; 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:16px; margin:20px 0 10px;}
  .img_list li p {font-size:16px;}

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

  .profile .text_box h3 {font-size:20px;}
  .profile .text_box h3 span {font-size:30px;}
  .profile .img_box {width: 100%;}
  .docBox {justify-content: center;}
  .profile .profile_box {width: 100%; padding-top:20px;}
  .profile .text_box {text-align:center; width:100%}
  .doc_tit{font-size:0.85em}

  .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:70px 10px;}
  .wide_container {background-image:none;}
  .wide_container .text_box {width:100%; margin-top:40px;}

  .wide_container .text_box p {margin-top:1.1em; line-height: 1.4;}
  .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;}
  
  .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;}

  


  #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;}

  .tab_content .inner {position:relative; z-index:99;}

  #clinic1_tab1 {background-position:20vw 0%;}
  #clinic1_tab2 {background-position:20vw 0%;}

  #clinic2_tab2{background-position: 180% top;}
  #clinic2_tab3{background-position: 180% top;}
  #clinic2_tab5{background-position: 180% top;}
  #clinic2_tab7{background-position: 180% top;}
  

  .surgery .tab_content {background-position:30vw 0%;}
  
}

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


@media (max-width:767px) {

  .mo_br {display:block;}
  
  .nav_box {border-bottom:0;}
  .top_logo {padding:14px 0;}
  .top_logo img.logo_img {width:190px;}
  
  .navbar-toggle {position:absolute; top:0; right:0;}
  
  
  #container {margin-top:127px;}
  .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: 30px;
        height: 20px;
        position: absolute;
        top: 24px;
        right: 15px;
        cursor: pointer;
    }
    .menu_btn span {
        display: inline-block;
        width: 24px;
        height: 2px;
        background-color: #717171;
        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:30px;}
  .top_tit .sub_txt {font-size:18px;}


  .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:30px;}
  .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; padding: 30px 10px;}
  .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;}
  .cl1_ckBox .check_list li::before {width:16px; height:16px; top:4px;}
 
  h4.cl_da_tit:before {top: 1px;height: 23px;}

  .cl_da_list li{font-size: 14px; padding: 8px 6px;}
  .pctBox .pct_txt {font-size: 15px;}
	 
  .cl3_info_list h3{font-size: 26px;}
  


  .hd_qBtn{display:none}

	.main_q_go {
		top: auto;
		bottom: 0;
		right: 0;
		width: 100%;
		border-top: 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;*/ width: 40%; padding:5px 10px !important;}
  .main_q_go ul li.top_go {/*display:none;*/ width: 20%;}
  .main_q_go ul li a {border-bottom:0; width:auto; font-size: 0.9em;}
  /*.main_q_go ul li .img_box {display:flex; align-items:center; justify-content:center; height:36px;}*/
  .main_q_go ul li .img_box{ padding-top: 5px;}
  .main_q_go ul li .img_box img {width:25px;}
	.main_q_go ul li h4 {
		padding: 6px 0 0;
		font-size: 12px;
	}
	.map .tel_qgo{font-size: 15px;}
	#footer{    margin-bottom: 50px;}
	#footer .fl_box {flex-wrap:wrap; justify-content:center;}
	.fl_box .ft_left{width:100%;}
	.fl_box .ft_right{width:100%; text-align: center;}  

	#footer .img_box {padding-right:0; margin-bottom:20px;}
	#footer .img_box img {max-width:190px;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 a{    font-size: 13px;}
	
	.scroll-top .btn {display:none;}  
}

@media (max-width:480px) {

  .inner {padding:0 15px;}

  .deco_eng {font-size:10px;}


  .top_tit h3 {font-size:26px;}
  .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_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;}
}


@media (max-width:400px) {
  .wide_container .tab_content {padding:60px 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;}
}


.ceoBox {
    background: url(../img/ceo_bg.jpg) no-repeat;
    background-size: 24%;
    background-position: 104% 80%;
}
.ceoBox{}
.ceo_info {
    display: flex;
    gap: 40px;
    margin-top: 40px;
    align-items: center;
    flex-wrap: wrap;
}
.ceo_info .ceo_info_img{
	width: calc(50% - 20px);
    height: 390px;
    border-radius: 15px;	
    background: url(../img/ceo_img.jpg) no-repeat;
    background-size: cover;
    background-position: center;	
}
.ceo_info .ceo_info_txt{width: calc(50% - 20px);}
.ceo_info .ceo_info_txt p{padding-bottom:20px; font-size:1.2em}
.ceo_info .ceo_info_txt p span{}

@media (max-width:969px) {
	.ceoBox {
	    background-size: 46%;
		background-position: -17% 100%;	
	}
	.ceo_info .ceo_info_img{width:100%; max-width: 500px; margin: 0 auto;}
	.ceo_info .ceo_info_txt{width:100%; text-align: center;}
	.ceo_info .ceo_info_txt p{font-size: 1.1em;}
}
@media (max-width:589px) {
	.ceoBox {
	    background-size: 56%;
	}
}	

.proBox{}
.pro_info{}
.pro_info ul {
    display: flex;
    gap: 40px 20px;
    flex-wrap: wrap;
	margin-top: 40px;
}
.pro_info ul li{width:calc(25% - 15px); text-align: center;}
.pro_info ul li .pro_img{}
.pro_info ul li .pro_img img{width:100%;}
.pro_info ul li .pro_txt{}
.pro_info ul li .pro_txt h5 {
    font-size: 1.3em;
    padding: 8px 0;
}
.pro_info ul li .pro_txt p{font-size:1.2em}

@media (max-width:969px) {
	.pro_info ul li {width: calc(33% - 12px);}
	.pro_info ul li .pro_txt h5 {font-size: 1.1em;}
	.pro_info ul li .pro_txt p{font-size: 1em;}
}
@media (max-width:680px) {
	.pro_info ul li {width: calc(50% - 10px);}\
	.pro_info ul li .pro_txt p {font-size: 0.9em;}
}

.cl2_inBox{background-color: #278aa121;}
.cl2_info{}
.cl2_info2{padding-top:150px}
.cl2_info .cl2_in_bg{width:100%; height:550px; margin-top: 20px; margin-bottom: 30px;border-radius: 22px;}
.cl2_info .cl2_in_bg1{
    background: url(../img/cl2_in_top.jpg) no-repeat;
    background-size: cover;
    background-position: center;	
}
.cl2_info .cl2_in_bg2{
    background: url(../img/cl2_2in_top.jpg) no-repeat;
    background-size: cover;
    background-position: center;		
}
.cl2_info .cl2_in_bg3{
    background: url(../img/cl2_3in_top.jpg) no-repeat;
    background-size: cover;
    background-position: center;	
}
.cl2_info .cl2_in_bg4{
    background: url(../img/cl2_4in_top.jpg) no-repeat;
    background-size: cover;
    background-position: center;		
}
.cl2_info .cl2_in_txt{text-align:center;}
.cl2_info .cl2_in_txt h5 {
    font-size: 2.1em;
    line-height: 1.4;
    padding-bottom: 15px;
}
.cl2_info .cl2_in_txt p{
    font-size: 1.35em;
    word-break: keep-all;
    line-height: 1.6;	
}
.cl2_in_subBox{padding-top:60px;}
.cl2_info .cl2_in_list{}
.cl2_in_tit{text-align:center;}
.cl2_in_tit h5{
    font-size: 27px;
    line-height: 1.4;
    padding-bottom: 15px;	
}
.cl2_info .cl2_in_list ul {
    display: flex;
    gap: 10px;
    padding-top: 30px; 
}
.cl2_info .cl2_in_list ul li{text-align: center; flex: 1;}
.cl2_info .cl2_in_list ul li .cl2_in_img{}
.cl2_info .cl2_in_list ul li .cl2_in_img img {
    width: 100%;
}
.cl2_info .cl2_in_list ul li h6{font-size:16px; padding:10px;    line-height: 1.5;}


.cl2_info .cl2_in_iconBox ul {
    display: flex;
    gap: 10px;
    padding-top: 30px; 
    /*max-width: 1000px;*/
    margin: 0 auto;	
}
.cl2_info .cl2_in_iconBox ul li{text-align: center; flex: 1; border-left: 1px solid #ddd;}
.cl2_info .cl2_in_iconBox ul li:first-child{border:0}
.cl2_info .cl2_in_iconBox ul li .cl2_icon{}
.cl2_info .cl2_in_iconBox ul li .cl2_icon img {
    width: 100%;
    max-width: 80px;
}
.cl2_info .cl2_in_iconBox ul li h6{font-size:16px; padding:13px; line-height: 1.5;}


@media (max-width:969px) {
	.cl2_info .cl2_in_bg{    height: 350px;}

	.cl2_info .cl2_in_txt h5 {font-size: 24px;}
    .cl2_info .cl2_in_txt p {
        font-size: 16px;
        line-height: 1.4;
    }
	.cl2_in_tit h5{font-size: 20px;}
	.cl2_info .cl2_in_list ul{    flex-wrap: wrap;}
	.cl2_info .cl2_in_list ul li{width:calc(50% - 5px); flex: none;}
	.cl2_info .cl2_in_list ul li h6 {font-size: 14px;}
	
	.cl2_info .cl2_in_iconBox ul{ flex-wrap: wrap;}
	.cl2_info .cl2_in_iconBox ul li{width:calc(50% - 5px); flex:none;padding-bottom:5px}
	.cl2_info .cl2_in_iconBox ul li:nth-child(3){border-left:0}
	.cl2_info .cl2_in_iconBox ul li h6 {font-size: 14px;}
	
	.cl2_info .cl2_in_iconBox ul li .cl2_icon img{    max-width: 60px;}
}

@media (max-width:680px) {
    .cl2_info .cl2_in_bg { height: 230px;}	
	.cl2_info .cl2_in_iconBox ul li .cl2_icon img{    max-width: 40px;}
}



.cl3_in{text-align:center; margin-top:40px}
.cl3_in img{width:100%; max-width:1300px;}

.cl4_inBox{/*background-color: #0f1b39;*/}
.cl4_inBox .inner{
    padding: 0;
    max-width: 1450px;	
}
.cl4_info {}
.cl4_info .cl4_in {
    display: flex;
    flex-wrap: wrap;
}
.cl4_in1{background:#15466e}
.cl4_in2{background:#033155; flex-direction: row-reverse;}
.cl4_in3{background:#0d1e2e}
.cl4_in4{background:#0b1225; flex-direction: row-reverse;}
.cl4_info .cl4_in .cl4_in_img{width:40%;height: auto;}
.cl4_info .cl4_in .cl4_in_img.cl4_i1{
    background: url(../img/cl4_i1.jpg) no-repeat;
    background-size: cover;
    background-position: center;	
}
.cl4_info .cl4_in .cl4_in_img.cl4_i2{
    background: url(../img/cl4_i2.jpg) no-repeat;
    background-size: cover;
    background-position: center;	
}
.cl4_info .cl4_in .cl4_in_img.cl4_i3{
    background: url(../img/cl4_i3.jpg) no-repeat;
    background-size: cover;
    background-position: center;	
}
.cl4_info .cl4_in .cl4_in_img.cl4_i4{
    background: url(../img/cl4_i4.jpg) no-repeat;
    background-size: cover;
    background-position: center;	
}
.cl4_info .cl4_in .cl4_in_txt{width:60%; padding: 80px 60px;}
.cl4_in_t1{padding: 0 20px;}
.cl4_info .cl4_in .cl4_in_txt h5 {
    font-size: 1.8em;
    padding-bottom: 20px;
	word-break: keep-all;
}
.cl4_info .cl4_in .cl4_in_txt p{font-size:1.1em;word-break: keep-all; line-height:1.5}

.cl4_in_t2{display:flex; gap:40px; padding-top:50px;}
.cl4_in_t2 .cl4_in_t2Bg{width:calc(40% - 20px); height:auto}
.cl4_in_t2 .cl4_in_t2Bg1{
    background: url(../img/cl4_in_t2Bg1.jpg) no-repeat;
    background-size: cover;
    background-position: center;		
}
.cl4_in_t2 .cl4_in_t2Bg2{
    background: url(../img/cl4_in_t2Bg2.jpg) no-repeat;
    background-size: cover;
    background-position: center;		
}
.cl4_in_t2 .cl4_in_t2Txt{width:calc(60% - 20px)}
.cl4_in_t2 .cl4_in_t2Txt h6{color:#fff;font-size: 1.3em; padding-bottom: 10px;}
.cl4_in_t2 .cl4_in_t2Txt ul{}
.cl4_in_t2 .cl4_in_t2Txt ul li {
    color: #fff;
    padding: 12px 12px 12px 35px;
    border-bottom: 1px solid #dddddd69;
	position:relative;
}
.cl4_in_t2 .cl4_in_t2Txt ul li::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    left: 6px;
    background: url(../img/mk_1.png) no-repeat 50% 50%;
    background-size: contain;
}
.cl4_in_t3{display:flex; gap:40px; flex-wrap: wrap; margin-top: 30px;}
.cl4_in_t3 .cl4_t3_list{width:calc(50% - 20px); display:flex; gap:10px;align-items: center;}
.cl4_in_t3 .cl4_t3_list .cl4_t3_icon{width:calc(30% - 5px); text-align:center}
.cl4_in_t3 .cl4_t3_list .cl4_t3_icon img{width:100%; max-width:110px}
.cl4_in_t3 .cl4_t3_list .cl4_t3Txt{width:calc(70% - 5px)}
.cl4_in_t3 .cl4_t3_list .cl4_t3Txt h6{color:#fff;font-size: 1.3em; padding-bottom: 12px;}
.cl4_in_t3 .cl4_t3_list .cl4_t3Txt ul{}
.cl4_in_t3 .cl4_t3_list .cl4_t3Txt ul li {
    color: #fff;
    padding: 3px 3px 3px 35px;
	position:relative
}
.cl4_in_t3 .cl4_t3_list .cl4_t3Txt ul li::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 6px;
    background: url(../img/mk_2.png) no-repeat 50% 50%;
    background-size: contain;
}

.cl4_4inBox{padding: 0 20px; color:#fff}
.cl4_in_t2Txt{}
.cl4_in_t2Txt h6{
    font-size: 1.3em;
    padding-bottom: 12px;	
}

.cl4_4inBox .cl4_4in_t1{padding-top: 35px;}
.cl4_4inBox .cl4_4in_t1 .cl4_in_t2Txt p{font-size: 1em;}

.cl4_4inBox .cl4_4in_t2{padding-top: 35px;}
.cl4_4inBox .cl4_4in_t2 h6{padding-bottom:0}
.cl4_4in_list {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 30px 0;
}
.cl4_4in_list:first-child{margin-top:0}
.cl4_4in_list .cl4_4in_imgBox{width:calc(40% - 10px);text-align:center;}
.cl4_4in_list .cl4_4in_imgBox .cl4_4in_img{margin-bottom:15px; height:170px}
.cl4_4in_list .cl4_4in_imgBox .cl4_4in_i1{
    background: url(../img/cl4_4in_i1.jpg) no-repeat;
    background-size: cover;
    background-position: center;			
}
.cl4_4in_list .cl4_4in_imgBox .cl4_4in_i2{
    background: url(../img/cl4_4in_i2.jpg) no-repeat;
    background-size: cover;
    background-position: center;			
}
.cl4_4in_list .cl4_4in_imgBox .cl4_4in_i3{
    background: url(../img/cl4_4in_i3.jpg) no-repeat;
    background-size: cover;
    background-position: center;			
}
.cl4_4in_list .cl4_4in_imgBox .cl4_4in_i4{
	    background: url(../img/cl4_4in_i4.jpg) no-repeat;
    background-size: cover;
    background-position: center;		
}
.cl4_4in_list .cl4_4in_imgBox h6{font-size: 1.1em;}
.cl4_4in_list .cl4_4in_Txt{width:calc(60% - 10px);margin-top: -20px;}
.cl4_4in_t2 .cl4_4in_list .cl4_4in_Txt p{font-size: 1em;}


@media (max-width:969px) {
	.cl4_info .cl4_in{ gap: 25px;}
	.cl4_info .cl4_in .cl4_in_img{width:100%; height: 500px;}
	.cl4_info .cl4_in .cl4_in_txt{width:100%; padding: 50px 30px;}
	.cl4_info .cl4_in .cl4_in_txt h5 {font-size: 1.6em;}
	.cl4_info .cl4_in .cl4_in_txt p{font-size: 1em;}
	.cl4_in_t2{flex-wrap: wrap;}
	.cl4_in_t2 .cl4_in_t2Bg{width:100%; height:300px}
	.cl4_in_t2 .cl4_in_t2Txt{width:100%;}
	.cl4_in_t3 .cl4_t3_list{font-size: 0.9em;}
}
@media (max-width:800px) {
	.cl4_in_t3 .cl4_t3_list{width: 100%;}	
}
@media (max-width:680px) {
	.cl4_info .cl4_in .cl4_in_img{height: 350px;}
	.cl4_in_t2 .cl4_in_t2Bg{height:200px}
}




/*흐르는 텍스트*/
.animated-title {
    font-size: 4.5em;
    font-weight: 700;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 100px 0;
    overflow-x: hidden;
    overflow-y: hidden;
    color: #ddd;
}
.animated-title .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite; top: 10%;}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
    }

/*흐르는 텍스트*/


/*오른쪽 퀵메뉴*/
.right_quick {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
.right_quick ul.quick_info {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 6.6px 7.5px 24px 12px rgb(176 176 176 / 12%);
}
.right_quick ul.quick_info li {
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.right_quick ul.quick_info li:last-child{border-bottom:0}
.right_quick ul.quick_info li h3{background:#278aa1;color:#fff; padding:12px 5px;    border-radius: 5px 5px 0 0;    font-size: 1em;}
.right_quick ul.quick_info li a {
    color: #5d5d5d;
    padding: 15px 10px;
    display: block;
}
.right_quick ul.quick_info li img{max-width:26px;}
.right_quick ul.quick_info li p {
    padding: 8px 0 0;
    font-weight: 700;
	font-size: 0.8em;
}

@media (max-width: 767px) {
	.right_quick{ display: none;}
}
/*오른쪽 퀵메뉴*/



/*{*/
.sp_inBox{
    background: url(../img/sp_inBg.jpg) no-repeat;
    background-size: cover;
    background-position:center;		
	position:relative
}
/*.sp_inBox{background-color:#278aa121;}*/
.sp_inBox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
}
.sp_inBox .inner{
	z-index: 1;
    position: relative;	
}
.sp_info {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 60px;
    justify-content: center;
}
.sp_info .sp_in {
    width: calc(50% - 20px);
    padding: 30px;
    border-radius: 5px;
    border-radius: 22px;
    background: #ffffffe0;
    border: 1px solid #d8e3e4;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .035);
}
.sp_info .sp_in .sp_in_nm {
    text-align: center;
    margin-bottom: 12px;
}
.sp_info .sp_in .sp_in_nm span {
    background: #278aa1;
    display: inline-block;
    color: #fff;
    padding: 3px 8px;
    border-radius: 5px;
}
.sp_info .sp_in .sp_in_txt{text-align:center}
.sp_info .sp_in .sp_in_txt h3 {
    font-size: 1.6em;
    color: #278aa1;
    margin-bottom: 18px;
}
.sp_info .sp_in .sp_in_txt h5 {
    font-size: 1.2em;
    /* font-weight: 400; */
    color: #333;
}
.sp_info .sp_in .sp_in_txt p {
    font-size: 1.2em;
    word-break: keep-all;
    padding-top: 5px;
}

@media (max-width:969px) {
	.sp_info{ gap: 20px;}
	.sp_info .sp_in {width: calc(33% - 14px);}
	.sp_info .sp_in .sp_in_txt{font-size: 0.9em;}
}

@media (max-width:689px) {
	.sp_info .sp_in { width: 100%;  padding-bottom: 30px; text-align:center}
}
/*}*/



.medical {
    position: relative;
    background: url(../img/abBg1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.mdc_inBox {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
	margin-top: 50px;
}
.mdc_inBox .mdc_in_list {
    width: calc(50% - 10px);
    position: relative;
    min-height: 360px;
	border-radius: 22px;
}
.mdc_inBox .mdc_in_list:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 35%);
}
.mdc_inBox .mdc_in_bg1{   
    background: url(../img/mdc_in_bg1.jpg) no-repeat;
    background-size: cover;
    background-position:center;	
}
.mdc_inBox .mdc_in_bg2{
    background: url(../img/mdc_in_bg2.jpg) no-repeat;
    background-size: cover;
    background-position:center;	
}
.mdc_inBox .mdc_in_bg3{
    background: url(../img/mdc_in_bg3.jpg) no-repeat;
    background-size: cover;
    background-position:center;	
}
.mdc_inBox .mdc_in_bg4{
    background: url(../img/mdc_in_bg4.jpg) no-repeat;
    background-size: cover;
    background-position:center;	
}

.mdc_inBox .mdc_in_list .mdc_in {
    text-align: center;
    padding: 30px 20px;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.mdc_inBox .mdc_in_list .mdc_in .mdc_in_tit {
    font-size: 1.6em;
    font-weight: 600;
    color: #007691;
    border-bottom: 2px solid #007691;
    display: inline-block;
    padding: 0 5px 3px;
}

.mdc_inBox .mdc_in_list .mdc_in .mdc_in_txt {
    padding-top: 30px;
}
.mdc_inBox .mdc_in_list .mdc_in .mdc_in_txt ul {
    /* max-width: 300px; */
    text-align: left;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center;
    padding: 0 10px;
    padding-left: 60px;
}
.mdc_inBox .mdc_in_list .mdc_in .mdc_in_txt ul li {
    font-size: 1.1em;
    /* padding: 5px 0; */
    list-style: disc;
    width: calc(50% - 10px);
}


.eqArea{/*background: #dceaf5;*/}
.equipment {padding: 40px 0 0;}
.equi_area {/*display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:40px 40px;*/}
.equi_area .equi_box {}
.equi_area .equi_box img {width: 100%; border-radius: 20px;}
.equi_area .equi_box .txt_box {padding: 25px 15px 0; text-align: center;}

.equi_area .equi_box .txt_box h3 {
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 10px;
    display: inline-block;
    background: #0996b7;
    padding: 6px 16px;
    border-radius: 101px;
    color: #fff;
}

.equi_area .equi_box .txt_box h4 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 10px;
    display:block;
}
.equi_area .equi_box .txt_box p {
    position: relative;
    font-size: 1.15em;
    font-weight: 400;
    margin-bottom: 8px;
    display: inline-block;
}
/*
.equi_area .equi_box .txt_box p::after {content:''; position:absolute; top:10px; left:0; background-color:#728cbf; width:6px; height:6px;}
*/

@media (max-width:969px) {
	.mdc_inBox .mdc_in_list{width: 100%;    min-height: 300px;}
	.mdc_inBox .mdc_in_list .mdc_in{    font-size: 0.9em;}
	
	.equi_area .equi_box .txt_box{font-size: 0.9em;}
}

@media (max-width:689px) {
	.mdc_inBox .mdc_in_list .mdc_in{    font-size: 0.85em;}
	
	.equi_area .equi_box img{  max-width: 300px;  margin: 0 auto;}
}