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

* { 
  font-family: 'Noto Sans KR', sans-serif;
}
body {
  overflow-x: hidden;
  font-family: 'Noto Sans KR', sans-serif;
  font-size:18px;
  color:#222;
  font-weight:400;
  letter-spacing:-0.3px;

}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  margin:0;
  word-break:keep-all;
}
a {color:#000}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}
p {margin:0; word-break:keep-all; line-height:1.3;}
span {word-break:keep-all;}
h4 {line-height:1.3;}

ul {list-style:none; padding:0; margin:0;}
dl {margin:0;}
dt {font-weight:400;}
.bold {font-weight:600;}
.ft_blue {color:#728cbf;}

.num {font-family: 'Poppins', sans-serif;}
.bo_num {font-family: 'Poppins', sans-serif; font-size:1.2em; font-weight:500; border-bottom:solid 1px #000;}


#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-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; border-bottom:solid 1px #eee;}
.gnb_empty {text-align:center;}

@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;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top {
    top:0px !important;
    padding:0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
  }


}

.navbar-default, .navbar-inverse {}

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

.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;
}
.scroll-top {
  margin-top:12px;
}
.scroll-top .btn {
  color:#fff;
}


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


/*** 공통 ***/
.pc_cate {display:flex; justify-content:space-between; align-items:center;}
.pc_cate::before, .pc_cate::after {display:none;}

.adm_btn {text-align:center; margin-top:30px;}

.bg_blue {background-color:#728cbf;}
.bg_gray {background-color:#f5f5f8;}

.fl_cont {display:flex;}
.cont01 {max-width:1400px; width:100%; margin:0 auto; padding:0 20px;}
.cont02 {max-width:1300px; width:100%; margin:0 auto; padding:0 20px;}
.cont03 {max-width:1080px; width:100%; margin:0 auto; padding:0 20px;}
.cont04 {max-width:1000px; width:100%; margin:0 auto; padding:0 20px;}
.container {max-width:1200px; width:100%; margin:0 auto; padding:0 20px;}
.container::before, .container::after {display:none;}
.cont_pad_120 {padding:120px 20px;}
.cont_pad_100 {padding:100px 20px;}
.cont_pad_80 {padding:80px 20px;}
.wid_50 {width:50%; z-index:2;}

.pad_top_120 {padding-top:120px;}
.pad_top_100 {padding-top:100px;}
.pad_top_80 {padding-top:80px;}
.pad_top_60 {padding-top:60px;}
.pad_top_40 {padding-top:40px;}
.pad_top_20 {padding-top:20px;}
.pad_bot_120 {padding-bottom:120px;}
.pad_bot_100 {padding-bottom:100px;}
.pad_bot_80 {padding-bottom:80px;}
.pad_bot_60 {padding-bottom:60px;}

.dft_dl {display:flex; gap:10px; font-size:1.2em; margin-bottom:16px;}
.dft_dl:last-child {margin-bottom:0;}
.dft_dl dt {width:26%; color:#728cbf; font-weight:500;}
.dft_dl dd {}
.ps {font-size:1em; color:#888;}

.main_tit {font-size:48px; font-weight:400; text-align:center; word-break:keep-all;}
.main_tit span {font-weight:600;}

.mainbanner {height:80vh; background:url('../img/main_banner.jpg') no-repeat 50% 50%; background-size:cover;}

.clinic_go {}
.clinic_go .title {}
.clinic_go .title::after {display:none;}
.clinic_go ul {display:flex; gap:20px;}
.clinic_go ul li {width:25%; text-align:center;}
.clinic_go ul li a {}
.clinic_go ul li .img_box {overflow:hidden; border:solid 1px #eee;}
.clinic_go ul li .img_box img {width:100%; transition:all 0.25s;}
.clinic_go ul li .img_box:hover img {transform:scale(1.1);}
.clinic_go ul li h4 {font-size:1.2em; color:#fff; display:inline-block; background-color:#728cbf; padding:10px 26px 12px; border-radius:30px; margin-top:20px;}

.main_info {position:relative; background-color:#f5f5f5; background:url('../img/main_info_bg.jpg') no-repeat 50% 50%; background-size:cover;}
/* .main_info::after {content:''; width:100%; height:20vh; background-color:#ddd; position:absolute; top:0; left:0;} */
.main_info h3 {font-size:2.4em; font-weight:300; line-height:1.3;}
/* .main_info h3 span {color:#5479B6; font-weight:500;} */
.main_info h3 span {font-weight:500; position:relative;}
.main_info h3 span:last-child::after {content:''; position:absolute; bottom:0; left:0; width:100%;height:20px; background-color:rgb(84 121 182 / 20%); z-index:-1;}
.main_info .icon {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:30px; margin-top:50px;}
.main_info .icon li {}
.main_info .icon li img {width:70px;}
.main_info .icon li h4 {font-size:1.2em; color:#6480b9; margin:20px 0 6px;}
.main_info .icon li p {}
.main_info .img_box {position:absolute; bottom:0; left:55%;}
.main_info .img_box img {width:100%; max-width:600px;}

.main_map {align-items:center; background-color:#728cbf; color:#fff;}
.map_in {padding-left:70px; max-width:700px;}
.map_box {padding-bottom:30px;}
.map_box:last-child {padding-bottom:0;}
.map_box h3 {font-size:1.8em; margin-bottom:28px;}
.map_box h4 {font-size:1.4em; font-weight:600; margin-bottom:6px;}
.map_box p {font-size:1.2em;}
.map_box .ps {font-size:1em; color:#fff; font-weight:300; margin-top:3px;}
#daumRoughmapContainer1678773692596 {width:100%; height:40vh;}
.wrap_map {height:100% !important;}

.main_contact {background-color:#f5f5f8;}
.main_contact .time {}
.main_contact .time .dft_dl {width:90%; max-width:340px; margin:0 auto 16px;}
.main_contact .time .dft_dl dt {width:140px;}
.main_contact .tel {}
.main_contact h4 {font-size:1.6em; margin-bottom:30px; text-align:center;}
.main_contact h4 img {margin-right:12px; vertical-align:bottom;}
.main_contact a {display:block; font-size:1.2em; font-weight:500; transition:all 0.25s; max-width:340px; height:68px; line-height:66px; text-align:center; margin:0 auto; background-color:#fff; box-shadow:0px 8px 8px rgba(0, 0, 0, .1); border-radius:10px;}
.main_contact a:hover {color:#fff;}
.main_contact a::before {content:''; display:inline-block; width:24px; height:24px; margin-bottom:-3px; transition:all 0.25s;}
.main_contact .tel_btn {margin-bottom:20px;}
.main_contact .tel_btn:hover {background-color:#728cbf;}
.main_contact .blog_btn:hover {background-color:#03cf5d;}
.main_contact .tel_btn::before {background:url('../img/tel_color.png') no-repeat 50% 50%; background-size:cover;}
.main_contact .tel_btn:hover::before {background:url('../img/tel_fill.png') no-repeat 50% 50%; background-size:cover;}
.main_contact .blog_btn::before {background:url('../img/naver_green.png') no-repeat 50% 50%; background-size:cover;}
.main_contact .blog_btn:hover::before {background:url('../img/naver_white.png') no-repeat 50% 50%; background-size:cover;}



#footer {background-color:#222; padding:40px 0 60px; font-size:0.9em; color:#bbb;}
#footer .fl_cont {gap:6%;}
#footer .ft_logo {}
#footer .ft_logo img {}
#footer .ft_add {}
#footer .ft_add ul {display:flex; flex-wrap:wrap; gap:4px 20px; max-width:900px;}
#footer .ft_add ul li {}
#footer .ft_add .copy_r {padding-top:20px;}


/* 모달 */
.modal_btn {cursor:pointer; font-size:1.2em; color:#fff; margin-bottom:10px;}
.modal {width:100%; height:100%; background-color:rgba(0, 0, 0, .6);}
.modal .modal-content {width:90%; max-width:600px; 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_box {height:80vh; overflow-y:scroll;}
.modal .modal-content img {width:100%;}



.ft_qgo {position:fixed; bottom:3%; right:3%; display:flex; flex-direction:column; gap:20px; z-index:99;}
.ft_qgo li {background-color:#728cbf; box-shadow:0px 10px 10px rgba(0, 0, 0, .2); border-radius:50%;}
.ft_qgo li a {display:inline-block; width:70px; height:70px; line-height:65px; text-align:center;}
.ft_qgo li a img {}
.ft_qgo li a h4 {}



/* 서브 공통 */
.top_box {text-align:center; height:340px; line-height:340px; font-size:2.6em; color:#fff; font-weight:600; text-shadow:0px 4px 4px rgba(0, 0, 0, .2);}
.top_box .top_title {font-size:2.2em; color:#fff; font-weight:800; line-height:300px; text-shadow:2px 2px 4px rgb(0 0 0 / 20%);}
.top_box1 {background:url('../img/top_img1.jpg') no-repeat 50% 50%; background-size:cover;}
.top_box2 {background:url('../img/top_img2.jpg') no-repeat 50% 50%; background-size:cover;}
.top_box3 {background:url('../img/top_img3.jpg') no-repeat 50% 50%; background-size:cover;}
.top_box4 {background:url('../img/top_img4.jpg') no-repeat 50% 50%; background-size:cover;}
.top_box5 {background:url('../img/top_img5.jpg') no-repeat 50% 50%; background-size:cover;}
.top_box6 {background:url('../img/top_img6.jpg') no-repeat 50% 50%; background-size:cover;}

.cont_top_title {text-align:center; padding-bottom:20px;}
.cont_text {font-size:1.4em; color:#666; margin-bottom:14px;}
.cont_title {font-size:2.6em; font-weight:800;}
.cont_title::after {content:''; display:block; width:26px; height:4px; background-color:#0494d7; margin:30px auto;}

.box_top {margin-bottom:20px;}
.box_top p {font-size:1.125em; color:#666; word-break:keep-all;}
.box_title {font-size:1.5em; padding-left:26px; position:relative; margin-bottom:20px;}
.box_title::before {content:''; display:inline-block; width:10px; height:10px; border:solid 2px #0494d7; transform:rotate(45deg); position:absolute; top:10px; left:2px;}

.title {text-align:center; font-size:2.6em; font-weight:500; padding-bottom:50px;}
.title::after {content:''; display:block; width:1px; height:40px; background-color:#222; margin:30px auto 0;}
.title span {display:block; font-size:1.8rem; color:#777; font-weight:400; margin-bottom:10px; letter-spacing:8px;}

.sub_title {font-size:2.2em; font-weight:500; text-align:center; padding-bottom:30px; line-height:1.3;}

.fl_box {display:flex; align-items:center; gap:50px;}
.img_fl_box {display:flex; gap:20px;}
.img_fl_box img {width:calc(50% - 10px);}

.clinic ul {}
.clinic ul li {word-break:keep-all;}
.clinic ul li h4 {font-weight:500;}
.clinic ul li p {font-weight:300;}

.text {}
.text p {position:relative; padding:0 0 6px 18px; font-size:1.1em;}
.text p:last-child {padding-bottom:0;}
.text p::after {content:''; display:inline-block; width:4px; height:4px; background-color:#0494d7; position:absolute; top:10px; left:2px; transform:rotate(45deg);}

.doctor {background:url('../img/doctor_bg.png') no-repeat 50% 50%; background-size:cover;}
.doctor .img_box {padding-right:6%;}
.doctor .img_box img {width:100%;}
.doctor .text_box {padding-top:20px;}
.doctor .text_box .name {font-size:1.4em; font-weight:500;}
.doctor .text_box .name span {font-size:1.8em; font-weight:500; letter-spacing:10px;}
.doctor .text_box h5 {margin:20px 0; font-size:1.4em; color:#728cbf; font-weight:500;}
.doctor .text_box ul {padding-top:20px;}
.doctor .text_box ul li {font-size:1.2em; position:relative; padding-left:20px; padding-bottom:8px;}
.doctor .text_box ul li::before {content:''; width:6px; height:6px; background-color:#728cbf; position:absolute; top:13px; left:2px;}

.equipment {}
.equi_area {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px 30px;}
.equi_area .equi_box {background-color:#f5f5f8; padding:20px;}
.equi_area .equi_box img {width:100%;}
.equi_area .equi_box .txt_box {margin-top:-20px; margin-left:10px;}
.equi_area .equi_box .txt_box h4 {font-size:1.5em; color:#fff; font-weight:600; margin-bottom:20px; display:inline-block; height:54px; line-height:54px; padding:0 50px; border-radius:50px; background-color:#728cbf;}
.equi_area .equi_box .txt_box p {position:relative; padding-left:14px; font-size:1.1em; font-weight:400; margin-bottom:8px;}
.equi_area .equi_box .txt_box p::after {content:''; position:absolute; top:12px; left:0; background-color:#728cbf; width:6px; height:6px;}

.info {}
.info .info_box {padding:60px 20px 0; justify-content:space-between;}
.info .info_tit {font-size:1.6em; font-weight:600; margin-bottom:30px;}
.info .info_tit img {vertical-align:bottom; margin-right:12px;}
.info .hours {width:45%;}
.info .address {width:45%;}

.txt_cont {text-align:center; font-size:1.1em; color:#666; font-weight:300; padding-bottom:40px; line-height:1.4;}
.txt_cont:last-child {padding-bottom:0;}
.txt_cont.ft_big {font-size:1.3em;}

.point {text-align:center; margin-top:60px;}
.point h3 {font-size:1.6em; display:inline-block; line-height:1.3; position:relative;}
.point h3::before, .point h3::after {content:''; display:inline-block; width:10px; height:100%; position:absolute; top:50%; border:solid 3px #ddd; transform:translateY(-50%);}
.point h3::before {border-right:0; left:-8%;}
.point h3::after {border-left:0; right:-8%;}

.bg_gray.point {margin-top:0; background:url('../img/macular_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.bg_gray.point h3 {color:#fff;}
.bg_gray.point h3::before, .bg_gray.point h3::after {width:18px;}

.clinic {}

.as {}
.as .fl_cont {gap:40px;}
.as .img_box {border:solid 1px #ddd; text-align:center; padding-bottom:20px; background-color:#fff;}
.as .img_box img {width:100%;}
.as .img_box h4 {font-size:1.3em; padding-top:20px;}
.as .img_box p {padding-top:10px; font-weight:300;}

.img_list {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px;}
.img_list li {text-align:center;}
.img_list li .img {}
.img_list li .img img {width:100%;}
.img_list li .txt {padding:20px 0;}
.img_list li h4 {font-size:1.3em;}
.img_list li p {padding-top:10px;}

.step {gap:3vw;}
.step li {position:relative;}
.step li::after {content:''; display:inline-block; width:20px; height:20px; border-top:solid 2px #728cbf; border-right:solid 2px #728cbf; transform:rotate(45deg); position:absolute; top:30%; left:104%;}
.step li:last-child:after {display:none;}

.num_list {margin-top:10px; background-color:#fff; border-radius:20px; padding:50px 60px; box-shadow:0px 16px 16px rgba(0, 0, 0, .2);}
.num_list li {background-color:#fff; padding-left:60px; margin-bottom:40px; position:relative;}
.num_list li:last-child {margin-bottom:0;}
.num_list li .num {font-size:1.5em; color:#728cbf; font-weight:600; position:absolute; top:0; left:0;}
.num_list li h4 {font-size:1.5em; font-weight:500; margin-bottom:10px;}
.num_list li p {font-size:1.2em; color:#000;}

.machine {}
.machine .fl_cont {gap:6%;}
.machine .img_box {width:42%; background-color:#fff; text-align:center; padding:60px 0 20px;}
.machine .img_box img {width:100%; max-width:300px;}
.machine .text_box {width:58%; padding-top:20px;}
.machine .text_box h4 {font-size:2.4em; font-weight:500; padding-bottom:30px;}
.machine .text_box h4 span {display:block; font-size:18px; color:#728cbf; font-weight:300; letter-spacing:10px; margin:0 0 12px 4px;}
.machine .text_box p {font-size:1.15em; font-weight:300; line-height:1.4;}
.machine .text_box p:nth-of-type(1) {padding-bottom:20px;}
.machine .text_box ul {padding-top:30px; margin-top:30px; border-top:solid 1px #ddd;}
.machine .text_box ul li {font-size:1.15em; font-weight:300; position:relative; padding-left:14px; padding-bottom:10px;}
.machine .text_box ul li::after {content:''; width:6px; height:6px; background-color:#728cbf; position:absolute; top:12px; left:0;}

.icon_list {padding-top:20px; display:grid; margin:0 auto;}
.icon_list li {text-align:center;}
.icon_list li .img {width:180px; height:180px; line-height:180px; margin:0 auto 40px; background-color:#fff; border-radius:50%; box-shadow:2px 8px 15px rgb(61 74 102 / 20%);}
.icon_list li .img img {width:100px;}
.icon_list li h4 {font-size:1.3em; padding-bottom:10px;}
.icon_list li p {}

.cause_list {}
.cause_list ul {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px;}
.cause_list ul li {text-align:center; background-color:#fff;}
.cause_list ul li h4 {}

.check_list {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; padding-top:20px;}
.check_list li p {padding-top:10px;}


.hospital {}
.hospital .logo_area {display:flex; flex-wrap:wrap; justify-content:center; gap:20px 80px; padding:40px 20px; box-shadow:2px 8px 15px rgb(0 0 0 / 30%); background-color:#fff; border-radius:20px;}
.hospital .logo_area img {max-width:260px;}

.color_white .sub_title {color:#fff; font-weight:600;}
.color_white .bo_num {color:#fff; border-color:#fff;}
.color_white h4 {color:#fff; font-weight:600;}
.color_white p {color:#fff; font-weight:400;}
.color_white .icon_list li .img {box-shadow:2px 8px 15px rgb(0 0 0 / 30%);}

.dream_bg {background:url('../img/dream_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.dream_bg .sub_title {padding-bottom:20px;}
.dream_bg .txt_cont {padding-bottom:90px;}
.dream_bg .img_list img {max-width:140px;}
.dream_bg .img_list h4 {font-size:1.2em; color:#fff; padding-top:28px;}

.myopia_bg {background:url('../img/myopia_bg.jpg') no-repeat 50% 50%; background-size:cover;}

.macular_bg {background:url('../img/macular_bg.jpg') no-repeat 50% 50%; background-size:cover;}

.big_img_box {justify-content:end; align-items:center;}
.big_img_box .txt_box {max-width:650px; padding-right:80px;}
.big_img_box .txt_box .sub_title {}
.big_img_box .txt_box .sub_title::after {content:''; display:block; width:30px; height:1px; background-color:#fff; margin-top:30px;}
.big_img_box .txt_box .txt_cont {}
.big_img_box .img_box {background-color:#fff;}
.big_img_box .img_box img {width:100%;}


.row_list {display:block;}
.row_list li {display:flex;  margin-bottom:30px;}
.row_list li:last-child {margin-bottom:0;}
.row_list li .img {width:40%;}
.row_list li .txt {width:60%; text-align:left; padding:30px 0 20px 60px;}
.row_list li .txt h4 {padding-top:14px;}

.in_list {display:flex; gap:1vw; margin-top:30px;}
.in_list li {display:block; width:33.33%; padding:20px 0; margin-bottom:0; background-color:#fff; box-shadow:2px 8px 15px rgb(61 74 102 / 20%); border-radius:10px;}
.in_list li span {display:inline-block; border-bottom:solid 1px #666; padding-bottom:10px;}
.in_list li p {}

.lens .img_box h4 {border-top:solid 1px #ddd;}

.graph01 .img_box {padding:40px;}
.graph01 .img_box img {max-width:640px;}
.graph02 {}
.graph02 .img_box {text-align:center; background-color:#fff; padding:40px; border-radius:20px;}
.graph02 .img_box img {max-width:1000px; width:100%;}
.graph02 .txt_cont:last-child {padding-top:30px;}

.eyeball .img_box {border:0; border-radius:20px; padding-bottom:0; overflow:hidden; margin-bottom:30px;}
.eyeball .img_box img {max-width:800px;}

.clinic3 .cause_list {background:url('../img/cause_list_bg.jpg') no-repeat 50% 50%; background-size:cover;}

.amsler .txt_box {}
.amsler .txt_box li {}
.amsler .txt_box li .bo_num {}
.amsler .img_box {padding-left:40px; background-color:transparent; display:flex;}
.amsler .img_box .img_in {background-color:#fff; padding:20px; border-radius:20px; box-shadow:2px 8px 15px rgb(0 0 0 / 30%);}
.amsler .img_box img {max-width:500px;}


.grid_3 {grid-template-columns:repeat(3, minmax(0, 1fr));}
.grid_4 {grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px;}
.grid_4 img {width:100%;}

.dry_eye {background:url('../img/dry_eye.jpg') no-repeat 50% 50%; background-size:cover; height:54vh;}
.misight {background:url('../img/misight.jpg') no-repeat 50% 50%; background-size:100%; height:54vh;}
.retina {background:url('../img/retina.jpg') no-repeat 50% 50%; background-size:80%; height:54vh;}
.vein {background:url('../img/vein.jpg') no-repeat 50% 50%; background-size:cover; height:54vh;}




@media (min-width:768px) {

  .navbar-shrink {top:-150px !important;}

  
  .navbar-default .navbar-nav>li>a{font-size:16px; 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 {padding:16px 0;} */
  .top_logo img {}
  .nav {display:flex; gap:2.2vw;}
  .nav::before, .nav::after {display:none;}
  .nav > li {text-align:center; position:relative;}
  .nav > li > a {padding:0; font-size:20px; font-weight:400; transition:all 0.25s; white-space:nowrap; line-height:84px;}
  .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {background-color:#fff !important; color:#000 !important;}
  .nav > li .sub_nav {height:0; opacity:0; position:absolute; top:100%; left:50%; transform:translateX(-50%); list-style:none; padding:0; margin:0; background-color:#fff; overflow:hidden; transition:all 0.25s; z-index:999; border-radius:0 0 10px 10px;}
  .nav > li:hover .sub_nav {opacity:1; height:auto; overflow:inherit;}
  .nav > li .sub_nav li {min-width:120px; transition:all 0.25s; padding:12px 6px; border-top:solid 1px #eee;}
  .nav > li .sub_nav li:last-child {margin-bottom:0;}
  .nav > li .sub_nav li a {display:inline-block; min-width:max-content; text-align:center; transition:all 0.25s; padding:0 16px;}
  .nav > li .sub_nav li a:hover, .nav > li .sub_nav li a:focus, .nav > li .sub_nav li a:active {color:#728cbf; text-decoration:none;}

}



@media (min-width:992px) {

  .pc_none {display:none !important;}

  .navbar-shrink {top:-201px !important;}

  .navbar-default .navbar-nav>li>a {}

  .nav > li > a {}


}


@media (min-width:992px) {
  .mo_logo, .mo_cate, .mo_head {display:none;}

  
  .big_img_box .txt_box .sub_title {text-align:left;}
  .big_img_box .txt_box .txt_cont {text-align:left;}
}

@media (max-width:1300px) {
  .big_img_box .txt_box {padding:0 60px 0 20px;}
}


@media (max-width:991px) {

  .mo_none {display:none !important;}

  /*** 공통 ***/
  .cont_pad {padding:100px 20px;}
  .top_logo img {width:160px;}
  .nav {gap:2vw;}
  .nav > li > a {font-size:20px;}


}


@media (max-width:991px) {
  
  body {font-size:15px;}
  #container {margin-top:66px;}

  .pc_logo, .pc_cate {display:none;}
  .top_logo {}
  .top_logo img {}
  .mo_nav_btn {position:absolute; top:18px; right:104%; margin:0; border:0; width:55px; height:55px; background-color:transparent; border:solid 1px #464646;}
  .mo_nav_btn .icon-bar {display:block; width:32px; height:2px; background-color:#000; transition:all 0.25s;}
  .mo_nav_btn .icon-bar:nth-child(1) {position:absolute; top:0; left:0;}
  .mo_nav_btn .icon-bar:nth-child(2) {position:absolute; top:50%; left:0;}
  .mo_nav_btn .icon-bar:nth-child(3) {position:absolute; top:100%; left:0;}

  .open_btn {}
  .open_btn .icon-bar {background-color:#fff;}
  .open_btn .icon-bar:nth-child(1) {transform:rotate(-135deg); top:50%;}
  .open_btn .icon-bar:nth-child(2) {width:0px;}
  .open_btn .icon-bar:nth-child(3) {transform:rotate(135deg); top:50%;}

  .mo_head {padding:15px 0; width:100%; background-color:#fff; z-index:99; border-bottom:solid 1px #eee; position:fixed; top:0; left:0;}
  .mo_head .top_logo {text-align:center;}
  .mo_head .logo_img img {width:140px;}
  #gnb_open {background-color:transparent; width:55px; height:55px; border:0; position:absolute; top:6px; right:10px; padding:0;}
  .mo_head_tel {position:absolute; top:50%; left:20px; transform:translateY(-50%);}

  .m_side_menu{display:none;position:fixed;top:0;right:0;background:#fff;width:90%; min-width:280px;height:100%;overflow-y:auto;z-index:9999; box-shadow:0px 100px 0px 100px rgba(0, 0, 0, .6);}
  .m_side_menu .btn_close {position:absolute; top:8px; right:10px; margin:0; height:50px; width:50px; border:0; background:none; z-index:999; padding:0;}  

  #footer .fl_cont {gap:20px 0;}
  #footer .ft_top .ft_logo {flex-wrap:wrap; flex-direction:column-reverse;}
  #footer .ft_top .ft_logo a span {font-size:46px;}
  #footer .ft_top .ft_logo img {margin-top:10px; margin-right:0;}
  #footer .ft_bot {text-align:center;}

  .ft_qgo li a {width:60px; height:60px; line-height:58px;}
  .ft_qgo li a img {width:30px;}

  #gnb {}
  #gnb_1dul {border-top:solid 1px #ddd;}
  .gnb_1dli {border-bottom:solid 1px #ddd; font-size:1.2em; position:relative;}
  .gnb_1da {color:#333; line-height:60px; padding-left:30px;}
  .gnb_2dul {display:none; padding:0 30px 30px;}
  .gnb_2dli {padding:10px 0 0 14px; font-size:0.9em;}
  .gnb_2da {color:#333;}
  .gnb_2da:hover {color:#333;}
  .btn_gnb_op {width:20px; height:20px; border:0; background:url('../img/nav_sub_arrow.png') no-repeat 50% 50%; text-indent:-9999px; position:absolute; top:20px; right:23px;}


  /* 공통 */
  br {display:none;}

  .fl_cont {flex-wrap:wrap;}
  .wid_50 {width:100%;}

  .title {font-size:2em; padding-bottom:36px;}
  .title span {font-size:1.6rem;}
  .title::after {margin-top:24px;}

  .sub_title {font-size:1.8em; padding-bottom:24px;}

  .txt_cont {padding-bottom:20px; font-size:1.05em;}
  .txt_cont.ft_big {font-size:1.1em;}

  .pad_top_120 {padding-top:100px;}
  .pad_top_100 {padding-top:80px;}
  .pad_bot_120 {padding-bottom:100px;}
  .pad_bot_100 {padding-bottom:80px;}

  .cont02 .cont03 {padding:0;}

  .top_box {height:240px; line-height:240px; font-size:2em;}

  .grid_3 {grid-template-columns:repeat(1, minmax(0, 1fr)); gap:30px;}
  .grid_4 {grid-template-columns:repeat(1, minmax(0, 1fr)); gap:30px;}

  .dft_dl {margin-bottom:10px; font-size:1.1em;}

  .as .img_box h4 {padding-top:14px; font-size:1.2em;}
  .as .img_box p {padding:4px 10px 0;}

  .clinic ul li:last-child {padding-bottom:0;}

  .icon_list li .img {width:160px; height:160px; line-height:160px; margin-bottom:16px;}
  .icon_list li .img img {width:80px;}

  .point h3 {font-size:1.05em; padding:14px;}
  .point h3::before {left:0;}
  .point h3::after {right:0;}

  .dft_dl dt {width:28%;}
  .dft_dl dd {width:72%;}

  /* 메인 */
  .mainbanner {height:40vh;}

  .clinic_go ul {flex-wrap:wrap; gap:30px 10px;}
  .clinic_go ul li {width:calc(50% - 5px);}
  .clinic_go ul li h4 {padding:7px 22px 8px; margin-top:12px; font-size:1.05em;}

  .main_info {padding-bottom:0;}
  .main_info h3 {text-align:center; font-size:1.8em;}
  .main_info .icon {text-align:center; gap:30px 20px;}
  .main_info .img_box {position:inherit; padding-top:50px;}

  .main_map .map_in {max-width:100%; padding:60px 20px; text-align:center;}

  .main_contact .fl_cont {gap:30px;}
  .main_contact .time .dft_dl dt {width:96px;}
  .main_contact a {height:62px; line-height:60px;}

  /* 서브 */
  .doctor .img_box {padding-right:0;}
  .doctor .text_box {padding-top:30px;}
  .doctor .text_box .name {text-align:center; font-size:1.2em;}
  .doctor .text_box h5 {text-align:center; margin:10px 0 0;}
  .doctor .text_box ul li {font-size:1.1em; padding-left:16px;}
  .doctor .text_box ul li::before {width:5px; height:5px; top:10px;}

  .equi_area {grid-template-columns:repeat(1, minmax(0, 1fr));}
  .equi_area .equi_box .txt_box h4 {height:42px; line-height:41px; font-size:1.3em; padding:0 30px;}
  .equi_area .equi_box .txt_box p::after {width:5px; height:5px; top:9px;}

  .info .info_box {gap:40px; padding:40px 0 0;}
  .info .info_tit {margin-bottom:20px; font-size:1.4em;}
  .info .info_tit img {width:24px;}
  .info .hours {width:100%;}
  .info .address {width:100%;}

  .step {gap:10vw;}
  .step li::after {top:100%; left:50%; transform:translateX(-50%) rotate(135deg);}

  .row_list li {flex-direction:column;}
  .row_list li .img {width:100%;}
  .row_list li .txt {width:100%; padding:20px 10px;}

  .num_list {padding:30px 20px;}
  .num_list li {text-align:center; padding-left:0; margin-bottom:24px;}
  .num_list li .num {position:inherit;}

  .icon_list li h4 {padding-bottom:4px;}

  .machine .img_box {width:100%;}
  .machine .text_box {width:100%;}
  .machine .text_box h4 {font-size:2em; text-align:center; padding:20px 0;}
  .machine .text_box h4 span {font-size:16px; margin:0 0 6px; letter-spacing:6px;}
  .machine .text_box p {text-align:center;}
  .machine .text_box p:nth-of-type(1) {padding-bottom:10px;}
  .machine .text_box ul li {padding-bottom:6px; font-size:1.05em;}
  .machine .text_box ul li::after {width:5px; height:5px; top:9px;}


  .big_img_box .txt_box {max-width:100%; padding:60px 20px;}
  .big_img_box .txt_box .sub_title::after {margin:20px auto 0;}

  .graph01 .img_box {padding:40px 20px; text-align:center;}

  .graph02 .img_box {padding:20px;}
  
  .hospital .logo_area {padding:20px; gap:10px 20px; border-radius:16px;;}
  .hospital .logo_area img {width:46%;}

  .dream_bg .img_list {gap:30px 10px;}
  .dream_bg .img_list img {max-width:100px;}
  .dream_bg .img_list h4 {padding-top:20px;}

  .in_list {flex-wrap:wrap; gap:12px;}
  .in_list li {width:100%; padding:13px 10px !important;}
  .in_list li span {padding-bottom:6px;}
  .in_list li p {padding-top:6px;}

  .amsler .big_img_box {padding-top:0 !important;}
  .amsler .img_box {padding-left:0; justify-content:center;}
  .amsler .img_box .img_in {padding:0; margin:0 20px;}

  .check_list.grid_4 {grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}

  .dry_eye, .misight, .retina, .vein {height:300px;}
}


@media (max-width:480px) {
  .top_box {height:200px; line-height:200px; font-size:1.8em;}

  .title {font-size:2em; padding-bottom:30px;}
  .title::after {margin-top:20px; height:30px;}

  .sub_title {font-size:1.75em;}

  .grid_4 {grid-template-columns:(1, minmax(0, 1fr));}

  .num_list li h4 {font-size:1.3em; margin-bottom:6px;}
  .num_list li p {font-size:0.9em;}

  .img_list li h4 {font-size:1.2em;}
  .img_list li p {font-size:0.95em;}


  .clinic_go ul li {width:100%;}
  .main_info .icon {grid-template-columns:repeat(1, minmax(0, 1fr));}

  .equi_area .equi_box {padding:10px;}
  .equi_area .equi_box .txt_box h4 {font-size:1.2em; height:40px; line-height:39px;}

  .dream_bg .txt_cont {padding-bottom:40px;}
  .dream_bg .img_list img {max-width:80px;}
  .dream_bg .img_list h4 {padding-top:14px;}

}