@charset "utf-8";
/* Top Bar */
#topbar {background:#fff;border-bottom:1px solid #eee;font-size:0.75rem;height:44px;padding:0;transition:all 0.5s;overflow:hidden;z-index:996;}
#topbar.topbar-scrolled {top:-44px;}

#topbar .top_left .bi {font-size:0.88rem;}
#topbar .top_left a {color:#7e848b;padding:4px 12px;display:inline-block;line-height:1px;transition:0.3s;border-left:1px solid #e9e9e9;}
#topbar .top_left a:hover {color:var(--color-primary1);}
#topbar .top_left a:first-child {border-left:0;}

#topbar .top_right .bi, #topbar .top_right .fa {font-size:0.88rem;margin-right:4px;}
#topbar .top_right a {color:#7e848b;padding:0 12px;display:inline-flex;align-items:center;height:24px;line-height:1;transition:0.3s;border-left:1px solid #e9e9e9;}
#topbar .top_right a:hover {color:var(--color-primary1);}
#topbar .top_right a:first-child {border-left:0;}

@media screen and (max-width:992px){
  .justify-content-center992 {justify-content: center !important;}
  .hidden-xs {display: none !important;}
  #topbar .top_right .bi, #topbar .top_right .fa {font-size:0.88rem;margin-right:4px;}
  #topbar .top_right a {color:#7e848b;padding:0 8px;display:inline-flex;align-items:center;height:24px;line-height:1;transition:0.3s;border-left:1px solid #e9e9e9;}
  #topbar .top_right a:hover {color:var(--color-primary1);}
  #topbar .top_right a:first-child {border-left:0;}
}


/* Header */
#header {top:44px;z-index:997;background:#fff;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
#header.header-scrolled {top:0;background:#fff;border-bottom:1px solid rgba(0, 0, 0, 0.1);}

@media (max-width:992px) {
  #header {border:0;padding:15px 0;}
}

#header .logo {width:240px;margin:0;padding:0;}
#header .logo img {height:40px;}
#header.header-scrolled .logo {width:240px;margin:0;padding:0;}
#header.header-scrolled .logo {height:40px;}


/* Navigation Menu */
.navbar {padding:0;}
.navbar ul {margin:0;padding:0;display:flex;list-style:none;align-items:center;}
.navbar li {position:relative;}
.navbar>ul>li {position:relative;white-space:nowrap;margin:0 12px;}

.navbar a, .navbar a:focus {display:flex;align-items:center;justify-content:space-between;padding:28px 2px;font-size:0.94rem;font-weight:600;color:#000;white-space:nowrap;transition:0.3s;
position:relative;}
.navbar a i, .navbar a:focus i {font-size:0.75rem;line-height:0;margin-left:5px;}

.navbar>ul>li>a:before {content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:var(--color-primary1);visibility:hidden;width:0px;transition:all 0.3s ease-in-out 0s;}
.navbar a:hover:before, .navbar li:hover>a:before, .navbar a.sel:before, .navbar .active:before {visibility:visible;width:100%;}
.navbar a:hover:before, .navbar li:hover:last-child>a:before, .navbar .active:before {visibility:hidden;width:100%;}

