/*폰트*/
* {
  font-family:  'Pretendard';
  margin: 0;
  padding: 0;
}
html {

      /* Prevent font scaling in landscape */

     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/

     -moz-text-size-adjust: none; /*Firefox*/

     -ms-text-size-adjust: none;  /*Ie*/

     -o-text-size-adjust: none; /*old versions of Opera*/

}



@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');


@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
/*초기화*/
html,body {font-size: 16px;height: 100%;width: 100%;font-family:'Pretendard';color: #293846;}
h1,p,ul {  margin: 0;  padding: 0;}
li {list-style: none;}
a {color: #293846;text-decoration: none !important;}
.left {float: left !important;}
.right {float: right !important;}
.clear {clear: both;}
p {margin: 0;padding: 0;word-break: break-all;word-wrap: break-word;}
b {font-weight: bold;}
br {font-family: 'Pretendard' !important;}
.img-responsive {max-width: 100%;display: block;height: auto;}
.over-h {overflow: hidden;}
.padding-0 {padding: 0 !important;}
.margin-0 {margin: 0 !important;}
.m-auto {margin: auto;}
.w-100 {width: 100% !important;}
.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.fc01 {color:#F8F9FA;}
.fc02 {color:#36B0C0}
.fc03 {color:#E0E1E3}
.fc04 {color:#293846}
.fc05 {color:#2D4D69;}
.fc06 {color:#58595B}
.fc07 {color:#43B5C4;}
.fc08 {color:#2B2C2E;}
.nanum{font-family: 'Nanum Myeongjo', serif;}
.nanum span{font-family: 'Nanum Myeongjo', serif;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}

.text-c {text-align: center;}
.text-r {text-align: right;}
.text-l {text-align: left;}
.wbk {word-break: keep-all;}
.line_h {line-height: 1.6;}
.visible-xs {display: none !important;}
.visible-md {display: none !important;}
.visible-sm {display: none !important;}

/*공통*/
.container {max-width: 1300px;margin: auto;overflow: hidden;}
.ft01 {font-size: 1.06rem;} /*17*/
.ft02 {font-size: 1.1rem;} /*18*/
.ft03 {font-size: 1.18rem;} /*19*/
.ft04 {font-size: 1.3rem;} /*21*/
.ft05 {font-size: 1.5rem;} /*24*/
.ft06 {font-size: 2rem;} /*32*/
.ft07 {font-size: 2.25rem;} /*36*/
.ft08 {font-size: 2.5rem;} /*40*/
.ft09 {font-size: 2.8rem;} /*44*/
.ft10 {font-size: 3.8rem;} /*60*/

body.scrollLock{ overflow: hidden;}

.ment {background:#2D4D69;padding:15px 0}
.ment.on{display:none;transition:All .3s ease}

#header{border-bottom:1px solid #f2f2f2;padding:38px 0;transition:All .3s ease}
#header.on{z-index:99;padding:25px 0;position:fixed;width:100%;background:rgba(255,255,255,0.95);transition:All .3s ease}
#header.on .wrap{padding:10px 0;transition:All .3s ease}
#header.on .h_menu ul li a {font-size: 1.06rem;transition:All .3s ease}
#header.on .h_logo img{width:160px;transition:All .3s ease}
#header.on #submenu{top:91px;}
#header .wrap{max-width:1800px;margin: auto;position:relative;}
#header .h_logo{position:absolute;left:0;top:50%;transform:translateY(-50%);}
#header .h_menu{margin:auto;width:60%;}
#header .h_menu ul{overflow:hidden;}
#header .h_menu ul li{float:left;text-align:center;width:20%;}
#header .h_menu ul li a {font-size: 1.18rem;}
#header .h_num{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#36B0C0;border-radius:100px;padding:15px;}
#header .h_num p{display:inline-block}

#submenu{display:none;height:300px;position:Absolute;width:100%;z-index:99;top:143px;padding:55px 0;background:url('/img/main/menuBg01.png') no-repeat right bottom #fff;border-bottom:3px solid #36B0C0}
#submenu .submenuWrap {max-width:1080px;margin:auto;overflow:hidden}
#submenu .submenuWrap ul{float:left;width:20%}
#submenu .submenuWrap ul li{text-align:center;margin:3px 0}
#submenu .submenuWrap ul li a{font-size: 1.06rem;display:inline-block;padding:10px 20px;}
#submenu .submenuWrap ul li a:hover{color:#36B0C0;font-weight:700;background:url('/img/main/menuBg02.png') no-repeat right 50%;}

.m_wrap{display:none;}

#main section{padding:150px 0;overflow:hidden}

#main .mainSlide{overflow:hidden}
#main .mainSlide .mySwiper{position:relative;}
#main .mainSlide .swiper-slide{position:Relative;}
#main .mainSlide .swiper-slide .txt{opacity:0;position:Absolute;text-align:center;width:90%;left:50%;top:50%;transform:translateX(-50%);transition:all 1.5s ease;}
#main .mainSlide .swiper-slide .txt .shadow{position:relative;padding:50px 0 20px 0}
#main .mainSlide .swiper-slide .txt .shadow:before{display:Block;position:absolute;font-weight:700;font-size:5rem;color:rgba(248, 249, 250, 0.1);text-align:Center;left:50%;top:0;transform:TranslateX(-50%)}
#main .mainSlide .swiper-slide .txt .shadow01:before{content:'올바르다'}
#main .mainSlide .swiper-slide .txt .shadow02:before{content:'정확하다'}
#main .mainSlide .swiper-slide .txt .shadow03:before{content:'친절하다'}
#main .mainSlide .swiper-slide-active .txt{opacity:1;transform:translate(-50%,-50%);transition:all 1.5s ease;}
#main .mainSlide .swiper-button-prev, #main .mainSlide .swiper-button-next{width:70px;height:70px;bottom:auto;top:50%;transform:translateY(-50%)}
#main .mainSlide .swiper-button-next{background:url('/img/main/btnNext.png') no-repeat;right:15%}
#main .mainSlide .swiper-button-prev{background:url('/img/main/btnPrev.png') no-repeat;left:15%;}

#main .sec01 .com{font-size:10rem}
#main .sec01 .slogan{margin:-80px 0 30px 0}
#main .sec01 .banner ul{overflow:hidden}
#main .sec01 .banner ul li{position:relative;border-radius:20px;float:left;max-width:300px;min-width:300px;height:400px;text-align:center;background-position:center center;background-repeat:no-repeat;background-size:Cover;transition:all .5s ease}
#main .sec01 .banner ul li.ac_on{min-width:350px;transition:all .5s ease}
#main .sec01 .banner ul li.ac_off{min-width:280px;transition:all .5s ease}
#main .sec01 .banner ul li:hover .filter .more_btn:before{width:30px;height:30px;right:-12px;background:#66839C;transition:All .5s ease;}
#main .sec01 .banner ul li:nth-child(1){background-image:url('/img/main/banner01.png');margin:30px 30px 0 0}
#main .sec01 .banner ul li:nth-child(2){background-image:url('/img/main/banner02.png');margin:0 30px 0 0;}
#main .sec01 .banner ul li:nth-child(3){background-image:url('/img/main/banner03.png');margin:30px 30px 0 0}
#main .sec01 .banner ul li:nth-child(4){background-image:url('/img/main/banner04.png');margin:0}
#main .sec01 .banner ul li a{color:#F8F9FA}
#main .sec01 .banner ul li .filter{position:absolute;padding:130px 0 0 0;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);border-radius:20px;}
#main .sec01 .banner ul li .filter .eng{opacity:0.3}
#main .sec01 .banner ul li .filter .more_btn{display:inline-block;margin:50px auto 0;position:relative;}
#main .sec01 .banner ul li .filter .more_btn:before{position:absolute;right:-10px;top:50%;transform:translateY(-50%);content:'';display:block;width:25px;height:25px;background:#F8F9FA;opacity:0.5;border-radius:100px;transition:All .5s ease;}

#main .sec02{background:#f5fbfc;padding:100px 0}
#main .sec02 .box01{position:relative;float:left;width:50%;height:755px;background:url('/img/main/doctor.png') no-repeat center center;background-size:Contain}
#main .sec02 .box01 .info{position:absolute;right:10%;bottom:10%;}
#main .sec02 .box02{float:left;width:50%;}
#main .sec02 .box02 .tabWrap{position:relative;margin:0 0 30px 0}
#main .sec02 .box02 .tabWrap .tab-content{position:absolute;visibility:hidden}
#main .sec02 .box02 .tabWrap .tab-content:before{content:'';position:absolute;display:Block;left:50%;top:0;transform:translateX(-50%);width:100%;height:100%;max-width:960px;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 47.93%, rgba(0, 0, 0, 0.4) 81.26%);border-radius:40px 0 0 40px}
#main .sec02 .box02 .tabWrap .tab-content img{border-radius:40px 0 0 40px}
#main .sec02 .box02 .tabWrap .tab-content.current {position:relative;visibility:visible}
#main .sec02 .box02 .tab{position:absolute;bottom:60px;}
#main .sec02 .box02 .tab ul{overflow:hidden;width:60%;margin:auto}
#main .sec02 .box02 .tab ul li{float:left;position:relative;cursor:pointer;width:18%;margin:0 1%;}
#main .sec02 .box02 .tab ul li:before{content:'';position:absolute;display:Block;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.7);}
#main .sec02 .box02 .tab ul li.current:before{display:none;}
#main .sec02 .box02 p{letter-spacing:15px}

#main .sec03 .info{float:left;width:22%}
#main .sec03 .info table{width:100%;border-collapse:collapse;}
#main .sec03 .info table th{text-align:left;padding:5px}
#main .sec03 .mapWrap{float:right;width:75%}
#main .sec03 .mapWrap .map{width:100% !important}
#main .sec03 .mapWrap .address{padding:20px 30px;background:#36B0C0;}
#main .sec03 .mapWrap .address p{display:inline-block}
#main .sec03 .mapWrap .address a{float:right;}

footer {background:#293846;padding:40px 0;}
footer ul {overflow: hidden;}
footer p, footer a {color:rgba(248, 249, 250, 0.3);line-height: 1.6;}
footer .f_logo {float: left;width: 20%;}
footer .f_info {float: left;width: 45%;}
footer .btnPrice {float:Right}
footer .btnPrice a{display:inline-block;background:#36B0C0;padding:3px 10px;text-align:center;}

.btnTop {cursor:pointer;position:fixed;right:50px;bottom:50px;width:70px;height:70px;border-radius:100%;line-height:70px;text-align:Center;color:#F8F9FA;background:rgba(41,56,70,0.8);z-index:99;}


@media (max-width: 1800px) {
  html, body {font-size: 14px;}
  #header .wrap{width: 90%;}

}

@media (max-width: 1500px) {
	.visible-md {display: block !important;}
	.hidden-md {display: none !important;}

	.container {width: 90%;}
	
	#main .sec01 .banner ul li{width:23%;height:300px;margin:0 1% !important;min-width:auto;max-width:100%;}
	#main .sec01 .banner ul li .filter{padding:100px 0 0 0}
	#main .sec01 .banner ul li .filter .more_btn{margin:30px auto 0}
	#main .sec01 .banner ul li.ac_on{min-width:auto;transition:all .5s ease}
	#main .sec01 .banner ul li.ac_off{min-width:auto;transition:all .5s ease}
	
	#main .sec02 .box01{float:none;width:90%;height:auto;margin:0 auto 20px;background:none}
	#main .sec02 .box01 img{width:70%}
	#main .sec02 .box01 .info{bottom:auto;top:50%;transform:translateY(-50%);}
	#main .sec02 .box02{float:none;width:100%;margin:Auto;}

	footer .f_logo {float: none;width: 100%;}
	footer .f_info {float: none;width: 100%;margin: 20px 0 10px 0;}
}

@media (max-width: 1366px) and (min-width: 1024px) {

}

@media (max-width: 1024px) {
	html, body {font-size: 12px;}
	.visible-sm {display: block !important;}
	.hidden-sm {display: none !important;}
	
	#headerWrap{display:none}
	.m_wrap{display:block;position:relative;padding:15px 0;width:100%;z-index:99;top:0;border-bottom:1px solid #fff;background: #fff;}
	.m_wrap.on{position: fixed;}
	.m_wrap .logo{display:block;margin:auto;text-align:center;width: 30%;}
	.m_wrap .logo img{width:100%;}
	.m_menu{position:fixed ;top: 0;right: -100%;bottom: 0;width:80%;height: 100%;background:#fff;z-index:9999;-webkit-box-shadow: -5px 8px 18px 0px rgba(0, 0, 0, .07);box-shadow: -5px 8px 18px 0px rgba(0, 0, 0, .07);}
	.menu_btn {display:block;width:24px;height:24px;top: 50%;right: 15px;transform:translateY(-50%);position: absolute;z-index: 9999;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
	.m_menu_close{display:block;width:24px;height:24px;top:30px;right: 15px;transform:translateY(-50%);position: absolute;z-index: 9999;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
	.h_tel{display:block;position:absolute;left:15px;top: 50%;transform:translateY(-50%);position: absolute;z-index: 9999;cursor: pointer;}

	#lnb {padding:50px 0 0 0;background:#fff;overflow: scroll;width: 100%;height: 100%;}
	#lnb .mQuick{width:85%;margin:auto}
	#lnb .mQuick ul{overflow:hidden}
	#lnb .mQuick ul li{float:left;width:33.333%;text-align:center}
	#lnb .lnb_box{margin:30px 0 0 0;padding:30px 0 0 0;border-top:8px solid #F8F9FA}
	#lnb .depth01 {display: block;padding: 12px 20px;position: relative;top: 0;left: 0;text-align: left;color: #293846;font-weight:700;font-size: 1.5rem;}
	#lnb .depth01 .down{display:block;float:right;}
	#lnb .depth02{display:none;text-align:left}
	#lnb .depth02 li a{padding:10px 30px;display: inline-block;position:relative;top:0;left:0;color:#58595B;font-size: 1.06rem;}
	#lnb .depth02 li a:hover{color:#36B0C0;font-weight:700;background:url('/img/main/menuBg02.png') no-repeat right 50%;}


	#main section{padding:100px 0}
	#main .sec01 .banner ul li{width:48%;height:200px;margin:1% !important;}
	#main .sec01 .banner ul li .filter{padding:50px 0 0 0;}

	#main .sec02 .box02 p{letter-spacing:10px}
	#main .sec02 .box02 .tabWrap .tab-content img{border-radius:0}
	#main .sec02 .box02 .tabWrap .tab-content:before{border-radius:0}
	#main .sec02 .box02 .tab{bottom:20px}
	#main .sec02 .box02 .tab ul{width:80%;}
	
	  #main .sec03 .info{float:none;width:100%;margin:0 0 20px 0}
	  #main .sec03 .info table{width:50%;margin-bottom:10px}
	  #main .sec03 .mapWrap{float:none;width:100%}
	  #main .sec03 .mapWrap .map{height:400px}

}

@media (max-width: 1023px) and (min-width: 768px) {

}

@media (max-width: 768px) {
	html, body {font-size: 11.5px;}
	
	.visible-xs {display: block !important;}
	.hidden-xs {display: none !important;}
	
	#main section{padding:50px 0}
	
	#main .mainSlide .swiper-button-prev, #main .mainSlide .swiper-button-next{background-size:100%;width:40px;height:40px}
	#main .mainSlide .swiper-button-prev{left:5%;}
	#main .mainSlide .swiper-button-next{right:5%;}
	#main .mainSlide .swiper-slide .txt .shadow:before{font-size:3.3rem}
	#main .mainSlide .swiper-slide .txt .shadow{padding:20px 0 10px 0;font-size:3rem;}

	#main .sec01 .slogan{margin:-80px 0 10px 0;font-size:2rem;}
	#main .sec01 .banner ul li{border-radius:10px}
	#main .sec01 .banner ul li .filter{padding:50px 0 0 0;border-radius:10px}
	#main .sec01 .banner ul li .filter .more_btn{margin:20px auto 0}

	#main .sec02{padding:50px 0}
	#main .sec02 .box01 .info{position:unset;transform:unset;text-align:center}
	#main .sec02 .box02 p{letter-spacing:5px}
	#main .sec02 .box02 .tab{position:unset}
	#main .sec02 .box02 .tab ul{width:95%;margin:20px auto 0}

	#main .sec03 .mapWrap .map{height:300px}
	#main .sec03 .mapWrap .address{padding:15px}
	
	footer .f_logo img{width:150px;}
	footer .btnPrice{float:none}

	.btnTop{right:10px;bottom:10px;width:50px;height:50px;line-height:50px;}
}

@media (max-width: 420px) {
	html, body {font-size: 11px;}

	#main .sec01 .banner ul li .filter{padding:30px 0 0 0}
	#main .sec01 .banner ul li{width:100%;height:150px;margin:0 0 2% 0 !important;background-size:cover}
	#main .sec03 .mapWrap .map{height:250px}
}

@media (max-width: 240px) {

}