@charset "utf-8";
:root {
  --point-color : #53c3b9;
  --main-back-color : #f4f8fd;	
  --text-color1 : #5a727b;	
  --button-text-color : #545454;
  --button-border-color : #6c6c6c;
  --purple : #895edf;
  --orange : #f27347;
  --menu-select-color: #96c1ed;
  --sub-back : #f4f8fd;
}


.pc-mode{display: block !important;}
.t-mode{display: none !important;}
.m-mode{display: none !important;}
.pc-none{display: none !important;}
.t-none{display: block !important;}
.m-none{display: block !important;}
.vm {top:50%; transform:translateY(-50%);position:absolute;}
.vr {right:0;}
.pt1 {padding-top:80px;}
.pt2 {padding-top:60px;}
.pt3 {padding-top:40px;}
.pt4 {padding-top:20px;}
.mt1 {margin-top:80px;}
.mt2 {margin-top:50px;}
.mt3 {margin-top:40px;}
.mt4 {margin-top:20px;}
.pnone {padding: 0 !important; min-height:auto !important;}

select::-ms-expand { 
	display: none;
}
/* IE의 경우 */
input::-ms-clear,
input::-ms-reveal{
    display:none;
}
/* 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
    display:none;
}
body.no-scroll {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.skip-content {
}
.skip-content a:focus {top:0;}
.skip-content a {
    z-index: 100;
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    background: #000;
    padding: 30px;
    top: -140px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: block;
}
.nav-btn {}
.inner {max-width: 1492px;position:relative;margin: auto;width: 100%;}
.wrap {max-width: 100%;margin:auto;}
.wrap header {position: absolute;top: 0;left: 0;width: 100%;z-index: 2;min-height: 90px;overflow: hidden;}
.wrap header h1.logo {}
.wrap header h1.logo {position: absolute;top: 25px;left: 20px;display: flex;}
.wrap header h1.logo a {display: block;border-right: 1px solid #404471;padding: 0 20px;}
.wrap header h1.logo a img {}
.wrap header h1.logo a:last-of-type {
    border-right: 0;
}

.wrap header .past {
    line-height: 28px;
    position: absolute;
    right: 257px;
    top: 80px;
}
.wrap header .past a {
    color: #fff;
    background: #1ecbbd;
    display: inline-block;
    padding: 0 13px;
    border-radius: 26px;
}
.wrap header .nav-btn {width: 32px;height: 32px;position: absolute;right: 40px;top: 34px;z-index: 5;}
.wrap header .nav-btn a {position: absolute;background-position: right center;background-repeat: no-repeat;display: block;width: 100%;height: 100%;text-indent: -200px;overflow: hidden;}
.wrap header .nav-btn a.on {background-image: url(../../images/menu-open.png);}
.wrap header .nav-btn a.off {background-image: url(../../images/m-menu-close.png);display: none;}
.wrap header nav {position: fixed;width: 345px;height: 100%;z-index: 100;right: -100%;background: #0a0e3b;}
.wrap header nav > ul {position: absolute;width: 100%;/* background: #ffffff; */height: 100%;padding: 10px 30px 30px 30px;text-align: center;}
.wrap header nav > ul > li {/* border-bottom: 1px solid #e5e5e5; *//* padding-right: 30px; */-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.wrap header nav > ul > li.on {}
.wrap header nav > ul > li > a {font-size: 22px;color: #fff;display: block;padding: 30px 0 20px 0;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;font-weight: 700;}
.wrap header nav > ul > li:hover > a,
.wrap header nav > ul > li > a:focus,
.wrap header nav > ul > li.on > a {color: var(--menu-select-color);}
.wrap header nav > .head {
    /* border-bottom: 1px solid #e5e5e5; */
    height: 80px;
    position: relative;
}
.wrap header nav > .head .close {
    position: absolute;
    cursor: pointer;
    background: url(../../images/menu-close.png) no-repeat center;
    width: 60px;
    height: 100%;
    right: 0;
    text-indent: -1000px;
    overflow: hidden;
}
.wrap footer {font-size: 15px;padding: 40px 0;background: #e6e7f2;}
.wrap.sub footer {background: #0a0e3b; }
.wrap footer .copy {color: #0d124a;line-height: 2;font-weight: 300;text-align: center;}
.wrap.sub footer .copy {color: #ffffff;}
.gnb-back {position: fixed;width: 100%;height: 100%;display: table-cell;left: 0;top: 0;z-index: 99;display: none;background: rgb(0,0,0,0.5);}

/* ANIMATION : S */
@-webkit-keyframes txtup {
    0%{top:0;color:#fff;}
    20% {top:-0.4rem;color:#ff9933;}
    40% {top:0;color:#fff;}
    100% {top:0;color:#fff;}
}
@keyframes txtup {
    0% {top:0;color:#fff;}
    20% {top:-0.8rem;color:#ff9933;}
    40% {top:0;color:#fff;}
    100% {top:0;color:#fff;}
}
@-webkit-keyframes svisible {
    0%{opacity: 0;}
    10% {opacity: 1;}
    20% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes svisible {
    0%{opacity: 0;}
    10% {opacity: 1;}
    20% {opacity: 0;}
    100% {opacity: 0;}
}

@keyframes rotate-box{
	100% {
    	transform: rotate(360deg);
    }
}
/* ANIMATION : E */