@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=Jost:ital,wght@0,100..900;1,100..900&display=swap');

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

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

@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-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.2px;
}
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;}

ul {list-style:none; padding:0; margin:0;}

.ft_js {font-family: 'Jost';}
.ft_tvn {font-family: 'OTEnjoystoriesBA';}
.ft_ink {font-family: 'InkLipquid'; font-weight:normal;}
.ft_somi {font-family: 'Somi'; font-weight:normal;}

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; z-index:40;}
.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 {padding:15px 0; background-color:#fff;}
.top_logo .inner {position:relative;}
.top_logo img {width:100%; max-width:330px;}
.top_logo .tel_qgo {position:absolute; top:50%; right:8%; transform:translateY(-50%);}
.tel_qgo li { margin-left: 5px;  display: inline-block; list-style: none;}
.tel_qgo li a {
    background-color: #eee;
    border-radius: 26px;
    padding: 6px 20px;
    font-size: 23px;
    color: #fff;
    font-weight: 500;
	display: inline-block;
}
.tel_qgo li a.top_tel{background-color: #009944;}
.tel_qgo li a.top_tel .hd_tel_icon{}
.tel_qgo li a.top_tel .hd_tel_icon img{max-width:20px}
.tel_qgo li a.top_naver{background-color: #01c639;}
.tel_qgo span {padding-left:3px;}


.nav > li > a {padding:0; height:55px; line-height:55px;}

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

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

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

  .navbar-shrink {top:0 !important;}

}


.navbar-default,
.navbar-inverse {
}

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

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

.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;
}
.bold {
    font-weight: 600;
}
#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:132px;} 

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

.inner {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;	
}
.tab_inner {max-width:1080px; width:100%; margin:0 auto;}

.deco_eng {font-size:15px; color:#a5ddff; letter-spacing:6px; margin:0;}
.bold {font-weight:800 !important;}

.pink {color:#009944 !important;}
.green {color: #009944 !important;}
.green2 {color: #78de00 !important;}
.gray {color:#666 !important;}
.white {color:#fff !important;}
.wh_gray {color:#ddd !important;}
.blue {color:#0288df !important;}
.sk_blue {color:#81d4ff  !important;}

.wid_50 {width:50%;}
.wid_60 {width:60%;}
.wid_100 {width:100%;}

.pd_b0{padding-bottom:0 !important}

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

.top_tit {text-align:center;margin:20px 0 50px;}
.top_tit .title_logo {margin-bottom:10px;}
.top_tit h3 {
    font-size: 2.8em;
    color: #000;
    font-weight: 300;
    margin: 0;
    line-height: 1.4;
    word-break: keep-all;
    letter-spacing: -2px;
}
.top_tit .sub_txt {font-size:23px; color:#252324; line-height:1.4; word-break:keep-all; padding-top: 10px;}

.main_q_go {position:fixed; top:26%; right:50px; z-index:40;}
.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:#f78899; padding:0;}
.main_q_go ul li.top_go a {color:#fff; border-bottom:0; height:45px; line-height:45px;}

/* 모달 */
.modal_btn {cursor:pointer; color:#d5d5d5;padding-bottom: 10px; font-size: 18px;}
.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 .modal_img {height:80vh; overflow-y:scroll;}
.modal .modal-content .modal_img img {width:100%;max-width: 582px;}

/*메인*/
.main {height:700px; background:url('../img/main_bg.jpg') no-repeat 50% 50%; background-size:cover; position:relative;}
.main .main_box {width:100%; text-align:center; position:absolute; top:45%; left:50%; transform:translate(-50%, -50%); padding:0 20px;}
.main .deco_eng {color:#888;}
.main h2 {font-size:68px; color:#fd5974; font-weight:300; margin:30px 0 20px;}
.main h2 span {font-weight:500;}
.main h3 {font-size:35px; color:#4a4a4a; font-weight:400; margin:0;}
.main p.reserv {font-size:20px; color:#777; word-break:keep-all; margin-top:20px;}

.main_area {padding:120px 0;}

.img_list {display:flex; gap:1%;}
.img_list li {flex:1; text-align:center;}
.img_list li .img_box {position:relative}
.img_list li .img_box img {
    width: 100%;
    max-width: 210px;
    border: 1px solid #a1a1a1;
    border-radius: 100%;
    padding: 2px;
}
.img_list li .img_box h4{position:absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);font-size:25px; width: 100%; color: #fff;}
.img_list li p {font-size:20px; padding-top: 10px; color:#666; word-break: keep-all;}



.profile {position:relative; padding-bottom:90px}

.profile .profile_box {}
.profile .bs1_info {display: flex; gap: 60px; flex-wrap: nowrap; align-items: center;}
.profile .bs1_info .img_box{width:calc(40% - 30px)}
.profile .bs1_info .text_box {width:calc(60% - 30px)}

h3.sub_tit_md  {
    font-size: 1.4em;
    line-height: 1.3;
    margin-bottom: 10px;
    word-break: keep-all;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.profile .bs1_info {}
.profile .bs1_info ul li{font-size:20px; padding-bottom:15px; word-break: keep-all;}
.profile .profile_box1 .img_box{text-align:right}
.profile .profile_box1 .img_box img{width:100%; max-width:600px;}

.bs1Bg_img {
    width: 100%;
    height: 1160px;
    border-radius: 10px;
    background-image: url(../img/bs1Bg_img.jpg);
	background-size:cover;
    background-position: center;
    background-repeat: no-repeat;	
}

.bs1_infoBox{padding: 20px 0;}
.bs1_infoBox .bs1_list{}

.bs1_infoBox .bs1_list ul{    padding-left: 22px;}
.bs1_infoBox .bs1_list ul li {
    padding: 3px 0;
    font-size: 1.2em;
    color: #555;
    list-style: disc;
}
.bs1_infoBox .bs1_list ul li dl{
    font-size: 0.9em;
    padding-top: 6px;
    margin: 0;	
}
.bs1_infoBox .bs1_list ul li dl dt{}
.bs1_infoBox .bs1_list ul li dl dd{
    padding-left: 9px;
    padding-bottom: 7px;	
}

.bs1_info_txt2{padding-top: 50px;}

.sub_titBox{}
.sub_titBox h3{ font-size: 1.8em; padding-bottom: 10px; padding-left: 31px; position:relative;}
.sub_titBox h3:before {
    display: block;
    position: absolute;
       top: 6px;
    left: 0;
    width: 23px;
    height: 23px;
    background: url(../img/tit_dot.png) no-repeat;
    background-size: cover;
    content: "";
}

.sub_tit_sm{font-size: 1.3em; padding-bottom: 15px;}

.bs2Area{
    background-image: url(../img/bs2_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.bs2_txtBox {
    background: rgb(0 0 0 / 34%);
    border: 1px solid #bebebe;
    padding: 40px 50px;
    line-height: 1.8;
    margin: 20px 0;
    text-align: center;
    color: #fff;
}
.bs2_txtBox p{font-size: 1.2em;}	
.bs2_info ul{padding-left: 22px; margin-bottom: 50px;}
.bs2_info ul li{
    padding: 3px 0;
    font-size: 1.2em;
    color: #555;
    list-style: disc;	
	color:#fff
}

@media (max-width:1199px) {
	.profile:after { background-size: contain; width: 100%; bottom:8%}
}

@media (max-width:980px) {
	.profile:after {bottom:0}
	
	
    .sub_titBox h3{font-size:1.3em;}
	.sub_titBox h3:before{ top: 2px; width: 19px; height: 19px;}
	.sub_tit_sm { font-size: 1.1em;}
	h3.sub_tit_md{font-size:1.1em;}
	
	.profile .bs1_info ul li{font-size: 1em;} 	
	
	.bs2_txtBox{    padding: 30px 30px;}
	.bs2_txtBox p{font-size: 1em; line-height: 1.4;}	
	.bs2_info ul li{font-size: 1em;} 	
}
@media (max-width:860px) {
	.profile .bs1_info{flex-wrap: wrap; gap: 20px;}

	.profile .bs1_info .img_box{width:100%}
	.profile .bs1_info .text_box{width:100%;}	
	
    .bs1Bg_img{max-width: 1600px; height: 240px; background-position: 100% 71%;}

	

}


.info {
    background: url(../img/info_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.info .img_list {margin-top:60px;}

.info .bs1_info {display: flex; gap: 60px; flex-wrap: nowrap; align-items: center;	flex-direction: row-reverse;}
.info .bs1_info .img_box{width:calc(40% - 30px)}
.info .bs1_info .text_box {width:calc(60% - 30px)}

@media (max-width: 980px) {
    .bs1_infoBox .bs1_list ul li {
        font-size: 1em;
    }
}


@media (max-width:860px) {
    .info .bs1_info {
        flex-wrap: wrap;
        gap: 20px;
    }	
	.info .bs1_info .text_box{width:100%;}
	.info .bs1_info .img_box{width:100%;}
}



.bs3Area{}
.bs3Area .bs3_imgBox{ margin-top: 50px;}
.bs3Area .bs3_imgBox img{width:100%; max-width:1200px;}
.bs3Area .bs3_imgBox img.bs3_img_pc{}
.bs3Area .bs3_imgBox img.bs3_img_mo{display:none;}

@media (max-width:980px) {
	.bs3Area .bs3_imgBox{    margin-top: 20px;}	
	.bs3Area .bs3_imgBox img.bs3_img_pc{display:none;}
	.bs3Area .bs3_imgBox img.bs3_img_mo{display:block;}
}


.bs4_txtBox {
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 30px 30px;
    margin: 0px 0 20px;
}
.bs4_txtBox h6{font-size: 1.3em; padding-bottom: 10px;}
.bs4_txtBox ul{padding-left: 22px;}
.bs4_txtBox ul li{
	padding: 3px 0;
    font-size: 1.1em;
    color: #555;
    list-style: decimal-leading-zero;	
}
.bs4Bg_img {
    width: 100%;
    height: 950px;
    border-radius: 10px;
    background-image: url(../img/bs4Bg_img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


@media (max-width: 980px) {	
	.bs4_txtBox{font-size: 0.9em;}
}

@media (max-width:860px) {
    .bs4Bg_img {
        max-width: 1600px;
        height: 240px;
        background-position: 100% 71%;
    }	
}



.surgery {/*background-color:#f7f7f7;*/background: url(../img/surgeryBg.jpg) no-repeat 50% 50%; background-size: cover;}
.surgery ul.img_list {display:flex; gap:20px; margin:60px auto 0;}
.surgery ul.img_list li {
    flex: 33.33%;
    text-align: left;
    position: relative;
	overflow:hidden
}
.surgery ul.img_list li img {width:100%;}
.surgery ul.img_list li .sur_txtBox {
    padding: 20px;
    position: relative; 
    margin-top: -60px;
    width: 90%;
	max-width: 500px;
    background: #fff;
	float:right;
	min-height: 350px;
}
.surgery ul.img_list li .sur_txtBox h6 {
    display: inline-block;
    background: #009944;
    color: #fff;
    padding: 10px;
    font-size: 27px;
    border-radius: 3px;
}
.surgery ul.img_list li .sur_txtBox h4 {
    font-size: 32px;
    font-weight: 600;
    margin: 12px 0;
    word-break: keep-all;
	line-height: 1.2;
}

@media (max-width:860px) {
	.surgery ul.img_list {display: block; padding-bottom: 0px; max-width: 600px; margin: 40px auto 0;}	
	.surgery ul.img_list li{margin-bottom: 50px;}
	.surgery ul.img_list li:last-child{margin-bottom: 0px;}
	.surgery ul.img_list li .sur_txtBox{min-height: auto;}
}

@media (max-width:500px) {
	.img_list li p {font-size: 16px;}
}


.facility {background-color: #003369;}
.fac_sub_titBox{ border-radius: 26px; padding: 7px 20px; background-color: #009944; display: inline-block;}
.fac_infoArea{}
.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;}
}

/*오시는길*/
.map {}
.map_infoBox{display:flex; gap:60px; padding-top:50px; align-items: center;}
.map_infoBox .map_info_sp{width:calc(60% - 30px);}
.map_infoBox .map_info_txt{width:calc(40% - 30px);}

.map_tel{text-align:center;}
.map_tel h5{font-size:20px;}
.map_tel a {
    display: inline-block;
    padding-bottom: 0px;
    font-size: 2.2em;
    font-weight: 900;
    background: #009944;
    color: #fff;
    padding: 3px 30px;
    border-radius: 50px;
}
.map_tel a span{ padding-right:15px;}
.map_tel a span img{width:100%; max-width:30px; vertical-align: baseline;}


.map .q_go_area {margin:50px 0; text-align:center;}
.map .q_go_area a {display:inline-block; width:100%; max-width:330px; height:60px; border-radius:22px;}
.map .tel_qgo {vertical-align:top; font-size:34px; margin-right:26px;}
.map .tel_qgo span {font-size:13px; line-height:16px; top:14px;}
.map .kakao {background-color:#fbd022; padding:13px 0; position:relative;}
.map .kakao img {position:absolute; top:12px; left:25px;}
.map .kakao span {display:inline-block; height:34px; line-height:32px; background-color:#fff; border-radius:20px; font-size:22px; font-weight:500; margin-left:48px; padding:0 38px;}
.map .fl_box {margin-top:50px; align-items: center;}
.map .mapBox {width:100% !important;}
.map .map_info {padding-bottom:50px;}
.map .map_info .add_box {position:relative;}

.map .map_info .add_box p {}
.map .map_info .add { }
.map .map_info .add h4 {
    background: #009944;
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin: 20px 0;
    font-size: 27px;
    font-weight: 600;	
}
.map .map_info .add h4 span {
    font-weight: 400;
    font-size: 22px;
    padding-top: 8px;
    display: inline-block;
}
.map .map_info .add p {font-size:22px; font-weight:400;  word-break: keep-all;}
.map .map_info .add p.subway {color:#647c1e; padding-top:4px;}
.map .map_info .add p.subway span {display:inline-block; width:22px; height:22px; line-height:20px; background-color:#647c1e; color:#fff; border-radius:50%; text-align:center; margin-left:8px;}
.map .map_info .time {}

.map .map_info .time h4 {}
.map .map_info .time table {
    width: 100%;
    margin: 0 auto;
}
.map .map_info .time table tr {
    border-bottom: 1px #d4d4d4 dashed;
}
.map .map_info .time table th, .map .map_info .time table td{ padding: 10px 0;}

.map .map_info .time table th {
    font-size: 24px;
    font-weight: 500;
    width: 30%;
}
.map .map_info .time table th span.nt_time{font-size:18px; letter-spacing: 0.3px;}
.map .map_info .time table td {
    font-size: 20px;
	text-align: right;
}
.map .map_info .time table td span {
    font-size: 24px;
    letter-spacing: 1px;
}
.map .map_info .time p {
    font-size: 19px;
    padding: 3px 17px;
    word-break: keep-all;
    background: #ffffff;
    display: inline-block;
    font-weight: 400;
    margin-top: 14px;
    border-radius: 50px;
	color:#08d
}
.map .map_info .time p img {
    margin-right: 7px;
    vertical-align: initial;	
}


.map_info2 {
    background: #ffffffc9;
    border: 3px solid #a1a1a1;
    padding: 23px 30px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    border-radius: 10px;
}
.map_info2 .map_info2_img{width: 30%; text-align: center; border-right: 1px solid #bebebe;}
.map_info2 .map_info2_img img{max-width: 200px; width: 100%;}
.map_info2 h4{
    font-size: 40px;
    width: 70%;
    text-align: center;	
	color: #19721f;
}
.map .map_info .map_info3 {
    font-size: 19px;
    padding: 3px 17px;
    word-break: keep-all;
    font-weight: 400;
    margin-top: 14px;
    border-radius: 0;
    color: #c7c7c7;
    margin: 9px auto;
    text-align: center;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}

#footer {background-color:#171717; padding:50px 0 60px;}
#footer .fl_box {display:flex; align-items:center;}
#footer .img_box {padding-right:50px;}
#footer .img_box img {width:100%; max-width:270px;}
#footer .ft_infoBox {max-width:630px; }
#footer .ft_text {display:flex; flex-wrap:wrap; gap:3px 14px;}
#footer .ft_text li {font-size:15px; color:#d5d5d5; font-weight:300; position:relative;}
#footer .ft_text li::after {content:''; display:inline-block; width:1px; height:14px; background-color:#5b5b5b; position:absolute; top:5px; right:-8px;}
#footer .ft_text li.af_none::after {display:none;}
#footer .ft_text .copy_r {padding-top: 10px; display:block; width: 100%;}
#footer .ft_text .copy_r a {}
#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:9999;}
.scroll-top .btn {
    width: 50px;
    height: 50px;
    line-height: 44px;
    font-size: 18px;
    color: #fff;
    margin: 0;
    border: 0;
    padding: 0;
    background-color: #009944;
    border-radius: 50%;
    padding-right: 2px;
}

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

@media (max-width:969px) {

  #container {margin-top:136px;}

  .main_area {padding:70px 0}
  .inner {padding:0 30px;}
  .wid_60 {width:100%;}

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

  .top_logo .tel_qgo {right:2%;}
  .main {height:580px;}
  .main h2 {font-size:54px;}
  .main h3 {font-size:25px;}
  .main p.reserv {font-size:18px;}
  .deco_eng {font-size:13px;}
  
  .top_tit{    margin: 20px 0 23px;}
  .top_tit h3 {font-size:33px; margin:10px 0 16px;}
  .top_tit h3 br{display:none}
  .top_tit .sub_txt {font-size:20px;}

  .img_list {}
  .img_list li {flex:calc(33.333% - 15px);}
  .img_list li .img_box img {}
  .img_list li .img_box h4{font-size:22px;}

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

  .map .map_info .add {}

  .map .map_info .time {margin-top:15px;}

  .mapBox {width:100% !important;}

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

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

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


@media (max-width:860px) {
	.map_infoBox{flex-wrap: wrap;    padding-top: 30px;}
	.map_infoBox .map_info_sp{width:100%;}
	.map_infoBox .map_info_txt{width:100%;}
	
	.map .mapBox{height:230px !important;}
	.mapBox.root_daum_roughmap .wrap_map{height:230px !important;}
	
  #footer{ padding: 40px 0 50px;}
  #footer .fl_box {flex-wrap:wrap; justify-content:center;}
  #footer .img_box {padding-right:0; margin-bottom:20px;}
  #footer .ft_text {justify-content:center;}
  #footer .ft_text li{ text-align: center;}	
  #footer .ft_text li::after {display:none;}	
}




@media (max-width:767px) {

  .mo_br {display:block !important;}
  
  .top_logo {padding:15px 0;}
  .top_logo .tel_qgo {display:none;}
  .navbar-toggle {position:absolute; top:0; right:0;}
  #container {margin-top:59px;}
  .inner {padding:0 20px;}

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

  .menu_btn {display:inline-block; width:40px; height:26px; position:absolute; top:17px; right:12px; cursor:pointer;}
  .menu_btn span {display:inline-block; width:30px; height:2px; background-color:#000; 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%);}

  .main {height:500px;}
  .main h2 {font-size:32px;}
  .main h3 {font-size:18px; line-height:1.4;}
  .main p.reserv {font-size:16px; margin-top:10px;}
  .deco_eng {font-size:11px;}
 
  .top_tit .title_logo {width:60px;}
  .top_tit .sub_txt {font-size:16px;}

  .img_list li .img_box img {max-width:165px;}
  
  .info .img_list li p {font-size:16px;}


  .map{background-position: 66% 62%;}
  .map .q_go_area {margin:30px 0;}
  .map .q_go_area a {max-width:260px; height:50px;}
  .map .tel_qgo {font-size:30px; padding:6px 30px 10px 60px; margin-right:0; margin-bottom:10px;}
  .map .tel_qgo span {top:10px;}
  .map .kakao {padding:10px 0;}
  .map .kakao img {width:30px; left:22px;}
  .map .kakao span {height:32px; line-height:30px; font-size:18px; padding:0 32px;}
  
  .mapBox {height:320px !important;}
  
  .map_info2{flex-wrap: wrap;}
  .map_info2{padding: 10px 20px;}
  .map_info2 .map_info2_img{width: 100%; border-right:0;padding-bottom: 10px;}
  .map_info2 .map_info2_img img{max-width: 147px;}
  .map_info2 h4 {font-size: 31px;width: 100%;}
  

  .main_q_go {top:58px; right:0; width:100%; border-bottom:solid 1px #eee;}
  .main_q_go ul {display:flex; border-radius:0;}
  .main_q_go ul li {flex:1; padding:10px !important;}
  .main_q_go ul li.top_go {display:none;}
  .main_q_go ul li a {border-bottom:0; width:auto;}
  .main_q_go ul li .img_box {display:flex; align-items:center; justify-content:center; height:36px;}
  .main_q_go ul li .img_box img {}
  .main_q_go ul li:nth-child(1) .img_box img {width:20px;}
  .main_q_go ul li:nth-child(2) .img_box img {width:34px;}
  .main_q_go ul li:nth-child(3) .img_box img {width:34px;}
  .main_q_go ul li:nth-child(4) .img_box img {width:38px;}
  .main_q_go ul li:nth-child(5) .img_box img {width:30px;}
  .main_q_go ul li h4 {padding-bottom:0;}


}

@media (max-width:680px) {
  .map .map_info {padding-bottom: 30px;} 
  .map .map_info .add_box h4 {font-size:18px;}
  .map .map_info .add {margin-bottom:14px;}
  .map .map_info .add h4{margin: 10px 0;}
  .map .map_info .add h4 span{font-size: 17px;}
  .map .map_info .add p {font-size:16px;}
  .map .map_info .time table th {font-size:16px;}
  .map .map_info .time table td {font-size:16px;}
  .map .map_info .time table td span {font-size:16px;}  
  .map .map_info .time table th span.nt_time {font-size: 14px;}
  .map .map_info .map_info3 {font-size: 16px;}  
  
  .map_tel a{font-size: 23px;    padding: 3px 22px;}
  .map_tel a span{padding-right: 10px;}	
  .map_tel a span img{    max-width: 23px;}
}


@media (max-width:500px) {
  .top_tit h3 {font-size:30px; line-height: 1.3;}
  
  .img_list li{flex: calc(50% - 10px);}
  .img_list li .img_box img {}
}


 
.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 h4 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 10px;
    display:block;
}
.equi_area .equi_box .txt_box p {
    position: relative;
    padding-left: 14px;
    font-size: 1.15em;
    font-weight: 400;
    margin-bottom: 8px;
    display: inline-block;
}


/*상담신청*/
.csArea{
    background: url(../img/csBg_img.jpg) no-repeat;
    background-size: cover;
    background-position: center;
	background-attachment: fixed;
}
.csArea .cs_box {
    margin: 50px auto 0;
    background: #fff;
    padding: 50px;
    border-radius: 8px;
    border: 8px solid #ddd;
}

@media (max-width:860px) {
	.csArea .cs_box{padding: 35px 30px;}
}
/*상담신청*/