/**********************************************
note : 기본
**********************************************/
.user-point {color:#E52428}
.user-point2 {color:#dfefd0}
.key-point2::after {content:'*';display:inline-block;margin-left:5px;font-style:normal;color:#e32f66;vertical-align:middle;}
.float-center {display:block;margin-right:auto;margin-left:auto}
.width-1200 {max-width:1200px}
.width-1120 {width:1120px}
.martop-20 {margin-top:20px}
.dis-inblock {display:inline-block}
.reveal .close-button {display:block;overflow:hidden;position:absolute;z-index:5;right:20px;top:0;width:42px;height:42px;font-size:1.375rem;color:#fff;background-color:#596689;border-radius:0 0 5px 5px;text-align:center;cursor:pointer;opacity:.7;transition:opacity .25s ease-in-out}
.reveal .close-button:focus,.reveal .close-button:hover {opacity:1}
#plus--wrap .main-container {position:relative;height:calc(100vh - 100px);background-size:cover}
#plus--wrap .main-container::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / 60%);}
#plus--wrap .inner {position:relative;max-width:1080px;height:100%;margin:0 auto;font-size:0;box-sizing:border-box;}
#plus--wrap .content-box {position:relative;max-width:880px;margin:0 auto;text-align:center}
#plus--wrap .content-box h2 {color:#fff;font-size:2.25rem;font-weight:bold;margin-bottom:40px;}
#plus--wrap .content-box p {margin-bottom:0;font-size:1.125rem;line-height:1.5;letter-spacing:-.05rem;color:#fff;word-break:keep-all}
#plus--wrap .content-box h3 {color:#fff;font-weight:bold;font-size:19px;margin-bottom:20px;color:#f7ec8e}
#plus--wrap .content-box .content-title.pc {display:block}
#plus--wrap .content-box .content-title.mobile {display:none}
@media screen and (max-width: 39.9375em) {
	#plus--wrap .content-box h2 {font-size:1.6rem;}
	#plus--wrap .inner {padding:0 20px}
	#plus--wrap .content-box p {font-size:1.063rem;line-height:1.5;}
	#plus--wrap .content-box .content-title.pc {display:none}
	#plus--wrap .content-box .content-title.mobile {display:block}
}

/**********************************************
note : 메뉴바
**********************************************/
#header-wrapper {position:relative;z-index:99;margin-bottom:0}
#header-wrapper ul, #header-wrapper ol {margin:0;padding:0;list-style:none}
#header-wrapper em ,#header-wrapper i {font-style:normal}
#header-wrapper button {cursor:pointer}
#header-wrapper .no-bullet {margin-bottom:0}
#header-wrapper .has-tip {border:0}
#header-wrapper.basic, #header-wrapper .mode-inner, #nav-header {margin-left:auto;margin-right:auto}
#header-wrapper .mode-inner::after {content:'';display:table;clear:both}

/*********************************************
note : Sticky
*********************************************/
#header-wrapper .sticky {background:#fff;width:100%}
#header-wrapper .sticky.is-stuck .all-section {display:none}

/*********************************************
note : user-gnb
*********************************************/
/* 기본 */
#user-gnb {position:relative;z-index:2;background-color:#000;border-bottom:5px solid #E52428}
#header-wrapper.basic #user-gnb {margin-left:auto;margin-right:auto}
#header-wrapper.full #user-gnb,
#header-wrapper.basic #user-gnb .mode-inner {position:relative;border-bottom:1px solid rgba(0,0,0,.12)}
#user-nav {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#user-nav .user-etc {margin-left:auto;margin-right:1rem;}
@media screen and (max-width: 39.9375em) {
	#user-nav {flex-wrap:nowrap}
}

/* account */
#user-gnb .user-account {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:flex-end;
justify-content:flex-end;margin:.75rem -.75rem}
#user-gnb .user-account > li {-ms-flex:0 0 auto;flex:0 0 auto;position:relative;max-width:100%;padding:.375rem 1.063rem;font-size:.938rem;color:#c7c7c7;letter-spacing:-.025rem}
#user-gnb .user-account > li > a.active {padding:5px 10px;background-color:#E52428;color:#fff;font-weight:bold;border-radius:5px}
#user-gnb .user-account > li > a,
#user-gnb .user-account-more {color:inherit}
#user-gnb .user-account-more {transition:transform .15s ease-in-out}
#user-gnb .user-account-more.active {-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
@media screen and (max-width: 39.9375em) {
	#user-gnb .user-account > li {padding:.375rem .75rem;font-size:.875rem}
}

/* logo */
#user-nav .logo-wrap {position:relative;}
#user-nav .logo {display:block;width:96px;height:27px;margin:12px 20px;background:url(/support/image/logo.png) no-repeat center;background-size:cover;}
#user-nav .logo-wrap small {display:block;position:absolute;left:20px;bottom:4px;color:#fff;font-size:.65rem;letter-spacing:.025rem}
@media screen and (max-width: 456px) {
	#user-nav .logo {width:116px;height:33px;background-size:contain}
	#user-nav .logo-wrap small {left:30px;bottom:26px}
}

/**********************************************
note : 인트로
**********************************************/
#support-intro .main-container {position:relative;height:auto;background:url('/support/image/bg-intro.jpg') no-repeat;background-size:cover}
#support-intro .main-visual {height:945px;text-align:center}
#support-intro .main-visual .inner {position:relative;max-width:1080px;height:100%;margin:0 auto;font-size:0;box-sizing:border-box;padding:120px 0 80px}
#support-intro .content-box {position:relative;max-width:1080px;margin:0 auto;text-align:center;top:0;transform:translateY(0%);}
#support-intro .content-box .text-group {max-width:950px;height:100%;margin:0 auto;}
#support-intro .content-box p {margin-bottom:1.25rem;text-align:left}
#support-intro .content-box p:last-child {margin-bottom:0}
@media screen and (max-width: 39.9375em) {
	#support-intro .main-container, #support-intro .main-visual {height:100%}
	#support-intro .main-visual .inner {padding:80px 20px}
	#support-intro .content-box p {text-align:center}
}


/**********************************************
note : 후원 소개
**********************************************/
#support-main .main-container {position:relative;width:100%;height:auto;background:url('/support/image/bg-supportmain.jpg') no-repeat;background-size:cover;background-position:top center;top:0;}
#support-main .inner {position:relative;max-width:1080px;height:100%;margin:0 auto;font-size:0;box-sizing:border-box;padding:80px 0}
#support-main .content-box {position:relative;max-width:1080px;margin:0 auto;text-align:center;top:0;transform:translateY(0);}
#support-main .btn-box {position:relative;max-width:500px;margin:30px auto 20px auto;}
#support-main .btn-box .btn {width:100%}
#support-main .btn-box .btn .button {width:100%;min-height:55px;margin-bottom:20px;background-color:#E52428;color:#fff;border-radius:5px;font-size:1.063rem;font-weight:bold;line-height:28px}
#support-main .btn-box .btn .button.bg {background-color:#494d6c;color:#fff;}
#support-main .btn-box .btn .button:last-child {margin-bottom:0}
#support-main .btn-box .account {cursor:default}
#support-main .fna-box {position:relative;max-width:500px;margin:0 auto 30px auto;}
#support-main .items-group .wrap {width:100%;/* height:55px; */margin:0 auto;border-radius:5px;background-color:#fff}
#support-main .items-group header {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;justify-content:center}
#support-main .items-group .title {margin-bottom:0;font-size:1.063rem;font-weight:bold;line-height:55px;letter-spacing:-.05rem;text-align:center}
#support-main .items-group .body {text-align:left;padding:30px}
#support-main .items-group .body ul {margin-left:0}
#support-main .items-group .body li {margin-bottom:20px}
#support-main .items-group .body li:last-child {margin-bottom:0}
#support-main .items-group .body p {font-size:.875rem;font-weight:400;margin-bottom:0;letter-spacing:-.025rem;color:#000;word-break:inherit}
#support-main .items-group .body strong {font-weight:600}
#support-main .items-group .btn-fold {position:absolute;bottom:-40px;left:calc((100% - 20px) / 2);width:30px;height:30px;cursor:pointer;border-radius:50%}
#support-main .items-group .btn-fold.close {background-color:#E52428;color:#fff}
#support-main .items-group .btn-fold.open {background-color:#E52428;color:#fff}
#support-main .items-group .btn-fold.close::before {content:"\e946";display:inline-block;font:normal normal normal 14px / 1 fontello;font-size:14px;line-height:1;text-rendering: auto;-webkit-font-smoothing: antialiased;}
#support-main .items-group .btn-fold.open::before {content:"\e943";display:inline-block;font:normal normal normal 14px / 1 fontello;font-size:14px;line-height:1;text-rendering: auto;-webkit-font-smoothing: antialiased;}
@media screen and (max-width: 72.9375em) {

}
@media screen and (max-width: 39.9375em) {
	#support-main .inner {padding:80px 20px}
	#support-main .items-group {position:relative}
	#support-main .btn-box {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;justify-content:center;}
}


/**********************************************
note : 푸터2
**********************************************/
#user-footer {position:relative;z-index:-1;padding-top:0;padding-bottom:5rem;border-top:1px solid #555}

/* footer menu */
#user-footer .footer-menu {padding:1.5rem 0;background-color:#f9f9f9}
#user-footer .footer-menu .inner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;-ms-flex-pack:center;justify-content:center}
#user-footer .copyright {font-size:.8125rem;color:#555;white-space:nowrap;text-align:center} 
#user-footer .copyright > a {color:inherit;text-decoration:none}
#user-footer .footer-menu .user-nav {display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;margin-bottom:0}
#user-footer .footer-menu .user-nav > a {position:relative;display:block;font-size:.8125rem;line-height:1.2;letter-spacing:-.075em;color:#000;white-space:nowrap}
#user-footer .footer-menu .user-nav a::before {padding:0;margin:.13rem 1.25rem 0 1.25rem}
#user-footer .footer-menu .user-nav strong {font-weight:700}

/* address */
#user-footer .user-address {margin-top:2.5rem;font-size:.75rem;font-weight:300;line-height:2.5;letter-spacing:-.025em;color:rgba(0,0,0,.8)}
#user-footer .user-address > .inner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}
#user-footer .user-address .inner > span {-ms-flex:0 0 auto;flex:0 0 auto;display:block;width:auto;max-width:100%;padding:0 1.25rem;white-space:nowrap}

/* ndsoft */
#user-footer .ndsoft {position:static;right:auto;bottom:auto;margin-top:1.875rem;text-align:right}

#user-footer.mobile {display:none;padding:1rem 0 3.25rem;margin-top:0;background-color:#fff;border-top:1px solid #181818}
#user-footer.mobile .quick-menu {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;height:42px}
#user-footer.mobile .quick-menu > a {-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;display:block;overflow:hidden;max-width:33.3333%;padding:0 .625rem;font-size:.875rem;font-weight:600;line-height:1;color:rgba(0,0,0,.75);text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
#user-footer.mobile .copy {margin-top:1.875rem;margin:.5rem 0 1.5rem;font-size:.75rem;line-height:1.5;color:#8c8c8c;white-space:nowrap;text-align:center}
#user-footer.mobile .copy > a {color:inherit;text-decoration:none}
#user-footer.mobile .ndsoft {text-align:center}

@media screen and (max-width: 72.9375em) {
#user-footer.pc {display:none}
#user-footer.mobile {display:block}
}