@charset "utf-8";

#header{ position: absolute; top: 0; width: 100%; z-index: 5001; } 
#header .top-rolling-banner { position: relative; height: 80px; transition: margin .4s cubic-bezier(0.25, 0.46, 0.45, 0.84); margin-top: 0; z-index: 5001; display:none;} 
#header .top-rolling-banner .container {height: 80px;}
#header .top-rolling-banner .close-banner-btn { position: absolute; width: 29px; height: 29px; z-index: 5001; top: 50%; transform: translateY(-50%); right: 257px; cursor: pointer; } 
#header .top-rolling-banner .close-banner-btn:before,
#header .top-rolling-banner .close-banner-btn:after { content:""; position: absolute; left: 50%; top:50%; width: 1px; height: 38px; background-color: #353537; } 
#header .top-rolling-banner .close-banner-btn:before { transform: translate(-50%, -50%) rotate(45deg); } 
#header .top-rolling-banner .close-banner-btn:after { transform: translate(-50%, -50%) rotate(-45deg); } 
#header .top-rolling-banner .banner-con li { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none;} 
#header .top-rolling-banner .banner-con li:first-child {display: block;background: #f1ece9 url('/images/top_banner_01.jpg') no-repeat center / 1920px; }
#header .top-rolling-banner .banner-con li a { display: block; background: #f1ece9; } 

#header .navigation .header-content {position: relative;z-index: 5002;background: rgba(255,255,255,0.9);} 
#header .navigation .header-content .logo {margin: 33px 48px 33px 40px;float: left;} 
#header .navigation .header-content .logo .logo-ico {margin-right: 5px; float: left;}
#header .navigation .header-content .logo .ir_pm {width:206px;height:30px;background: url('/images/page_logo_eng.png') no-repeat left center; float: left;}
#header .navigation .header-content .logo .ir_pm.active {background: url('/images/page_logo_kor.png') no-repeat left center;}
#header .navigation .header-content .hamburger-menu {float: left;width: 38px;height: 20px;cursor: pointer;position: relative;margin: 38px 71px 0 0;} 
#header .navigation .header-content .hamburger-menu .bar { position: absolute; width: 100%; height: 2px; background: #000; } 
#header .navigation .header-content .hamburger-menu .bar-top { top:0; transition: all .4s; } 
#header .navigation .header-content .hamburger-menu .bar-middle { top: 50%; transform: translateY(-50%); transition: all .4s;} 
#header .navigation .header-content .hamburger-menu .bar-bottom { bottom:0; transition: all .4s;}
#header .navigation .header-content .hamburger-menu.active .bar-top {transform: translateY(9px) rotate(-45deg);}  
#header .navigation .header-content .hamburger-menu.active .bar-middle { opacity: 0;}
#header .navigation .header-content .hamburger-menu.active .bar-bottom {transform: translateY(-9px) rotate(45deg);}

#header .navigation .header-content .first-page-link { float: left; font-size: 16px; font-weight: 500; line-height: 1; margin-top: 39px; } 
#header .navigation .header-content .first-page-link li { display: inline-block; margin-right: 45px; } 
#header .navigation .header-content .first-page-link li a { color: #999; transition: color .36s; } 
#header .navigation .header-content .first-page-link li a:hover { color: #333; } 

#header .navigation .header-content .after_surgery_guide_link a {position: relative;}
#header .navigation .header-content .after_surgery_guide_link a:before{content: "";position: absolute; top: 70%; left: 0; opacity: 0.4; transition: width 0.5s; width:0%; height: 30%; background: #900020; z-index: 0;}
#header .navigation .header-content .after_surgery_guide_link a:hover:before {width: 100%;}

#header .navigation .header-content .member-link {float: right;margin-top: 39px;line-height: 1;padding-right: 40px;}
#header .navigation .header-content .member-link li{display: inline-block;margin-left: 20px;}
#header .navigation .header-content .member-link li a{color: #999;font-size: 16px;font-weight: bold; transition: color .36s;}
#header .navigation .header-content .member-link li a:hover {color:#333;}

