@charset "utf-8";

html,
body { width: 100%; height: 100%; overflow-y: hidden; } 

#header.scroll-active .navigation .header-content { background:transparent; } 
#header.scroll-active .navigation .header-content .logo .ir_pm { background:url('/images/page_logo_eng_white.png') no-repeat left center; } 
#header.scroll-active .navigation .header-content .logo .ir_pm.active { background:url('/images/page_logo_kor_white.png') no-repeat left center; } 
#header.scroll-active .navigation .header-content .first-page-link li a,
#header.scroll-active .navigation .header-content .member-link li a { color:#fff; } 
#header.scroll-active .navigation .header-content .after_surgery_guide_link a:before { background:#efefef; } 
#header.scroll-active .navigation .header-content .hamburger-menu .bar { background:#fff; } 
body #header { position:fixed; top:0 !important; } 

#page-wrap { position: relative; top: 0; z-index: 10; width: 100%; height: 100%; } 
.full-section { min-width: 1236px; height: 100%; position: relative; overflow: hidden; } 
.index-row { margin: 0 auto; height: 100%; position: relative; } 
.full-page-navi.init { top: calc(50% + 80px); } 
.full-page-navi { position: fixed; left: 20px; top: 50%; transform: translateY(-50%); z-index: 5000; } 
.full-page-navi li { width: 20px; height: 20px; margin-bottom: 13px; border-radius: 50%; border: 1px solid #999; cursor: pointer; transition: all 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.84); backface-visibility: hidden; position: relative; } 
.full-page-navi li:before { content: ""; transition: all 0.2s ease; border-radius: 50%; box-shadow: 0 0 0 1px #fff; left: 50%; position: absolute; top: 50%; width: 16px; height: 16px; transform: translate(-50%, -50%); } 
.full-page-navi li.on { background: #900020; border: 1px solid #8b001f; } 
.full-page-navi li.on:before { box-shadow: 0 0 0 3px #600016; } 

/* full1 */
.full1 { background:none;height: 100vh;overflow: hidden; } 
.full1 .index-row {position: absolute;top: 0;left: 0;width: 100%;} 
.full1 .main-intro-txt { position: absolute; top: 50%; transform: translateY(-50%); left: 340px; color: #fff; z-index: 5; } 
.full1 .main-intro-txt .sml-txts { display: block; font-weight: 400; font-size: 45px; } 
.full1 .main-intro-txt .sml-txts > span { display: block; line-height: 1.2;opacity:0;transform:translateX(-50px); } 
.full1 .main-intro-txt .lrg-txts { font-weight: bold; margin-top: 20px; display: block; font-size: 78px; } 
.full1 .main-intro-txt .lrg-txts > span { display: block; line-height: 1.2;opacity:0;transform:translateX(-50px); } 
.full1 .main-intro-txt .link-btn { display: block; color: #fff; font-size: 30px; font-weight: bold; border: 2px solid #fff; padding: 15px 10px 15px 60px; width: 356px; margin-top: 33px; border-radius: 50px; background: url("/images/main_banner_link_arrow.png") no-repeat calc(100% - 61px) center / 8px; opacity:0; transform:translateY(50px); } 
.full1 .obj-building { position: absolute; bottom: -35px; right: 198px; opacity:0; transform: translateX(40px); min-width: 905px; width: 50vw; } 
.full1.viewing .main-intro-txt .sml-txts .line-1 { transform: translateX(0); opacity: 1; transition: all 1s ease; } 
.full1.viewing .main-intro-txt .sml-txts .line-2 { transform: translateX(0); opacity: 1; transition: all 1s ease .2s; } 
.full1.viewing .main-intro-txt .lrg-txts .line-1 { transform: translateX(0); opacity: 1; transition: all 1s ease .4s; } 
.full1.viewing .main-intro-txt .lrg-txts .line-2 { transform: translateX(0); opacity: 1; transition: all 1s ease .6s; } 
.full1.viewing .main-intro-txt .link-btn { opacity:1; transform:translateY(0); transition: all 1s ease .8s; } 
.full1.viewing .obj-building { opacity:1; transform: translateX(0); transition: opacity 2s ease, transform 2s ease; } 
.full1 .video-wrapper-01 {background: url("/images/video_bg_img.png") no-repeat 0 0;background-size: cover;width: 100%;height: 100%;position: absolute;z-index:-1;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;}
.full1 .video-wrapper-02 {position: absolute;width: 100%;height: 100%; top: 0;left: 0;right: 0;bottom: 0;}
.full1 .video-wrapper-02:after {content:""; position:absolute; top:0; left:0; background:rgba(0,0,0,.4); width:100%; height:0;}
.full1 .video-wrapper-02.playing:after {height:100%;}
.full1 .video-wrapper-02 iframe{position: absolute;left: 50%;top: 50%;width: 100%;height: 200vw;min-height: 100vh;min-width: 177.77vh;transform: translate(-50%, -50%);}

/* full2 */
.full2 { padding-top: 96px; } 
.full2 .index-row { padding: 65px 0 0 340px; overflow: hidden; display: flex; } 
.full2 .hos-intro-txt { float: left; font-size: 42px; font-weight: 700; line-height: 1.4; margin-right: 139px; margin-top: 90px; width: 296px; opacity: 0; transform: translateX(30px); flex-shrink: 0; } 
.full2 .hos-intro-txt strong { color: #900020; } 
.full2 .hos-intro-sub-txt { display: block; margin-top: 50px; font-size: inherit; color: #666; font-size: 17px; font-weight: 500; } 
.full2 .hos-intro-slider { float: left; width: calc(100% - 435px); position: relative; overflow: hidden; min-width: 1140px; height: 740px; opacity: 0; transform: translateX(30px); } 
.full2 .hos-intro-slider .swiper-slide { width: 738px !important; margin-right: 100px; float: left; } 
.full2 .hos-intro-slider .swiper-slide p { margin: 40px 0 34px; font-size: 30px; font-weight: bold; } 
.full2 .hos-intro-slider .swiper-slide span { color: #666; font-size: 16px; } 
.full2 .hos-intro-slider .common-bar-paging { border-radius: 0; left: 0; background: #f5f2f0; height: 6px; width: 900px; bottom: 32px; } 
.full2 .circle-1 { left: 114px; bottom: 83px; animation: upDown1 5s 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full2 .circle-2 { bottom: 210px; left: 116px; animation: upDown1 5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full2 .circle-3 { left: 280px; bottom: 334px; animation: upDown2 5s 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full2 .circle-4 { left: 193px; bottom: 246px; animation: upDown2 5s 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full2 .circle-5 { left: 154px; bottom: 161px; animation: upDown1 5s 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full2 .plus-1 { left: 40px; bottom: 117px; animation: upDown2 5s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full2 .plus-2 { left: 528px; bottom: 40px; animation: upDown1 5s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full2 .ani-box .circle-txt { position: absolute; bottom: -200px; left: 56px; z-index: -15; animation: txtRotate 16s linear infinite reverse; } 
.full2.viewing .hos-intro-txt { transform: translateX(0); opacity: 1; transition: all 2s ease; } 
.full2.viewing .hos-intro-slider { transform: translateX(0); opacity: 1; transition: all 2s ease 0.5s; } 

/* full3 */
.full3 .index-row { padding-left: 340px; } 
.full3 .surgery-case-wrap { float: left; margin-top: 180px; width: 566px; } 
.full3 .surgery-case-wrap .case-tit { font-size: 42px; font-weight: bold; line-height: 1; margin-bottom: 45px; } 
.full3 .surgery-case-wrap .case-tit .category-details {display: block; font-size: 22px;margin-top: 10px;}
.full3 .surgery-case-wrap .count-txt { font-size: 50px; font-weight: bold; margin-bottom: 77px; } 
.full3 .surgery-case-wrap .count-con { font-family: "Merriweather", serif; font-size: 160px; line-height: 1; vertical-align: sub; margin-right: 18px; } 
.full3 .surgery-case-wrap .sub-txt:before { content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 2px; background-color: #333; } 
.full3 .surgery-case-wrap .sub-txt { padding-top: 50px; position: relative; font-size: 30px; font-weight: 500; } 
.full3 .surgery-case-wrap .sub-txt strong { font-weight: 500; color: #900020; } 
.full3 .surgery-case-wrap .go-link-doctor { line-height: 1; display: inline-block; font-size: 17px; font-weight: bold; padding-right: 39px; background: url("/images/ico_link_arrow.png") no-repeat 100% 3px; transition: padding 0.4s ease; } 
.full3 .surgery-case-wrap .go-link-doctor:hover { padding-right: 49px; } 
.full3 .rolling-fade-doctor { float: left; opacity: 0; transform: translateX(40px); position:relative; width:690px;} 				
.full3.viewing .rolling-fade-doctor {opacity: 1; transform: translateX(0); transition: opacity 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.84), transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.84); }
.full3 .main-doctor-img { opacity: 0; transform: translateX(40px); transition: opacity 1s ease, transform 1s ease; position:absolute; top:0; left:0;} 
.full3 .main-doctor-img.fade {opacity:1; transform: translateX(0px);}

.full3.viewing .surgery-case-wrap .sub-txt:before { animation: stretch 1.5s ease; } 

/* full4 */
.full4 .index-row { padding: 105px 0 0 645px; } 
.full4 .hos-intro-slider { position: relative; overflow: hidden; min-width: 1140px; height: 660px; opacity: 0; transform: translateX(30px); } 
.full4 .hos-intro-slider .swiper-slide { width: 616px !important; margin-right: 100px; float: left; } 
.full4 .hos-intro-slider .swiper-slide p { margin: 40px 0 34px; font-size: 30px; font-weight: bold; } 
.full4 .hos-intro-slider .swiper-slide span { color: #666; font-size: 16px; } 
.full4 .hos-intro-slider .common-bar-paging { border-radius: 0; left: 0; background: #f5f2f0; height: 6px; width: 900px; bottom: 32px; } 
.full4 .bg-rolling-txt { right: 15vw; color: #f5f2f0; font-size: 343px; position: absolute; top: 3.125vw; letter-spacing: -30px; font-weight: 500; z-index: -1; word-break:normal; } 
.full4.viewing .hos-intro-slider { transform: translateX(0); opacity: 1; transition: all 2s ease; } 

/* full5 */
.full5 .index-row { padding: 74px 0 0 340px; overflow: hidden; display: flex; flex-wrap: nowrap; } 
.full5 .youtube-txt { float: left; width: 450px; margin-top: 100px; } 
.full5 .youtube-txt .tit { font-size: 80px; font-weight: bold; letter-spacing: -5px; line-height: 1; margin-bottom: 65px; opacity: 0; transform: translateY(40px); } 
.full5 .youtube-txt .main-txt { font-size: 30px; font-weight: 500; padding-top: 70px; margin-bottom: 50px; position: relative; opacity: 0; transform: translateY(40px); } 
.full5 .youtube-txt .main-txt:before { content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 2px; background-color: #333; } 
.full5 .youtube-txt .sub-txt { font-size: 17px; color: #666; opacity: 0; transform: translateY(40px); } 
.full5 .youtube-cont { float: left; } 
.full5 .youtube-cont .video { position: relative; width: 100%; max-width: 983px; padding-bottom: 56.25%; margin-bottom: 38px; opacity: 0; transform: translateY(30px); } 
.full5 .youtube-cont .video > iframe { position: absolute; width: 100%; height: 100%; } 
.full5 .youtube-cont .video-lists li { float: left; width: 167px; margin-right: 37px; opacity: 0; transform: translateY(30px); } 
.full5 .circle-1 { width: 62px; height: 62px; top: 160px; left: 150px; animation: upDown1 5s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full5 .circle-2 { width: 370px; height: 370px; left: 60px; top: -194px; border-width: 10px; z-index: -1; animation: upDown1 5s 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full5 .circle-3 { border-width: 5px; left: 178px; top: 137px; width: 62px; height: 62px; z-index: -1; animation: upDown1 5s cubic-bezier(0.25, 0.46, 0.45, 0.84) infinite; } 
.full5.viewing .youtube-cont .video { opacity: 1; transform: translateY(0px); transition: all 2s ease; } 
.full5.viewing .youtube-cont .video-lists li.v-lists-1 { opacity: 1; transform: translateY(0px); transition: all 1.5s ease 0.2s; } 
.full5.viewing .youtube-cont .video-lists li.v-lists-2 { opacity: 1; transform: translateY(0px); transition: all 1.5s ease 0.4s; } 
.full5.viewing .youtube-cont .video-lists li.v-lists-3 { opacity: 1; transform: translateY(0px); transition: all 1.5s ease 0.6s; } 
.full5.viewing .youtube-cont .video-lists li.v-lists-4 { opacity: 1; transform: translateY(0px); transition: all 1.5s ease 0.8s; } 
.full5.viewing .youtube-cont .video-lists li.v-lists-5 { opacity: 1; transform: translateY(0px); transition: all 1.5s ease 1s; } 
.full5.viewing .youtube-txt .main-txt:before { animation: stretch 1.5s ease 1s; } 
.full5.viewing .youtube-txt .tit { transform: translateY(0); opacity: 1; transition: all 1.5s ease; } 
.full5.viewing .youtube-txt .main-txt { transform: translateY(0); opacity: 1; transition: all 1.5s 0.4s ease; } 
.full5.viewing .youtube-txt .sub-txt { transform: translateY(0); opacity: 1; transition: all 1.5s 0.8s ease; } 

/* full6 */
.full6 .index-row { padding: 80px 0 0 340px; } 
.full6 .thesis-tit .main-tit { font-size: 42px; font-weight: bold; display: block; line-height: 1.4; opacity: 0; transform: translateX(40px); } 
.full6 .thesis-tit .sub-tit { font-size: 17px; line-height: 1; margin-top: 36px; display: block; color: #666; opacity: 0; transform: translateX(40px); } 
.full6 .thesis-slider { margin-top: 63px; overflow: hidden; height: 440px; position: relative; opacity: 0; transform: translateX(70px); } 
.full6 .thesis-slider .swiper-slide { width: 300px; margin-right: 40px; } 
.full6 .thesis-slider .swiper-slide .thesis-top { overflow: hidden; } 
.full6 .thesis-slider .swiper-slide .thesis-top .sort { float: left; font-size: 20px; font-weight: bold; line-height: 1; } 
.full6 .thesis-slider .swiper-slide .thesis-top .release-date { float: right; font-size: 16px; font-weight: bold; color: #999; line-height: 1.2; } 
.full6 .thesis-slider .swiper-slide .thesis-thumb { margin: 13px 0 10px; display: flex; background: #fff; color: #fff; align-items: center; justify-content: center; font-size: 30px; font-weight: bold; height: 270px; border: 1px solid #efefef; } 
.full6 .thesis-slider .swiper-slide .thesis-thumb > img { max-width: 298px; max-height: 268px; } 
.full6 .thesis-slider .swiper-slide .thesis-name { font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.full6 .thesis-slider .swiper-slide .thesis-name-eng { font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#666; margin-top: 3px; } 
.full6 .thesis-slider .common-bar-paging { border-radius: 0; left: 0; background: #f5f2f0; height: 6px; width: 1236px; bottom: 0; } 
.full6 .rotate-circle-txt { animation: txtRotate 16s linear infinite reverse; position: absolute; top: -600px; right: 136px; z-index: -1; } 
.full6.viewing .thesis-tit .main-tit { opacity: 1; transform: translateX(0px); transition: all 2s ease; } 
.full6.viewing .thesis-tit .sub-tit { opacity: 1; transform: translateX(0px); transition: all 2s ease 0.2s; } 
.full6.viewing .thesis-slider { opacity: 1; transform: translateX(0px); transition: all 2s ease 0.5s; } 

/* promotion-popup-wrap(프로모션 팝업) */
.promotion-popup-wrap {position: fixed; width: 100%;height: 100%; top:0; left:0;z-index: 9200; display:none;}
.promotion-popup-wrap .promotion-con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9150;width: 100%; display: flex;align-items: flex-start;flex-wrap: nowrap;justify-content: center;}
.promotion-con .left{float: left;}
.promotion-con .left .promo-img{min-width: fit-content;width: 100%;}
.promotion-con .left .bottom-line{display: block;background: #000;color: #fff;padding: 10px;font-size: 15px;width: 10;}
.promotion-con .left .bottom-line .close-today{cursor: pointer;font-weight: 500;}
.promotion-con .left .bottom-line .close-today:hover {text-decoration:underline;}
.promotion-con .close-promo-btn {float: right; width: 61px;cursor: pointer;}
.promotion-popup-wrap .promo-shadow {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.3);z-index: 9100;}

#footer .index-row { width: auto !important; } 
.entrance-box {display:none !important;}

@media (max-width: 1920px) {
    .full1 .main-intro-txt { left: 17.7083vw; } 
 }
@media (max-width: 1700px){
    #page-wrap .index-row { padding-left: 13.2812vw; } 
    .full2 .hos-intro-slider { min-width: auto; } 
	.full2 .circle-3 {left: 100px;}
	.full2 .circle-4 {left: 110px;}
    .full6 .rotate-circle-txt { right: 0; } 
    .full5 .youtube-txt { width: 410px; } 
    .full5 .youtube-cont { width: calc(100% - 410px); } 
    .full5 .youtube-cont .video-lists li { width: 127px; margin-right: 10px; } 
    .full5 .circle-1 { top: 132px; } 
    .full3.viewing .main-doctor-img { max-width: 690px; width: calc(100% - 566px); } 
	.full3.viewing .rolling-fade-doctor { max-width: 690px; width: calc(100% - 566px); } 
	.full3.viewing .rolling-fade-doctor .main-doctor-img  {max-width: fit-content; width: auto;}
    .full5 .circle-2 { top: -218px; } 
    .full5 .circle-3 { top: 94px; } 
    #page-wrap #footer .index-row { padding-left: 0; } 

 }