@charset "utf-8";

/* html{min-height:100%}
body{height:100%; overflow:auto;} */

dl.skipnavi {position:relative;z-index: 500;}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:150; font-family: var(--font-aggro); background-color: transparent; color: #fff; }
.header.scrolled,
.header.menuOpen {background-color: #fff; color:#3C4356; }

.header__logo a{display:block; width:240px; height:40px; background: no-repeat 50% 50%; background-size: 100% auto; background-image:url('../img/common/logo_w.png'); }
.header.scrolled .header__logo a,
.header.menuOpen .header__logo a{background-image:url('../img/common/logo.png'); }
.header.allmenuOpen .header__logo a{background-image:url('../img/common/logo_w.png'); }

.header .inner,
.header__top-list{position:static; display:flex; justify-content: space-between; align-items:center;}
.header__top{background-color:transparnts;}
.header.scrolled .header__top,
.header.menuOpen .header__top{background-color:#363636;}
.header__top-list li{font-weight:300; line-height:48px; color: #fff; }
.header__top-list li + li{position:relative; padding-left:24px;}
.header__top-list li + li::before{position:absolute; top:50%; left:12px; display:block; width:1px; height:15px; content:""; transform:translateY(-50%); background-color:#ADB2B9;}
.header__top-list .fast-link{position:relative; padding-right:18px; }
.header__top-list .fast-link::before{position:absolute; right:0; top:50%; content:""; display:block; width:16px; height:16px; margin-top:-8px; background:url('../img/common/link-arrow.png') no-repeat 50% 50% / 100% auto; }

.header__etc {display:none; background-color:#091631;}
.header__etc-list {display:flex; }
.header__etc-list li {flex:1; min-width:0; text-align:center;}
.header__etc-list li + li{position:relative;}
.header__etc-list li + li::before{position:absolute; top:50%; left:0; display:block; width:1px; height:15px; content:""; transform:translateY(-50%); background-color:#ADB2B9;}
.header__etc-list li a{display:block; padding:25px 20px; font-size:16px; color:#fff;}

.header__menu-list{display:flex;}
.header__menu-list > li{}
.header__menu-list > li > a{display:flex; font-size:20px; color:inherit; line-height:1; transition:all .4s;; padding: 40px 0; position: relative;}
.header__menu-list > li:not(:first-child):not(:last-child){padding:0 35px}
.header__menu-list > li:first-child {padding:0 35px 0 0;}
.header__menu-list > li:last-child{padding:0 0 0 35px;}

.header__menu-list a.active + .header__depth{pointer-events:auto; opacity:1; visibility:visible;}

.header__depth{display:flex; position:absolute; top:100%; left:50%; width:100%; border-top:1px solid #D0D7E0; background-color: #fff; transform:translateX(-50%); pointer-events:none; opacity:0; visibility:hidden; transition:all .4s;}
.header__depth-item{width:100%;  margin:0 auto; display:flex; padding:30px 18px}
.header__depth-title{display:flex; flex-direction:column; font-size:28px; color:#fff; font-weight:600; line-height:1; gap:20px; width:215px; border-right:1px solid rgba(255, 255, 255, .4); padding:20px 0 0;}
.header__depth-title small{font-size:16px; color:#fff; font-weight:600; line-height:1.3; opacity:.4;}
.header__depth-list{flex:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center}

.header__depth-list li{position: relative;}
.header__depth-list li:not(:last-child){margin-right: 20px; padding-right: 20px;}
.header__depth-list li:not(:last-child):after{width: 3px; height: 3px; background: #aaa; content: ''; position: absolute; right: 0; top:50%; transform:translateY(-50%);}

.header__depth-list a{display:flex; align-items:center; width:100%; font-size:18px; font-weight:300; color:inherit; justify-content:space-between; transition:all .4s;}
.header__depth-list a:focus,.header__depth-list a:hover,.header__depth .header__depth-list a.current{font-weight: 500; }

.header__btns{display:flex; gap:28px; text-align: center;}
.header__btns a{width:34px; height: 34px; background: url('') center center no-repeat; padding: 5px;}
.header__btns a.user{background-image: url('../img/common/header-user.png')}
.header__btns a.lock{background-image: url('../img/common/header-lock.png')}
.header__btns a.pc-allmenu,
.header__btns a.header__sitemap{background-image: url('../img/common/header-menu.png')}

.header.scrolled .header__btns a.pc-allmenu:not(.close),
.header.menuOpen .header__btns a.pc-allmenu,
.header.scrolled .header__btns a.header__sitemap,
.header.menuOpen .header__btns a.header__sitemap{background-image: url('../img/common/header-menu_black.png')}

.header__btns a.pc-allmenu.close,
.header__btns a.header__sitemap.active{background-image: url('../img/common/header-close_w.png')}

.header__sitemap{display: none;}

/* footer */

/* scroll */
.nicescroll-rails{background:rgba(249, 249, 249, .3);}

.header__logo,
.header__btns a.pc-allmenu.close{position:relative; z-index:9999;}

@media screen and (min-width:1025px){
	.header__menu-list > li > a.active:after,
	.header__menu-list > li > a:focus:after,
	.header .header__menu-list > li > a.current:after{position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #fff; content: ''}

}
@media screen and (max-width:1500px){
	.header__menu-list > li:not(:first-child):not(:last-child){padding: 0 18px}
	.header__menu-list > li:first-child{padding: 0 18px 0 0}
	.header__menu-list > li:last-child{padding:0 0 0 18px}

	.header__btns{gap:15px}
}

@media screen and (max-width:1024px){
	.header__top-list.top-etc{display:none;}
	.header__etc{display:block;}

	.header__menu{position:absolute; top:calc(100% + 20px); left:0; width:100%; max-height:calc(100vh - 120px); overflow:auto; background:#fff; box-shadow:inset 0 10px 10px rgba(0,0,0,.08); opacity:0; visibility:hidden; pointer-events:none; transition:all .4s;}
	.header__menu.active{top:100%; opacity:1; visibility:visible; pointer-events:auto;}
	.header__menu-list{flex-direction:column;}
	.header__menu-list > li:first-child > a,
	.header__menu-list > li:last-child > a,
	.header__menu-list > li:not(:first-child):not(:last-child) > a{padding:25px 20px;}
	.header__menu-list > li:not(:last-child) > a{border-bottom:1px solid #9fa3ad;}
	.header__menu-list > li > a{padding:30px; display:flex; justify-content:space-between; align-items:center;}


	.header__menu-list:not(.mDepthOver) > li > a.current,
	.header__menu-list > li > a.active{color: #66A9E4;}

	.header__depth{position:static; background:; width:100%; transform:none; box-shadow:none; max-height:0; overflow:hidden; transition:all .4s; background: url('../img/common/gnb-logo.png'), linear-gradient(135deg, rgba(13,36,67,1) 0%,rgba(19,52,97,1) 100%);  background-repeat: no-repeat, no-repeat;
  background-position: bottom right, left;}
	.header__depth-title{display:none;}
	.header__depth-item{max-width:none; padding:30px 0;}

	.header__depth-list{flex:none; width:100%; padding:0; display:flex; flex-direction:column; gap:30px;}
	.header__depth-list a{padding:0 20px; color:#ddd; height:auto; line-height:1; display: block;}
	.header__depth-list a::after{display:none;}
	.header__depth-list a:hover{background:transparent; color:#fff; font-weight:700;}
	.header__depth:not(.depthOver) .header__depth-list a.current{background:transparent; box-shadow:none;}

	.header__depth-list a:before{content: '-'; margin-right: 5px;}

	.header__depth-list a:focus, .header__depth-list a:hover, .header__depth .header__depth-list a.current{color: #fff; font-weight: 700;}


	.header__sitemap{display:block;}

	.header__menu-list > li:not(:first-child):not(:last-child),
	.header__menu-list > li:first-child,
	.header__menu-list > li:last-child{padding: 0}
	.header__depth-list li{width: 100%}
	.header__depth{display: block;}
	.header__depth-item{text-align: left;   }
	.header__depth-list{ align-items: baseline;}
	.header__depth-list li:not(:last-child){margin-right: 0; padding-right: 0;}
	.header__depth-list li:not(:last-child):after{display: none;}

	.header .header__menu-list > li > a.current{color:#66A9E4;}
	.header__menu-list > li > a{background: #091631;font-weight: 700;}

	.header__menu-list > li > a::after{content:''; display:block;
width: 14px;
    height: 14px;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    vertical-align: middle; content: ''; transform: rotate(135deg); margin-top: -4px; right: 0; top:50%; line-height: 1.55; transform: rotate(-135deg);}
	.header__menu-list > li > a.active:after{transform: rotate(45deg); margin-top: 3px; border-color:#66A9E4;}

	.header__btns{gap:10px}
	.header__logo{width: 240px; padding:10px 0;}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
	.header{gap:30px;}
	.header__logo img{width:100%;}
	.header__btns{gap:10px; align-items:center;}
	.header__btns a{font-size:14px;}
}