#header .navigation .page-all-menu {background: #fff;position: absolute;width: 100%;min-height: 514px;padding: 79px 0 0 342px;transition: all .36s cubic-bezier(0.25, 0.46, 0.45, 0.84);opacity: 0; visibility: hidden;z-index: 5001;} 
#header .navigation .page-all-menu.active {opacity: 1; transform: translateY(0); visibility: visible;} 
#header .navigation .page-all-menu.fixedActive {position:fixed; opacity: 1; visibility: visible; } 
#header .navigation .page-all-menu .close-page-all-menu { width: 36px; height: 36px; cursor: pointer; position: absolute; top: 20px; right: 10%; } 
#header .navigation .page-all-menu .close-page-all-menu:before,
#header .navigation .page-all-menu .close-page-all-menu:after { content:""; position: absolute; left: 50%; top:50%; width: 2px; height: 47px; background-color: #000; } 
#header .navigation .page-all-menu .close-page-all-menu:before { transform: translate(-50%, -50%) rotate(45deg); } 
#header .navigation .page-all-menu .close-page-all-menu:after { transform: translate(-50%, -50%) rotate(-45deg); } 
#header .navigation .page-all-menu .second-page-link li { float: left; margin-right: 138px; } 
#header .navigation .page-all-menu .second-page-link li .main-link { display: inline-block; margin-bottom: 27px; font-size: 25px; font-weight: bold; } 
#header .navigation .page-all-menu .second-page-link li > p { margin-bottom: 17px; } 
#header .navigation .page-all-menu .second-page-link li .sub-link { color: #999; font-size: 18px; font-weight: 500; transition:all .36s; position: relative; } 
#header .navigation .page-all-menu .second-page-link li .sub-link:hover { color:#900020; } 
#header .navigation .page-all-menu .second-page-link li .sub-link:after { content:""; position:absolute; background-color: #900020; width: 0; height:2px; bottom:0; left:0; transition: width .36s; } 
#header .navigation .page-all-menu .second-page-link li .sub-link:hover:after { width:100%; } 

/* 서브페이지 스크롤링 네비게이션 공통 적용*/
.this-page-sitemap { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; height: 58px; background: #fff; z-index: 5000; } 
.this-page-sitemap.active {height: 80px;position: fixed;top: 0;left: 0;width: 100%;background: rgba(255,255,255,0.9);} 
.this-page-sitemap .go-home-ico { float: left; width: 73px; height: 56px; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; display: block; background: url("/images/ico_home.png") no-repeat center; } 
.this-page-sitemap .fixed-hamburger-menu {display: none;float: left;margin-top: 30px;} 
.this-page-sitemap.active .go-home-ico { display: none; } 
.this-page-sitemap.active .fixed-hamburger-menu { display: block; } 
.this-page-sitemap .sub-page-links { float: right; margin-top: 16.75px; } 
.this-page-sitemap.active .sub-page-links { margin-top: 27px; margin-bottom: 27px; } 
.this-page-sitemap .sub-page-links a { color: #666; font-size: 15px; transition: color 0.4s ease; font-weight: 500; display: inline-block; margin-left: 40px; } 
.this-page-sitemap .sub-page-links a.active { border-bottom: 2px solid #900020; color: #900020; font-weight: bold; } 
.this-page-sitemap .sub-page-links a:hover { color: #900020; } 

.top-intro { height: 530px; padding-top: 146px; text-align: center; min-width: 1236px; position: relative;} 
.top-intro .top-intro-bg-img {position: absolute;top: 0;left: 0;z-index: -1;transform: scale(0.95);transition: transform ease 1.5s;width: 100%;height: 100%;object-fit: cover;}
.top-intro.viewing .top-intro-bg-img {transform: scale(1);}
.top-intro .txt-1 { margin: 0 auto 76px; } 
.top-intro .txt-2 { font-size: 50px; font-weight: bold; line-height: 1; margin-bottom: 35px; } 
.common_board .top-intro .txt-2 {margin-bottom:70px;} 
.top-intro .txt-3 { font-size: 20px; } 

.entrance-box { display: flex; background: rgba(255,249,249,0.95); width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; position: fixed; flex-direction: column; justify-content: center; align-items: center; } 
.entrance-box img { opacity:0; transition:opacity 1s ease; } 
.entrance-box.entrance img { opacity:1; } 

@media (max-width: 1903px) {
    #header .container {min-width: 1236px; }
    #header .navigation .page-all-menu {padding-left:13.3593vw; min-width: 1236px;}
    #header .navigation .page-all-menu .second-page-link li {margin-right: 5vw;}
}
@media (max-width: 1236px) {
    #header .navigation .page-all-menu {padding-left:165px;}
    #header .navigation .page-all-menu .second-page-link li {margin-right: 50px;}
    .this-page-sitemap { border-top: none; border-bottom: none; } 
    .this-page-sitemap .container-2 { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } 
    .this-page-sitemap.active .container-2 { background: #fff; } 
}