/* header */

header#header{position: absolute;width: 100%;}
nav{position: relative;width: 100%;background-color: rgba(0,0,0,0.5);transition: height 0.3s ease-in-out;z-index: 999;}
.navbar{position: relative;display: flex;justify-content: space-between;align-items: center;max-width: 1920px;height: 100px;margin: 0 auto;padding: 0 2.5rem;transition: top 0.2s ease-in-out, background-color 0.2s ease-in-out, height 0.3s ease-in-out;top: 0;z-index: 9999;}
.navbar .logo{width: 140px;height: 50px;text-indent: 100%;white-space: nowrap;overflow: hidden;background:url('../images/logo.png') no-repeat;background-size: contain;}
.navbar .nav-menu{display: flex;gap: 10%;width: 50%;justify-content: center;align-items: center;}
.navbar .nav-menu li{position: relative;}
.navbar .nav-menu .depth1{color: #fff;font-weight: 500;font-size: 20px;display: inline-flex;align-items: center;height: 100px;white-space: nowrap;}

/* 헤더 스타일 변경 */
nav.gnb-open {background-color: rgba(0,0,0,0.7);transition: padding 0.3s ease-in-out;position: absolute;height: 480px;}
nav.gnb-open .navbar{position: relative;z-index: 10000;height: auto;}
nav.gnb-open .navbar .nav-menu>li{display: flex;flex-direction:column;}
.gnb-open .navbar .nav-menu .depth1{color: #fff;}
.gnb-open .navbar .nav-menu li .depth1::after{content: '';position: absolute;top: 54px;left: 0;width: 100%;height: 6px;background-color: rgba(255, 255, 255, 0.4);transform-origin: 50% 0;transform: scaleX(0);transition: all 0.3s;}
.gnb-open .navbar .nav-menu li:hover .depth1::after{ transform: scaleX(1);}
.gnb-open .navbar a{cursor: pointer;}

.gnb-open .depth2{visibility:visible;position:relative;opacity:1;top: 0px;}
.gnb-open .depth2:before{transform:rotateY(0);}

.depth2{visibility:hidden;position:relative;width:100%;height:calc(100% - 64px);transition:opacity 300ms ease-in-out;opacity:0;}
.nav-sub{display: none;position: absolute;top: 100%;left: 0;width: 230px;}
.nav-sub li{margin-top: 12px;}
.nav-sub li:first-child{margin-top: 0px;}
.nav-sub>li>a{margin: 8px 0;color: #fff;font-size: 1rem;}
.nav-sub>li>a:hover{color: #63baff;text-decoration: underline;}

.gnb-open .depth3{display: flex;flex-direction: column;padding-left: 12px;gap: 10px;margin-bottom: 16px;}
.gnb-open .depth3::before{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #808080;}
.gnb-open .depth3 a{font-size: 15px;color: #ccc;margin: 0;}

.menu-open, .nav-top{display: none;}

.header-right{display: flex;gap: 32px;}
.lang-wrap{display: flex;align-items: center;}
.lang-wrap .dropdown{position: relative;display: inline-block;width: 100%;}
.lang-wrap .dropdown::before{display: none;}
.lang-wrap .dropdown>button{width: 100%;text-align: left;display: flex;justify-content: space-between;align-items: center;padding-left: 0px;color: #fff;}
.lang-wrap .dropdown>button::before{content: '';background: url(../images/ico_lang.svg) no-repeat;background-size: 16px auto;width: 16px;height: 16px;margin-right: 4px;}
.lang-wrap .dropdown>button::after{content: '';background: url(../images/ico_down.svg) center no-repeat;background-size: 10px auto;width: 16px;height: 16px;margin-left: 8px;}
.lang-wrap .drop-menu{width: 100%;position: absolute;background-color: #005496;border: none;padding: 8px 4px;z-index: 1001;top: 30px;left: 0px;border-radius: 12px;}
.lang-wrap .drop-menu a, .profile-wrap .drop-menu a{position: relative;display: block;padding: 8px 0;color: #fff;text-align: center;opacity: 0.6;z-index: 1;}
.lang-wrap .drop-menu a:hover, .profile-wrap .drop-menu a:hover{font-weight: 600;opacity: 1;}
.lang-wrap .drop-menu a:hover span, .profile-wrap .drop-menu a:hover span{position: relative;}
.lang-wrap .drop-menu a:hover span::after, .profile-wrap .drop-menu a:hover span::after{content: '';position: absolute;top: 14px;left: 0;width: 100%;height: 6px;background-color: #003763;z-index: -10;}

.profile-wrap, .sitemap-wrap{position: relative;top: 1px;}
.profile-wrap .dropdown{position: relative;display: inline-block;width: 100%;}
.profile-wrap .dropdown::before{display: none;}
.profile-wrap .dropdown>button{width: 100%;padding-left: 0px;}
.profile-wrap .dropdown>button::after{display: none;}
.profile-wrap .drop-menu{min-width: 90px;position: absolute;background-color: #005496;border: none;padding: 8px 4px;z-index: 1000;top: 34px;left: calc(50% - 42px);border-radius: 12px;}
.profile-wrap .profile-admin{opacity: 1 !important;}

.profile-wrap .login-profile{min-width: 100px;position: absolute;background-color: white;border: none;padding: 0px;z-index: 1000;top: 36px;left: calc(50% - 50px);border-radius: 30px;}
.profile-wrap .login-profile::before{content: '';background: url(../images/triangle.svg) no-repeat;background-size: cover;width: 11px;height: 6px;position: absolute;top: -5px;left: calc(50% - 6px);}
.profile-wrap .login-profile div{display: block;padding: 8px 10px;color: #333;font-weight: 400;font-size: 14px;text-align: center;}
.profile-wrap .login-profile div span{display:inline-block;font-size: 13px;color: #b3b3b3;}


/* main_layout */
.main-wrap{position: relative;width: 100%;}


/* sub_layout */
.sub-wrap{position: relative;width: 100%;background-color: #fff;z-index: 1;}
.sub-topTit{position: relative;width: 100%;height: 360px;background:center no-repeat;background-size:cover;}
.sub-topTit .sub-title{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;gap: 12px;}
.sub-topTit .sub-title h2{font-weight: 600;font-size: 40px;color: #fff;margin-top: 40px;}
.sub-topTit .sub-title p{color: #63baff;}

.subImg00{background-image: url('../images/sub_Top01.jpg');}
.subImg01{background-image: url('../images/sub_Top01.jpg');}
.subImg02{background-image: url('../images/sub_Top02.jpg');}
.subImg03{background-image: url('../images/sub_Top03.jpg');}
.subImg04{background-image: url('../images/sub_Top05.jpg');}
.subImg05{background-image: url('../images/sub_Top04.jpg');}
.subImg06{background-image: url('../images/sub_Top06.jpg');}

.sub-dropdown{position: relative;z-index: 3;top:-60px;}
.sub-dropdown .dropdown-wrap{max-width: 1400px;margin: 0 auto;padding: 10px 12px 0;display: flex;align-items: center;height: 60px;background-color: #fff;border-radius: 10px 10px 0 0;gap: 24px;}
.sub-dropdown .dropmenu-home{margin-left: 16px;}
.sub-dropdown .dropmenu-home img{width: 24px;height: auto;}

.sdepth1-wrap .dropdown{position: relative;display: inline-block;width: 220px;}
.sdepth1-wrap .dropdown::before{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 1px;height: 24px;background: #ddd;margin: auto;}
.sdepth1-wrap .dropdown>button{width: 100%;text-align: left;display: flex;justify-content: space-between;align-items: center;padding-left: 24px;margin-right: 24px;font-size: 20px;}
.sdepth1-wrap .dropdown>button::after{content: '';background: url(../images/ico_gr_down.svg) no-repeat;background-size: 16px auto;width: 16px;height: 16px;padding-left: 20px;}
.sdepth1-wrap .drop-menu{width: 100%;position: absolute;background-color: white;border: 1px solid #ddd;padding: 12px 10px;z-index: 1000;top: 37px;left: 2px;border-radius: 8px;}
.sdepth1-wrap .drop-menu a{display: block;padding: 8px 10px;color: #555;font-weight: 400;font-size: 18px;}
.sdepth1-wrap .drop-menu a:hover{background-color: #eaf6ff;color: #005496;}

.sdepth2-wrap .menu-toggle-btn {display: none;}
.sdepth2-wrap .drop-menu {position: relative;padding-left: 30px;font-size: 20px;display: flex;gap: 24px;}
.sdepth2-wrap .drop-menu::before{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 1px;height: 24px;background: #ddd;margin: auto;}
.sdepth2-wrap .drop-menu a{z-index: 0;position: relative;}
.sdepth2-wrap .drop-menu a::after{content: '';position: absolute;top: 18px;left: 0;width: 100%;height: 6px;z-index: -1;background-color: rgba(255, 255, 255, 0.4);transform-origin: 50% 0;transform: scaleX(0);transition: all 0.3s;}
.sdepth2-wrap .drop-menu a:hover::after{transform: scaleX(1);background-color: #c9e7ff;}
.sdepth2-wrap .drop-menu a:hover, .sdepth2-wrap .drop-menu .active{color: #121212;font-weight: 500;}
.sdepth2-wrap .drop-menu .active::after{content: '';position: absolute;top: 18px;left: 0;width: 100%;height: 6px;background-color: #c9e7ff;z-index: -1;transform: scaleX(1);}


.subcon-wrap{max-width: 1400px;margin: -16px auto 80px;padding: 0 12px;line-height: 1.5;}
.subcon-title h3{color: #121212;font-size: 32px;font-weight: 700;text-align: center;}
.subcon{width: 100%;margin-top: 40px;min-height: 400px;position: relative;word-break: keep-all;white-space: normal;}


/* footer */
footer{position: relative;bottom: 0;width: 100%;color: #666;font-weight: 500;border-top: solid 1px #e3e3e3;padding: 40px 0;}
.footer-wrap{position: relative;width: 100%;max-width: 1920px;margin: 0 auto;padding: 0 2.5rem;}
.ft-top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ft-top .footer-info ul{display: flex;gap: 24px;margin-bottom: 20px;flex-wrap: wrap;}
.footer-btn{display: flex;justify-content: flex-end;gap: 24px;}
.footer-btn a{color: #666;} 
.ft-bottom{margin-top: 20px;display: flex;justify-content: space-between;}


/* 퀵메뉴 */
#quick {position: absolute;right: 12px;bottom: 100px;height: fit-content;background: rgba(255, 255, 255, 0.9);z-index: 99;border-radius: 36px;text-align: center;padding: 20px 12px;display: flex;flex-direction: column;gap: 16px;align-items: center;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.quick_btn a{display: flex;flex-direction: column;align-items: center;font-size: 14px;}
.quick_btn a::before{content: '';background-size: contain;display: block;margin-bottom: 8px;width: 50px;height: 50px;}
.quick_btn.hospital a::before{background: url(../images/ico_quick_search.svg) center no-repeat;background-size: contain;}
.quick_btn.qna a::before{background: url(../images/ico_qna.svg) center no-repeat;background-size: contain;}
.quick_btn.book a::before{background: url(../images/ico_store.svg) center no-repeat;background-size: contain;}
.quick_btn.seminar a::before{background: url(../images/ico_seminar.svg) center no-repeat;background-size: contain;}
.btn_top a{width: 28px;height: 28px;background-color: #4d4d4d;border-radius: 50%;display: flex;align-items: center;justify-content: center;}


@media screen and (max-width:1200px) {
    /* 데스크탑 */
    .navbar .logo{width: 100px;background-position: center;}
    .navbar .nav-menu{gap: 6%;}
    nav.gnb-open {height: 640px;}
    .nav-sub{width: 100px;}
    .gnb-open .depth3{padding-left: 6px;gap: 10px;}

    .header-right{gap: 10px;}

    .sub-dropdown .dropdown-wrap{gap:20px;}
    .sub-dropdown .dropmenu-home{margin-left:12px;}
    .sdepth1-wrap .dropdown{width:180px;}
    .sdepth1-wrap .dropdown>button{font-size:18px;}
    .sdepth2-wrap .drop-menu{gap:20px; padding-left:24px; font-size:18px;}
    
    .footer-wrap{padding: 0 2.5rem;}
    
}

@media screen and (max-width:1024px) {
    /* header */
    .top-header{width: 100%;}
    .top-header ul{gap: 4%;padding: 4px 10px 6px;}
    .top-header ul li a{font-size: 12px;}

    .navbar{height: 64px;padding: 0 0;width: 94vw;flex-wrap: wrap;}
    .navbar .logo{position:absolute;top:calc(50% - 15px);left:0;width: 50%;height: 50%;background-position: 0 center;z-index: 999;}
    .navbar .nav-menu{visibility:hidden;position:fixed;top:0;right:0;z-index:50;width:450px;height:100vh;overflow-y:auto;opacity:0;}
    .navbar .nav-menu .sub-menu{display:none;}
    .navbar .nav-menu li.open > .sub-menu{display:block;}
    
    .menu-open{display:block;position:absolute;top:calc(50% - 15px);right:0;width:30px;height:30px;background:url(../images/ico_menu_open.svg) no-repeat center;color:transparent;font-size:0;z-index: 999;}
    .menu-close{display:block;position:absolute;top:calc(50% - 15px);right:0;width:30px;height:30px;background:url(../images/ico_menu_close.svg) no-repeat center;color:transparent;font-size:0;z-index: 999;}
    
    nav.gnb-open{height: 2000px;visibility:visible;opacity:1;background-color: rgba(0,0,0,0.8);}
    nav.gnb-open::before{top:64px;}
    nav.gnb-open .nav-menu{visibility:visible;opacity:1;position: relative;left: 0;display: block;top:65px;width: 100%;}
    nav.gnb-open .navbar{height: 64px;}
    nav.gnb-open .navbar .nav-menu .depth1{position: relative;height: 100%;padding: 20px 0;}
    .gnb-open .navbar .nav-menu li .depth1::after{top: 56px;transform: scaleX(1);height: 1px;}

    .nav-sub{position: relative;width: 100%;margin-top: 16px;}
    .nav-sub li{margin: 10px 10px;}

    .header-right{justify-content: flex-end;width: 100%;padding-right: 50px;gap: 16px;position: absolute;}
    .sitemap-wrap{display: none;}

    .sdepth1-wrap .dropdown{width:166px;}
    .sdepth1-wrap .dropdown>button{padding-left:18px; font-size:18px;}
    .sdepth1-wrap .dropdown>button::after{padding-left:0;}
    .sdepth2-wrap .drop-menu{gap:18px; font-size:16px;}
    .subcon{min-height: 0px;}

    /* footer */
    .footer-wrap{padding: 0 1rem;}
    .ft-top{flex-direction: column-reverse;gap: 16px;}
    .ft-top .footer-info ul{gap: 8px;margin-bottom: 8px;flex-direction: column;}
    .footer-btn{justify-content: flex-start;gap: 20px;}
    .ft-bottom{margin-top: 16px;flex-direction: column-reverse;gap: 16px;} 
}


/* mobile */
@media screen and (max-width:768px) {
    nav.gnb-open{height: 100vh;visibility:visible;opacity:1;background-color: rgba(0,0,0,0.8);}

    /* sub_layout */
    .sub-topTit{height: 200px;}
    .sub-topTit .sub-title{gap: 8px;}
    .sub-topTit .sub-title h2{font-size: 32px;margin-top: 4rem;}
    .sub-topTit .sub-title p{font-size: 16px;}

    .sub-dropdown{top: 0px;}
    .sub-dropdown .dropdown-wrap{padding: 0 1rem;gap: 12px;}

    .sub-dropdown .dropmenu-home{margin: 0 10px 0 0;}
    .sdepth1-wrap{flex: 1;}
    .sdepth1-wrap .dropdown{width: 100%;}
    .sdepth1-wrap .dropdown>button{padding-left: 16px;font-size: 15px;color: #333;}
    .sdepth1-wrap .dropdown>button::after{padding-left: 16px;}
    .sdepth1-wrap .drop-menu{padding: 12px 8px;top: 36px;left: 2px;}
    .sdepth1-wrap .drop-menu a{padding: 8px 8px;font-size: 15px;}

    .sdepth2-wrap{flex: 1;}
    .sdepth2-wrap .dropdown{position: relative;display: inline-block;width: 100%;}
    .sdepth2-wrap .dropdown::before{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 1px;height: 24px;background: #ddd;margin: auto;}
    .sdepth2-wrap .dropdown>button{width: 100%;color: #333;text-align: left;display: flex;justify-content: space-between;align-items: center;padding-left: 16px;margin-right: 24px;font-size: 15px;}
    .sdepth2-wrap .dropdown>button::after{content: '';background: url(../images/ico_gr_down.svg) no-repeat;background-size: 16px auto;width: 16px;height: 16px;padding-left: 16px;}

    .sdepth2-wrap .menu-toggle-btn {display: block;}
    .sdepth2-wrap .drop-menu{position: absolute;display: flex;gap: 0;width: 100%;background-color: white;border: 1px solid #ddd;padding: 12px 10px;z-index: 1000;top: 37px;left: 2px;border-radius: 8px;flex-direction: column;}
    .sdepth2-wrap .drop-menu::before{content: none;}
    .sdepth2-wrap .drop-menu a{display: block;padding: 8px 10px;color: #555;font-weight: 400;font-size: 15px;}
    .sdepth2-wrap .drop-menu a::after{content: none;}
    .sdepth2-wrap .drop-menu a:hover::after{transform: none;background-color: transparent;}
    .sdepth2-wrap .drop-menu a:hover{background-color: #eaf6ff;color: #005496;font-weight: 400;}
    .sdepth2-wrap .drop-menu .active{color: #555;font-weight: 400;}
    .sdepth2-wrap .drop-menu .active::after{content: none;}

    .subcon-wrap{margin: 30px auto 60px;}
    .subcon-title h3{font-size: 28px;}
    .subcon{margin-top: 30px;}


    /* footer */
    #quick{display: none;}
    
}

@media screen and (max-width:575.98px) {
    /* 스마트폰 세로 */
}