@font-face {
    font-family: 'Freesentation-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
.main02 a {display:block; }
.main02 .inner{width:100%; max-width:1366px;}
.main02 .main02-btn{padding:22px 26px; width:fit-content;border:1px solid #CCC; background-color:rgb(0,0,0, 0); margin-left:40%}
.main02 .main02-btn:hover{font-weight: bold;}
.main02 .main02-title-box {padding-bottom: 62px; text-align: center;}
.main02 .main02-title-box > p.txt800{width: fit-content; margin: 0 auto; padding-bottom: 18px; position: relative;}
.main02 .main02-title-box > p.txt800:after{width: 12px; height: 12px;  display: block; content: ""; position: absolute; top:-5px; left:-14px; }
.main02 .slick-dots li button:before {background-color: #fff;}

.main02 div.main02-00{position: relative;}
.pro-bar-flex{ position: absolute;top: 73%;left: 50%;transform: translateX(-50%); width: calc(100% - 87%); color: #fff; font-size: 14px;}
.pro-bar-area {width: 80%; height: 1px; background: rgba(0,0,0,0.2); overflow: hidden;}
.pro-bar{width:0;height:1px;background:#fff;border-radius: 0.5rem;}
.pro-ani{animation: proBar 6s ease  1;width:100%;}
@keyframes proBar{ 0%{width:0;} 100%{width:100%;} }
.main02 .slick-prev, .slick-next{top:74%; z-index: 1; width: 48px; height: 48px; border: 1px solid #ddd; border-radius: 100%;}
.main02 .slick-prev {left: 39%;}
.main02 .slick-prev:before {content:"\e93d"; font-family: "xeicon"!important;}
.main02 .slick-next {right: 39%;}
.main02 .slick-next:before{content:"\e940"; font-family: "xeicon"!important;}

.main02 div.main02-00 div.box{width: 100%; height: 92vh; position: relative;background-size: cover; background-repeat: no-repeat;}
.main02 div.main02-00 div.box:after{width: 100%; height: 100%; content: ""; display: block; background-color: rgba(0,0,0,0.2); position: absolute; top:0; left: 0; z-index: 1;}
.main02 div.main02-00 div.box > div.txt-box{position: absolute; top:47%; left: 50%; transform: translate(-50%,-50%); color: #fff; z-index: 2; }
.main02 div.main02-00 div.box > div.txt-box > p{font-size: 22px; text-align: center;}
.main02 div.main02-00 div.box > div.txt-box > p.title{font-size: 48px;}
.main02 div.main02-00 div.box > div.txt-box > p.title:after{display: block; content: ""; margin:36px auto; width: 40px; height: 1px; background-color: #fff; }
.main02 div.main02-00 div.box > div.txt-box01{position: absolute; top:27%;  color: #fff; z-index: 2; right:10%}
.main02 div.main02-00 div.box > div.txt-box01 > p{font-size: 22px; text-align:left}

.main02 div.main02-00 div.box > div.txt-box01 > p.title {font-size: 40px; color:#f5be47;}
.main02 div.main02-00 div.box > div.txt-box01 > p.title span{font-size: 50px; color:#f5be47;font-family: 'Freesentation-9Black';}
.main02 div.main02-00 div.box > div.txt-box01 > p.title b{ color:#fff}
.main02 div.main02-00 div.box > div.txt-box01 > p.title:after{display: block; content: ""; margin:36px 0px; width: 40px; height: 1px; background-color: #fff; }
.main02 div.main02-00 div.box{background-size: cover; background-position: center center;}
.main02 div.main02-00 div.box01{background-image: url("./img/img-mv01.jpg"); }
.main02 div.main02-00 div.box02{background-image: url("./img/img-mv02-n.png"); }
.main02 div.main02-00 div.box03{background-image: url("./img/img-mv04-n2.png"); }
.main02 div.main02-00 div.box04{background-image: url("./img/img-mv11.jpg"); }
.main02 div.main02-00 div.box04:after{display: none;}
.main02 div.main02-00 div.box05{background-image: url("./img/img-mv05.jpg"); }
.main02 div.main02-00 div.box06{background-image: url("./img/img-mv06.jpg"); }

.main02 div.main02-01{padding-top:74px; padding-bottom: 92px}
.main02 div.main02-01 div.main02-medical-box{ margin:0 auto; background-image: url("./img/bg-main02-medical-box01.jpg"); background-repeat: no-repeat; background-size: cover;}
.main02 div.main02-01 div.main02-medical-box.on02{background-image: url("./img/bg-main02-medical-box02.jpg");}
.main02 div.main02-01 div.main02-medical-box.on03{background-image: url("./img/bg-main02-medical-box03.jpg");}
.main02 div.main02-01 div.main02-medical-box > div{transition:ease all 0.3s; padding: 240px 52px 0px; text-align:center; color:#fff; width:33.3%;}
.main02 div.main02-01 div.main02-medical-box > div:not(:first-child){border-left:10px solid #fff;}
.main02 div.main02-01 div.main02-medical-box > div > p {padding-bottom:16px;}
.main02 div.main02-01 div.main02-medical-box > div > dl > dt:after{display:block; content:""; margin:26px auto; width:30px; height:1px; background-color:#fff;}
.main02 div.main02-01 div.main02-medical-box > div > dl > dd {opacity: 0;}
.main02 div.main02-01 div.main02-medical-box > div > dl > dd > .main02-btn {color: #fff; margin:90px auto 0;}
.main02 div.main02-01 div.main02-medical-box > div:hover{  padding: 120px 52px;}
.main02 div.main02-01 div.main02-medical-box > div:hover > dl > dd {opacity: 1;}
.main02 div.main02-01 div.medical-box-slider {display: none;}

.main02 div.main02-02{}
.main02 div.main02-02 > div.flex > div{width:100%;; text-align:center}
.main02 div.main02-02 > div.flex > div.img-box{background:url("./img/img-main02-02.jpg")center center no-repeat;background-size: cover;  padding:112px 86px;}
.main02 div.main02-02 > div.flex > div.txt-box{color: #fff; background:url("./img/img-main02-02.png") #d2530d no-repeat right; padding:112px 86px; text-align:center}
.main02 div.main02-02 > div.flex > div.txt-box > dl > dt{color: #fff ;  padding:14px 12px 8px;; text-align:center}
.main02 div.main02-02 > div.flex > div.txt-box > dl > dt > span.scs{position: relative;}
.main02 div.main02-02 > div.flex > div.txt-box > dl > dt > span.scs:after{
    position: absolute; top:-8px; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; background: #fff; border-radius: 50%; display: block; content: "";}
.main02 div.main02-02 > div.flex > div.txt-box > dl > dd{padding-top:36px; line-height: 31px;font-size: 20px;}
.main02 div.main02-02 > div.flex > div.txt-box > .main02-btn {margin-top:86px; background-color:#fff; color:#222;}

.main02 div.main02-03 > div.inner{padding-top:50px; padding-bottom: 90px; margin-bottom:50px; }
.main02 div.main02-03 div.ico-box > div{width:25%; text-align:center;}
.main02 div.main02-03 div.ico-box > div > div.ico-box{width:70px; height:70px; background-image: url(./img/ico-main-num.png); background-size: cover; margin:28px auto; }
.main02 div.main02-03 div.ico-box > div:nth-child(2) > div.ico-box{background-position: -70px 0;}
.main02 div.main02-03 div.ico-box > div:nth-child(3) > div.ico-box{background-position: -140px 0;}
.main02 div.main02-03 div.ico-box > div:nth-child(4) > div.ico-box{background-position: -210px 0;}
.main02 div.main02-03 div.ico-box > div > div.flex{margin-top:3px;}
.main02 div.main02-03 div.ico-box > div > div.flex > img{padding:4px 8px; width: 80px; border: 1px solid #ddd;}
.main02 div.main02-03 div.ico-box > div > div.flex > img:not(:last-child){margin-right: 3px;}

.main02 div.main02-04{padding-bottom: 120px}
.main02 div.main02-04 div.looked-slider{position: relative;}
.main02 div.main02-04 div.looked-slider:after{position: absolute; top:-40px; left:-40px; width: 300px; height: 300px;  display: block; content: ""; z-index: -1;}
.main02 div.main02-04 div.looked-slider div.box > img{width: 100%; height: 100%;}

.main02 div.main02-05{padding-bottom: 100px;}
.main02 div.main02-05 div.flex> div{ width: 23%; flex:0 0 auto;}
.main02 div.main02-05 div.flex> div:not(:last-child){margin-right:2.66%;; }
.main02 div.main02-05 div.flex> div > a > div.img-box{position: relative; width: 100%; height: 0;padding-top: 100%; overflow: hidden;}
.main02 div.main02-05 div.flex> div > a > div.img-box > img{width: 100%; height: auto; position: absolute; top:0; left: 0; right: 0; bottom: 0;}
.main02 div.main02-05 div.flex> div > a > div.txt-box{padding: 24px 12px 0;}
.main02 div.main02-05 div.flex> div > a > div.txt-box > p.ell{width: 95%;font-weight: bold;}
.main02 div.main02-05 div.flex> div > a > div.txt-box > p.view {color: #666; font-size: 14px;}
.main02 div.main02-05 .main02-btn{border: 1px solid #ddd; margin:82px auto 0;}

.main02 div.main02-06 div.flex > div.left{width: 100%;}
.main02 div.main02-06 div.flex > div.left > div.dl-box{padding-bottom: 66px;}
.main02 div.main02-06 div.flex > div.left > div.dl-box > dl:not(:first-of-type){padding-top: 18px;}
.main02 div.main02-06 div.flex > div.left > div.dl-box > dl > dt {position: relative; flex: 0 0 auto; padding-right: 20px; width:120px ;}
.main02 div.main02-06 div.flex > div.left > div.dl-box > dl.tue dd > p {padding-left:12px;}
.main02 div.main02-06 div.flex > div.left > div.dl-box > dl.sa dd > p {padding-left:12px;}
.main02 div.main02-06 div.flex > div.left > div.dl-box > dl.tue dt:after{display: block;content: "\eb0f";position: absolute; top:0; right: 4px; font-family: "xeicon"!important; color: #ffae00;}
.main02 div.main02-06 div.flex > div.left > div.dl-box > dl > dd{}
.main02 div.main02-06 div.flex > div.left > div.obj-box > div {border: 1px solid #ddd; padding:26px 12px; width: 33.3%; text-align: center;}
.main02 div.main02-06 div.flex > div.left > div.obj-box > div:not(:last-child){margin-right:16px; }
.main02 div.main02-06 div.flex > div.left > div.obj-box > div  i {padding: 12px 0; font-size: 24px;}

.main02 div.main02-06 div.flex > div.right{margin-left: 84px; width: 660px; flex: 0 0 auto;}
.main02 div.main02-06 div.flex > div.right > div.txt-box{padding-bottom: 34px; text-align: center;}
.main02 div.main02-06 div.flex > div.right > div.txt-box p.flex{padding-bottom:10px; }
.main02 div.main02-06 div.flex > div.right > div.map-box > div.flex > div{width: 50%;}
.main02 div.main02-06 div.flex > div.right > div.map-box > div.flex > div > a{padding:22px; text-align: center; color: #fff; background-color:#ff6c3d; width: 100%; }
.main02 div.main02-06 div.flex > div.right > div.map-box > div.flex > div:nth-child(1) > a{background-color:#ffcc00; color: #222;}
.main02 div.main02-06 div.flex > div.right #map02 {}
.main02 div.main02-06 div.flex > div.right #map02 {width:100%; height:400px;}
.main02 div.main02-06 div.flex > div.right #map02 .root_daum_roughmap {width: 100%!important;}
.main02 div.main02-06 div.flex > div.right #map02 .root_daum_roughmap .wrap_controllers {display: none;}
.main02 div.main02-06 div.flex > div.right > div.map-info{padding-top: 24px;}
.main02 div.main02-06 div.flex > div.right > div.map-info > div > dl{align-items: baseline;}
.main02 div.main02-06 div.flex > div.right > div.map-info > div > dl > dt {padding-right: 6px; width: fit-content; flex: 0 0 auto;}
.main02 div.main02-06 div.flex > div.right > div.map-info > div.flex ul > li{margin-left: 4px;}
.main02 div.main02-06 div.flex > div.right > div.map-info > div.flex ul > li:first-child{margin-left: 12px;}
.main02 div.main02-06 div.flex > div.right > div.map-info > div.flex ul > li > a {border: 1px solid #ddd; width: 28px; height: 28px;}
.main02 div.main02-06 div.flex > div.right > div.map-info > div.flex ul > li > a > img{width: 100%;}

.footer-notice{margin-top: 152px; border-top:1px solid #ddd; }
.footer-notice > div.inner > div.flex > p.txt800{width: 100px; flex: 0 0 auto;}
.footer-notice > div.inner > div.flex > div.lt {font-size: 14px;width: 100px;flex: 0 0 auto;text-align: right;}
.footer-notice > div.inner > div.flex > div.footer-notice-slider{}
.footer-notice > div.inner > div.flex > div.footer-notice-slider a{padding:28px 0; ;}


@media screen and (max-width:1200px) {
    /*.mmt{height: 100vh!important;}*/

    .main02 .slick-prev, .main02 .slick-next {top: 87%;}
    .main02 .slick-prev {left: 8%;}
    .main02 .slick-next {right: 8%;}
    .main02 .pro-bar-flex {top: 85%;left: 50%; width: calc(100% - 50%);}

    .main02 .main02-btn {padding: 12px 26px;font-size: 14px;}
    .main02 .main02-title-box { padding-bottom: 42px;}
    .main02 .main02-title-box > p.txt800 { padding-bottom: 10px; font-size: 40px;}
    .main02 .main02-title-box > p.gray{font-size: 14px;}
    .main02 .slick-dots li {width: 10px;height: 10px;}
    .main02 .slick-dots { position: static;}

    .main02 div.main02-00 div.box > div.txt-box > p.title {font-size: 22px;}
    .main02 div.main02-00 div.box > div.txt-box > p.title:after { margin: 18px auto;width: 26px;}
    .main02 div.main02-00 div.box > div.txt-box > p {font-size: 16px;}
	
	.main02 div.main02-00 div.box > div.txt-box01{position: absolute; top:47%; left: 50%; transform: translate(-50%,-50%); color: #fff; z-index: 2; width:80%}
	.main02 div.main02-00 div.box > div.txt-box01 > p.title {font-size: 22px; text-align:center}
	.main02 div.main02-00 div.box > div.txt-box01 > p.title span {font-size: 22px;}
    .main02 div.main02-00 div.box > div.txt-box01 > p.title:after { margin: 18px auto;width: 26px;}
    .main02 div.main02-00 div.box > div.txt-box01 > p {font-size: 16px; text-align:center}


    .main02 div.main02-01{padding-top: 100px;}
    .main02 div.main02-01 div.main02-medical-box{display: none;}
    .main02 div.main02-01 div.main02-medical-box { flex-direction: column;}
    .main02 div.main02-01 div.main02-medical-box > div {padding: 22px;text-align: left;width: 100%;}
    .main02 div.main02-01 div.main02-medical-box > div:not(:first-child) {border:none;}
    .main02 div.main02-01 div.main02-medical-box > div{background: url(./img/bg-main02-medical-box01.jpg)center center no-repeat;background-size: cover;}
    .main02 div.main02-01 div.main02-medical-box > div:nth-child(2){background: url(./img/bg-main02-medical-box02.jpg)center center no-repeat;background-size: cover;}
    .main02 div.main02-01 div.main02-medical-box > div:nth-child(3){background: url(./img/bg-main02-medical-box03.jpg)center center no-repeat;background-size: cover;}
    .main02 div.main02-01 div.main02-medical-box > div > dl > dt{font-size: 18px;padding-bottom: 12px;}
    .main02 div.main02-01 div.main02-medical-box > div > dl > dt:after{display: none;}
    .main02 div.main02-01 div.main02-medical-box > div > dl > dd { font-size: 14px;}
    .main02 div.main02-01 div.main02-medical-box > div > dl > dd > .main02-btn { margin: 20px 0 0;}
    .main02 div.main02-01 div.medical-box-slider {display: block;}
    .main02 div.main02-01 div.medical-box-slider  div.box{padding: 16px; background: url(./img/bg-main02-medical-box01.jpg)center center no-repeat;background-size: cover;}
    .main02 div.main02-01 div.medical-box-slider  div.box02{background: url(./img/bg-main02-medical-box02.jpg)center center no-repeat;background-size: cover;}
    .main02 div.main02-01 div.medical-box-slider  div.box03{background: url(./img/bg-main02-medical-box03.jpg)center center no-repeat;background-size: cover;}
    .main02 div.main02-01 div.medical-box-slider  div.box div.txt-box{padding: 12px; background: #ffffff5e;}
    .main02 div.main02-01 div.medical-box-slider  div.box dl > dt{font-size: 18px;padding-bottom: 12px;}
    .main02 div.main02-01 div.medical-box-slider  div.box dl > dt:after{display: none;}
    .main02 div.main02-01 div.medical-box-slider  div.box dl > dd {min-height: 140px; font-size: 14px;}
    .main02 div.main02-01 div.medical-box-slider  div.box dl > dd > .main02-btn { margin: 20px 0 0;}

    .main02 div.main02-02{}
    .main02 div.main02-02 > div.flex{flex-direction: column;}
    .main02 div.main02-02 > div.flex > div{width: 100%;}
    .main02 div.main02-02 > div.flex > div.img-box {padding-top:50%;}
    .main02 div.main02-02 > div.flex > div.txt-box { padding: 22px; background-position: center center;}
    .main02 div.main02-02 > div.flex > div.txt-box > dl > dt {font-size: 18px;}
    .main02 div.main02-02 > div.flex > div.txt-box > dl > dd {padding-top:18px;font-size: 14px;}
    .main02 div.main02-02 > div.flex > div.txt-box > .main02-btn { margin-top: 26px; background-image:#fff}

    .main02 div.main02-03 > div.inner {padding-top: 40px;padding-bottom: 40px;margin-bottom: 40px;}
    .main02 div.main02-03 div.ico-box {flex-wrap: wrap;}
    .main02 div.main02-03 div.ico-box > div {padding:4%;  width: 50%;   text-align: left;}
    .main02 div.main02-03 div.ico-box > div:nth-child(3n+1){background: #fff;}
    .main02 div.main02-03 div.ico-box > div > p {font-size: 18px;}
    .main02 div.main02-03 div.ico-box > div > div.ico-box{margin:12px 0; width:40px; height:40px;}
    .main02 div.main02-03 div.ico-box > div > p.gray{font-size: 14px;}
    .main02 div.main02-03 div.ico-box > div > div.flex {margin-top:0; flex-wrap: wrap; justify-content: flex-start;}
    .main02 div.main02-03 div.ico-box > div > div.flex > img{margin-top:3px;}
    .main02 div.main02-03 div.ico-box > div:nth-child(2) > div.ico-box {  background-position: -40px 0;}
    .main02 div.main02-03 div.ico-box > div:nth-child(3) > div.ico-box {  background-position: -80px 0;}
    .main02 div.main02-03 div.ico-box > div:nth-child(4) > div.ico-box {  background-position: -120px 0;}

    .main02 div.main02-04 {padding-bottom: 60px;}
    .main02 div.main02-04 div.looked-slider:after {top: -10px;left: -10px;width: 100px;height: 100px;}

    /*.main02 div.main02-05 > div.inner{display: flex;}*/
    .main02 .main02-title-box {}
    .main02 div.main02-05 div.flex> div { width: 48.5%; flex: 0 0 auto;}

    .main02 div.main02-05 div.flex> div:not(:last-child){margin-right:3.7%; }
    .main02 div.main02-05 div.flex> div > a > div.txt-box {align-items: center;  padding: 8px 0 0;}
    .main02 div.main02-05 div.flex> div > a > div.txt-box > p.ell { font-size: 14px;}
    .main02 div.main02-05 div.flex> div > a > div.txt-box > p.view {  font-size: 12px;}
    .main02 div.main02-05 .main02-btn {border: 1px solid #ddd;margin: 32px auto 0;}

    .main02 div.main02-06 .main02-title-box {padding-bottom: 12px;}
    .main02 div.main02-06 div.inner >  div.flex{flex-direction: column;}
    .main02 div.main02-06 div.flex > div.left > div.dl-box {display: flex; flex-wrap: wrap; background: #faf5f0;padding: 22px;}
    .main02 div.main02-06 div.flex > div.left > div.dl-box > dl{padding-top:12px;width: 50%; font-size:16px }
    .main02 div.main02-06 div.flex > div.left > div.dl-box > dl > dd {flex-direction: column;    align-items: flex-start;}
    .main02 div.main02-06 div.flex > div.left > div.dl-box > dl.tue dd > p{padding-left: 0; font-weight: bold;}
    .main02 div.main02-06 div.flex > div.left > div.dl-box > dl.sa dd > p {padding-left: 0; font-weight: bold;}
    .main02 div.main02-06 div.flex > div.left > div.dl-box > dl > dt {  width: 80px;}
    .main02 div.main02-06 div.flex > div.left > div.dl-box > dl:not(:first-of-type) {padding-top:12px;}
    .main02 div.main02-06 div.flex > div.left > div.obj-box{}
    .main02 div.main02-06 div.flex > div.left > div.obj-box > div {margin-bottom:6px; position:relative; margin-top:6px; padding: 12px; width: 100%;}
    .main02 div.main02-06 div.flex > div.left > div.obj-box > div > p{font-size: 14px;}
    .main02 div.main02-06 div.flex > div.left > div.obj-box > div > a > p{font-size: 14px;}
    .main02 div.main02-06 div.flex > div.left > div.obj-box > div i {padding:2px 0 9px;}
    .main02 div.main02-06 div.flex > div.left > div.obj-box > div:not(:last-child) {margin-right: 4px; }
    .main02 div.main02-06 div.flex > div.right {margin-left: 0;width: 100%;}
    .main02 div.main02-06 div.flex > div.right > div.map-box{ display: flex;flex-direction: column-reverse;}
    .main02 div.main02-06 div.flex > div.right > div.map-box > div.flex{}
    .main02 div.main02-06 div.flex > div.right > div.map-box > div.flex > div {}
    .main02 div.main02-06 div.flex > div.right > div.map-box > div.flex > div > a {padding: 12px;font-size: 13px;}
    .main02 div.main02-06 div.flex > div.right > div.txt-box {display: none;}
    .main02 div.main02-06 div.flex > div.right > div.map-info {padding-top: 12px;flex-direction: column;align-items: flex-start;font-size: 14px;}
    .main02 div.main02-06 div.flex > div.right > div.map-info > div > dl > dt { width: 60px;}
    .main02 div.main02-06 div.flex > div.right > div.map-info > div.flex{padding-top:10px;}
    .main02 div.main02-06 div.flex > div.right > div.map-info > div.flex ul > li:first-child {margin-left: 0px;}
    .main02 div.main02-06 div.flex > div.right #map02 {height: 200px;}

    .footer-notice {margin-top: 42px;}

    .footer-notice > div.inner > div.flex > p.txt800 {width: 52px;font-size: 12px;}
    .footer-notice > div.inner > div.flex > div.footer-notice-slider{width: calc(100% - 90px);}
    .footer-notice > div.inner > div.flex > div.footer-notice-slider a {padding: 6px 0; font-size: 12px;}
    .footer-notice > div.inner > div.flex > div.lt {font-size: 12px;width: 38px;text-align: right;}


}
@media screen and (max-width:740px){
    .main02 div.main02-00 div.box {height: 91vh;}
    .main02 div.main02-00 div.box01{background-image: url("./img/img-mv01_m.jpg"); }
    .main02 div.main02-00 div.box02{background-image: url("./img/img-mv02_m.png");}
    .main02 div.main02-00 div.box03{background-image: url("./img/img-mv04_m2.jpg"); }
    .main02 div.main02-00 div.box04{background-image: url("./img/img-mv11_m.jpg"); }
    .main02 div.main02-00 div.box05{background-image: url("./img/img-mv05_m.jpg"); }
    .main02 div.main02-00 div.box06{background-image: url("./img/img-mv06_m.jpg"); }
}
@media screen and (max-width:600px) {
    .main02 div.main02-06 div.flex > div.left > div.dl-box > dl{width: 100%; padding-top: 0;}
    .main02 div.main02-06 div.flex > div.left > div.dl-box > dl:not(:first-of-type){padding-top: 12px;}
}




/*main*/
.main .slick-prev, .slick-next{top:74%; z-index: 1; width: 48px; height: 48px; border: 1px solid #ddd; border-radius: 100%;}
.main .slick-prev {left: 39%;}
.main .slick-prev:before {content:"\e93d"; font-family: "xeicon"!important;}
.main .slick-next {right: 39%;}
.main .slick-next:before{content:"\e940"; font-family: "xeicon"!important;}


.main .main-title{padding-bottom: 97px;}
.main .main-title p.title{font-size: 62px; font-weight: 900;}
.main .sect{position: relative;}
.main .sect:not(:first-child){padding-top:200px; padding-bottom:200px;}

/*.main .sect01{margin-top:99px;}*/
.main .sect01 div.main-visual div.box {position: relative; width: 100%;  height:100vh; background-color: #666;}
.main .sect01 div.main-visual div.box a {display: block; position: relative; width: 100%;  height: 100%; overflow: hidden;}
.main .sect01 div.main-visual div.box a > img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.main .sect01 div.main-visual div.box.slick-current  a > img{ height: 100%;animation:mv-img 6.5s infinite ease;}
/*@keyframes mv-img{ 0%{transform: scale(1.5)} 100%{transform: scale(1)} }*/
.main .sect01 div.main-visual div.box a:after{width: 100%; height: 100%; background:#000; display: block; content: ""; opacity: 0.4;}
.main .sect01 div.main-visual div.box div.txt-box{z-index: 1; text-align: center; width: 100%; position: absolute; top:39%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
.main .sect01 div.main-visual div.box div.txt-box > p.title{padding-bottom: 52px; font-size: 60px;}
.main .sect01 div.main-visual div.box div.txt-box > p {font-size: 20px;}

.main .sect00{padding: 150px 0 100px!important;}
.main .sect00 div.num-flex > div{width:22%; text-align: center; }
.main .sect00 div.num-flex > div > div.ico-box{width: 90px; height: 90px; margin: 0 auto; background-image: url("./img/ico-main-num.png");}
.main .sect00 div.num-flex > div:nth-child(2) > div.ico-box{background-position-x: -90px;}
.main .sect00 div.num-flex > div:nth-child(3) > div.ico-box{background-position-x: -180px;}
.main .sect00 div.num-flex > div:nth-child(4) > div.ico-box{background-position-x: -270px;}
.main .sect00 div.num-flex > div > dl > dt{padding-top: 42px; padding-bottom: 32px;}

.main .sect02{padding-left: 6%;}
.main .sect02:after{background-color: #faf5f0; display: block; content: ""; width: 50%; height:100%; position: absolute; top:0; right: 0;}
.main .sect02 > div.flex{position: relative;z-index: 1;}
.main .sect02 div.main-title{padding-bottom: 54px; width: 720px; flex: 0 0 auto;}
.main .sect02 div.main-title > p.title{padding-bottom: 82px;}
.main .sect02 div.main-title > .circle-btn{margin-top:62px;}
.main .sect02 div.sect02-visual{flex: 0 0 auto; width:100%}
.main .sect02 div.sect02-visual div.box{width: 100%; margin-right: 32px;}
.main .sect02 div.sect02-visual div.box a {display: block; position: relative;}
.main .sect02 div.sect02-visual div.box a div.txt-box{padding-bottom: 42px; position: relative;filter: grayscale(1);}
.main .sect02 div.sect02-visual div.box a div.txt-box > p.light-blue {position: absolute; top:-43px;}
.main .sect02 div.sect02-visual div.box a div.txt-box dl dt {padding-top: 42px; padding-bottom: 26px;}
.main .sect02 div.sect02-visual div.box a div.img-box{overflow: hidden;}
.main .sect02 div.sect02-visual div.box a div.img-box > img{transition: ease all 0.3s; filter: grayscale(1)}
.main .sect02 div.sect02-visual div.box.slick-current a div.img-box > img{filter: grayscale(0)}
.main .sect02 div.sect02-visual div.box.slick-current a div.txt-box{filter: grayscale(0)}
.main .sect02 .pro-bar-flex {width: 220px; top: 62.5%;left: 182px;color: #222;}
.main .sect02 .pro-ani{animation: proBar 3s 1;width:100%;}
.main .sect02 .pro-bar{background:#ff6c3d;}
.main .sect02 .slick-prev,
.main .sect02 .slick-next {border-color: #222;    top: 64%;}
.main .sect02 .slick-prev {left: -720px;}
.main .sect02 .slick-next {left: -390px;}
.main .sect02 .slick-prev:before,
.main .sect02 .slick-next:before{color: #222;}



div.card-flex{padding:0 1%}
div.card-flex > div {width: 25%;}
div.card-flex > div:not(:last-child){margin-right: 1%;}
div.card-flex > div > a {position: relative; display: block;}
div.card-flex > div > a > div.img-box { border-radius: 20px; overflow:hidden;transition: ease all 0.3s; position: relative; width: 100%; height: 0; padding-top:130%; }
div.card-flex > div > a > div.img-box > img{position: absolute; top:0; left: 0; width: 100%; height: 100%;transition:ease all 0.3s; }
div.card-flex > div > a > div.img-box > div.txt-box{z-index: 1;width: 100%; padding:22px 32px 45px; position: absolute; bottom: 0%; left: 0%; color: #fff;}
div.card-flex > div > a > div.img-box > div.txt-box:after{z-index: -1;display: block; content: ""; width: 100%; height: 300%;position: absolute; bottom: 0%; left: 0%;background: linear-gradient(360deg, black, transparent);}
div.card-flex > div > a > div.img-box > div.txt-box dl > dt {margin-bottom:23px; }
div.card-flex > div > a > .btn-sq{z-index: 2; position: absolute; bottom: -28px; right: 0;}
div.card-flex > div > a > div.img-box > div.txt-box .ell.row2{transition: ease all 0.3s;}
div.card-flex > div > a > div.img-box > div.txt-box .ell.row2 img{width: 100%;}

.main .sect04{}
.main .sect04 div.map div.round-box{border-radius: 0; width: 90%; position: relative; z-index: 2; top:-100px;margin-left: auto; box-shadow: 0 0 30px 0px rgba(0,0,0,0.2); }
.main .sect04 div.map div.round-box > div{position: relative; width: 100%; background-color: #fff;}
.main .sect04 div.map div.round-box > div > a {display: flex; flex-direction: column; justify-content: space-between; padding:66px; height: 100%;}
.main .sect04 div.map div.round-box > div:not(:first-child) > a{border-left: 1px solid #ddd;}
.main .sect04 div.map div.round-box > div > a > div.txt-box > p {padding-bottom:36px; }
.main .sect04 div.map div.round-box > div > a > div.txt-box > dl{padding-bottom:12px; position: relative;width: fit-content;}
.main .sect04 div.map div.round-box > div > a > div.txt-box > dl > dt {width: 100px; margin-right: 22px;flex: 0 0 auto;}
.main .sect04 div.map div.round-box > div > a > div.txt-box.time-box dl.on:before {position: absolute;top: 15px; left: 103%; transform: rotate(45deg);content: "";display: block;width: 10px;height: 10px;background-color: #ff6c3d;}
.main .sect04 div.map div.round-box > div > a > div.txt-box.time-box dl.on:after {position: absolute;top: 0px; left: 104%; width: 38px; content: "진료중";display: block;background-color: #ff6c3d;color: #fff;padding: 0px 10px;font-weight: 500;border-radius: 6px;font-size: 14px;}
.main .sect04 div.map div.round-box > div > a > div.txt-box.time-box dl.on.lunch-on:after { left:103%; width:50px;content: "점심시간";}
.main .sect04 div.map div.round-box > div > a > div.txt-box.time-box dl.on.lunch-on:before{top:11px; left:102%;}
.main .sect04 div.map div.round-box > div > a > div.txt-box.time-box p.txt16{padding-top: 12px;}
.main .sect04 div.map div.round-box > div:after{opacity: 0.2; width: 300px; height: 300px; position: absolute; bottom: -76px; right: -76px; background-image: url("./img/ico-mapbg.png"); display: block; content: "";}
.main .sect04 div.map div.round-box > div:nth-child(2):after{background-position-x: -300px;}
.main .sect04 div.map div.round-box > div:nth-child(3):after{background-position-x: -600px;}

.main .sect04:after{background-color: #faf5f0; display: block; content: ""; width: 50%; height:100%; position: absolute; top:0; left: 0; z-index: -1;}
.main .sect04 div.map #map{width: 80%; height: 506px;}
.main .sect04 div.map #map{width: 80%; height: 506px;}
.main .sect04 div.map #map .root_daum_roughmap_landing,
.main .sect04 div.map #map .root_daum_roughmap .wrap_map {width: 100%!important;height: 100%!important;}
.main .sect04 div.map #map .root_daum_roughmap .wrap_controllers {display: none;}


.main .sect04 ul{display: none; position: relative; z-index: 999;padding: 0 5% 2%; }
.main .sect04 ul li div.link-area ol li{margin:2%; width: 33%;}
.main .sect04 ul li div.link-area ol li a{display: block; width:100%; margin-right:1rem; padding-top:100%; border-radius: 0.6rem; border:1px solid #ccc; overflow: hidden; box-sizing: border-box;}
.main .sect04 ul li div.link-area ol li.ico-tmap a{background: url("./img/ico-location-link-google.png")center center no-repeat; background-size:80%;}
.main .sect04 ul li div.link-area ol li.ico-kakao a{background: url("./img/ico-location-link-kakao.png")center center no-repeat; background-size:cover;}
.main .sect04 ul li div.link-area ol li.ico-naver a{background: url("./img/ico-location-link-naver.png")center center no-repeat; background-size:cover;}


.main .sect05 div.flex > div.left{width:calc(100% - (600px + 160px)); margin-right:160px; flex: 0 0 auto;}
.main .sect05 div.flex > div.left > div.madin-notice > ul{border-top:2px solid #222;}
.main .sect05 div.flex > div.left > div.madin-notice > ul > li.no-data{text-align: center; padding: 17% 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.main .sect05 div.flex > div.left > div.madin-notice > ul > li > a{padding:73PX 42px; border-bottom: 1px solid #ddd; transition: ease all 0.3s;}
.main .sect05 div.flex > div.left > div.madin-notice > ul > li > a > p.txt20 {width: 80px; flex: 0 0 auto;}
.main .sect05 div.flex > div.left > div.madin-notice > ul > li > a > p {transition: ease all 0.3s;}
.main .sect05 div.flex > div.left > div.madin-notice > ul > li > a > p.gray {flex: 0 0 auto; width: fit-content; margin-left: 22px;}
.main .sect05 div.flex > div.right{width: 600px;}
.main .sect05 div.flex > div.right > div.sns-list div.box > a{position: relative;}
.main .sect05 div.flex > div.right > div.sns-list div.box > a:after{display: block;position: absolute; width: 100%; height: 100px; bottom:0; left: 0; content: ""; background: linear-gradient(0deg, black, transparent);}
.main .sect05 div.flex > div.right > div.sns-list div.box > a > div.img-box{position: relative; width: 100%; padding-top:100%; height: 0;}
.main .sect05 div.flex > div.right > div.sns-list div.box > a > div.img-box > img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots{bottom: 22px;}
.slick-dots li{width:20px; height: 20px;}
.slick-dots li button{ width: 100%; height: 100%;}
.slick-dots li button:before {border-radius: 100%; width: 100%; height: 100%; background-color: #fff; content: "";}

.main #footer div.footer-wrap {margin-top:0; border-top:0;}

@media (hover: hover) {
    .slider-box:hover .pro-bar{animation-play-state: paused;}
    .main .slick-prev:hover,
    .main .slick-next:hover{background-color: rgba(255,255,255,0.5)}
    .main .sect02 .slick-prev:hover,
    .sect02 .slick-next:hover{background-color: rgba(0,0,0,0.1)}
    .sect02 div.sect02-visual div.box a:hover .line-btn > div {width: 30px;}
    .main .sect02 div.sect02-visual div.box a:hover div.img-box > img {transform: scale(1.1);  filter: grayscale(0)}
    .main .sect02 div.sect02-visual div.box a:hover div.txt-box{filter: grayscale(0)}
    .main .sect03 div.card-flex > div > a:hover > div.img-box > div.txt-box > dl > dt {color: #ff6c3d;}
    .main .sect03 div.card-flex > div > a:hover > div.img-box{border-top-left-radius: 40px; }
    .main .sect03 div.card-flex > div > a:hover > div.img-box > img{transform: scale(1.1); filter: grayscale(0);}
    div.card-flex > div > a:hover > div.img-box > div.txt-box .ell.row2 {height: 10.5rem;-webkit-line-clamp: 5;}
    .main .sect03 div.card-flex > div > a:hover > .btn-sq{background-color:#ff6c3d}
    .main .sect04 div.map div.round-box > div > a:hover .line-btn > div {width: 30px;}
    .main .sect05 div.flex > div.left > div.madin-notice > ul:hover{border-color: #ff6c3d;}
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a:hover{background-color:#faf5f0 }
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a:hover > p.ell {font-weight:900;}
    .clinic .ico-flex > div:hover,
    .clinic .ico-flex > div:hover:nth-child(2n+2){background-color:#ff6c3d;}
    .clinic .ico-flex > div:hover > p.ico{background-position-x: 80px;}
    .clinic .ico-flex > div:hover > dl > dt {color: #fff;}
    .clinic .ico-flex > div:hover > dl > dd {color:#faf5f0 }
    .clinic .cont-doctor > div.flex > div > a:hover > div.img-box > img {transform: scale(1.1);}
    .location .car-img-btn:hover{background-color:#222; }
}

/*content*/
div.title-box > p.title{font-weight: bold; font-size: 62px;}
div.line{width: 1px; height: 42px;  margin: 36px auto; background-color:  #ff6c3d; transition: ease all 1s;}
div.line.on{ height: 42px;}

/*introduce */
.introduce div.cont00 {text-align: center; padding-bottom: 82px;}
.introduce div.cont00 p.txt52 {position: relative;}


.introduce div.cont01 > div.bg-box{ position: relative; width:600px; height:280px; background: #ddd; margin: 0 auto; transition: ease all 0.5s; background: url("./img/bg-introduce.jpg") center center; background-size: cover;/*background-attachment:fixed;*/}
.introduce div.cont01 div.dl-box {position: relative; padding-left: 19%;mix-blend-mode: plus-lighter; color: #666;}
.introduce div.cont01 div.dl-box > dl:not(:first-of-type) {padding-top: 62px;}
.introduce div.cont01 div.dl-box > dl > dt {padding-bottom: 22px;}
.introduce div.cont01 .p-box {padding-left: 19%;mix-blend-mode: plus-lighter; color: #666;}
.introduce div.cont01 .p-box > p{line-height: 32px;}
.introduce div.cont01 .p-box > p.txt32{padding-bottom: 22px;}
.introduce div.cont01 .p-box > p:not(:first-of-type){padding-top: 22px;}
.introduce div.cont01.on div.bg-box{ height:600px;border-radius: 60px; border-top-right-radius: 0; border-bottom-left-radius: 0; background: url(./img/bg-introduce.jpg) top center;background-size: cover;}

.introduce div.cont02{margin-top: -150px;}
.introduce div.cont02 div.title-box > p.title{padding-bottom: 111px;}
.introduce div.cont02 div.core-box{}
.introduce div.cont02 div.core-box > div.box{position: relative; width: 100%;}
.introduce div.cont02 div.core-box > div.box:not(:last-child){margin-right: 22px;}
.introduce div.cont02 div.core-box > div.box > .img-box{overflow: hidden; position: relative; top:0; width: 100%; height: 0; padding-top: 100%; background-color: #222;}
.introduce div.cont02 div.core-box > div.box > .img-box > img {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.introduce div.cont02 div.core-box > div.box > .txt-box{position: absolute; bottom:0px; padding:42px;  width: 90%; background-color: #fff;}
.introduce div.cont02 div.core-box > div.box > .txt-box > dl > dt{    padding-top: 12px;padding-bottom: 32px;}
.introduce div.cont02 div.core-box > div.box.box01{}
.introduce div.cont02 div.core-box > div.box.box02{}
.introduce div.cont02 div.core-box > div.box.box03{ }
.introduce div.cont02 div.core-box > div.box.box01 > .img-box{}
.introduce div.cont02 div.core-box > div.box.box02 > .img-box{}
.introduce div.cont02 div.core-box > div.box.box03 > .img-box{}

/*medicalteam*/
div.table-wrap.medicaltable th{position: relative;}
div.table-wrap.medicaltable th.today:after{position: absolute;top: -26px;left: 50%;transform: translateX(-50%);content: "today";display: block;background-color: #ff6c3d;color: #fff;padding: 8px 14px;font-size: 14px;font-weight: 500;border-radius: 6px;}
div.table-wrap.medicaltable th.today:before{position: absolute; top:0px;left: 50%;transform: translateX(-50%)rotate(45deg); content: ""; display: block; width:10px; height:10px;background-color: #ff6c3d;}
div.table-wrap.medicaltable tr td:first-of-type{color: #222;}
div.table-wrap.medicaltable td{font-weight:500;}
div.table-wrap.medicaltable td.dof{color: #999;}
div.table-wrap.medicaltable td.on{color:#293599; font-weight:800; }

.medicalteam .cont-box.cont00 {text-align: center; }
.medicalteam div.cont-box.cont01{padding-top: 62px;margin-top: 62px;border-top: 1px solid #ddd;}
.medicalteam div.flex:not(:first-child) {padding-top:116px; margin-top: 116px; border-top:1px solid #ddd; }
.medicalteam div.flex > div.img-box{position: relative; width: 100%; height: 0; padding-top:26%; }
.medicalteam div.flex > div.img-box > img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.medicalteam div.flex > div.img-box > .btn-sq{position: absolute;bottom: -25px; right: 0;}
.medicalteam div.flex > div.txt-box{width: 100%; padding-left:130px; }
.medicalteam div.flex > div.txt-box > div.medical-team-box > p{padding-bottom: 46px;}
.medicalteam div.flex > div.txt-box > div.medical-team-box > dl{padding-bottom: 32px;}
.medicalteam div.flex > div.txt-box > div.medical-team-box > dl > dt {padding-bottom:4px;}
.medicalteam div.flex > div.txt-box > div.history{width: fit-content;}
.medicalteam div.flex > div.txt-box > div.history > p {padding-top: 32px; padding-bottom: 22px;}
.medicalteam div.flex > div.txt-box > div.history > ul{position: relative;overflow: hidden;height: 120px;}
.medicalteam div.flex > div.txt-box > div.history > ul:after{display: block; content: "";width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient( 360deg, #fff, transparent)}
.medicalteam div.flex > div.txt-box > div.history > div.history-btn{border-top:1px solid #ddd; margin-top: 42px;}
.medicalteam div.flex > div.txt-box > div.history > div.history-btn > button{padding: 0; width: 40px;height: 40px;    line-height: 40px;border-radius: 100%;margin: -22px auto 0;font-size: 28px;text-align: center;display: block;}
.medicalteam div.flex > div.txt-box > div.history.on ul{height: auto;}
.medicalteam div.flex > div.txt-box > div.history.on ul:after{background: linear-gradient( 360deg, #ffffff8c, transparent)}
.medicalteam div.flex > div.txt-box > div.history.on .history-btn > button > i{transform:rotate(180deg);}

/*medicalteam-view*/
.medicalteam-view div.cont-box{padding-top: 136px;}
.medicalteam-view div.dl-box{padding-bottom: 58px;}

.medicalteam-view div.dl-box > dl > dt {padding-bottom: 44px;}
.medicalteam-view div.cont01{position: relative ;width: 100%; height: 760px; background-color: #222;background-size: cover;  background-image: url("./img/img-mdt-view-nodate.jpg"); background-repeat: no-repeat;}
.medicalteam-view div.cont01:after{display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background-color: rgba(0,0,0,0.6); transition: ease all 0.3s;}
.medicalteam-view div.cont01.on:after{ background-color: rgba(0,0,0,0.4);}
.medicalteam-view div.cont01 > div.inner{z-index: 2; padding-bottom: 72px;position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.medicalteam-view div.cont01 div.medical-team-box > p.txt52 {padding-bottom: 52px;}
.medicalteam-view div.cont01 div.medical-team-box > dl {padding-bottom: 38px;}
.medicalteam-view div.cont01 div.medicaltable {width: 782px;flex: 0 0 auto;}
.medicalteam-view div.cont02 div.flex > div.img-box{flex: 0 0 auto; margin-right:62px;}
/*.medicalteam-view div.cont02 div.flex > div.img-box > img {width: 100%; height: 100%;}*/

.medicalteam-view div.cont03 div.img-box{width: 1600px; margin: 0 auto; transition: ease all 0.3s;}
.medicalteam-view div.cont03 div.img-box.on{width: 100%;}
.medicalteam-view div.review-box{width: 682px;}
.medicalteam-view div.review-box div.box a.flex {padding: 46px 72px; flex-direction: column; align-items: center; text-align: center;}
.medicalteam-view div.review-box div.box a.flex span.ico{margin: 48px 0 32px; width: 92px; height: 92px; border-radius: 50%; display: flex; justify-content: center; align-items: center;background-color: #fff}
.medicalteam-view div.review-box div.box a.flex span.ico > i{color:#a1cde1; font-size: 66px;}
.medicalteam-view div.review-box div.box a.flex div.txt-box{margin-bottom:42px;    height: 9rem; }

/*history*/
.history div.txt-box > p.txt52{}
.history .cont-box.cont00 {text-align: center; }
.history  div.cont-box.cont-bg{padding-top: 62px;margin-top: 62px;border-top: 1px solid #ddd;}
.history div.bg-box{margin-top: 48px; width:100%; height: 400px; background:url("./img/img-history.jpg")center center; filter: grayscale(1); transition: ease all 0.5s;}
.history div.bg-box.on{filter: grayscale(0);}
.history div.dl-box {padding-top: 82px; padding-left: 19%;}
.history div.dl-box dl:not(:first-of-type){padding-top: 86px; margin-top: 86px; border-top: 1px solid #ddd;}
.history div.dl-box dl dt {width: 200px; flex: 0 0 auto;}
.history div.dl-box dl dd ul li {}

/*location*/
.location .cont-box.cont00 {text-align: center; }
.location #map{width: 100%;height: 460px;}
.location #map #daumRoughmapContainer1674783017577{width: 100%!important;height: 460px!important;}
.location #map .root_daum_roughmap .wrap_map{height: 460px!important;}
.location #map div.root_daum_roughmap .wrap_controllers{display: none;}
.location div.cont-box.map{padding-top: 62px;margin-top: 62px;border-top: 1px solid #ddd;}
.location div.cont-box div.dl-box > dl{border-top: 2px solid #222; padding-top: 62px; margin-top: 62px;}
.location div.cont-box div.dl-box > dl:not(:first-of-type){border-top: 1px solid #ddd;}
.location div.cont-box div.dl-box > dl > dt {width: 300px; flex: 0 0 auto; padding: 0 22px;}
.location div.cont-box div.dl-box > dl > dd{width: 100%;}
.location div.cont-box div.dl-box > dl > dd > div.flex > div{width: 50%;}
.location div.cont-box div.dl-box > dl > dd > div.flex > div:not(:nth-child(-n+4)){padding-top: 92px;}
.location div.cont-box div.dl-box > dl > dd > div.flex > div > p.txt600{font-size: 20px; padding-bottom: 12px;}
.location div.cont-box div.dl-box > dl > dd > div.flex.flex-wrap{flex-wrap: wrap;}
.location div.cont-box div.dl-box > dl > dd > div.flex.flex-wrap > div{width: 25%;}
.location div.cont-box div.dl-box > dl > dd > div.flex.flex-wrap.ico > div > p > i{padding-right: 12px;}
.location .car-img-btn {width: fit-content;display: block;font-size: 16px;padding: 6px 18px;background: #00a9fd;color: #fff;margin-top: 12px;}
.timeinfo .cont-box.cont00 {text-align: center; }
.timeinfo div.cont-box div.dl-box > dl{ padding-top: 62px; margin-top: 62px;border-top: 1px solid #ddd;}
.timeinfo div.cont-box div.dl-box > dl > dt {width: 300px; flex: 0 0 auto; padding-left:22px;}
.timeinfo div.cont-box div.dl-box > dl > dd{width: 100%; font-size: 22px;}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex {flex-wrap: wrap; justify-content: space-between;}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div{border-bottom: 1px solid #ddd; position: relative;padding-bottom: 62px;margin-bottom: 62px;width: 29%;}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div > p.txt600{padding-bottom: 22px; color: #666;}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.on{border-color:#ff6c3d }
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.on > p.txt600 {color:#111; font-weight: 800;}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.on:after{    width: 37px; position: absolute; top: 0; left: 82px; content: "진료중";display: block;background-color: #222;color: #fff;padding: 8px 14px;font-weight: 500;border-radius: 6px;font-size: 14px;}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.on:before {position: absolute; top: 11px;left:78px;transform:rotate(45deg); content: ""; display: block; width:10px; height:10px;background-color: #222;}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.lunch-on.on:after {width: 49px;left:92px;  content: "점심시간";}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.lunch-on.on:before{left: 88px;}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.close-on.on:after  { content: "휴진일";}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.on.tue:before { left: 86px;}
.timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.on.tue:after {left: 90px;}
/*clinic*/
.clinic {text-align: center;}
.clinic .clinic-title > p.txt52 {padding-bottom: 22px;}
.clinic div.clinic-fbg-box {text-align: left;padding-bottom:102px;}
.clinic div.clinic-fbg-box div.bg {position: relative; margin-top:62px; padding:112px 0; background-image: url(./img/img-history.jpg); background-size: cover;}
.clinic div.clinic-fbg-box div.bg:after{position: absolute; top:0; left: 0; display: block; content: ""; width: 100%; height: 100%; background:rgba(0,0,0,0.4);}
.clinic div.clinic-fbg-box div.bg > div.inner{position: relative; z-index: 1;}
.clinic div.clinic-fbg-box div.bg > div.inner > p {text-align: center; padding-bottom: 100px; color: #fff;}
.clinic span.mark-line{padding: 0 4px; margin:0 10px; position: relative;}
.clinic span.mark-line:after{ transition: ease all 0.3s; z-index: -1; position: absolute; left: 0; bottom: -5px; width:0; height: 60%; background-color:#87d2f7; content: ""; display: block;}
.clinic span.mark-line.on{}
.clinic span.mark-line.on:after{ width: 100%;}
.clinic div.clinic-fbg-box div.dl-box > div{width: 24%; padding: 44px; backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px); background: rgba(255,255,255,0.2); }
.clinic div.clinic-fbg-box div.dl-box > div:not(:first-of-type){margin-left: 2%;}
.clinic div.clinic-fbg-box div.dl-box > div > dl > dt{padding-bottom: 102px;}
.clinic div.clinic-fbg-box div.dl-box > div > dl > dt i {padding-right: 14px;}

.clinic .cont-box:not(:first-child){padding-top:120px; margin-top:120px; }
.clinic .cont-box.cont-line{border-top:1px solid #ddd;}
.clinic .bg-gray{padding:62px 0;}
.clinic div.line{width: 1px;margin: 0 auto; background-color: #222;margin-top: -81px;z-index: 1;bottom: -28px;position: relative;}
.clinic div.line.on {height: 78px;}
.clinic .clinic-top{padding-bottom: 72px; position: relative;}
.clinic .clinic-top .gray{padding-bottom: 12px;}
.clinic .clinic-title{padding-bottom: 84px}
.clinic .clinic-title p.txt44{padding-bottom: 34px;}
.clinic .ico-flex{flex-wrap: wrap;}
.clinic .ico-flex > div{ padding: 42px; width: 32%; background: #fff;cursor: pointer;}
.clinic .ico-flex > div:nth-child(2n+2){background-color:#faf5f0;}
.clinic .ico-flex > div > p.ico {width: 80px; height: 80px;margin:20px auto; background-image:url("./img/ico-ico-flex.png");}
.clinic .ico-flex > div:nth-child(2) > p.ico {background-position-y: 80px;}
.clinic .ico-flex > div > dl > dt{padding-bottom: 44px;}
.clinic .step-box > div {width: 25%;;}
.clinic .step-box > div:not(:last-child){ margin-right: 1%}
.clinic .step-box > div > div.img-box {position: relative; height: 0; padding-top: 115%; width: 100%; height: 0; background:#000;}
.clinic .step-box > div:not(:last-child) > div.img-box:after{position: absolute; top:50%; right: -40px; z-index:1;transform: translateY(-50%); display: block; width: 70px; height: 70px; border-radius: 100%; font-size: 30px; text-align: center; line-height: 70px; font-family: "xeicon"; content:"\e90b"; background-color: #faf5f0;}
.clinic .step-box > div > div.img-box > img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.clinic .step-box > div > div.txt-box > p {padding-top: 32px; position: relative; }
.clinic .step-box > div > div.txt-box > p:after{width: 1px;height: 14px;margin:12px auto 16px;background-color: #ff6c3d;display: block;content: "";transform: rotate(35deg);}
.clinic .step-box > div > div.txt-box > dl{padding: 0 32px;}
.clinic .step-box > div > div.txt-box > dl > dt {padding: 0 0 24px;}
.clinic .clinic-bg-box > div.txt-box{text-align: left;}
.clinic .clinic-bg-box > div.txt-box > dl{padding-top: 87px;}
.clinic .clinic-bg-box > div.txt-box > dl > dt {width: 280px;}
.clinic .clinic-bg-box div.img-box > img{filter: grayscale(1);}
.clinic .clinic-bg-box div.img-box.on > img{filter: grayscale(0);}
.clinic .cont-doctor > div.flex > div{width: 33%;}
.clinic .cont-doctor > div.flex > div:not(:last-child){margin-right: 2%;}
.clinic .cont-doctor > div.flex > div > a {display: block;}
.clinic .cont-doctor > div.flex > div > a > div.img-box{position: relative;width: 100%;height: 0;padding-top: 55%; overflow: hidden;}
.clinic .cont-doctor > div.flex > div > a > div.img-box > img {position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: ease all 0.3s;}
.clinic .cont-doctor > div.flex > div > a div.txt-box {align-items: flex-end; text-align: left;}
.clinic .cont-doctor > div.flex > div > a div.txt-box > p {padding-right: 10px;}
.clinic .cont-doctor > div.flex > div > a .btn-sq{position: relative;top: -27px;}

/*진료과목*/
.dentistry > div.cont-box{padding:112px 0; }
.dentistry div.d-sub-title{padding-bottom: 104px; text-align: center;}
.dentistry div.d-sub-title > p.txt300{padding-top: 22px;}
.dentistry div.blue-flex > div{width: 50%;}
.dentistry div.blue-flex > div.bg-box{background:url("")no-repeat center center; background-size: cover;}
.dentistry div.blue-flex .bg-blue{background-color:#b9ac9b; }
.dentistry div.blue-flex > div.txt-box {padding: 142px; color: #fff;}
.dentistry div.blue-flex > div.txt-box > p.txt42{padding-bottom:32px;}
.dentistry div.blue-flex > div.txt-box p.sc-txt{padding-bottom:42px; }
.dentistry div.blue-flex > div.txt-box p.sc-txt > span{position: relative;}
.dentistry div.blue-flex > div.txt-box p.sc-txt > span:after{position: absolute; top:0; left: 50%; transform: translateX(-50%); width:3px; height: 3px;background-color: #fff; border-radius:50%; display: block; content: ""; }
.dentistry div.blue-flex > div.txt-box > div.p-box > p{font-size: 20px; line-height: 28px;}
.dentistry div.blue-flex > div.txt-box > div.p-box > p:not(:first-child){padding-top:26px; }
/*.dentistry .bg-ch {background-color: #de5225;}*/
.dentistry div.flex-ch{flex-wrap: wrap;}
.dentistry div.flex-ch-m{display: none}
.dentistry div.flex-ch-m2{display: none}

.dentistry div.flex-ch div.box{border: 1px solid #ddd; position: relative; width:23%; }
.dentistry div.flex-ch div.box:not(:first-child){margin-left: 2%;}
.dentistry div.flex-ch div.box:not(:nth-child(n+1):nth-child(-n+4)){margin-top:36px}
.dentistry div.flex-ch div.box > div.check-box{position: absolute; top:10px; left: 10px; width:40px; height: 40px; border: 3px solid #ddd;  z-index: 2;}
.dentistry div.flex-ch div.box > div.check-box:after{position: absolute; top:-9px; left:6px; color: red; display: block; font-family: "xeicon" !important; content:"\e928"; font-size: 42px}
.dentistry div.flex-ch div.box > div.img-box{position: relative; background-color: #fff; height: 172px; width: 100%; }
.dentistry div.flex-ch div.box:nth-child(2) > div.img-box > div.ico-box{background-position: -100px 0;}
.dentistry div.flex-ch div.box:nth-child(3) > div.img-box > div.ico-box{background-position: -200px 0;}
.dentistry div.flex-ch div.box:nth-child(4) > div.img-box > div.ico-box{background-position: -300px 0;}
.dentistry div.flex-ch div.box:nth-child(5) > div.img-box > div.ico-box{background-position: -400px 0;}
.dentistry div.flex-ch div.box:nth-child(6) > div.img-box > div.ico-box{background-position: -500px 0;}
.dentistry div.flex-ch div.box:nth-child(7) > div.img-box > div.ico-box{background-position: -600px 0;}
.dentistry div.flex-ch div.box:nth-child(8) > div.img-box > div.ico-box{background-position: -700px 0;}
.dentistry div.flex-ch div.box:nth-child(9) > div.img-box > div.ico-box{background-position: -800px 0;}

.dentistry div.flex-ch div.box > div.img-box > div.ico-box{position: absolute; width: 100px; height: 100px; top:50%; left: 50%; transform: translate(-50%,-50%);}
.dentistry div.flex-ch div.box > div.txt-box {padding:36px 22px; color: #fff; text-align: center; background-color:#de5225; border: 1px solid #de5225; }

.dentistry div.step-wrap div.box{position:relative;  padding:40px 72px; border-left: 1px solid #ff6c3d; width: 100%;}
.dentistry div.step-wrap div.box:last-child{border-right: 1px solid #ff6c3d;}
.dentistry div.step-wrap div.box > dl{padding-top:42px; }
.dentistry div.step-wrap div.box > dl > dt{padding-bottom:42px}
.dentistry div.step-wrap div.box:not(:last-child):after{position: absolute; top:50%; transform: translateY(-50%); right: -20px; z-index: 2; color: #fff; background-color: #ff6c3d; display: block; font-family: "xeicon" !important; content:"\e93f"; width: 42px;height: 42px; text-align: center; line-height: 42px;}

.dentistry div.comment-box{padding:102px; position: relative;}
.dentistry div.comment-box > div.d-sub-title{padding-bottom: 0;}
.dentistry div.comment-box:after{z-index: -1; width: 60px; height: 60px; position: absolute; top:-30px; left: 50%; transform: translateX(-50%) rotate(45deg); display: block; content: "";background-color: #faf5f0;}

.dentistry div.money-box > div{position: relative; width: 50%;}
.dentistry div.money-box > div.txt-box{padding:120px; }
.dentistry div.money-box > div.txt-box:after{width: 60px; height: 60px; position: absolute; top:50%; left: -30px; transform: translateY(-50%) rotate(45deg); display: block; content: "";background-color: #faf5f0;}
.dentistry div.money-box > div.txt-box > div.d-sub-title{text-align: left;padding-bottom: 0;}
627

.dentistry div.faq-box{}
.dentistry div.faq-box > ul{width:1000px;margin: 0 auto; }
.dentistry div.faq-box > ul > li:not(:first-child){padding-top: 102px;}
.dentistry div.faq-box > ul > li > div.flex{align-items: flex-start;}
.dentistry div.faq-box > ul > li > div.flex:not(:first-child){padding-top: 22px;}
.dentistry div.faq-box > ul > li > div.flex > div.ico-box{width: 100px; height: 100px; background: red; border-radius: 100%; flex:  0 0 auto; margin-right: 22px; background:url("./img/img-scaling-faq.png") #8cd6ff;}
.dentistry div.faq-box > ul > li > div.flex:nth-child(1) > div.ico-box{background-position: -100px 0; background-color: #e6e9ce;}
.dentistry div.faq-box > ul > li > div.flex > p{position: relative; padding: 24px; background: #faf5f0; border-radius: 20px;}
.dentistry div.faq-box > ul > li > div.flex > p:after{width: 20px; height: 20px; position: absolute; top:26px; left: -9px; transform:rotate(45deg); display: block; content: "";background-color: #faf5f0;}
.dentistry div.faq-box > ul > li > div.flex:nth-child(2){flex-direction: row-reverse;    text-align: right;}
.dentistry div.faq-box > ul > li > div.flex:nth-child(2)> div.ico-box{margin-left: 22px; margin-right: 0;}
.dentistry div.faq-box > ul > li > div.flex:nth-child(2) > p:after{left: auto; right: -9px;}

.dentistry div.line-box > div {display: flex; width: 33.3%; border: 1px solid #ddd;}
.dentistry div.line-box > div:not(:last-child){margin-right: 22px;}
.dentistry div.line-box > div > div.img-box {width: 200px; flex: 0 0 auto; background-color: #f5f5f5;}
.dentistry div.line-box > div > dl {padding:42px 22px;}
.dentistry div.line-box > div > dl > dt{font-size: 20px; font-weight: 600; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #ddd;}

.dentistry div.dentistry-foot {padding: 100px 0;background: url(./img/img-main02-02.png) bottom  no-repeat #351f05;;background-size: cover;color: #fff;text-align: center;}
.dentistry div.dentistry-foot div.flex{padding:42px 0 0;}
.dentistry div.dentistry-foot div.flex > div{width: 320px; border-radius: 100px; padding:32px 32px; background-color: #fff; color: #222;}
.dentistry div.dentistry-foot div.flex > div:not(:last-child){margin-right: 20px;}
.dentistry div.dentistry-foot div.flex > div > dl{text-align: center;}
.dentistry div.dentistry-foot div.flex > div > dl > dt{ color: #ff6c3d; font-weight: 600;}
.dentistry div.dentistry-foot div.flex > div > dl > dt:after{display: block; margin:18px auto; content: ""; background-color: #ff6c3d; width: 20px; height: 1px;}
.dentistry div.dentistry-foot div.flex > div > dl > dd {color: #666; font-size: 16px;}

/*.dentistry div.dentistry-cta {color: #fff; padding:82px; background-color:#091c78;}*/
.dentistry div.dentistry-cta{ padding-top: 82px;width: fit-content;  margin: 82px auto 0;  border-top: 6px dotted #fff;}
.dentistry div.dentistry-cta p.ts{text-align: center;}
.dentistry div.dentistry-cta p.ts > span{display: inline-block; position: relative; z-index: 2;color: #ffc096;}
/*.dentistry div.dentistry-foot p.ts > span:after{z-index: 0; position: absolute; bottom: 0; width: 100%; height: 30px; background: red; content: ""; display: block;}*/
.dentistry div.dentistry-cta a {font-weight: bold;width: 100%;background: #ffc096;font-size: 32px;padding: 22px;display: block;margin: 20px auto 0;box-shadow: 8px 8px 0 #8a4c22;}
.dentistry div.dentistry-cta a:hover{background-color: #fff; color: #222;}

.dentistry div.dentistry-foot-implant {padding: 120px 0; background-color: #000; text-align: center; background-image: url("./img/bg-dentistry-foot-implant.png"); background-size: cover; background-position: right bottom; background-repeat: no-repeat}
.dentistry div.dentistry-foot-implant > p.tt {width: fit-content; margin: 0 auto; position: relative; z-index: 2;}
.dentistry div.dentistry-foot-implant > p.tt:after{position: absolute;     top: 17px;left: -48px;transform: rotate(-11deg); background-image: url("./img/img-why.png"); width: 120px; height: 100px; background-size: contain; background-repeat: no-repeat; content: ""; display: block; z-index: -1;}
.dentistry div.dentistry-foot-implant > div.flex{margin-top:62px; margin-bottom: 42px;}
.dentistry div.dentistry-foot-implant div.flex > div{width: 320px;}
.dentistry div.dentistry-foot-implant div.flex > div:not(:last-child){margin-right: 20px;}
.dentistry div.dentistry-foot-implant div.flex > div > div.img-box{position: relative; width: 100%; height: 0; padding-top:56%; background-color: #e5e5e5;}
.dentistry div.dentistry-foot-implant div.flex > div > div.img-box > img{position: absolute; top:0; left: 0; width: 100%; }
.dentistry div.dentistry-foot-implant div.flex > div > div.txt-box{background-color: #fff; padding:32px;}
.dentistry div.dentistry-foot-implant div.flex > div > div.txt-box > dl > dt{padding-bottom: 12px; margin-bottom: 12px; border-bottom: 2px solid #ff6c3d; color: #ff6c3d; font-weight: 600;}
.dentistry div.dentistry-foot-implant div.flex > div > div.txt-box img{padding:4px 6px; width:60px; border: 1px solid #ddd;}






/*진료상세*/
.dentistry.d-cavity-full div.blue-flex > div.bg-box {background-image: url("./img/img-cavity-blug-bg.jpg")}
.dentistry.d-cavity-full div.flex-ch div.box > div.img-box > div.ico-box{background-image:url("./img/ico-check-box-cavity.png")}

.dentistry.d-braces div.blue-flex > div.bg-box {background-image: url("./img/img-braces-bg.jpg")}
.dentistry.d-braces div.flex-ch div.box > div.img-box > div.ico-box{background-image:url("./img/ico-check-box-braces.png")}


.dentistry.d-implant-full div.blue-flex > div.bg-box {background-image: url("./img/img-implant-full-blug-bg.jpg")}
.dentistry.d-implant-full div.flex-ch div.box > div.img-box > div.ico-box{background-image:url("./img/ico-check-box-implant-full.png")}
.dentistry.d-neurological-full div.blue-flex > div.bg-box {background-image: url("./img/img-neurological-blug-bg.jpg")}
.dentistry.d-neurological-full div.flex-ch div.box > div.img-box > div.ico-box{background-image:url("./img/ico-check-box-neurological-full-n.png")}
.dentistry.d-prosthetic-full div.blue-flex > div.bg-box {background-image: url("./img/img-prosthetic-blug-bg.jpg")}
.dentistry.d-prosthetic-full div.flex-ch div.box > div.img-box > div.ico-box{background-image:url("./img/ico-check-box-prosthetic-full01.png")}
.dentistry.d-prosthetic-full div.cont-05 div.flex-ch div.box > .boxdiv.img-box > div.ico-box{background-image:url("./img/ico-check-box-prosthetic-full02.png")}
.dentistry.d-implant-front div.blue-flex > div.bg-box {background-image: url("./img/img-implant-front-blug-bg.jpg")}
.dentistry.d-implant-front div.flex-ch div.box > div.img-box > div.ico-box{background-image:url("./img/ico-check-box-implant-front.png")}
.dentistry.d-scaling-full div.blue-flex > div.bg-box {background-image: url("./img/img-scaling-blug-bg.jpg")}
.dentistry.d-scaling-full div.flex-ch div.box > div.img-box > div.ico-box{background-image:url("./img/ico-check-box-scaling-full.png")}
.dentistry.d-scaling-full div.step-wrap div.img-box{max-width: 200px; margin: 0 auto;}
.dentistry.d-scaling-full div.money-box > div.img-box {background:url("./img/bg-scaling-money.jpg")no-repeat center center; background-size: cover;}
.dentistry div.step-wrap-slider{display: none;}
.dentistry.d-implant-bone div.blue-flex > div.bg-box { background-image: url(./img/img-implant-bone-blug-bg.jpg);}
.dentistry.d-implant-bone div.flex-ch div.box > div.img-box > div.ico-box{background-image:url("./img/ico-check-box-bone-full01.png")}

@media screen and (max-width:1500px){
    .main .sect04 div.map div.round-box {  width: 100%;margin-left: 0;}
    .main .sect04 div.map div.round-box > div > a { padding: 47px;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box > dl {font-size: 22px; }
    .main .sect04 div.map div.round-box > div > a > div.txt-box > p {font-size: 22px; }
    .medicalteam-view div.cont01 > div.inner {padding: 0 4% 72px; }
}

@media screen and (max-width:1400px){
    .main .main-title p.title { font-size:52px;}
    .main .sect01 div.main-visual div.box { height: 640px;}
    .main .sect05 div.flex > div.right {width: 500px;}
    .main .sect05 div.flex > div.left {width: calc(100% - (500px + 100px)); margin-right: 100px;}
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a {padding: 57PX 42px;}
    .medicalteam-view div.cont01 > div.inner > div.flex{flex-direction: column;}
}

@media screen and (max-width:1300px){
    .main .sect00 div.num-flex > div > dl > dt {padding-top: 36px;padding-bottom: 22px;font-size: 34px;}
    .main .sect00 div.num-flex > div > dl > dt  p.txt52 {font-size: 34px;}

    .main .sect04 div.map div.round-box > div > a > div.txt-box > p { padding-bottom: 20px;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box > dl {font-size: 20px; }
    .main .sect04 div.map div.round-box > div > a > div.txt-box > dl > dt {width: 70px;margin-right: 16px;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box > p {font-size: 20px;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box > p.txt18 {font-size: 16px;}

    .medicalteam-view div.cont01 div.medicaltable {flex: 0 0 auto;    width: 100%;}

    .medicalteam-view div.cont01 > div.inner > div.flex {flex-direction: column; align-items: flex-start;}
    .medicalteam-view div.review-box {width: 90%;margin: 0 auto;}
    .medicalteam-view div.cont-box .txt.txt26 {font-size: 20px;}
}

@media screen and (max-width:1200px){
    .main .sect01 div.main-visual div.box { height: 540px;}
    .main .sect01 div.main-visual div.box div.txt-box > p.title {font-size: 40px;}
    .main .sect01 div.main-visual div.box div.txt-box > p {font-size: 18px;}

    .main .main-title {padding-bottom: 47px;}

    .main .sect02 div.main-title { width: 480px;;}
    .main .sect02 .slick-next {left: -215px;}
    .main .sect02 .slick-prev {left: -480px;}
    .main .sect02 .pro-bar-flex {width: 179px;left: 158px;}

    .main .sect00 div.num-flex > div > dl > dt { font-size: 26px;}
    .main .sect00 div.num-flex > div > dl > dt > p.txt52 {font-size: 26px;}
    .main .sect00 div.num-flex > div > dl > dd {font-size: 16px;}

    .main .sect05 div.flex > div.left {width: calc(100% - (400px + 100px));}
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a {padding: 53PX 42px;}
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a > p.txt40 {font-size: 20px;}
    .main .sect05 div.flex > div.right {width: 400px;}

    .medicalteam-view div.cont-box {position: relative;}
    .medicalteam-view div.dl-box {padding-left: 4px;}
    .medicalteam-view div.cont01 > div.inner > div.flex > div.medical-team-box { flex-direction: column;align-items: flex-start;}
    .medicalteam-view div.cont01 div.medical-team-box{padding-bottom: 62px;}
    .medicalteam-view div.cont01 div.medical-team-box > p.txt52 {padding-bottom: 22px;font-size: 42px;}
}

@media screen and (max-width:1000px){
    .main .slick-prev, .slick-next {top: 87%;}
    .main .slick-prev {left: 8%;}
    .main .slick-next {right: 8%;}
    .main .sect01 div.main-visual div.box div.txt-box {top: 47%;}
    .pro-bar-flex {top: 85%;left: 50%; width: calc(100% - 50%);}
    .main .sect01 div.main-visual div.box div.txt-box > p {font-size: 14px;}
    /*.main .sect01 div.main-visual div.box {height:300px;}*/
    .main .sect01 div.main-visual div.box {height: 0;position: absolute;top: 0;left: 0;padding-top: 24%;}
    .main .sect01 div.main-visual div.box a { position: absolute;top: 0;left: 0;}
    .main .sect01 div.main-visual div.box div.txt-box > p.title {padding-bottom: 22px;font-size:24px;font-weight: 700;}
    .main .sect:not(:first-child) {padding-top: 80px;padding-bottom:80px;}
    .main .main-title p.title {font-size: 32px;}
    .main .sect02 > div.flex {flex-direction: column;}
    .main .sect02 div.main-title {width: 100%;}
    .main .sect02 div.main-title > p.title {padding-bottom: 32px;}
    .main .sect02 div.main-title > p.txt24{font-size: 18px;}
    .main .sect02 div.sect02-visual div.box a div.txt-box dl dt {font-size: 24px;}
    .main .sect02 div.sect02-visual div.box a div.txt-box dl dd {font-size: 16px;}

    .main .sect02 .pro-bar-flex {top: unset;bottom: -64px;    left: 89px;}

    .main .sect05 > div.flex {flex-direction: column;}
    .main .sect05 div.flex > div.left {width: 100%; margin-right: 0; margin-bottom: 120px;}
    .main .sect05 div.flex > div.right{width: 100%;}
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a {padding: 24PX 24px;}
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a > p.txt20 {width: 40px;}

    .main .sect04 div.map div.round-box {width: 100%;margin-left: 0;flex-direction: column;}

    .introduce div.cont02 div.title-box > p.title {padding-bottom: 62px;font-size: 52px;}
    .introduce div.cont00 > p.txt52{font-size: 32px;}
    .introduce div.cont01 div.dl-box dd.txt38{font-size: 18px;}
    .introduce div.cont01{position: relative;}
    .introduce div.cont01 > div.bg-box {width: 100%; position: absolute;}
    .introduce div.cont01 div.dl-box{mix-blend-mode: normal;padding: 62px 4% 32px; color: #fff;transform: translateY(0px)!important;}
    .introduce div.cont01 .p-box {padding:0 4%;transform: translateY(0px)!important;    color: #fff;}
    .introduce div.cont01 .p-box > p.txt32 {font-size: 18px;}
    .introduce div.cont02 {  margin-top: 100px;}
    /*.introduce div.cont02 div.core-box > div.box > .txt-box {position: static; padding: 12px;}*/
    .introduce div.cont02 div.core-box > div.box > .txt-box > dl > dt {font-size: 22px;padding-bottom: 8px;padding-top: 8px;}
    .introduce div.cont02 div.core-box {flex-direction: column;}
    .introduce div.cont02 div.core-box > div.box:not(:last-child) {margin-right: 22px;margin-right:0px; margin-bottom: 22px;}
    .introduce div.cont02 div.core-box > div.box > .txt-box dl > dd{font-size: 14px;}
    .introduce div.cont01 .p-box > p:not(:first-of-type) {padding-top: 22px;font-size: 16px;line-height: 22px;}
    .introduce div.cont01 .p-box > p:last-child{color: #222;}
    .introduce div.cont01 div.dl-box > dl > dt {padding-bottom: 12px;font-size: 14px;}
    .introduce div.cont01 div.dl-box > dl:not(:first-of-type) {padding-top: 32px;}

    .medicalteam .cont-box.cont00 div.txt-box > p.txt52{font-size: 32px; }
    .history .cont-box.cont00 div.txt-box > p.txt52{font-size: 32px; }
    .timeinfo .cont-box.cont00 div.txt-box > p.txt52{font-size: 32px; }
    .location .cont-box.cont00 div.txt-box > p.txt52{font-size: 32px; }

    .medicalteam div.cont-box.cont01 > div.inner > div.flex { flex-direction: column;padding-top: 26px;margin-top: 26px;}
    .medicalteam div.flex > div.img-box { padding-top:53%;}
    .medicalteam div.flex > div.txt-box {width: 100%;padding-left: 0;padding-top: 4px;;}
    .medicalteam div.flex > div.txt-box > div.history {width: 100%; display: none;}
    .medicalteam div.flex > div.txt-box > div.history > ul {border-radius: 20px; background: #f5f5f5;padding: 32px 32px 45px;}
    .medicalteam div.flex > div.txt-box > div.history > div.history-btn {    position: relative;border-top: 0;  margin-top: 0px;}
    div.table-wrap.medicaltable th.today:after {top: -42px;}
    div.table-wrap.medicaltable th.today:before {top:-15px;}

    .medicalteam-view div.cont01 div.medical-team-box > p.txt52 {font-size: 22px;}
    .medicalteam-view div.cont01 div.medical-team-box > dl > dt{ font-size: 14px;}
    .medicalteam-view div.cont01 div.medical-team-box > dl > dd{ font-size: 14px;}
    .medicalteam-view div.cont-box {padding-top: 20px;}
    .medicalteam-view div.cont01 {height: 580px;background-position: center;  background-size: cover;}
    .medicalteam div.flex > div.txt-box > div.medical-team-box > dl {padding-bottom: 54px;}

    .timeinfo div.cont-box div.dl-box > dl {flex-direction: column;}
    .timeinfo div.cont-box div.dl-box > dl > dt {width: 100%; padding-bottom: 22px; padding-left: 0;}
    .timeinfo div.cont-box div.dl-box > dl > dd { width: 100%;}
    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex {flex-wrap: wrap;}

    .location div.cont-box div.dl-box > dl { flex-wrap: wrap;}
    .location div.cont-box div.dl-box > dl > dt {width: 100%;padding: 0;padding-bottom: 44px;}
    .location div.cont-box div.dl-box > dl > dd > div.flex{flex-wrap: wrap;}
    .location div.cont-box div.dl-box > dl > dd > div.flex.flex-wrap > div{width: 50%;}
    .location div.cont-box div.dl-box > dl > dd > div.flex > div:not(:nth-child(-n+2)){padding-top: 42px;}


    .medicalteam-view div.cont02 div.flex > div.img-box { margin-right: 0;}
    .medicalteam-view div.cont-box > div.inner > div.flex{flex-direction: column;}
    div.card-flex {padding: 0 4%;flex-wrap: wrap;}
    div.card-flex > div {width: 100%;}
    div.card-flex > div:not(:first-of-type){margin-top:34px;}

    .dentistry > div.cont-box {padding: 42px 0;}
    .dentistry div.d-sub-title {padding-bottom: 24px;}
    .dentistry div.d-sub-title > p.txt42{font-size: 20px;}
    .dentistry div.d-sub-title > p.txt300 {font-size: 14px; padding-top:12px;}

    .dentistry div.blue-flex{flex-direction: column;}
    .dentistry div.blue-flex > div.txt-box{width: 100%;padding: 20px;}
    .dentistry div.blue-flex > div { width: 100%; padding-top: 50%;}
    .dentistry div.blue-flex > div.txt-box > p.txt42 {padding-bottom: 12px;font-size: 18px;}
    .dentistry div.blue-flex > div.txt-box > div.p-box > p {font-size: 14px;line-height: 20px;}
    .dentistry div.blue-flex > div.txt-box > div.p-box > p:not(:first-child) {padding-top: 8px;}

.cont-box-braces .img-box{ width:50%; float:left}
.cont-box-braces:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}
.cont-box-braces .img-box{ margin-bottom:20px !important}
.cont-box-braces .img-box p{ font-size:0.9em; padding:0px 15px}


.cont-box-braces2 .box { width:100% !important}
.cont-box-braces2 .img-box{ width:48%; float:left; margin:0% 1%;margin-bottom:10px !important}
.cont-box-braces2:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}
.cont-box-braces2 .img-box .txt20{ font-weight:bold !important; background-color:#df5225; padding:10px; color:#FFF;font-size:0.9em;}
.cont-box-braces2 .img-box p{ font-size:0.9em;  padding:5% !important ; background-color:#FFF !important;}



    .dentistry div.flex-ch{display: none;}
    .dentistry div.bg-ch-m{display: none;}
    .dentistry div.flex-ch-m{display: block}
.dentistry div.flex-ch-m2{display: block}
    .dentistry div.step-wrap{flex-wrap: wrap;}
    .dentistry div.step-wrap div.box{width: 100%}
    .dentistry div.step-wrap div.box > dl > dt {font-size: 18px;  padding-bottom: 20px;}
    .dentistry div.step-wrap div.box > dl > dd > ul{font-size: 14px;}
    .dentistry div.step-wrap div.box {position: relative;padding: 12px;}
    .dentistry div.step-wrap{display: none;}
    .dentistry div.step-wrap-slider{display: block;}
    .dentistry div.step-wrap-slider div.box { padding: 0; border-left:0;width: 100%; }
    .dentistry div.step-wrap-slider div.box dl > dt {text-align: center; font-size: 18px; padding-bottom: 12px;}
    .dentistry div.step-wrap-slider div.box dl > dd > ul {font-size: 14px;}
    .dentistry div.step-wrap-slider div.box p.blue{font-size:16px; text-align: center;}
    .dentistry div.step-wrap div.box:not(:last-child):after {display: none;}
    .dentistry div.step-wrap-slider div.box div.img-box{width: 50%; margin: 0 auto;}
    .dentistry .slick-prev,
    .dentistry .slick-next {z-index: 1; width:32px; height:32px; transform: none;  top: 39%; border:0;  border-radius: 100%; border-radius: 0; background: #66c7ff; }
    .dentistry .slick-prev{left: 0!important;}
    .dentistry .slick-next{right: 0!important;}
    .dentistry .slick-prev:before,
    .dentistry .slick-next:before{font-family: "xeicon" !important; content: "\e93f";}
    .dentistry .slick-prev:before{content: "\e93c";}
    .dentistry div.step-wrap div.box:last-child { border-right:0}
    .dentistry div.flex-ch div.box{width: 100%; border: 0;}
    .dentistry div.flex-ch div.box:not(:first-child) {margin-left: 0%;}
    .dentistry div.flex-ch div.box > div.txt-box {min-height:132px; padding:22px 12px;font-size:14px;}
    .dentistry div.flex-ch div.box:not(:nth-child(n+1):nth-child(-n+4)) { margin-top:0px; }
    .dentistry div.flex-ch div.box > div.img-box {height: 100px;}
    .dentistry div.flex-ch div.box > div.img-box > div.ico-box { background-size: cover;}
    .dentistry div.flex-ch div.box br{display: none;}
    .dentistry div.flex-ch div.box > div.check-box {top: 4px;  left: 4px; width: 20px;height: 20px;border: 2px solid #ddd;}
    .dentistry div.flex-ch div.box > div.check-box:after {top: -7px;left: -1px; font-size: 26px;}

    .dentistry div.dentistry-foot > div.inner > p.txt42 {font-size: 20px;}
    .dentistry div.dentistry-foot div.flex{padding:0; flex-direction: column;}
    .dentistry div.dentistry-foot div.flex > div{width: 100%; margin-top:12px;padding: 18px 32px}
    .dentistry div.dentistry-foot div.flex > div:not(:last-child) { margin-right:0px; }
    .dentistry div.dentistry-foot div.flex > div > dl > dt {font-size: 16px;}
    .dentistry div.dentistry-foot div.flex > div > dl > dt:after {margin: 9px auto;}
    .dentistry div.dentistry-foot div.flex > div > dl > dd {font-size: 14px;}
    .dentistry div.dentistry-cta p.ts {font-size: 20px;}
    .dentistry div.dentistry-cta a {font-size: 18px;padding: 18px;}

    .dentistry.d-implant-front div.blue-flex {flex-direction: column;}
    .dentistry div.dentistry-foot-implant > p.tt {font-size: 20px;}
    .dentistry div.dentistry-foot-implant > div.flex {flex-wrap: wrap;}
    .dentistry div.dentistry-foot-implant div.flex > div:not(:last-child) {margin-right: 0;margin-bottom: 10px;}
    .dentistry div.dentistry-foot-implant div.flex > div {width: 100%;}
    .dentistry div.dentistry-foot-implant div.flex > div > div.txt-box {padding: 18px 22px;font-size: 16px;}
    .dentistry div.dentistry-foot-implant p.txt200.txt22{font-size: 16px; padding: 0 6%;}
    .dentistry div.dentistry-foot-implant {padding: 40px 0;}
    .dentistry div.dentistry-foot-implant > p.tt:after { top: 17px; left: -16px;width: 64px;}
    .dentistry div.dentistry-foot-implant > div.flex { margin-top: 22px; margin-bottom: 42px;}
    .dentistry div.dentistry-foot {padding: 42px 0;}
    .dentistry div.comment-box {  padding: 22px; position: relative;}
    .dentistry div.comment-box:after {top: -20px;width: 40px;height: 40px;}
    .dentistry div.dentistry-cta {padding-top: 22px; margin: 32px auto 0; border-top: 4px dotted #fff;}

    .dentistry div.line-box{flex-direction: column;}
    .dentistry div.line-box > div {width: 100%;flex-direction: column;}
    .dentistry div.line-box > div:not(:last-child) {margin-bottom:12px; margin-right: 0px;}
    .dentistry div.line-box > div > div.img-box{width: 100%;}
    .dentistry div.line-box > div > div.img-box > img{width: 50%;  display: block; margin: 0 auto;}
    .dentistry div.line-box > div > dl {padding: 22px 22px;}
    .dentistry div.line-box > div > dl > dt {font-size: 16px;padding-bottom: 12px; margin-bottom: 12px;}
    .dentistry div.line-box > div > dl > dd {font-size: 14px;}

    .dentistry.d-scaling-full div.money-box{flex-direction: column;}
    .dentistry div.money-box > div.img-box { width: 100%;height: 200px;}
    .dentistry div.money-box > div.txt-box { width: 100%; padding: 22px;width: 100%;}
    .dentistry div.money-box > div.txt-box:after {width: 40px;height: 40px;  top: -20px;left: 50%;transform: translate(-50%,0%) rotate(45deg);}
    .dentistry div.faq-box > ul {width: 100%;}
    .dentistry div.faq-box > ul > li > div.flex > div.ico-box {background-size: cover; width: 50px;height: 50px;}
    .dentistry div.faq-box > ul > li > div.flex:nth-child(1) > div.ico-box {background-position: -50px 0}
    .dentistry div.faq-box > ul > li > div.flex > p { padding: 10px;border-radius: 10px;font-size: 14px;}
    .dentistry div.faq-box > ul > li > div.flex > p:after {width: 6px;height: 6px;top: 14px;left: -4px;}
    .dentistry div.faq-box > ul > li > div.flex:nth-child(2) > p:after {right: -4px;}
    .dentistry div.faq-box > ul > li:not(:first-child) {padding-top: 42px;}
	
	
}

@media screen and (max-width:740px){
    .main .main-title { padding-bottom: 22px;flex-direction: column;}
    .main .main-title p.title {font-size: 26px;padding-bottom: 12px;}
    .main .line-btn > p { font-size: 14px;}
    .main .sect01 {}
    .main .sect00 {padding:26px 6% 60px!important;}
    .main .sect00 div.num-flex { flex-direction: column;}
    .main .sect00 div.num-flex > div {display: flex;align-items: flex-start;;width: 100%;text-align: left;}
    .main .sect00 div.num-flex > div:not(:first-child){border-top:1px solid #ddd; padding-top:24px; margin-top:24px;}
    .main .sect00 div.num-flex > div > div.ico-box { width: 40px;height:40px;margin: 0 20px 0 0;flex: 0 0 auto;background-size: cover;}
    .main .sect00 div.num-flex > div:nth-child(2) > div.ico-box {background-position-x: -40px;}
    .main .sect00 div.num-flex > div:nth-child(3) > div.ico-box {background-position-x: -80px;}
    .main .sect00 div.num-flex > div:nth-child(4) > div.ico-box {background-position-x: -120px;}
    .main .sect00 div.num-flex > div > dl > dt { padding-bottom: 4px;font-size: 18px;justify-content: flex-start;padding-top: 0;}
    .main .sect00 div.num-flex > div > dl > dt > p.txt52 {font-size: 18px;}
    .main .sect00 div.num-flex > div > dl > dd {font-size: 14px;}
    .main .sect.sect02{padding-top: 40px;}
    .main .sect02 div.main-title {padding-bottom: 24px;width:100%;}
    .main .sect02 div.main-title > p.txt24 {font-size: 14px;}
    .main .sect02 div.main-title > p.title {padding-bottom: 16px;}
    .main .sect02 div.sect02-visual div.box a div.txt-box > p.light-blue { top: -27px;font-size: 42px;}
    .main .sect02 div.sect02-visual div.box a div.txt-box dl dd {font-size: 14px;}
    .main .sect02 div.sect02-visual div.box a div.txt-box dl dt {padding-top: 26px;padding-bottom: 7px;font-size: 18px;}
    .main .sect02 div.sect02-visual div.box a div.txt-box {padding-bottom: 16px;}

    .main .sect.sect04{padding-top: 40px; padding-bottom: 0;}
    .main .sect04:after {width: 100%;height:78%; top: 18%;}
    .main .sect04 div.map #map {width: 90%;height: 420px;}
    .main .sect04 div.map div.round-box {box-shadow: none;}
    .main .sect04 div.map div.round-box > div { overflow: hidden;}
    .main .sect04 div.map div.round-box > div > a {padding: 24px;}
    .main .sect04 div.map div.round-box > div:not(:first-child){margin-top: 26px;}
    .main .sect04 div.map div.round-box > div:not(:first-child) > a {border:0;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box > dl {font-size: 16px;    flex-direction: column;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box > dl > dt {display: block; width: auto;margin-right: 0;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box > dl > dd > p.txt18 {font-size: 14px; padding-top: 2px;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box.time-box dl.on:before {top: 5px; left: 82%;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box.time-box dl.on:after {left: 83%;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box.time-box dl.on.lunch-on:before {top: 5px;left: 64%;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box.time-box dl.on.lunch-on:after {left: 67%;}
    .main .sect04 div.map div.round-box > div > a > div.txt-box > p {font-size: 16px;}
    .main .sect04 div.map div.round-box > div:after {opacity: 0.1;}
    .main .sect.sect05{padding-top: 20px;padding-bottom: 40px}
    .main .sect05 div.flex > div.left { margin-bottom: 40px;}
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a {padding: 16PX 16px;}
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a > p.txt20 {width: 21px;font-size: 14px;}
    .main .sect05 div.flex > div.left > div.madin-notice > ul > li > a > p {font-size: 16px;}
    .main #footer div.footer-wrap { padding-top: 0;}

    .history div.bg-box {  margin-top: 0px;height: 200px;}
    .history div.dl-box > dl.flex{flex-direction: column;}
    .history div.dl-box dl:not(:first-of-type) {padding-top: 46px;margin-top: 46px;}
    .history div.dl-box > dl.flex dt {width: 100%;margin-bottom:30px;}


    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div { padding-bottom: 22px;margin-bottom: 52px;}
    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div > p.txt600 {padding-bottom: 10px;font-size: 20px;}
    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.on:after { width: 13px;}
    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div > p.txt.gray {font-size: 18px;width: 100px;}

    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.on:before {left: 70px;}
    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.on:after {left: 74px;}
    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.lunch-on.on:before {left: 80px;}
    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div.lunch-on.on:after {    width: 10px;left: 84px;content: "점심시간";}
    .location #map,
    .location #map #daumRoughmapContainer1674783017577 {height: 260px!important;}
    .location div.cont-box div.dl-box > dl > dd > div.flex > div,
    .location div.cont-box div.dl-box > dl > dd > div.flex.flex-wrap > div{width: 100%;}
    .location div.cont-box div.dl-box > dl > dd > div.flex > div:not(:nth-child(-n+1)){padding-top: 42px;}

    .medicalteam-view div.cont02 div.flex{position: relative;}
    .medicalteam-view div.cont02 div.flex > div.dl-box {padding-top: 22px; padding-bottom: 0;}
    /*.medicalteam-view div.cont02 div.flex > div.img-box {margin: 0; position: relative; width: 100%; height: 0; padding-top: 120%; }*/
    /*.medicalteam-view div.cont02 div.flex > div.img-box > img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}*/

    .medicalteam-view div.dl-box >{font-size: 22px;}
    .medicalteam-view div.dl-box > dl > dt {font-size: 22px;padding-bottom: 12px;}
    .medicalteam-view div.dl-box > dl > dd > ul.txt20 {font-size: 16px;}
    .medicalteam-view div.review-box {width: 100%;}
    .main .sect04 ul{display: block;}

}
@media screen and (max-width:600px){
.medicalteam-view div.cont02 div.flex > div.dl-box {position: static;transform: translate(0,0);background: #fff;box-shadow: none;width: 100%;}
}
@media screen and (max-width:430px){
    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div { width: 48%;}
    .main02 div.main02-06 div.flex > div.right #map02{height: 260px;}
}

@media screen and (max-width:300px){
    .timeinfo div.cont-box div.dl-box > dl > dd > div.flex > div { width: 100%;}
}


.bg-light-gray{ background-color:#f5f5f5; padding:100px 0px 50px}
.bg-light-white{ background-color:#fff; padding:100px 0px 50px}
.cont-box-braces .box { border:none !important}
.cont-box-braces .img-box{background-color:#f5f5f5 !important; text-align:center; margin-bottom:140px}
.cont-box-braces .img-box img{ width:120px; padding-bottom:10px}
.cont-box-braces .img-box p{padding-bottom:10px}
.cont-box-braces .img-box p small{ font-size:80%}
.cont-box-braces .img-box .txt20{ font-weight:bold !important}

.cont-box-braces2 .box { border:none !important; width:20% ; margin:2%}
.cont-box-braces2 .img-box{background-color:#fff !important; text-align:center; margin-bottom:180px}
.cont-box-braces2 .img-box img{ width:100%; }
.cont-box-braces2 .img-box p{padding-bottom:10px; background-color:#f0f0f0; padding:30px 10px; height:100px}
.cont-box-braces2 .img-box .txt20{ font-weight:bold !important; background-color:#df5225; padding:10px; color:#FFF}
.cont-box-braces2 .arrow{ padding-left:20px; margin-top:120px }