@charset "utf-8";

/* wrap */
#wrap {min-height:100vh;}

/* header */
.sentinal { }
.header {position:fixed;z-index:100;left:0;top:0;width:100%;background:transparent;transition:background 0.15s ease;border-bottom:1px solid #ccc;}
.header.enabled {background:#fff;}
.header .header-inner {position:relative;height:73px;display:flex;align-items:center;justify-content:space-between;}
.header .header-inner .logo {}
.header .header-inner .logo a {display:block;padding:18px 0 18px 20px;}
.header .header-inner .logo a:before {display:block;content:'';width:175px;height:36px;background:url(../images/logo-kwe.png) center center / contain no-repeat;}

/* gnb */
.gnb-wrap .toggleTrigger {position:relative;display:flex;width:64px;height:72px;background:url(../images/btn-gnb-open.png) center center / 24px 18px no-repeat;z-index:11;transition:background 0.15s ease;}
.gnb-wrap.active .toggleTrigger {background:url(../images/btn-gnb-close.png) center center / 20px 20px no-repeat #fff;}
.gnb-wrap .gnb {display:none;padding:16px 20px;overflow-y:auto;}
.gnb-wrap.active .gnb {position:fixed;left:0;top:0;width:100%;height:100%;display:block;background-color:#fff;z-index:10;}
.gnb .login-info {display:flex;height:39px;}
.gnb .login-info a {font-size:17px;font-weight:500;line-height:39px;text-decoration:underline;}
.gnb .login-info span {margin-left:5px;font-size:15px;font-weight:500;line-height:39px;}

.gnb .dep01 {margin-top:20px;}
.gnb .dep01 > li {border-bottom:1px solid #ccc;}
.gnb .dep01 > li > a {display:block;font-size:14px;font-weight:bold;padding: 20px 0 15px 0;color:#818181}

.gnb .dep02 {margin-top:0px;}
.gnb .dep02 > li {margin-bottom:15px;}
.gnb .dep02 > li > a {display:block;font-size:18px;font-weight:700;}

.gnb .dep03 {display:flex;gap:2px;flex-wrap:wrap;margin-top:15px;}
.gnb .dep03 > li {}
.gnb .dep03 > li > a {display:block;font-size:14px;font-weight:700;color: #01534D;}

.gnb .current-page > a {color:#01534D!important;}
.gnb .btn-wrap {margin:100px 0;}

/* footer */
.footer {background-color:#000;padding:30px 20px;font-size:14px;font-weight:500;color:#818181;position: sticky;top: 100%;}
.footer ul {display:flex;}
.footer ul li {display:flex;}
.footer ul li:not(:last-child):after {content:'|';margin:0 10px;}
.footer ul li > span {margin-right:5px;}
.footer .copy {margin-top:10px;}

/* container */
.container {padding-top:73px;}
body:has(main) .container {background-color:#F5F5F5;}
body:has(.dashboard) .container {background-color:#F5F5F5;}
body:has(.dashboard) .header {background-color:#fff;}
body:has(main section) .header,
body:has(.visual-wrap) .header {border-bottom-color:transparent;}

body:has(.visual-wrap) .header:not(.enabled) .header-inner .logo a:before {background:url(../images/logo-kwe-white.png) center center / contain no-repeat;}
body:has(.visual-wrap) .header:not(.enabled) .gnb-wrap .toggleTrigger {background:url(../images/btn-gnb-open-white.png) center center / 24px 18px no-repeat;}

body:has(.visual-wrap) .container {padding-top:0;}
body:has(.visual-wrap) .container section {position:relative;z-index:0;background-color:#fff;}

/* visual-wrap */
.visual-wrap {position:sticky;top:0;}
.visual-thumb {display:flex;height: 330px;}
.visual-thumb img {width:100%;object-fit: cover;}
.visual-wrap .visual-inner {position:absolute;left:0;top:0;width:100%;height:100%;padding:73px 20px 24px;display:flex;flex-direction:column;justify-content:space-between;}
.visual-wrap .visual-inner:before {content:'';}
.visual-wrap .visual-inner h1 {font-size:31px;font-weight:800;color:#fff;}
.visual-wrap .breadcrumbs {margin-left:-20px;margin-bottom:-20px;}
.visual-wrap .breadcrumbs ul {display:flex;align-items:center;}
.visual-wrap .breadcrumbs ul li {display:flex;align-items:center;}
.visual-wrap .breadcrumbs ul li:not(:last-child):after {content:'';width:1px;height:14px;background-color:#fff;opacity:0.5;margin:0 20px;}
.visual-wrap .breadcrumbs a {display:block;font-size:13px;font-weight:700;color:#fff;line-height:56px;}
.visual-wrap .breadcrumbs li.root a:before{display:block;content:'';width:56px;height:56px;background:url(../images/ico-visual-root.png) center center / 16px 16px no-repeat;}
.visual-wrap .breadcrumbs li.root:after {margin-left:0!important;}
.visual-wrap .breadcrumbs li:last-child a {text-decoration:underline;}

/* sub-title */
.sub-title h1 {font-size:26px;text-align:left;margin-bottom:30px;line-height: 26px;}