/*오픈랜딩*/

/*오픈랜딩**/
/* ���댄� 怨듯넻 */
.titlebox { }
.titlebox .subtit { margin-bottom:1.875rem; font-size:0.938rem; color:#c5ae7e; letter-spacing:0.25em;}
.titlebox h2 { font-size:2.687rem; }
.sorts { font-size:2.687rem; }
.gold{color:#c5ae7e}
.brown{color:#937368}


@media (max-width:799px) {
	.titlebox .subtit { margin-bottom:15px; font-size:14px; }
	.titlebox h2 { font-size:18px; }
}

/* �대�吏� 怨듯넻 */
.card-motion figure { position:relative; overflow:hidden; background:none; }
.card-motion figure img {opacity:0;-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);-webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1);transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1);}

.card-motion.animate figure img {opacity:1;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.slide-motion figure { position:relative; overflow:hidden; background:none; }
.slide-motion figure img { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); }

.slide-motion.swiper-slide-active figure img { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }

/* 留덉슦�� 而ㅼ꽌 */
.circle-cursor { position:fixed; z-index:100; top:0; left:0; width:5.4375rem; height:5.4375rem; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); pointer-events:none; /*box-shadow:0 0 2px rgba(0,0,0,.15); mix-blend-mode:difference;*/ }

.circle-cursor.is-expand-slider::after { content:''; position:absolute; top:0; width:100%; height:100%; left:0; background:url(../img/slider-cursor-bg.png) no-repeat 50% 50%/ 60px; } 

.main-sect-history .swiper-container.main-history-slide .swiper-wrapper { cursor:none; }

/* waypoint �④낵 */
.waypoint { opacity:0; transform:translate3d(0,-60px,0); -webkit-transform:translate3d(0,-60px,0); -moz-transform:translate3d(0,-60px,0); -ms-transform:translate3d(0,-60px,0); -o-transform:translate3d(0,-60px,0); transition-duration:.8s; transition-timing-function:ease; }
.waypoint.active { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); opacity:1; }


/**************************************************
* 1 - main-sect-visual
**************************************************/
.main-section { position:relative; min-height:576px; max-height:1200px; height:100vh; overflow:hidden; background-color:#000; }
.main-section .pc-only { display:block; }
.main-section .mo-only { display:none; }
.main-section .container-fluid, .main-section .main-visual-slide { height:100%; }
.main-visual-slide .main-visual-item-bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; overflow:hidden; }

