@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 : #2b84df;
  --sub-back : #f4f8fd;
  --table-thead : #9a91f1;
  --table-tbody-th : #ba91f1;
  --table-border : #e3e9ef;
  --table-high : #f5f4fe;
}


.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:60px;}
.mt3 {margin-top:40px;}
.mt4 {margin-top:20px;}
.mb10 {margin-bottom:10px;}
.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;}
.nav-btn {}
.inner {max-width: 1200px;position:relative;margin: auto;}
.wrap {max-width: 100%;margin:auto;}
.wrap header {position: absolute;top: 0;left: 0;width: 100%;z-index: 1;min-height: 210px;overflow: hidden;}
.wrap header h1.logo {}
.wrap header h1.logo {position: absolute;top: 66px;left: 80px;}
.wrap header h1.logo a {display: block;}
.wrap header h1.logo a img {}
.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: 38px;height: 23px;position: absolute;right: 80px;top: 80px;z-index: 5;}
.wrap header .nav-btn button {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 button.on {background-image: url(../../images/menu-open.png);}
.wrap header .nav-btn button.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: #ffffff;}
.wrap header nav > ul {position: absolute;width: 100%;background: #ffffff;height: 100%;padding: 10px 30px 30px 30px;}
.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: #333333;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.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 header svg {
    position: absolute;
    right: -58px;
    top: -63px;
    animation: rotate-box 20s linear infinite;
}
.wrap header svg text {letter-spacing: 1.6em;font-size: 14px;}
.wrap header svg text texaPath {}
.wrap header svg text {
	fill: #6ac8c0;
	font-weight: 300;
}
.wrap footer {font-size: 14px;font-weight: 300;padding: 60px 0;border-top: 1px solid #e5e5e5;}
/* 
.wrap footer address {
    color: #545454;
    font-style: normal;
    line-height: 2;
    font-weight: 400;
}
.wrap footer .copy {color: #545454;font-style: normal;line-height: 2;font-weight: 400;}
.wrap footer .banner {display: flex;align-items: flex-end;margin-bottom: 30px;position: relative;}
.wrap footer .banner a {
    margin-right: 27px;
}
.wrap footer .banner a img {height:37px;}
.wrap footer .fmenu {
    position: absolute;
    top: 0;
    right: 0;
}
.wrap footer .fmenu a {
    font-size: 14px;
    color: #4e4d4d;
    font-weight: 500;
    margin-left: 50px;
}


 */

footer .footer-wrap {
    display: flex;
}
footer .footer-wrap .l, footer .footer-wrap.r {
    width: 210px;
}
footer .footer-wrap .l > a {}
footer .footer-wrap .l > a img {}
footer .footer-wrap .l .coper {
    margin-top: 20px;
    position: relative;
}
footer .footer-wrap .l .coper strong {
    position: absolute;
    font-weight: 300;
    top: 5px;
    letter-spacing: -0.05em;
}
footer .footer-wrap .l .coper a {
    position: relative;
    max-width: 130px;
    display: block;
    margin-left: auto;
    margin-top: 10px;
}
footer .footer-wrap .l .coper a img {}
footer .footer-wrap .l > a.person {
    font-weight: 700;
    margin-left: auto;
    position: relative;
    display: block;
    text-align: right;
    margin-top: 30px;
}
footer .footer-wrap address {
    flex: 1;
    letter-spacing: -0.05em;
    margin-left: 80px;
    color: #545454;
    font-style: normal;
    line-height: 2;
    font-weight: 400;
}
footer .footer-wrap address strong {
    color: #252525;
}
footer .footer-wrap address ul {}
footer .footer-wrap address ul li {
    display: flex;
}
footer .footer-wrap address ul li:before {content:attr(data-text);color: #252525;height: 100%;font-weight: 500;margin-right: 6px;flex: none;padding-right: 10px;width: 54px;}

.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 */