.navbar a:hover, .navbar a.sel, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color:var(--color-secondary);}
.navbar .getstarted, .navbar .getstarted:focus {color:#fff;background:var(--color-secondary);padding:8px 20px;margin-left:0px;border-radius:4px;}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {color:#fff;background:var(--color-primary1);}
.navbar .dropdown ul {display:block;position:absolute;left:0;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);transition:0.3s;border-top:2px solid var(--color-primary1);}
.navbar .dropdown ul li {min-width:200px;}
.navbar .dropdown ul a {padding:10px 20px;font-size:0.88rem;text-transform:none;font-weight:500;color:#282828;}
.navbar .dropdown ul a i {font-size:0.75rem;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul a.sel, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {color:var(--color-secondary);}
.navbar .dropdown:hover>ul {opacity:1;top:100%;visibility:visible;}
.navbar .dropdown .dropdown ul {top:0;left:calc(100% - 30px);visibility:hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity:1;top:0;left:100%;visibility:visible;}


#header.header-scrolled .navbar {padding:0;}
#header.header-scrolled .navbar ul {margin:0;padding:0;display:flex;list-style:none;align-items:center;}
#header.header-scrolled .navbar li {position:relative;}
#header.header-scrolled .navbar>ul>li {position:relative;white-space:nowrap;margin:0 12px;}

#header.header-scrolled .navbar a, #header.header-scrolled .navbar a:focus {display:flex;align-items:center;justify-content:space-between;padding:28px 2px;font-size:0.94rem;font-weight:600;color:#000;white-space:nowrap;transition:0.3s;position:relative;}
#header.header-scrolled .navbar a i, #header.header-scrolled .navbar a:focus i {font-size:0.75rem;line-height:0;margin-left:5px;}

#header.header-scrolled .navbar>ul>li>a:before {content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:var(--color-primary1);visibility:hidden;width:0px;transition:all 0.3s ease-in-out 0s;}
#header.header-scrolled .navbar a:hover:before, #header.header-scrolled .navbar li:hover>a:before, #header.header-scrolled .navbar a.sel:before, #header.header-scrolled .navbar .active:before {visibility:visible;width:100%;}
#header.header-scrolled .navbar a:hover:before, #header.header-scrolled .navbar li:hover:last-child>a:before, #header.header-scrolled .navbar .active:before {visibility:hidden;width:100%;}

#header.header-scrolled .navbar a:hover, #header.header-scrolled .navbar a.sel, #header.header-scrolled .navbar .active, #header.header-scrolled .navbar .active:focus, #header.header-scrolled .navbar li:hover>a {color:var(--color-secondary);}
#header.header-scrolled .navbar .getstarted, #header.header-scrolled .navbar .getstarted:focus {color:#000;background:var(--color-secondary);padding:8px 20px;margin-left:0px;border-radius:4px;color:#fff;}
#header.header-scrolled .navbar .getstarted:hover, #header.header-scrolled .navbar .getstarted:focus:hover {background:var(--color-primary1);color:#fff;}
#header.header-scrolled .navbar .dropdown ul {display:block;position:absolute;left:0;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);transition:0.3s;border-top:2px solid var(--color-primary1);}
#header.header-scrolled .navbar .dropdown ul li {min-width:200px;}
#header.header-scrolled .navbar .dropdown ul a {padding:10px 20px;font-size:0.88rem;text-transform:none;font-weight:500;color:#282828;}
#header.header-scrolled .navbar .dropdown ul a i {font-size:0.75rem;}
#header.header-scrolled .navbar .dropdown ul a:hover, #header.header-scrolled .navbar .dropdown ul a.sel, #header.header-scrolled .navbar .dropdown ul .active:hover, #header.header-scrolled .navbar .dropdown ul li:hover>a {color:var(--color-secondary);}
#header.header-scrolled .navbar .dropdown:hover>ul {opacity:1;top:100%;visibility:visible;}
#header.header-scrolled .navbar .dropdown .dropdown ul {top:0;left:calc(100% - 30px);visibility:hidden;}
#header.header-scrolled .navbar .dropdown .dropdown:hover>ul {opacity:1;top:0;left:100%;visibility:visible;}

@media (max-width:1366px) {
  .navbar .dropdown .dropdown ul {left:-90%;}
  .navbar .dropdown .dropdown:hover>ul {left:-100%;}

  #header.header-scrolled .navbar .dropdown .dropdown ul {left:-90%;}
  #header.header-scrolled .navbar .dropdown .dropdown:hover>ul {left:-100%;}
}


/* Mobile Navigation */
.mobile-nav-toggle {color:#000;font-size:1.75rem;cursor:pointer;display:none;line-height:0;transition:0.5s;}
.mobile-nav-toggle.bi-x {color:#fff;}
#header.header-scrolled .mobile-nav-toggle {z-index:9999998;color:#000;}

@media (max-width:991px) {
  .mobile-nav-toggle {display:block;}
  .navbar ul {display:none;}

  #header.header-scrolled .mobile-nav-toggle {display:block;}
  #header.header-scrolled .navbar ul {display:none;}
}

.navbar-mobile {position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(15, 15, 15, 0.9);transition:0.3s;z-index:999;}
.navbar-mobile .mobile-nav-toggle {position:absolute;top:15px;right:15px;}
.navbar-mobile ul {display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;background-color:#fff;overflow-y:auto;transition:0.3s;}

.navbar-mobile a, .navbar-mobile a:focus {padding:10px 20px;font-size:0.88rem;color:#333333;}
.navbar-mobile a:hover:before, .navbar-mobile li:hover>a:before, .navbar-mobile .active:before {visibility:hidden;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {color:var(--color-secondary);}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin:15px;}
.navbar-mobile .dropdown ul {position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);border-top:0px solid var(--color-primary1);}
.navbar-mobile .dropdown ul li {min-width:200px;}
.navbar-mobile .dropdown ul a {padding:10px 20px;}
.navbar-mobile .dropdown ul a i {font-size:0.75rem;}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {color:var(--color-secondary);}
.navbar-mobile .dropdown>.dropdown-active {display:block;}

#header.header-scrolled .navbar-mobile {position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(15, 15, 15, 0.9);transition:0.3s;z-index:999;}
#header.header-scrolled .navbar-mobile .mobile-nav-toggle {position:absolute;top:15px;right:15px;color:#fff;}
#header.header-scrolled .navbar-mobile ul {display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;background-color:#fff;overflow-y:auto;transition:0.3s;}

#header.header-scrolled .navbar-mobile a, #header.header-scrolled .navbar-mobile a:focus {padding:10px 20px;font-size:0.88rem;color:#282828;}
#header.header-scrolled .navbar-mobile a:hover:before, #header.header-scrolled .navbar-mobile li:hover>a:before, #header.header-scrolled .navbar-mobile .active:before {visibility:hidden;}
#header.header-scrolled .navbar-mobile a:hover, #header.header-scrolled .navbar-mobile .active, #header.header-scrolled .navbar-mobile li:hover>a {color:var(--color-secondary);}
#header.header-scrolled .navbar-mobile .getstarted, #header.header-scrolled .navbar-mobile .getstarted:focus {margin:15px;}
#header.header-scrolled .navbar-mobile .dropdown ul {position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);border-top:0px solid var(--color-primary1);}
#header.header-scrolled .navbar-mobile .dropdown ul li {min-width:200px;}
#header.header-scrolled .navbar-mobile .dropdown ul a {padding:10px 20px;}
#header.header-scrolled .navbar-mobile .dropdown ul a i {font-size:0.75rem;}
#header.header-scrolled .navbar-mobile .dropdown ul a:hover, #header.header-scrolled .navbar-mobile .dropdown ul .active:hover, #header.header-scrolled .navbar-mobile .dropdown ul li:hover>a {color:var(--color-secondary);}
#header.header-scrolled .navbar-mobile .dropdown>.dropdown-active {display:block;}

.navbar-mobile>ul>li>a:before {content:"";position:absolute;width:100%;height:0px;bottom:-2px;left:0;background-color:var(--color-primary1);visibility:hidden;width:0px;transition:all 0.3s ease-in-out 0s;}
#header.header-scrolled .navbar-mobile>ul>li>a:before {content:"";position:absolute;width:100%;height:0px;bottom:-2px;left:0;background-color:var(--color-primary1);visibility:hidden;width:0px;transition:all 0.3s ease-in-out 0s;}


/* 메인 상단 검색 추가 */
#hd_sch {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:999;text-align:center;border-radius:0px;}
.hd_sch_wr{position:absolute;top:50%;left:50%;width:80%;margin-top:-50px;margin-left:-40%}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch .sch_inner {position:relative;}
#hd_sch .sch_inner:after {display:block;visibility:hidden;clear:both;content:""}
#hd_sch #sch_str {background:transparent;border:0;border-bottom:2px solid #fff;color:#fff;width:100%;height:50px;padding-left:50px;font-size:1.00rem;outline:none}
#hd_sch .sch_submit {position:absolute;top:0;left:0;height:50px;;border:0;cursor:pointer;background:transparent;font-weight:600;color:#fff;width:50px;font-size:1.00rem;}
#hd_sch .btn_close{position:absolute;top:0;right:0;width:70px;height:70px;background:none;color:#fff;border:0;font-size:1.00rem;opacity:0.5}
#hd_sch .btn_close:hover{opacity:1}