.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg { background:url("/assets/images/main/main_visual01.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item02 .main-visual-item-bg { background:url("/img/main/main_visual02.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg { background:url("../img/main_visual03.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { background:url("../img/main_visual04.jpg") no-repeat 50% 50%/ cover; }
/*.video_web { width:100vw; height:56.25vw; min-height:100vh; min-width:200vh; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }*/

.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg,
.main-visual-slide .swiper-slide.main-visual-item02 .main-visual-item-bg,
.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg,
.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transition:all 4s linear; -webkit-transition:all 4s linear; -moz-transition:all 4s linear; -ms-transition:all 4s linear; -o-transition:all 4s linear; background-position:center 50%; }

.main-visual-slide .swiper-slide-active.main-visual-item01 .main-visual-item-bg,
.main-visual-slide .swiper-slide-active.main-visual-item02 .main-visual-item-bg,
.main-visual-slide .swiper-slide-active.main-visual-item03 .main-visual-item-bg,
.main-visual-slide .swiper-slide-active.main-visual-item04 .main-visual-item-bg { transform:scale(1); -wekit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); background-position:center 0; }

.main-visual-item .main-visual-content { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; text-align:center; }
.main-visual-item .main-visual-content .txt01 { font-size:1.875rem; line-height:3.437rem;  }
.main-visual-item .main-visual-content .txt02 { font-size:1.175rem; line-height:1.437rem;  }
.main-visual-item .main-visual-content h2 { font-size:4.125rem;}

.main-visual-item04 .main-visual-content h2 { font-size:2.812rem; }
.main-visual-item04 .main-visual-content h2 em { font-size:3.125rem; }
.main-visual-item01 .main-visual-content .txt01 { color:#fff; }
.main-visual-item01 .main-visual-content .txt02 { color:#fff; }
.main-visual-item01 .main-visual-content h2 { color:#fff; }

.main-visual-slide .swiper-slide .slide-ani { overflow:hidden; }
.main-visual-slide .swiper-slide .slide-ani .txt-ani { transition-property:transform; transition-duration:1.65s; transform:translateY(-100%); display:block;}
.main-visual-slide .swiper-slide-active .slide-ani .txt-ani { transform:translateY(0); }

.main-visual-slide .swiper-slide .slide-ani .txt-ani { transition-delay:0.2s; }
.main-visual-slide .swiper-slide h2.slide-ani .txt-ani { transition-delay:0.5s; }

/* svg style */
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets { width:auto; height:auto; top:80%; left:50%; right:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); text-align:center; padding:0; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet { width:6px; height:6px; margin:5px 12px; border-radius:100%; padding:0; background:rgba(255, 255, 255, 0.7); opacity:1; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet-active { width:15px; height:15px; border:none; background:none; margin:0px 12px; border-radius:100%; padding:0; opacity:1; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet > .circ { display:none; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet-active > .circ { display:none; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet > .circ > circle { stroke-dasharray:80px; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet > .circ > .circ1 { stroke-dashoffset:80px; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet-active > .circ > .circ1 { animation:circ1 7.5s forwards linear; -webkit-animation:circ1 7.5s forwards linear; -moz-animation:circ1 7.5s forwards linear; -ms-animation:circ1 7.5s forwards linear; -o-animation:circ1 7.5s forwards linear; }



@keyframes circ1 {
	0% { stroke-dashoffset:80px; }
	100% { stroke-dashoffset:40px; }
}
@-webkit-keyframes circ1 {
	0% { stroke-dashoffset:80px; }
	100% { stroke-dashoffset:40px; }
}
@-moz-keyframes circ1 {
	0% { stroke-dashoffset:80px; }
	100% { stroke-dashoffset:40px; }
}






.sect-1 {padding: 200px 0 0px; position: relative; overflow: hidden;}
.story-wrap .in { display: flex; align-items: flex-start; }
.story-wrap .left {width: 50%; flex-shrink: 0; min-height: 900px; display: flex; flex-direction: column; align-items: flex-start; padding-right: 60px;}

.story-wrap .left .text-box {margin-top: 60px;}

.story-wrap .left .btn-1 {margin-top: 80px;}
.story-wrap .right {width: 90%; position: absolute;left: 48%;}
.slide-box-1 .swiper-slide {width: 50%; margin-right: 100px; position: relative;  max-width: 600px;}
.slide-box-1 .swiper-slide .img-box {width:100%; position: relative; transition: 0.3s ease-in-out;}
.slide-box-1 .swiper-slide .img-box img {width: 100%;}
.slide-box-1 .swiper-slide.max-width {max-width:468px;}

.slide-box-1 .swiper-slide .img-box.main_story1 {background: url("/assets/images/main/sec_0101_c.jpg"); background-size: 100% 100%; aspect-ratio: 100/69.60; border-radius:5% 0}
.slide-box-1 .swiper-slide .img-box.main_story2 {background: url("/assets/images/main/sec_0102_c.jpg"); background-size: 100% 100%; aspect-ratio: 100/130.89; border-radius:5% 0}
.slide-box-1 .swiper-slide .img-box.main_story3 {background: url("/assets/images/main/sec_0103_c.jpg"); background-size: 100% 100%; aspect-ratio: 100/84; border-radius:5% 0}
.slide-box-1 .swiper-slide .img-box.main_story4 {background: url("/assets/images/main/sec_0104_c.jpg"); background-size: 100% 100%; aspect-ratio: 100/145.08; border-radius:5% 0}
.slide-box-1 .swiper-slide .img-box.main_story5 {background: url("/inc/img/main/story-5.jpg"); background-size: 100% 100%; aspect-ratio: 100/74.85}


.slide-box-1 .swiper-slide .text {margin-top: 5px; font-family:'JejuMyeongjo'; font-size: 14px;}
.slide-box-1 .swiper-slide .text.type2 {-webkit-transform: rotate(90deg);-webkit-transform-origin: left top;-moz-transform:rotate(90deg);-moz-transform-origin: left top;-ms-transform: rotate(90deg);
    -ms-transform-origin: left top;-o-transform: rotate(90deg);-o-transform-origin: left top; transform: rotate(90deg) translateY(-100%); transform-origin: left top; position: absolute; right:-135px; top: 0;}
.slide-box-1 .swiper-slide .text.type2.type3 {right:-278px;}

.main-visual-item{position:relative;overflow:hidden}
.main-visual-video-wrap{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;overflow:hidden}
.main-visual-video-frame{position:absolute;left:50%;top:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;transform:translate(-50%,-50%);pointer-events:none}
.main-visual-dim{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.28);z-index:2}
.main-visual-content{position:relative;z-index:3}

.story-wrap .bg-text {position: absolute; right: -2%; bottom: 5%; font-size: 195px; line-height:1; color: #eff3f3;}
.sect-2 {padding:100px 0; position: relative; overflow: hidden;}
.sect-2.type_component {margin:140px 0 -210px}
.sect-2.type_component.treat-wrap .in {align-items: center;}
.sect-2.treat-wrap.type_component .left .text-box .sub-title + .sub-title {font-size:40px;}
.sect-2.type_component .slide-move {max-width: 140px; margin-top:50px; display: flex; align-items: center; color:#fff;}
.sect-2.type_component .swiper-scrollbar {height:2px; background: rgba(255,255,255,0.4); min-width:240px; width:240px; margin-right:20px;}
.sect-2.type_component .swiper-scrollbar-drag {background: #fff;}
.sect-2.type_component .slide-move .swiper-pagination {position: static;}
.sect-2.type_component .slide-move .swiper-pagination .barSpace {color:rgba(255,255,255,0.4); margin:0 4px 0 6px;}
.sect-2.type_component .slide-move .swiper-pagination .swiper-pagination-total {color:rgba(255,255,255,0.4) }


.fa-arrow-left:before{display:none}
.fa-arrow-right:before{display:none}
.trans_bg_box {position: absolute;  top:0; left:0; width:100%; height:100%; transition: transform 3000ms ease-in-out; z-index: -1;}
.trans_bg_box.cure {background: #F2F7F8 url("../img/bg_cure.png") no-repeat center / contain;}
.trans_bg_box img {width: 100%; height:100%; object-fit: cover; object-position: center;}
.treat-wrap .in {display: flex; justify-content: space-between;}
.treat-wrap .left {width: 45%;}
.treat-wrap .left .text-box {color: #000; margin-top: 60px;}
.treat-wrap .left .text-box .sub-title {color: #000;}
.treat-wrap .left .text-box .text {margin-top:20px; opacity: .6; font-size: var(--info-font-size); line-height: var(--info-font-line-height);}
.treat-wrap .left .btn-1 {margin-top: 80px;}
.treat-wrap .right {width: 45%;}
.treat-wrap .right ul li {margin-top: 60px; color: #000; display: flex;}
.treat-wrap .right ul li:first-child {margin-top: 0px;}
.treat-wrap .right ul li .num {width: 65px; display: block; text-align: right; margin-right: 20px;font-size: 27px;}
.treat-wrap .right ul li .text-box .title {font-size: 27px; }
.treat-wrap .right ul li .text-box .text {font-size: var(--info-font-size2); margin-top: 10px; opacity: .6;}



.sec-3_con {position: relative }
.sec-3_con > .bg_text_box {overflow: hidden;}
.sec-3_con > .bg_text_box .bg_text {font-size: 220px;color: #f4f5f7; font-weight: 700; white-space: nowrap ;}
.sec-3_con .sect_title p {font-size:36px; margin-top:0px;}

.sec-3_con .medical {position: relative;}
.sec-3_con .medical .title {position: relative}
.sec-3_con .medical .title .bg_text {; color: #f4f5f7; font-weight: 700; font-size: 125px; position: absolute; left: 0; top: 30px; margin-top: 0px; transform: translateY(-100%); z-index: -1; white-space: nowrap}
.sec-3_con .medical .title strong {font-size: 40px; display: block}
.sec-3_con .medical .title p {font-size: 18px; margin-top: 10px; color: #686868}
.sec-3_con .medical .slide_box {position: relative;}
.sec-3_con .medical .swiper-container {margin-top: 40px; overflow: hidden}
.sec-3_con .medical .swiper-slide .img-box {width: 100%; padding-top: 70%; position: relative}
.sec-3_con .medical .swiper-slide .img-box img {position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; left: 0; top: 0}
.sec-3_con .medical .swiper-slide .text-box { margin-top: 30px; color: #fff}
.sec-3_con .medical .swiper-slide .text-box span {font-weight: 300; display:block}
.sec-3_con .medical .swiper-slide .text-box strong{font-size: 32px; margin-top: 12px}
.sec-3_con .medical .swiper-slide .text-box p {margin-top: 20px; padding-right: 50px; opacity: 0.8 ; font-weight: 400; height: auto !important}
.sec-3_con .medical .swiper-button-prev i,
.sec-3_con .medical .swiper-button-next i {color: #000; font-size: 46px}
.sec-3_con .medical .swiper-button-prev {left: -50px; transform: translate(-100%,-100%); transition: left .3s}

.sec-3_con .medical .swiper-button-next {right: -50px; transform: translate(100%,-100%); transition: right .3s}


.btn_box { border:1px solid #fff; border-radius:30px; padding:5px 10px; width:30%}
.btn_box a{color:#fff; text-align:center; background:none}
.btn_box:hover, .btn_box2 a:hover{background:#fff;color:#0092ca; font-weight:400}


.btn_box2 { border:1px solid #0092ca; border-radius:30px; padding:5px 10px; width:30%}
.btn_box2 a{color:#0092ca; text-align:center; background:none}
.btn_box2:hover, .btn_box2 a:hover{background:#0092ca;color:#fff; font-weight:400}

.btn_box3 { border:1px solid #0092ca; border-radius:30px; padding:5px 10px; width:30%; margin:0 auto}
.btn_box3 a{color:#0092ca; text-align:center; background:none}
.btn_box3:hover, .btn_box3 a:hover{background:#0092ca;color:#fff; font-weight:400}


.sec-3_con .swiper-button-next:after, .swiper-button-prev:after{color:#fff}



.main_bg_sect {padding-top: min(105%,600px); background-position: center; background-size: cover; position: relative;margin-top: -380px}
.main_bg_sect .in {position: absolute; left:50%; top: 0; transform: translateX(-50%); padding-bottom: 240px; display: flex; flex-direction: column ; justify-content: flex-end; height: 100%}
.main_bg_sect .sect_title {text-align: center; color: #fff}
.main_bg_sect .sect_title p {color:#fff}
.main_bg_sect .img_cont {margin-top: 70px}
.main_bg_sect .img_cont .text_box {color: #fff}
.main_bg_sect .img_cont .text_box strong{font-size: 35px}
.main_bg_sect .img_cont .text_box p{margin-top: 10px; color: rgba(255,255,255,0.8); font-weight: 200; }
.main_bg_sect .img_cont .img_box {margin-top: 60px; overflow: hidden}
.main_bg_sect .img_cont .img_box a{display: block; position: relative; width: 100%; height: 100%}
.hover_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 120px; height: 120px; color: #fff; font-size: 38px; z-index: 1 ; background-color:#35b194;
text-align: center; line-height: 118px; transition: all .5s; opacity: 1}
.hover_box i {line-height: 1}


.sec-4 {}
.sec-4 .program { padding-top:60px; }
.sec-4 .program ol { display: flex; justify-content: space-between; }
.sec-4 .program ol li { width:calc(25% - 28px); }
.sec-4 .program ol li a {border-radius:30px; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;height: 540px; background: #f0f0f0; text-align: center; position: relative; transition: all 0.5s ease; }
.sec-4 .program ol li a .head { transition: all 0.5s ease;}
.sec-4 .program ol li a .step { display: inline-block; width:99px; height: 34px; line-height: 33px; text-align: center; background: #78624a; border-radius:34px; font-size:15px; font-weight: 600; color: #fff;transition: all 0.5s ease; }
.sec-4 .program ol li a h3 { font-size:38px; color: #333; font-weight: 500; margin:40px 0 35px;transition: all 0.5s ease; }
.sec-4 .program ol li a .t1 { word-break: keep-all; font-size:18px; line-height: 1.5; color: #333;transition: all 0.5s ease; }
.sec-4 .program ol li a .t2 { position: absolute;left: 0; right:0; bottom:30px; opacity:0; transition: all 0.5s ease; }
.sec-4 .program ol li a .t2 div { display: inline-block; font-size:18px; font-weight: 300; color: #fff; line-height: 1.5; text-align: center;  }
.sec-4 .program ol li a:hover { background: #43aed0; transform: translateY(-25px); box-shadow: 10px 10px 35px rgba(74,74,74,0.54);  }
.sec-4 .program ol li a:hover .t2 { opacity:1; bottom:60px;  }
.sec-4 .program ol li a:hover .head { transform: translateY(-110px); }
.sec-4 .program ol li a:hover .step { background: #fff; color: #78624a; }
.sec-4 .program ol li a:hover  h3 { color: #fff; }
.sec-4 .program ol li a:hover .icon{display:none;}
.sec-4 .program ol li a:hover .t1 { color: #fff; }

.sec-5{text-align:center; background: url("/assets/images/main/sec_05_bg.jpg"); background-size: 100% 100%;}
.sec-5 .title_area .sub_title, .sec_youtube .title_area .sub_title{font-size:24px; line-height:32px; margin-bottom:40px!important; text-align:center;}
.sec-5 .slide_area{display:flex; align-items:center; justify-content: center;flex-direction: column; position:relative;}
.sec-5 .slide_area .num{font-size:80px; line-height:80px; color:#0f5a58; margin-bottom:40px; font-family:'Nunito Sans', sans-serif;}
.sec-5 .slide_area .title{font-size:54px; letter-spacing:-0.1em;margin-bottom:25px; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  width:60%;}
.sec-5 .swiper-container{width:1150px; margin:0 auto;}
.sec-5 .swiper-slide{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex-direction:column;}
.sec-5 .swiper-pagination{position:relative; margin-top:65px;}
.sec-5 .swiper-pagination-bullet{width:80px; height:80px; margin:0 10px;  opacity:1; position:relative; background:#000;}
.sec-5 .swiper-pagination-bullet > img{opacity:0.6; transition:opacity 0.3s linear;}
.sec-5 .swiper-pagination-bullet .active_line{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; pointer-events:none;}
.sec-5 .swiper-pagination-bullet .active_line svg{width:100%; height:100%;}
.sec-5 .swiper-pagination-bullet .active_line .bg{ fill: none; stroke-width: 3px; stroke: transparent;}
.sec-5 .swiper-pagination-bullet .active_line .progress{fill: none;
stroke-width: 3px;
stroke: #0f5a58;
stroke-linecap: round;
stroke-dasharray: 360;
stroke-dashoffset: 60;
transform: rotate(-90deg);
transform-origin: 50% 50%;
stroke-dashoffset: 360;
transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);}

.sec-5 .swiper-pagination-bullet.swiper-pagination-bullet-active .progress{stroke-dashoffset: 0;}
.sec-5 .swiper-pagination-bullet.swiper-pagination-bullet-active > img{opacity:1;}
.sec-5 .swiper-container{width:100%;}
.sec-5 .swiper_arrow_btn{ position:absolute; top:auto; padding:100px; z-index:3;}
.sec-5 .swiper_arrow_btn > a{width:100px; height:100px;  display:inline-flex; align-items:center; justify-content: center;flex-direction: column;
 border:1px solid rgba(0,0,0,0.2); background:transparent; border-radius:100%; overflow:hidden; cursor:pointer;  cursor:pointer; z-index:10;
transition:transform 0.1s linear, color 0.1s linear, background 0.15s linear, border 0.5s ease;}
.sec-5 .swiper_arrow_btn i{font-size:40px; color:#2a2a2a; }
.sec-5 .swiper_arrow_btn.prev{left:0; }
.sec-5 .swiper_arrow_btn.next{right:0; }
.sec-5 .swiper_arrow_btn > a:hover{border-color:#2a2a2a;}



.main-sect-beforeafter .pc-only { display:block; }
.main-sect-beforeafter .mo-only { display:none; }
.main-sect-beforeafter .cont-wrap { margin-top:2.5rem; }
.main-sect-beforeafter .slick-slide {display:flex;justify-content:center;align-items:stretch;opacity:0.2;transition:opacity 0.5s;}
.main-sect-beforeafter .slide{width:60% !important; margin:0 auto; display:block !important}
.main-sect-beforeafter .slick-active { opacity:1; }
.main-sect-beforeafter .slick-slider button {position:absolute;top:38%;display:inline-block;width:1.75rem;height:3.0625rem;cursor:pointer;z-index:5;transform:translate(0,-50%);}
.main-sect-beforeafter .slick-prev { background:url("/assets/images/main/prev.png") no-repeat center/ 100% auto; left:27%; }
.main-sect-beforeafter .slick-next { background:url("/assets/images/main/next.png") no-repeat center/ 100% auto; right:27%; }

.cl-yellow img {width:100% !important}

.main01{text-align:center;}
.main01 .youtube_wrap{max-width:950px; margin:0 auto;}
.main01:before{content:""; background: linear-gradient(45deg, #57e6af, #42aad2); position:absolute; left:0; top:50%; height:50%; width:50%;}
.cont_box{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.youtube{position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} 
.youtube iframe{position:absolute; top:0; left:0; width:100%; height:100%; min-width:100%;}




@media (min-width: 1290px) {
	
	.slide-box-1 .swiper-slide .img-box.main_story1:hover {background-image: url("/assets/images/main/sec_0101_c.jpg")}
	.slide-box-1 .swiper-slide .img-box.main_story2:hover {background-image: url("/assets/images/main/sec_0102_c.jpg")}
	.slide-box-1 .swiper-slide .img-box.main_story3:hover {background-image: url("/assets/images/main/sec_0103_c.jpg")}
	.slide-box-1 .swiper-slide .img-box.main_story4:hover {background-image: url("/assets/images/main/sec_0104_c.jpg")}
	.slide-box-1 .swiper-slide .img-box.main_story5:hover {background-image: url("/inc/img/main/story-5-color.jpg")}



   
	
}
@media (max-width:1290px) {
    .sect-1 {padding:100px 0 0px;}
    .story-wrap .in {flex-wrap: wrap;}
    .story-wrap .in > * {width: 100%; position: static; left:0; top:0; min-height:auto; padding-right:0;}
    .story-wrap .in > * + * {margin-top:50px;}
    .story-wrap .in > * + * .swiper-container {overflow: inherit;}
    .story-wrap .left .text-box {margin-top:20px; max-width: 800px;}
    .story-wrap .bg-text {font-size:80px; white-space: nowrap;}
    .story-wrap .left .text-box .text {}
    .story-wrap .left .btn-1 {margin-top:20px;}
    .story-wrap .left .text-box .text p:last-child {margin-top:10px;}
    .slide-box-1 .swiper-slide {margin-right:35px; width:70%;}
    .slide-box-1 .swiper-slide .text {font-size:11px;}
    .slide-box-1 .swiper-slide .text.type2.type3 {right:-216px; margin-top:0;}
    .slide-box-1 .swiper-slide .text.type2 {right:-102px; margin-top:0;}


    .sect-2 {padding:150px 0 0px;}
    .treat-wrap .in {flex-wrap: wrap;}
    .treat-wrap .in > * {width:100% !important;}
    .treat-wrap .in > * + * {margin-top:50px;}
    .treat-wrap .left .text-box {margin-top:20px;}
    .treat-wrap .left .text-box .text {margin-top:10px;}
    .treat-wrap .left .text-box .text br {display: none;}
    .treat-wrap .left .btn-1 {margin-top:20px;}
    .treat-wrap .right ul li {margin-top:23px;}
    .treat-wrap .right ul li .num {font-size:17px; width:35px; min-width: 35px; white-space: nowrap;}
    .treat-wrap .right ul li .text-box .title {font-size:17px;}
    .treat-wrap .right ul li .text-box .text {margin-top:3px;}

    .sec-4 {padding:0 20px 130px;}
	.sec-4 .program ol li a {padding: 15px;height: 420px;}
	.sec-4 .program ol li a .step {width: 91px;height: 29px;line-height: 29px;font-size: 13px;}
	.sec-4 .program ol li a h3 {font-size: 23px;margin: 9px 0 13px;}
	.sec-4 .program ol li a .t1 {font-size: 14px;}
	.sec-4 .program ol li a .head {transform: translateY(-88px); width:100%; text-align:center;}
	.sec-4 .program ol li a:hover .head {transform:none;}
	.sec-4 .program ol li a .t2 {opacity: 1;bottom: 37px; width:100%; text-align:center;}
	.sec-4 .program ol li a:hover .t2 {bottom: 37px;}
	.sec-4 .program ol li a:hover {background: #f0e9e3;transform: translateY(0);box-shadow:none;}
	.sec-4 .program ol li a:hover h3 {color: #333;}
	.sec-4 .program ol li a:hover .t1 {color: #333;}
	.sec-4 .program ol li a:hover .step {background: #78624a;color:#fff;}
	.sec-4 .program ol li a .t2 div {font-size: 14px;color: #333;}
	.sec-4 .program {padding-top: 40px;}
    .sec-4 .program ol li {width: 100%;margin-bottom: 0;margin-bottom: 20px;}
    .sec-4 .program ol li:last-child {margin-bottom: 0;}
	.sec-4 .program ol {padding-bottom: 20px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
	.sec-4 .program ol li a .t2 {position: static;}

	.sec-4 .program ol li a .head {transform: translateY(0);}
	.sec-4 .program ol li a {height:100%;padding: 37px 15px;justify-content: flex-start;text-align: left;align-items: flex-start;}
	.sec-4 .program ol li a .t2 div {font-size: 14px;padding-top: 15px;}
	.sec-4 .program ol li a .step {width: 63px;height: 21px;line-height: 21px;font-size: 9px; margin-right: 15px;}
	.sec-4 .program ol li a h3 {font-size: 20px;margin: 7px 0 9px;}
	.sec-4 {padding: 0 15px 80px;}


    .sec_review .title_area .sub_title, .sec_youtube .title_area .sub_title{margin-bottom:5vw!important;}
    .sec_review{padding:0; margin-bottom:0vw;}
    .sec_review .slide_area .title{font-size:4vw; line-height:6vw; -webkit-line-clamp:3; margin-bottom:3.1vw;}
    .sec_review > .title_area .title, .sec_youtube > .title_area .title{margin-bottom:7.6vw; font-size:6vw; line-height:6vw;}
    .sec_review .slide_area .num{font-size:10vw; line-height:10vw; margin-bottom:2vw;}
    .sec_review .slide_area .num img {width:30px; }
    
    .sec_review .swiper-pagination{margin-top:8.1vw;}
    .sec_review .swiper-pagination-bullet{width:15vw; height:15vw;}
    .sec_review .swiper-pagination-bullet .active_line .progress{stroke-width:2px;}
    .swiper_arrow_btn{padding:0 !important;}
    .swiper_arrow_btn > a{width:12.5vw!important; height:12.5vw!important; background:#fff!important;}
    .swiper_arrow_btn i{font-size:5vw!important;}

    .cont_box{padding:60px 20px;}


    
    .sec-3_con {padding-top: 120px;position: relative; overflow:hidden;}
    .sec-3_con:before {content: ""; position: absolute; width: 100%; height: 340px; bottom: -50px; left: 0; background: linear-gradient(45deg, #57e6af, #42aad2); z-index: 1}

    .sec-3_con > .bg_text_box .bg_text {display: none}
    .sec-3_con .in {padding: 0px 15px 50px}
    .sec-3_con .promise_text {margin-top: 20px;text-align: left}
    .sec-3_con .promise_text .title {font-size: 20px}
    .sec-3_con .promise_text .text {margin-top: 25px}
    .sec-3_con .promise_text .text p + p {margin-top: 12px}

    .sec-3_con .medical {padding-top: 80px; }

    .sec-3_con .medical .title .bg_text {display: none}
    .sec-3_con .medical .title strong {font-size: 24px}
    .sec-3_con .medical .title p {font-size: 13px; margin-top: 6px}
    .sec-3_con .medical .swiper-slide .text-box {color: #fff; margin-top: 15px}
    .sec-3_con .medical .swiper-container {margin-top: 25px}
    .sec-3_con .medical .swiper-slide .text-box span {font-size: 11px}
    .sec-3_con .medical .swiper-slide .text-box strong {font-size: 18px}
    .sec-3_con .medical .swiper-slide .text-box p {padding-right: 0; margin-top: 10px; opacity: 1; font-weight: 400; color: #fff; line-height: 1.5; height: 90px}
    .sec-3_con .medical .btn_box{margin-top: 15px; font-size: 32px; color: #000}
    .sec-3_con .view_btn.type2 {color: #000; border-color: #000}


    .main_bg_sect{margin-top: 0px; padding-top: 0; display: none;}
    .main_bg_sect .in {transform: none; left: 0; position: static; padding: 90px 15px 100px}
    .main_bg_sect .img_cont .text_box strong {font-size: 20px}
    .main_bg_sect .img_cont {margin-top: 15px}
    .main_bg_sect .img_cont .img_box {margin-top: 30px}
    .main_bg_sect .img_cont .hover_box {width: 50px; height: 50px; line-height: 48px; font-size: 18px}

    .btn_box{width:100%}
	.map{width:100% !important;}
	.root_daum_roughmap_landing{width:100% !important}
}

@media (max-width:639px) {
	.main-section .pc-only { display:none; }
	.main-section .mo-only { display:block; }
	.main-visual-item .main-visual-content { top:32%; }
	.main-visual-item .main-visual-content .txt01 { font-size:15px; line-height:27px; }
	.main-visual-item .main-visual-content h2 { font-size:28px; }
	.main-visual-item .main-visual-content h2 em { font-size:28px; }
	.main-visual-item04 .main-visual-content h2 { line-height:1.2; }
	
	.swiper-pagination.main-slide-pagination { top:62%; }
	
	.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg { background:url("/assets/images/main/main_visual01_m.jpg") no-repeat 50% 50%/ cover; }
	.main-visual-slide .swiper-slide.main-visual-item02 .main-visual-item-bg { background:url("/img/main/main_visual02_m.jpg") no-repeat 50% 50%/ cover; }
	.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg { background:url("../img/main_visual03_m.jpg") no-repeat 50% 50%/ cover; }
	.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { background:url("../img/main_visual04_m.jpg") no-repeat 50% 50%/ cover; }
	
	.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg,
	.main-visual-slide .swiper-slide.main-visual-item02 .main-visual-item-bg,
	.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg,
	.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transition:all 3.5s linear; -webkit-transition:all 3.5s linear; -moz-transition:all 3.5s linear; -ms-transition:all 3.5s linear; -o-transition:all 3.5s linear; background-position:center 50%; }

	.main-visual-slide .swiper-slide-active.main-visual-item01 .main-visual-item-bg,
	.main-visual-slide .swiper-slide-active.main-visual-item02 .main-visual-item-bg,
	.main-visual-slide .swiper-slide-active.main-visual-item03 .main-visual-item-bg,
	.main-visual-slide .swiper-slide-active.main-visual-item04 .main-visual-item-bg { transform:scale(1); -wekit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); background-position:center 0; }
}

.mouse-wrap { position:absolute; left:0; right:0; bottom:40px; text-align:center; z-index:5; }
.mouse-wrap .mouse { position:relative; width:60px; height:25px; margin:0 auto; border-radius:2rem; border:2px solid #fff; }
.mouse-wrap .mouse:after { content:""; position:absolute; top:0; right:0; bottom:0; left:-0.03rem; margin:auto; background-color:#fff; width:5px; height:5px; border-radius:100%; -webkit-animation:trackBallSlide 5s linear infinite; animation:trackBallSlide 5s linear infinite; }

@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  6% {
    opacity: 1;
    transform: scale(0.5) translateY(5px);
  }
  14% {
    opacity: 0;
    transform: scale(0.2) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    transform: scale(0.2) translateY(-2px);
  }
  28%, 29.99% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  30% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  36% {
    opacity: 1;
    transform: scale(0.5) translateY(5px);
  }
  44% {
    opacity: 0;
    transform: scale(0.2) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    transform: scale(0.2) translateY(-2px);
  }
  58%, 59.99% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  60% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  66% {
    opacity: 1;
    transform: scale(0.5) translateY(5px);
  }
  74% {
    opacity: 0;
    transform: scale(0.2) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    transform: scale(0.2) translateY(-2px);
  }
  88%, 100% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  6% {
    opacity: 1;
    transform: scale(0.5) translateY(5px);
  }
  14% {
    opacity: 0;
    transform: scale(0.2) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    transform: scale(0.2) translateY(-2px);
  }
  28%, 29.99% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  30% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  36% {
    opacity: 1;
    transform: scale(0.5) translateY(5px);
  }
  44% {
    opacity: 0;
    transform: scale(0.2) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    transform: scale(0.2) translateY(-2px);
  }
  58%, 59.99% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  60% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
  66% {
    opacity: 1;
    transform: scale(0.5) translateY(5px);
  }
  74% {
    opacity: 0;
    transform: scale(0.2) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    transform: scale(0.2) translateY(-2px);
  }
  88%, 100% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
}