@charset "UTF-8";

@font-face {
  font-family: Pretendard;
  src: url('./fonts/Pretendard-Light.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: Pretendard;
  src: url('./fonts/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: Pretendard;
  src: url('./fonts/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: Pretendard;
  src: url('./fonts/Pretendard-Bold.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: Pretendard;
  src: url('./fonts/Pretendard-Black.woff') format('woff');
  font-weight: 700;
}

* {border: 0px; margin:0; padding:0; box-sizing:border-box;}
html, body {height:100%; overscroll-behavior: contain;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, thead, tbody, tfoot,  tr, th, td, select, option, textarea, button {margin:0; padding:0; border:0; font-style:normal; font-weight:normal; text-decoration:none; text-align:left; background:transparent; font-family: 'Pretendard', sans-serif;}
img, input.image, input.btn, fieldset,iframe {border:0 none;}
img, fieldset {border:none;}
textarea {resize:none;}
textarea:active,
textarea:hover,
textarea:focus {outline:none;}
legend {position:absolute; top:0; left:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
address {font-style:normal;}
table {border-collapse:collapse; border-spacing: 0px;}
a {text-decoration: none; cursor:pointer!important;}
a:active, a:hover {text-decoration:none!important;}
a {-webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color; transition-property:color, background-color;}
ul, li {list-style:none; margin:0; padding:0;}
caption { position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
pre {line-height:20px;}
h1, h2, h3, h4, h5, h6, form, input, ul, ol, li, dl, dt, dd, p {margin:0; padding:0; font-family: 'Pretendard', sans-serif;}
ul {margin:0; padding:0;}
li {list-style:none;}
input[type=text]::-ms-clear {display:none;}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus {outline:0px;}
.t-center {text-align:center;}

.txt-center {text-align:center;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.dp-inline {display:inline}
.dp-block {display:block}
.dp-block-import {display:block !important}
.dp-n {display:none !important}
.dp-ib {display:inline-block}
.dp-table {display:table!important;}
.dp-tc {display:table-cell}
.dp-none {display:none;}

.ov-auto {overflow:auto;}
.ov-hidden {overflow:hidden;}
.fl-left {float:left;}
.fl-right {float:right;}
.ml-7 {margin-left:7px;}

.w-9p {width:9%!important;}
.w-10p {width:10%!important;}
.w-13p {width:13%!important;}
.w-15p {width:15%!important;}
.w-20p {width:20%!important;}
.w-30p {width:30%!important;}
.w-40p {width:40%!important;}
.w-49p {width:49%!important;}
.w-50p {width:50%!important;}
.w-60p {width:60%!important;}
.w-70p {width:70%!important;}
.w-78p {width:78%!important;}
.w-80p {width:80%!important;}
.w-83p {width:83%!important;}
.w-85p {width:85%!important;}
.w-90p {width:90%!important;}
.w-100p {width:100%!important;}

.h-80 {height:80px!important;}
.h-100 {height:100px!important;}
.h-110 {height:110px!important;}
.h-120 {height:120px!important;}
.h-160 {height:160px!important;}
.h-190 {height:190px!important;}
.h-200 {height:200px!important;}
.h-250 {height:250px!important;}
.h-260 {height:260px!important;}
.h-540 {height:540px!important;}
.h-690 {height:690px!important;}
.h-710 {height:710px!important;}
.h-730 {height:730px!important;}
.h-100p {height:100%;}
.not-height {height:auto!important;}

.w-basic {width:150px!important;}
.w-long {width:200px!important;}
.w-dd {width:100px!important; text-align:center;}
.w-date {width:120px!important; text-align:center;}
.w-day {width:70px!important; text-align:center;}

.w-100 {width:100px!important;}
.w-150 {width:150px!important;}
.w-200 {width:200px!important;}
.w-250 {width:250px!important;}
.w-330 {width:330px!important;}
.w-400 {width:400px!important;}
.w-1000 {width:1000px!important;}

.mtd-5 {margin-top:5px;}
.mtd-7 {margin-top:7px;}
.mtd-10 {margin-top:10px;}
.mtd-15 {margin-top:15px;}
.mtd-17 {margin-top:17px;}
.mtd-20 {margin-top:20px;}
.mtd-30 {margin-top:30px;}
.mtd-40 {margin-top:40px;}
.mtd-50 {margin-top:50px;}
.mtd-60 {margin-top:60px;}
.pmt-3 {padding-top:3px;}
.pmt-5 {padding-top:5px;}
.mtd-clear-b20 {margin:0 0 20px 0!important;}
.mts-10 {margin:10px 0;}
.mts-20 {margin:20px 0;}
.mtl-10 {margin-left:10px;}

.h-section {position:relative; width:100%;}
.h-section:after {display:block; clear:both; content:'';}
.h-section .h-left {float:left; width:48%;}
.h-section .h-right {float:right; width:48%;}

.green {color:#4DC74D!important;}
.blue {color:#34A2F7!important;}
.red {color:#E2565F!important;}

select {display:inline-block; outline:0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('../../images/aspens/select-bg.png') no-repeat; background-position: right 8px top 12px; color:#666; border:1px solid #ccc; padding:5px 25px 6px 10px; text-align:center; font-size:10pt; font-weight:500; letter-spacing:0px; vertical-align:middle;}
select::-ms-expand {display: none;}

::selection {background:#555; color: #fff; text-shadow: none;}
::-moz-selection {background:#555; color: #fff; text-shadow: none;}
::-webkit-selection {background:#555; color: #fff; text-shadow: none;}

::-webkit-scrollbar {background-color:#fff; width:6px; height:3px;}
::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {background-color:#aaa;}
::-webkit-scrollbar-button {display:none;}

.wrap {position:relative; width:100%; background:#fff/*#eceef5;*/}
.wrap .container {width:100%; margin:0 auto; position:relative; background:#fff;}
.wrap-section {position:relative; width:1400px; margin:0 auto;}

.wrap .header {position:relative; top:0; left:0; height:90px; background:rgba(255,255,255,1.0); border-bottom:1px solid #ddd; z-index:10;}
.wrap .header .wrap-section {height:100%; display:flex; justify-content:space-between; align-items:center;}
.wrap .header .wrap-section .top-nav {display: flex; align-items: center; height: 100%;}
.wrap .header .wrap-section .nav-dropdown {position:relative; height:100%; display:flex; align-items:center;}
.wrap .header .wrap-section .nav-dropdown:last-child:after {display:none;}
.wrap .header .wrap-section .nav-dropdown a.title-depth {display:block; font-size:14pt; font-weight:600; color:#000; letter-spacing:-1px; padding:0px 40px;}
.wrap .header .wrap-section .nav-dropdown a.title-depth:hover {color:#2e489c;}
.wrap .header .wrap-section .nav-dropdown:hover a.title-depth {color:#2e489c;}
.wrap .header .wrap-section .nav-dropdown:hover .nav-menu {display: block; margin-top:-2px;}
.wrap .header .wrap-section .nav-dropdown .nav-menu {display:none; position: absolute; width:160px; top:90px; left: 50%; transform: translate(-50%, 0%); /*border-top:5px solid #2e489c; box-shadow:1px 1px 0px #ccc;*/}
.wrap .header .wrap-section .nav-dropdown .nav-menu a {display:block; height:35px; line-height:35px; background: #2e489c/*#e5eaed*/; color:#fff; font-size:10pt; text-align:center; padding:0 20px; border-bottom:1px solid #425eb8; letter-spacing:0; transition: all .2s;}
.wrap .header .wrap-section .nav-dropdown .nav-menu a:last-child {border-bottom:0px;}
.wrap .header .wrap-section .nav-dropdown .nav-menu a:hover {background:#1e316d; font-weight:600;}
.wrap .header .wrap-section .nav-dropdown .nav-dropdown:before {content:''; position:absolute; top:0px; left:50%; width:0%; height:5px; transition: all .2s; z-index:1;}
.wrap .header .wrap-section .nav-dropdown:hover .nav-dropdown:before {width:100%; left:0px; right:0;}

.wrap .header .logo {position:relative;}
.wrap .header .logo a {display:inline-block; background:url('../../images/aspens/logo.png') no-repeat 50% 50%; width:300px; height:50px; text-indent:-9999px; vertical-align:middle; background-size:contain;}
.wrap .header .util {position:relative; display:flex; align-items:center; justify-content:center; gap:20px;}
.wrap .header .util a {position:relative; display:flex; justify-content:center;  align-items: center; height:100%; font-size: 10pt; color:#979798; font-weight:500; text-transform:uppercase; transition: all .2s;}
.wrap .header .util a.all-menu {display:block; text-indent:-9999px; width:20px; height:20px; background:url('../../images/aspens/all-menu.svg') no-repeat 50% 50%; background-size:contain;}
.wrap .header .util a:first-child:after {content:''; position:absolute; width:3px; height:3px; background:#979798; border-radius:50%; top:50%; right:-12px; margin-top:-2px;}

.main-content {position:relative; width:100%;}
.main-content .wrap-section {display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; padding:2rem 0;}
.main-content .wrap-section .login {position:relative; flex-basis:280px; height:330px; border:1px solid #ddd; border-radius:20px; display:flex; justify-content:center;  align-items: center; padding:0 2rem;}
.main-content .wrap-section .login:before {content:''; position:absolute; width:240px; height:60px; left:50%; top:15px; transform:translate(-50%, 0); background:url('../../images/aspens/login-top.png') no-repeat 50% 50%;}

.login-input-wrap {position: relative; padding: 60px 0 0; width: 100%;}
.login-input-wrap:after {display: block; clear: both; content: '';}
.login-input-wrap .login-input-area {width: 100%; height:50px; margin:0.5rem 0; position: relative;}
.login-input-wrap .login-input-area:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#eceef5; border-radius:20px;}
.effect-insert {border: 0; height:50px; background-color: transparent; border-radius:20px; position:relative; padding:0 22px;  z-index: 1; width: 100%; color:#333; font-size:11pt;}
.effect-insert ~ .focus-border {position: absolute; bottom: 0px; left: 22px; width: 0; height: 2px; background-color: #0c5a94; transition: 0.4s; z-index: 5;}
.effect-insert:focus ~ .focus-border,
.has-content.effect-insert ~ .focus-border {width: calc(100% - 44px); transition: 0.4s;}
.effect-insert ~ label {position: absolute; left: 0; width: 100%; top: 16px; left:22px; color: #888; font-size: 11pt; transition: 0.3s; z-index: 0; letter-spacing: 0px;}
.effect-insert:focus ~ label,
.has-content.effect-insert ~ label,
.has-content.effect-insert:valid ~ label {top: -20px; left:10px; height: 30px; font-size: 9pt; font-weight:500; color: #333; transition: 0.3s;}

a.login-button {display:block; height:50px; line-height:50px; border-radius:20px; background:#0580dc; color:#fff; font-size:14pt; font-weight:500; text-align:center;}
a.login-button:hover {background:#0c5a94;}
.login-control {position:relative; width:100%; text-align:right;}
.login-control .save-id {display: inline-block; width:80px;}
.login-control .save-id .chx-item input[type="checkbox"] + label {position:relative; display:inline-block; cursor: pointer; font-size:10pt; font-weight:600; vertical-align:middle; color:#888; letter-spacing:0px;}
.login-control .save-id .chx-item input[type="checkbox"] + label span {position:relative; display: inline-block; width: 15px; height:15px; background:#fff; vertical-align:middle; margin-top:-2px; border:1px solid #ccc; padding-left:0px!important; border-radius:0%; margin-right:5px;}
.login-control .save-id .chx-item input[type="checkbox"]:checked + label {vertical-align:middle; color:#c62d1e; font-weight:600;}
.login-control .save-id .chx-item input[type="checkbox"]:checked + label span {position:relative; background:#c62d1e; background-size:12px; vertical-align:middle; border:1px solid #c62d1e; outline:1px solid #c62d1e;}
.login-control .save-id .chx-item input[type="checkbox"]:checked + label span:before {content:''; position:absolute; background:none!important; left: 4px; top:1px; width: 3px; height: 6px; border: 2px solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); box-shadow:none!important;}
.login-control .save-id .chx-item input[type="checkbox"] {display: none;}

.main-content .wrap-section .link {position:relative; flex-basis:250px; height:330px; display:flex; flex-direction:column; flex-wrap:wrap; justify-content: space-between;}
.main-content .wrap-section .link > div {height:150px; background:#f4f4f4; border-radius:20px; border:1px solid #ddd;}
.main-content .wrap-section .link > div:before {content:''; position:absolute; width:100px; height:100px; right:1rem; top:50%; opacity:0.1; transform:translate(0, -50%);}
.main-content .wrap-section .link > div:nth-child(1):before {background:url('../../images/aspens/lb-link01.svg') no-repeat 50% 50%; background-size:contain;}
.main-content .wrap-section .link > div:nth-child(2):before {background:url('../../images/aspens/lb-link02.svg') no-repeat 50% 50%; background-size:contain;}

.link-bookmark {position:relative; padding:30px;}
.link-bookmark h2 {font-size:15pt; font-weight:600; color:#656d72;}
.link-bookmark a {position:relative; display:inline-block; margin-top:0.8rem; color:#c62d1e; font-size:10pt; font-weight:600; padding:4px 30px 4px 10px; border-radius:20px; border:1px solid #c62d1e; text-transform:uppercase; background:#fff;}
.link-bookmark a:hover {background:#c62d1e; color:#fff;}
.link-bookmark a:before {content:''; position:absolute; width:14px; height:14px; background:url('../../images/aspens/plus-off.svg') no-repeat 50% 50%; background-size:contain; right:0; top:50%; transform:translate(-50%, -50%);}
.link-bookmark a:hover:before {background:url('../../images/aspens/plus-on.svg') no-repeat 50% 50%; background-size:contain;}

.main-content .wrap-section .visual-container {position:relative; flex-basis:810px; height:330px; background:#00213e; border-radius:20px; color:#fff;}
.main-content .wrap-section .visual-container .item {position:relative; width:100%; height:100%;}
.main-content .wrap-section .visual-container .item .visual {position:absolute; width:100%; height:100%;}
.main-content .wrap-section .visual-container .item .visual01 {background:url('../../images/aspens/visual01.png') no-repeat 50% 50%; background-size:contain;}
.main-content .wrap-section .visual-container .item .visual02 {background:url('../../images/aspens/visual02.png') no-repeat 50% 50%; background-size:contain;}
.visual-txt {position:relative; top:4rem; left:4rem;}
.visual-txt small {display:block; font-size:12pt; color:#ccc; margin-bottom:1.5rem;}
.visual-txt h3 {font-size:24pt; font-weight:900; text-shadow:1px 1px 2px #000;}

.header-on {position:fixed!important; width:100%; top: 0px!important; background:rgba(255,255,255,1.0)!important;}
.bookmark-on {position:fixed!important; top:110px!important; right:calc(50% - 820px)!important;}

.wrap .content {position:relative;  width:100%;}
.main-section {background:#000000 url('../../images/aspens/main-back.png') no-repeat 50% 50%; height:620px; padding:0 10%;}
.main-section .main-txt-box {position:relative; height:100%; display:flex; justify-content:center; align-items: flex-start; flex-direction: column; gap:20px;}
.main-section .main-txt-box h3 {position:relative; top:20px; display:block; font-size:36pt; font-weight:900; color:#fff; text-shadow:1px 1px 2px #000; line-height:58px;}
.main-section .main-txt-box small {position:relative; top:25px; font-size:14pt; font-weight:400; color:#fff; line-height:26px; opacity:0.7;}

.main-content .title {display:block; font-size:28pt; font-weight:600; color:#000; text-align:center; line-height:45px;}
.main-content .title strong {color:#dd3f50;}
.main-content .section-wrap {width:100%; margin-top:70px; position:relative; display:flex; align-items:center; justify-content:center; gap:30px;}
.main-content .section-wrap .section-list {flex:1 1 20%; min-width:360px; box-shadow:0px 0px 20px #ddd; padding:50px; display:flex; align-items:flex-start; justify-content:center; flex-direction: column;}
.main-content .section-wrap .section-list span.icon {width:50px; height:50px; display:block; text-indent:-9999px;}
.main-content .section-wrap .section-list:nth-child(1) span.icon {background:url('../../images/aspens/icon01.svg') no-repeat 50% 50%; background-size:contain;}
.main-content .section-wrap .section-list:nth-child(2) span.icon {background:url('../../images/aspens/icon02.svg') no-repeat 50% 50%; background-size:contain;}
.main-content .section-wrap .section-list:nth-child(3) span.icon {background:url('../../images/aspens/icon03.svg') no-repeat 50% 50%; background-size:contain;}
.main-content .section-wrap .section-list:nth-child(4) span.icon {background:url('../../images/aspens/icon04.svg') no-repeat 50% 50%; background-size:contain;}
.main-content .section-wrap .section-list h4 {display:block; font-size:18pt; font-weight:900; margin:20px 0;}
.main-content .section-wrap .section-list p {display:block; font-size:12pt; font-weight:400; margin:10px 0; line-height:24px; letter-spacing:0px; color:#888;}

.main-content .table-wrap {width:100%; margin-top:8px; position:relative; display:flex; align-items:center; justify-content:center; flex-direction: column;}
.main-content .table-wrap .tbl-list {width:100%; position:relative; height:70px; display:flex; align-items:center; justify-content:flex-start; border-bottom:1px solid #ccc; background:#fff; padding:0 40px;}
.main-content .table-wrap .tbl-list:first-child {border-top:2px solid #000000;}
.main-content .table-wrap .tbl-list.notice {background:#f8f8f8;}
.main-content .table-wrap .tbl-list a {color:#555555; font-size:13pt; font-weight:500; transition: all .2s;}
.main-content .table-wrap .tbl-list .date {position:absolute; font-size:10pt; color:#aaa; right:0px; top:50%; transform: translate(-50%, -50%);}
.notice-badge {display:inline-block; border-radius:20px; border:1px solid #d92929; color:#d92929; background:#fff; padding:6px 12px; font-size:11pt; font-weight:500; margin:0 15px;}
.main-content .table-wrap .tbl-list:hover a {color:#d92929;}

/* slick slide common */
.visual-container {overflow:hidden;}
.item:focus {outline:0px;}
.slick-slider { -webkit-transition:all ease-in-out .5s; transition:all ease-in-out .5s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }
.slick-track { position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto; }
.slick-list, .slick-track {height:100%; position:relative; z-index:0;}
.slick-center img {transform:scale(1.1); outline:2px solid #253369;}
.item {height:100%;}
.item:after {display:block; clear:both; content:'';}
.item img {border-radius:20px;}
.slick-dots {position:absolute; left:4rem; bottom:4rem; z-index:1; display:flex; gap:5px;}
.slick-dots li {width:40px; height:4px; background:#fff; text-indent:-9999px;}
.slick-dots li.slick-active {background:#568ae5;}

.page-view {background:#F4F4F6; width:100%; padding:2rem 0;}
.page-view .wrap-section {height:310px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; flex-direction:column;}
.page-view .wrap-section .top-link {width:100%; height:150px; display:flex; justify-content:space-between; align-items:center; gap:20px;}
.page-view .wrap-section .top-link a.link {flex:1 1 10%; display:flex; justify-content:center; align-items:center; opacity:0; transform: translateX(-10px); transition: all .25s linear; padding-top:70px;}
.page-view .wrap-section .top-link a.link:before {content:''; position:absolute; width:50px; height:50px; left:50%; top:0; transform:translate(-50%, 0);}
.page-view .wrap-section .top-link a.link span {display:block; width:100%; color:#01203d; text-align:center; font-size:12pt; font-weight:600; background:#fff; border-radius:20px; padding:10px 0px; transition: all .25s linear;}
.page-view .wrap-section .top-link a.link:hover span {background:#c62d1e; color:#fff;}

.page-view .wrap-section .top-link.active a.link:nth-child(1) {opacity:1; transform: translateX(0%); transition-delay: 0.3s;} 
.page-view .wrap-section .top-link.active a.link:nth-child(2) {opacity:1; transform: translateX(0%); transition-delay: 0.5s;} 
.page-view .wrap-section .top-link.active a.link:nth-child(3) {opacity:1; transform: translateX(0%); transition-delay: 0.7s;} 
.page-view .wrap-section .top-link.active a.link:nth-child(4) {opacity:1; transform: translateX(0%); transition-delay: 0.9s;} 
.page-view .wrap-section .top-link.active a.link:nth-child(5) {opacity:1; transform: translateX(0%); transition-delay: 1.1s;} 
.page-view .wrap-section .top-link.active a.link:nth-child(6) {opacity:1; transform: translateX(0%); transition-delay: 1.3s;} 
.page-view .wrap-section .top-link.active a.link:nth-child(7) {opacity:1; transform: translateX(0%); transition-delay: 1.5s;} 
.page-view .wrap-section .top-link.active a.link:nth-child(8) {opacity:1; transform: translateX(0%); transition-delay: 1.7s;} 

.page-view .wrap-section .top-link.active a.link:nth-child(1):before {background:url('../../images/aspens/main-icon01.png') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .top-link.active a.link:nth-child(2):before {background:url('../../images/aspens/main-icon02.png') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .top-link.active a.link:nth-child(3):before {background:url('../../images/aspens/main-icon03.png') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .top-link.active a.link:nth-child(4):before {background:url('../../images/aspens/main-icon04.png') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .top-link.active a.link:nth-child(5):before {background:url('../../images/aspens/main-icon05.png') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .top-link.active a.link:nth-child(6):before {background:url('../../images/aspens/main-icon06.png') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .top-link.active a.link:nth-child(7):before {background:url('../../images/aspens/main-icon07.png') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .top-link.active a.link:nth-child(8):before {background:url('../../images/aspens/main-icon08.png') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .bottom-link {position:absolute; width:100%; height: 170px; bottom: -32px; background:#fff; border-radius:20px 20px 0 0; padding:3rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.page-view .wrap-section .bottom-link .link-list {position:relative; flex:1 1 30%; padding:1rem 2rem;}
.page-view .wrap-section .bottom-link .link-list:after {content:''; position:absolute; top:0; right:0; width:1px; height:100%; border-right:1px dashed #ddd;}
.page-view .wrap-section .bottom-link .link-list:last-child:after {display:none;}
.page-view .wrap-section .bottom-link .link-list .lnk-title {display:block; font-size:16pt; font-weight:600; color:#656d72;}
.page-view .wrap-section .bottom-link .link-list .lnk-title strong {color:#568ae5; font-weight:700;}
.page-view .wrap-section .bottom-link .link-list p {font-size:11pt; color:#656d72; line-height:22px; margin-top:1.5rem;}

.page-view .wrap-section .bottom-link .link-list span {position:absolute; width:80px; height:80px; border-radius:50%; background:#d2d8df; right:2.5rem; top:50%; transform:translate(0, -50%);}
.page-view .wrap-section .bottom-link .link-list span:before {content:''; width:40px; height:40px; left:50%; top:50%; position:absolute; transform:translate(-50%, -50%);}
.page-view .wrap-section .bottom-link .link-list span:after {content:''; width:100px; height:100px; left:50%; top:50%; position:absolute; z-index:1; transform:translate(-50%, -50%); transform-origin: top left; border-radius:50%; background:#d2d8df; opacity:0.15;}
.page-view .wrap-section .bottom-link .link-list:nth-child(1) span:before {background:url('../../images/aspens/mi-icon01.svg') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .bottom-link .link-list:nth-child(2) span:before {background:url('../../images/aspens/mi-icon02.svg') no-repeat 50% 50%; background-size:contain;}
.page-view .wrap-section .bottom-link .link-list:nth-child(3) span:before {background:url('../../images/aspens/mi-icon03.svg') no-repeat 50% 50%; background-size:contain;}

.main-board-wrap {width:100%; position:relative; top:35px; padding:2rem 0 3rem;}
.main-board-wrap:after {display:block; clear:both; content:'';}
.main-board-wrap .fl-section {float:left; width:49%;}
.main-board-wrap .fr-section {float:right; width:49%;}

.main-board-wrap h3 {display:block; position:relative; height:25px; font-size:15pt; font-weight:600;}
.main-board-wrap ul {display:flex; flex-wrap: wrap; flex-direction:column; margin-top:1rem; gap:1rem;}
.main-board-wrap ul li {width:100%;}
.main-board-wrap ul li a.list,
.main-board-wrap ul li .list-btn {position:relative; border:1px solid #ddd; height:100px; display:block; padding:1.5rem 2rem; transition: all .25s linear;}
.main-board-wrap ul li a.list:hover,
.main-board-wrap ul li .list-btn:hover {border-color:#c62d1e;}
.main-board-wrap ul li a.list em,
.main-board-wrap ul li .list-btn em {display:block; width:80%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14pt; font-weight:500; color:#000;}
.main-board-wrap ul li a.list em strong,
.main-board-wrap ul li .list-btn em strong {display:inline-block; background:#21409a; color:#fff; font-weight:600; padding:5px 10px; font-size:10pt; position:relative; top:-2px;}
.main-board-wrap ul li a.list span,
.main-board-wrap ul li .list-btn span {display:block; font-size:10pt; margin-top:0.5rem; color:#999;}
.main-board-wrap ul li .list-btn a.button {position:absolute; display:flex; align-items:center; justify-content:center; top:50%; right:30px; height:40px; padding:0 10px; border:1px solid #c62d1e; color:#c62d1e; font-size:10pt; transform:translate(0%, -50%);}

.footer {width:93%; margin:0 auto; position:static; background:#000914; padding:50px 0; display:flex; justify-content:space-between; margin-top:3rem; border-radius:20px 20px 0 0; z-index: 0;}
.footer .wrap-section {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.footer .copy {position:relative;}
.footer .copy .logo {position:relative; display:inline-block; background:url('../../images/aspens/footer-logo.png') no-repeat 50% 50%; width:200px; height:60px; text-indent:-9999px; vertical-align:middle; background-size:contain;}
.footer .copy ul {margin:1rem 0 0 0; padding:0;}
.footer .copy ul li {font-size:12pt; color:#fff;}
.footer .copy ul li:nth-child(2) {margin:1rem 0 0 0; display:flex; gap:20px; color:#5f748d;}
.footer .copy ul li:nth-child(3) {color:#5f748d; font-size:10pt;}
.footer .footer-link {position:relative; display:flex; flex-direction:column; align-items:flex-end; justify-content:center;}
.footer .footer-link a {position:relative; display:block; color:#fff; font-size:11pt; margin:0.7rem 0;}
.footer .footer-link a:before {content:''; position:absolute; right:0; width:4px; height:4px; background:#c62d1e; bottom:calc(-50% - 4px);}
.footer .footer-link a:last-child:before {display:none;}

.mobile-menu {display:none; position:absolute; right:30px; top:35px; width:25px; height:20px;}
.mobile-menu span {position:relative; display:block; width:100%; height:2px; background:#000; transition: all .2s;}
.mobile-menu span:nth-child(1) {top:0px;}
.mobile-menu span:nth-child(2) {top:7px;}
.mobile-menu span:nth-child(3) {top:14px;}
.mobile-menu.active span:nth-child(1) {transform: rotate(45deg); top:10px;}
.mobile-menu.active span:nth-child(2) {display:none;}
.mobile-menu.active span:nth-child(3) {transform: rotate(-45deg); top:8px;}

.mobile-lnb {display:none;}
.lnb-active {left:0%!important; position:fixed!important; top:0; z-index:10; height:100%; background:#fff; padding: 1rem; border-right: 1px solid #ddd; border-radius: 0px!important;}

.sub-top {position:relative; width:100%; height:180px; border-radius:10px; background:url('../../images/aspens/sub-top-bg.png') no-repeat 50% 50%; background-size:contain; display:flex; align-items:center; justify-content:flex-start;}
.sub-top .txt {position:relative; left:12rem;}
.sub-top .txt small {display:block; font-size:11pt; font-weight:400; color:#aaa; animation: textClip 1.5s 0s cubic-bezier(0.3, 0, 0.1, 1) both;}
.sub-top .txt h3 {display:block; font-size:21pt; font-weight:600; color:#fff; text-shadow:1px 1px 10px #333; text-transform:uppercase; margin-top:0.5rem; animation: textClip 1.5s 0s cubic-bezier(0.3, 0, 0.1, 1) both;}

.sub-container {margin:2rem 0; position:relative; width:100%;}
.sub-container:after {display:block; clear:both; content:'';}
.sub-container .sub-lnb {position:relative; float:left; width:220px; border-radius:20px 20px 0 0;}
.sub-container .sub-lnb .lnb-header {position:relative; width:100%; background:#1e3d86; height:90px; border-radius:20px 20px 0 0; display:flex; align-items:center; padding:3vmin;}
.sub-container .sub-lnb .lnb-header:before {content:''; position:absolute; right:15px; top:10px; width:70px; height:70px; background:url('../../images/aspens/menu-before.svg') no-repeat 50% 50%; background-size:contain; opacity:0.2;}
.sub-container .sub-lnb .lnb-header h2 {font-size:18pt; font-weight:600; color:#fff;}

.sub-container .sub-lnb .menu-content {position: relative; top: -15px;}
.sub-container .sub-lnb .menu-content ul {margin:0; padding:0; display: flex; flex-direction: column; gap: 0.1rem;}
.sub-container .sub-lnb .menu-content ul li {position:relative; width:100%;}
.sub-container .sub-lnb .menu-content ul li a {position:relative; border-bottom:1px solid rgba(255,255,255,0.2);}
.sub-container .sub-lnb .menu-content ul li a.toggle {position:relative; background:#fff; display:block; padding:12px 25px 12px 35px; color:#333; border:1px solid #ddd; border-radius:20px; font-weight:500; letter-spacing:-0.5px; font-size:10pt; font-weight:500; transition: all .2s ease;}
.sub-container .sub-lnb .menu-content ul li a.toggle:before {content:''; position:absolute; left:20px; top:50%; margin-top:-2px; width:4px; height:4px; background:#a7b0b8;}
.sub-container .sub-lnb .menu-content ul li a:hover,
.sub-container .sub-lnb .menu-content ul li a.on {background:/*#f04069*/#1e3d86; color:#fff; padding:12px 25px 12px 35px; opacity:1.0;}
.sub-container .sub-lnb .menu-content ul li a:hover:before,
.sub-container .sub-lnb .menu-content ul li a.on:before {background:#fff;}

.sub-container .sub-lnb .menu-content ul li a:after {content:''; position:absolute; width:14px; height:14px; background:url('../../images/aspens/caret-off.svg') no-repeat 50% 50%; background-size:contain; right:20px; top:50%; transform:translate(0, -50%);}

.sub-container .sub-lnb .menu-content ul.inner {overflow: hidden; display: none;}
.sub-container .sub-lnb .menu-content ul.inner.depth-2 li a.toggle {padding-left:50px; background:#555;}
.sub-container .sub-lnb .menu-content ul.inner.depth-2 li a.toggle.on {background:#444;}
.sub-container .sub-lnb .menu-content ul.inner.depth-2 li a:before {width:10px; height:1px; left:35px; top:50%; margin-top:-1px;}
.sub-container .sub-lnb .menu-content ul.inner.depth-3 li a.toggle {padding-left:70px; background:#777;}
.sub-container .sub-lnb .menu-content ul.inner.depth-3 li a:before {width:10px; height:1px; left:55px; top:50%; margin-top:-1px;}
.sub-container .sub-lnb .menu-content ul.inner.depth-3 li a.toggle.on {background:#777;}
.sub-container .sub-lnb .menu-content ul li a.has-sub:after {content:''; position:absolute; width:24px; height:24px; background:url('../../images/aspens/plus-icon.svg') no-repeat 50% 50%; background-size:contain; opacity:0.5; right:0; top:50%; transform:translate(-50%, -50%); transition: all .2s ease;}
.sub-container .sub-lnb .menu-content ul li a.has-sub.on:after {transform:rotate(45deg); right:11px; top:10px;}
.sub-container .sub-content {position:relative; float:right; width:calc(100% - 270px);}
.sub-container .sub-content .title {width:100%; height:90px; border-bottom:1px solid #ddd; display:flex; align-items:center;}
.sub-container .sub-content .title h3 {font-size:21pt; font-weight:700;}
.sub-container .sub-content .content {padding:2rem 0; animation: contxt01 1.5s 0s cubic-bezier(0.3, 0, 0.1, 1) both;}
.sub-container .sub-content .login-area {width:400px; margin:0 auto;}
.sub-container .sub-content .login-area .login-info .logo {position: relative; width: 240px; height: 60px; left: 50%; transform: translate(-50%, 0); background: url('../../images/aspens/login-top.png') no-repeat 50% 50%; text-indent:-9999px; display:block;}
.sub-container .sub-content .login-area .login-info h3 {display:block; font-size:2rem; font-weight:700; text-align:center; margin-top:1rem;}
.sub-container .sub-content .login-area .login-info span.sub-title {display:block; font-size:10pt; color:#888; font-weight:400; text-align:center; margin-top:0.5rem; line-height:20px;}
.sub-container .sub-content .login-area .login-info .login-input-wrap {padding: 20px 0 0;}
.login-menu {display:flex; justify-content:space-between; flex-direction:column; margin:2rem 0 0; gap:0.5rem;}
.login-menu .login-item {display:flex; justify-content:space-between; align-items:center;}
.login-menu .login-item span {font-size:11pt;}
.login-menu .login-item a {background:#f0f1f2; color:#888; font-weight:500; font-size:10pt; border-radius:10px; padding:5px 10px;}

.history-wrap {position:relative; background:url('../../images/aspens/h-bg.png') repeat 50% 50%; padding:2rem 3rem; border-radius:10px; /*box-shadow: 1px 1px 20px rgba(0,0,0,0.1); border:1px solid #ddd;*/}
.history-wrap:before {content:''; position:absolute; width:1px; height:100%; background:#ddd; left:3rem; top:0;}
.history-wrap .inner {position:relative; padding:0;}
.history-wrap .history-bx dl {position:relative; padding:0 0 0 60px; margin-top:35px;}
.history-wrap .history-bx dl:before {content:''; position:absolute; top:-35px; left:0; width:1px; height:45px; background:#1e3d86;}
.history-wrap .history-bx dl dt {color:#1e3d86; margin:0 0 15px -25px;}
.history-wrap .history-bx dl dt:after {content:''; position:absolute; top:0; left:0; display:block; width:14px; height:14px; background:#fff; border:2px solid #1e3d86; border-radius:50%; transform:translate(calc(-50% + 1px), 0);}
.history-wrap .history-bx dl dt span {position:relative; font-weight:700; font-size:18pt; letter-spacing:-1px; top:-6px;}
.history-wrap .history-bx dl dd {position:relative; padding:0; font-size:1rem; line-height:22px;}
.history-wrap .history-bx dl dd:before {content:''; position:absolute; left:0; width:4px; height:4px; background:#ccc; top:50%; transform:translate(0, -50%); border-radius:50%;}
.history-wrap .history-bx dl dd strong {color:#000; font-size:1rem; display:inline-block; font-weight:600; min-width:50px; text-align:right; margin-right:20px;}
.history-wrap .history-bx dl dd + dd {margin-top:10px;}
.history-bx > div + div {margin-top:50px;}
.history-bx > div:last-child {margin-bottom:50px;}
.history-img {position:absolute; top:50%; right:5rem; transform:translate(0, -50%);}
.history-img > div {position:relative; margin:50px 0;}
.history-img > div:nth-child(1) {left:-5rem;}
.history-img > div:nth-child(2) {}
.history-img > div:nth-child(3) {left:-3rem;}

.reveal {position: relative; opacity: 0;}
.reveal.active {opacity: 1;}
.active.fade-bottom {animation: fade-bottom 1s ease-in;}
.active.fade-left {animation: fade-left 1s ease-in;}
.active.fade-right {animation: fade-right 1s ease-in;}

.organ-wrap {position:relative; width:100%; display:flex; flex-direction:column; flex-wrap:wrap; gap:10px; padding: 2rem 0 0;}
.organ-wrap .organ-list {position:relative; display:flex; align-items:center; justify-content: center; gap:10px;}
.organ-wrap .organ-list .item {width:100%; border:1px solid #647992; max-width:180px; background:#647992;}
.organ-wrap .organ-list .item h3 {position:relative; display:block; text-align:center; font-size:11pt; color:#fff; padding:1rem 0;}
.organ-wrap .organ-list .item h3:after {content:''; position:absolute; bottom:-21px; left:50%; width:1px; height:20px; background:#ddd;}
.organ-wrap .organ-list .item span {color:#647992; font-size:10pt; background:#fff; display:block; padding:1rem 0; text-align:center;}
.organ-wrap .organ-list:nth-child(1) .item {width:100px; height:100px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.organ-wrap .organ-list:nth-child(1) .item h3 {font-size:14pt; font-weight:700;}
.organ-wrap .organ-list:nth-child(1) .item h3:after {bottom:-43px;}
.organ-wrap .organ-list:nth-child(2) {padding-left:190px;}
.organ-wrap .organ-list:nth-child(2) .item:nth-child(2) h3:after {display:none;}
.organ-wrap .organ-list:nth-child(4) .item h3:after {display:none;}
.organ-wrap .organ-list:nth-child(4) .item h3:before  {content:''; position:absolute; top:-11px; left:50%; width:1px; height:10px; background:#ddd;}
.organ-wrap .organ-list:nth-child(4) .item:nth-child(3) h3:before {display:none;}
.organ-wrap .organ-list:nth-child(4):before {content:''; position:absolute; width:calc(100% - 370px); height:1px; background:#ddd; top:-2px;}

.organ-depth01 {background:#325fce!important; border-color:#325fce!important;}
.organ-depth02 {background:#3579cd!important; border-color:#3579cd!important;}
.organ-depth03 {background:#333!important; border-color:#333!important;}
.organ-depth04 {background: #5492dd!important; border-color:#5492dd!important;}
p.p-txt {font-size:12pt; letter-spacing:0; color:#444; line-height:24px;}
p.p-txt strong {display:block; font-size:18pt; font-weight:700; color:#1e3d86; margin:0.5rem 0;}

.insert-box {border:1px solid #163470; position:relative; margin:2rem 0; border-radius:10px; padding:3rem 5rem;}
.insert-box .insert-content {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; gap:2rem;}
.insert-item {border:1px solid #ddd; padding:2rem; border-radius:10px;}
.insert-item:nth-child(1) {flex:1 1 100%; background:#f7f7f7;}
.insert-item:nth-child(1) .icon {background:url('../../images/aspens/c-icon01.svg') no-repeat 50% 50%; background-size:contain;}
.insert-item:nth-child(2) {flex:1 1 40%;}
.insert-item:nth-child(2) .icon {background:url('../../images/aspens/c-icon02.svg') no-repeat 50% 50%; background-size:contain;}
.insert-item:nth-child(3) {flex:1 1 40%;}
.insert-item:nth-child(3) .icon {background:url('../../images/aspens/c-icon03.svg') no-repeat 50% 50%; background-size:contain;}
.insert-item h4 {display:block; font-size:16pt; font-weight:600; text-align:center; color:#444;}
.insert-item span {display:block; font-size:12pt; font-weight:400; text-align:center; color:#888; margin-top:0.5rem;}
.insert-item .icon {display:block; margin:0 auto; width:80px; height:80px; margin-bottom:1rem;}

.section {position:relative;}
.section h3.header-txt {position:relative; font-size:14pt; font-weight:600; padding-left:25px;}
.section h3.header-txt:before {content:''; position:absolute; left:0; top:1px; width:20px; height:20px; background:url('../../images/aspens/bullet-title.gif') no-repeat 50% 50%; background-size:contain;}
/*.section .content-container {display:flex; gap:3rem; margin-top:1rem;}*/
.section .content-container {display:grid; gap:3rem; margin-top:1rem;} /* SJK 20240612 관련사이트 데이터 정렬 수정 */
.section .content-item {margin:1rem 0;}
.section .content-item strong {position:relative; color:#1e3d86; font-weight:600; padding-left:10px;}
.section .content-item strong:before {content:''; position:absolute; width:4px; height:4px; background:#1e3d86; top:50%; margin-top:-2px; left:0;}

.section .content-item ul {margin:1rem 0;}
.section .content-item ul li {line-height:28px; position:relative; padding-left:15px; font-size:11pt; color:#777;}
.section .content-item ul li:before {content:''; position:absolute; width:10px; height:1px; background:#bbb; left:0; top:50%;}
.intro-wrap {display:flex; align-items:center; justify-content:center; align-items:flex-start;}
.intro-wrap .img {width:200px; height:100%; position:relative; margin:1.5rem 0;}
.intro-wrap .img:before {content:''; position:absolute; width:calc(100% + 50px); height:500px; background:#f4f5f6 url('../../images/aspens/h-bg.png') no-repeat 100% 50%; left:-50%; top:0; z-index:0;}
.intro-wrap p {margin:1.5rem 0; font-size:12pt; letter-spacing:0; color:#444; line-height:24px; text-align:justify;} 
.intro-wrap .txt-area {position:relative; width:50%;}
.intro-wrap .txt-area strong {font-weight:700; color:#1e3d86;}
.photo {position: relative; display:block; width:140px; height:140px; border-radius:50%; background:url('../../images/aspens/p-img.png') repeat 50% 50%; background-size:contain; text-indent:-9999px; top:40px; left:-43px;}

.list-content {margin: 60px auto 40px;}
.list-box {position: relative; width: 100%; padding: 40px 25px; background: #fff; box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14);}
.list-box .b-title {position:relative; padding-left:22px; font-size:14pt; font-weight:900;}
.list-box .b-title:before {content:''; position:absolute; left:0; top:50%; transform:translate(0,-50%); background:url('../../images/aspens/bullet-title.png') no-repeat 50% 50%; width:18px; height:11px;}
.terms-area {padding:0px; margin:1rem 0;}
.terms-area .t-box {position:relative;}
.terms-area .t-box h2 {font-weight:900; font-size:15pt; color:#222;}
.terms-area .t-box p {display:block; width: 100%; line-height: 24px; word-break: keep-all; font-size: 12pt; color: #777;}
.terms-area .t-box .t-list {margin:2rem 0;}
.terms-area .t-box .t-list:first-child {margin-top:0px;}
.terms-area .t-box .t-list h4 {font-weight:600; font-size:12pt; color:#2e489c;}
.terms-area .t-box .t-list p {display:block; margin:0.5rem 0; font-size:11pt; color:#333;}
.terms-area .t-box .t-list ul {margin:0.5rem;}
.terms-area .t-box .t-list ul li {font-size:10pt; color:#666; line-height: 24px; padding-left:10px; position:relative;}
.terms-area .t-box .t-list ul li:before {content:''; position:absolute; width:6px; height:1px; left:-2px; top:12px; background:#aaa;}
.terms-area .t-box .t-list ul li ul {margin:0.5rem 1rem;}
.terms-area .t-box .t-list ul li ul li {color:#888;}
.terms-area .t-box strong {color:#c62d1e; font-weight:500;}

.terms-apply {position: relative; padding: 10px 15px; border-top: 1px solid #ddd; display: flex; gap:20px; justify-content: flex-end;}
.terms-apply .term-list input[class="apply-box"] {display: none;}
.terms-apply .term-list input[class="apply-box"] + label {line-height: 35px; display: inline-block; vertical-align:middle; cursor: pointer; margin: 0px; font-size: 1rem; font-weight: 500; color: #888; text-align: center;}
.terms-apply .term-list input[class="apply-box"] + label span {display: inline-block; width: 25px; height: 25px; margin-right: 5px; border-radius: 50%; border: 1px solid #BCC6CE; vertical-align: middle; margin-top: -2px; padding-top: 7px;}
.terms-apply .term-list input[class="apply-box"] + label span small {display: block; width: 10px; height: 10px; background: url('../../images/aspens/check-apply.svg') no-repeat 50% 50%; background-size: contain; margin: 0 auto;}
.terms-apply .term-list input[class="apply-box"]:checked + label {color: #333; display: inline-block; vertical-align: middle; border-color:#dd3f50; color: #dd3f50; font-weight: 600;}
.terms-apply .term-list input[class="apply-box"]:checked + label span {vertical-align: middle; border: 1px solid #dd3f50; outline:2px solid #dd3f50;}
.terms-apply .term-list input[class="apply-box"]:checked + label span small {background: url('../../images/aspens/check-apply-on.svg') no-repeat 50% 50%; background-size: contain;}

.button-area {position:relative; display:flex; justify-content:center; align-items:center; gap:3px;}
.button-area .btn-large {background:#0e2f71; padding:15px 30px; font-size:12pt; font-weight:600; color:#fff; letter-spacing:-1px;}
.button-area .btn-gray {background:#999!important;}
.button-area.right {justify-content:flex-end!important;}

.ui-list {border-top: 2px solid #000; border-bottom: 1px solid #aaa;}
.ui-list > .box {position: relative; padding: 30px; border-bottom: 1px solid #ddd; display:flex;}
.ui-list > .box:last-child {border-bottom:0px;}
.ui-list .box .img {flex-basis:180px; display:flex; align-items:center; justify-content:center;}
.ui-list .box .img span {display:block; width:100px; height:100px; border-radius:50%; text-indent:-9999px;}
.ui-list .box .img span.no-img {background:#d9d9d9 url('../../images/aspens/profile-img.png') no-repeat 50% 50%; background-size:contain;}
.ui-list .box ul li.name {font-weight:700; color:#1e3d86; font-size:16pt; padding:0;}
.ui-list .box ul li.name:before {display:none;}
.ui-list .box ul li:nth-child(2) {margin-top:1rem;}
.ui-list .box ul li {position:relative; line-height:24px; font-size:11pt; padding-left:14px; color:#888;}
.ui-list .box ul li:before {content:''; width:4px; height:4px; background:#1e3d86; left:0; position:absolute; top:50%; margin-top:-2px;}
.ui-list .box ul li strong {display:inline-block; font-weight:500; width:70px; font-size:11pt; color:#333;}

.lnb-banner {position:relative; top:3rem; display:flex; flex-direction:column; flex-wrap:wrap; gap:10px;}
.lnb-banner a {border:1px solid #ddd; border-radius:5px; height:50px; display:flex; align-items:center; justify-content:center;}
.lnb-banner a.iacuc {background:#2951b7; border-color:#2951b7;}
p.txt {margin:1rem 0; color:#888;}

.bookmark {position:absolute; right:-120px; top:0; width:90px; border-radius:10px; padding:0 10px; box-shadow:0px 0px 5px rgba(0,0,0,0.05); display:flex; flex-direction:column;}
.bookmark a {width:100%; height:90px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #e4e4e4;}
.bookmark a:last-child {border-bottom:0px;}
.bookmark a span {font-size:10pt; font-weight:600; color:#333; text-align:center; padding-top:30px; position:relative;}
.bookmark a span:before {content:''; position:absolute; width:20px; height:20px; top:0; left:50%; transform:translate(-50%, 0); opacity:0.3;}
.bookmark a:nth-child(1) span:before {background:url('../../images/aspens/span-icon01.svg') no-repeat 50% 50%; background-size:contain;}
.bookmark a:nth-child(2) span:before {background:url('../../images/aspens/span-icon02.svg') no-repeat 50% 50%; background-size:contain;}
.bookmark a:nth-child(3) span:before {background:url('../../images/aspens/span-icon03.svg') no-repeat 50% 50%; background-size:contain;}
.bookmark a:nth-child(4) span:before {background:url('../../images/aspens/span-icon04.svg') no-repeat 50% 50%; background-size:contain;}
.bookmark a:hover span {color:#2951b7;}
.map {width:100%; border:1px solid #ddd;}
.map img {width:100%; display:block;}

.progressbar {position:relative; overflow: hidden; counter-reset: step; display:flex; align-items:center; justify-content:center; gap:2rem; margin-bottom:2rem;}
.progressbar:before {content:''; width:50%; height:2px; background:#f4f4f4; position:absolute; left:50%; top:14px; transform:translate(-50%, 0);}
.progressbar li {color: #555; text-transform: uppercase; font-size: 12pt; position: relative; font-weight:600;}
.progressbar li:before {content: counter(step); counter-increment: step; width: 30px; line-height: 30px; display: block; font-size: 12pt; color: #888; background: white; border-radius: 50%; margin: 0 auto 15px auto; background:#f7f7f7; text-align:center;}
.progressbar li:after {content: ''; width: 100%; height: 2px; background: white; position: absolute; left: -50%; top: 9px; z-index: -1;}
.progressbar li:first-child:after {content: none;}
.progressbar li.active {color:#c62d1e;}
.progressbar li.active:before,  
.progressbar li.active:after {color: white;}
.progressbar li.active:before{background: #c62d1e; }
.import {font-weight:600; font-size:12pt; color:#c62d1e;}

table.tbl-board {width:100%; table-layout:fixed; border-top:2px solid #444;}
table.tbl-board th {position:relative; font-size:10pt; background: #e0e1e7; color: #333; font-weight: 600; padding:12px; text-align:center; border-bottom:1px solid #ccc; font-family: inherit; letter-spacing:-0.5px;}
table.tbl-board th:before {content:''; position:absolute; width:1px; height:100%; background:#ddd; right:0; top:0;}
table.tbl-board th:last-child:before {display:none;}
table.tbl-board td {position:relative; border-bottom:solid 1px #d2d6d9; background: #ffffff; color: #777; padding: 12px 10px; font-size:10pt; font-family:inherit; letter-spacing:-0.5px; text-align:left; font-weight:500; /*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/}
table.tbl-board td input[type="text"],
table.tbl-board td input[type="password"] {display:inline-block; vertical-align:middle; height:31px; color:#666; border:1px solid #ccc; font-weight:500; padding:5px 10px 6px; font-size:10pt; letter-spacing:-1px; text-align:left;}
table.tbl-board td textarea {display:block; width:100%; color:#666; border:1px solid #ccc; font-weight:500; padding:10px; font-size:10pt; letter-spacing:-1px;}
table.tbl-board td input[class="tbl-radio"] {display: none;}
table.tbl-board td input[class="tbl-radio"] + label {display:inline-block; cursor: pointer; font-size:10pt; letter-spacing:-1px; font-weight:500; color:#666; vertical-align:middle; position:relative; margin-right:10px;}
table.tbl-board td input[class="tbl-radio"] + label span {position:relative; display: inline-block; width: 15px; height:15px; background:#fff;  border:1px solid #ccc; border-radius:50%; margin:-3px 3px 0 0; vertical-align:middle;}
table.tbl-board td input[class="tbl-radio"]:checked + label {display: inline-block; color:#c62d1e; vertical-align:middle; font-weight:600;}
table.tbl-board td input[class="tbl-radio"]:checked + label span {position: relative; left: 5px; top: -3px; width: 8px; margin-right:10px; height: 12px; border: 2px solid #c62d1e; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius:0%;}
table.tbl-board td.left {text-align:left;}
table.tbl-board tr[onclick] {cursor:pointer;}
table.tbl-board td a.button {background:#fff; height:31px; line-height:31px; padding:0 15px; border:1px solid #56657b; color:#56657b; font-size:9pt; font-weight:600; margin:0 5px; display:inline-block; vertical-align:middle;}
table.tbl-board td a.button:hover {color:#fff; background:#56657b;}
table.tbl-board thead th {background:#e0e1e7;}
table.tbl-board thead th:before {background-color:#bbb;}
table.tbl-board tbody td {position:relative;} 
table.tbl-board tbody td:after {content: ''; position: absolute; width: 1px; height: 100%; background: #ddd; right: 0; top: 0;}
table.tbl-board tbody td:last-child:after {display:none;}
table.tbl-board tr:nth-child(even) td {background:rgba(224,225,231,0.2);}
table.tbl-board a.search {position:relative; height:31px; border:1px solid #586878; background:#586878; font-size:9pt; display:flex; align-items:center; letter-spacing:-0.5px; font-weight:500; color:#fff; padding:0 20px; transition: all .2s ease; overflow:hidden;}
table.tbl-board a.calendar {position:relative; height:31px; width:31px; border:1px solid #ccc; background:#e4e4e4; display:flex; align-items:center; transition: all .2s ease; overflow:hidden; text-indent:-9999px;}
table.tbl-board a.calendar:before {content:''; width:16px; height:16px; background:url('../../images/aspens/calendar-icon.svg') no-repeat 50% 50%; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
table.tbl-board span.wave-bar {font-weight:600; align-items:center; display:flex;}
table.tbl-board .right {text-align:right;}
p.m-ssg {margin-top:0.5rem; padding-left:10px; position:relative;}
p.m-ssg:before {content:''; position:absolute; width:5px; height:1px; background:#aaa; top:50%; left:0;}
p.mtb-ssg {margin-top:0.5rem; padding:1rem 10px; position:relative;}
p.mtb-ssg:before {content:''; position:absolute; width:5px; height:1px; background:#aaa; top:50%; left:0;}
.chx-box {margin-top:-0.5rem;}
.chx-box input[type="checkbox"] + label {position:relative; display:inline-block; cursor: pointer; font-size:0.9rem; font-weight:500; vertical-align:middle; color:#333; letter-spacing:0px;}
.chx-box input[type="checkbox"] + label span {position:relative; display: inline-block; width: 14px; height:14px; background:#fff; vertical-align:middle; margin-top:-2px; border:1px solid #aaa; padding-left:0px!important; border-radius:0%; margin-right:3px;}
.chx-box input[type="checkbox"]:checked + label {color:#1e208d; font-weight:700;}
.chx-box input[type="checkbox"]:checked + label span {position:relative; background:#1e208d; border:1px solid #1e208d; outline:1px solid #1e208d;}
.chx-box input[type="checkbox"]:checked + label span:before {content:''; position:absolute; left: 3px; top:-1px; width: 4px; height: 8px; border: 2px solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-shadow:none!important;}
.chx-box input[type="checkbox"] {display: none;}

.find-wrap {width:80%; margin:0 auto; border-top:2px solid #ddd; border-bottom:2px solid #ddd; padding:3rem 0 2rem;}
.find-wrap p {text-align:center; display:block; font-size:1.2rem; font-weight:400;}
.find-wrap p strong {color:#c62d1e; font-weight:600;}
.find-wrap p span {color:#000; font-weight:600;}
.find-wrap em {position:relative; display:block; margin-top:3rem; font-size:0.9rem; color:#999; text-align:center; line-height:22px;}
.find-wrap em:before {content:''; position:absolute; left:50%; top:-20px; width:50px; height:3px; background:#ddd; transform:translate(-50%, -50%);}

.mobile-lnb {position:fixed; top:50%; width:20px; height:60px; left:0; transform:translate(0%, -50%); background:url('../../images/aspens/lnbbtn-off.png') no-repeat 50% 50%; text-indent:-9999px;}
.mobile-lnb-close {display:none;}

table.tbl-datail {width:100%; table-layout:fixed; border-top:2px solid #444;}
table.tbl-datail th {position:relative; font-size:10pt; background: #fff; color: #333; font-weight: 600; padding:14px; text-align:center; border-bottom:1px solid #ccc; font-family: inherit; letter-spacing:-0.5px;}
table.tbl-datail th:before {content:''; position:absolute; width:1px; height:calc(100% - 24px); background:#ddd; right:0; top:50%; transform:translate(0, -50%);}
table.tbl-datail th:last-child:before {display:none;}
table.tbl-datail td {position:relative; border-bottom:solid 1px #d2d6d9; background: #ffffff; color: #777; padding: 18px 10px; font-size:10pt; font-family:inherit; letter-spacing:-0.5px; text-align:center; font-weight:500; /*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/}
table.tbl-datail td input[type="text"],
table.tbl-datail td input[type="password"] {display:inline-block; vertical-align:middle; height:31px; color:#666; border:1px solid #ccc; font-weight:500; padding:5px 10px 6px; font-size:10pt; letter-spacing:-1px; text-align:left;}
table.tbl-datail td textarea {display:block; width:100%; color:#666; border:1px solid #ccc; font-weight:500; padding:10px; font-size:10pt; letter-spacing:-1px;}
table.tbl-datail td input[class="tbl-radio"] {display: none;}
table.tbl-datail td input[class="tbl-radio"] + label {display:inline-block; cursor: pointer; font-size:10pt; letter-spacing:-1px; font-weight:500; color:#666; vertical-align:middle; position:relative; margin-right:10px;}
table.tbl-datail td input[class="tbl-radio"] + label span {position:relative; display: inline-block; width: 15px; height:15px; background:#fff;  border:1px solid #ccc; border-radius:50%; margin:-3px 3px 0 0; vertical-align:middle;}
table.tbl-datail td input[class="tbl-radio"]:checked + label {display: inline-block; color:#c62d1e; vertical-align:middle; font-weight:600;}
table.tbl-datail td input[class="tbl-radio"]:checked + label span {position: relative; left: 5px; top: -3px; width: 8px; margin-right:10px; height: 12px; border: 2px solid #c62d1e; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius:0%;}
table.tbl-datail td.left {text-align:left;}
table.tbl-datail tr[onclick] {cursor:pointer;}
table.tbl-datail td a.button {background:#fff; height:31px; line-height:31px; padding:0 15px; border:1px solid #56657b; color:#56657b; font-size:9pt; font-weight:600; margin:0 5px; display:inline-block; vertical-align:middle;}
table.tbl-datail td a.button:hover {color:#fff; background:#56657b;}
table.tbl-datail thead th {background:#fff;}
table.tbl-datail tbody td {position:relative;} 
/*table.tbl-datail tbody td:after {content: ''; position: absolute; width: 1px; height: 100%; background: #ddd; right: 0; top: 0;}*/
table.tbl-datail tbody td:last-child:after {display:none;}
table.tbl-datail tr:nth-child(even) td {background:rgba(224,225,231,0.2);}
table.tbl-datail a.search {position:relative; height:31px; border:1px solid #586878; background:#586878; font-size:9pt; display:flex; align-items:center; letter-spacing:-0.5px; font-weight:500; color:#fff; padding:0 20px; transition: all .2s ease; overflow:hidden;}
table.tbl-datail a.calendar {position:relative; height:31px; width:31px; border:1px solid #ccc; background:#e4e4e4; display:flex; align-items:center; transition: all .2s ease; overflow:hidden; text-indent:-9999px;}
table.tbl-datail a.calendar:before {content:''; width:16px; height:16px; background:url('../../images/aspens/calendar-icon.svg') no-repeat 50% 50%; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
table.tbl-datail span.wave-bar {font-weight:600; align-items:center; display:flex;}
table.tbl-datail .right {text-align:right;}
table.tbl-datail a.t-link {display:block; text-align:left; font-size:11pt;}
table.tbl-datail a.t-link strong {background:#2951b7; color:#fff; padding:5px 10px; border-radius:5px; font-weight:500; font-size:8pt; position:relative; top:-2px; margin-right:3px;}
table.tbl-datail a.t-link:hover {color:#c62d1e;}
table.tbl-datail a.file-download {width:20px; height:20px; background:url('../../images/aspens/file-icon.svg') no-repeat 50% 50%; background-size:contain; display:block; text-indent:-9999px; margin:0 auto;}

.p-pagination {position:relative; display:table; margin:30px auto 10px;}
.p-page {display:table; margin:0;}
.p-page-link {display:inline-block; position:relative; width:40px; height:40px; text-align:center; font-size:.95em; color:#636363; line-height:38px; letter-spacing:-2px; vertical-align:middle; border-radius:4px; background:#fff; cursor:pointer; margin: 0 2px;}
.p-page-link.active {background:#f4f5f9; color:#437dea; font-weight:400;}
.p-page-link:hover {background:#f4f4f4;}
.p-page-link-group {display:inline-block; vertical-align:top;}
.p-page-control {display:inline-block; margin:0 5px; vertical-align:middle;}
.p-page-control .prev-end,
.p-page-control .prev,
.p-page-control .next-end,
.p-page-control .next {display:inline-block; border:1px solid #c5c9d6; border-radius:4px; text-indent:-9999px; margin: 0 1px;}
.p-page-control .next-end:hover,
.p-page-control .next:hover,
.p-page-control .prev-end:hover,
.p-page-control .prev:hover {border:1px solid #363c5a; background-color:#fff;}
.p-page-control .prev-end {background:#fff url('../../images/aspens/icon-prev-end.gif') no-repeat 50% 50%;}
.p-page-control .prev {background:#fff url('../../images/aspens/icon-prev.gif') no-repeat 50% 50%;}
.p-page-control .next-end {background:#fff url('../../images/aspens/icon-next-end.gif') no-repeat 50% 50%;}
.p-page-control .next {background:#fff url('../../images/aspens/icon-next.gif') no-repeat 50% 50%;}
.respons-sub {flex-direction: column!important;}

.sub-message {border:2px solid #ddd; position:relative; padding:2rem; line-height:22px; font-weight:400; color:#888;}
.sub-message strong {font-weight:600; color:#c62d1e; font-size:1.2rem;}
.tbl-search {position:relative; border:2px solid #1e3d86; height:100%;} 
.tbl-search:after {display:block; clear:both; content:'';}
.tbl-search table.tbl-schBox {float:left; width:calc(100% - 150px); table-layout:fixed;}
.tbl-search table.tbl-schBox tr:last-child td,
.tbl-search table.tbl-schBox tr:last-child th {border-bottom:0px;}
.tbl-search table.tbl-schBox th {padding:10px; text-align:center; color:#000; font-weight:600; font-size:10pt; letter-spacing:-1px; background:#e6e9f5; border-bottom:1px solid #bbb;}
.tbl-search table.tbl-schBox td {padding:5px; background:#fff; border-bottom:1px solid #bbb; font-size:10pt; font-weight:500;}
.tbl-search table.tbl-schBox td input[type="text"] {display:inline-block; width:100%; border:1px solid #ccc; height:30px; padding: 0 5px; font-size:10pt; font-weight:500; vertical-align:middle;}
.tbl-search table.tbl-schBox .chx-boxes {display:inline-block;}

.tbl-search .tbl-button {float:right; width:150px; background:#1e3d86; text-align:center; position:absolute; top:0; bottom:0; display:table; vertical-align:middle; right:0; height:100%;}
.tbl-search .tbl-button .tb-middle {display:table-cell; vertical-align:middle; width:100%; transition: all .3s;}
.tbl-search .tbl-button .tb-middle a.search {position:relative; display:flex; align-items:center; justify-content:center; height:42px; line-height:42px; padding-left:20px; text-align:center; font-size:11pt; letter-spacing:-1px; font-weight:500; color:#fff; width:100%; border-radius:0px;}
.tbl-search .tbl-button .tb-middle a.search:before {content:''; position:absolute; left:calc(50% - 15px); top:50%; width:18px; height:18px; background:url('../../images/aspens/sch-on.png') no-repeat 50% 50%; transform:translate(-50%, -50%);}
.chx-item {display:inline; align-items:center; padding:0 0.5rem; justify-content:left;}

.tbl-search table.tbl-schBox td input[type="radio"],
.tbl-search table.tbl-schBox td input[type="checkbox"] {}
.tbl-search table.tbl-schBox td input[type="radio"] + label,
.tbl-search table.tbl-schBox td input[type="checkbox"] + label {display:inline-block; cursor: pointer; font-size:10pt; letter-spacing:-1px; font-weight:500; color:#666; vertical-align:middle; position:relative; margin-right:10px;}
.tbl-search table.tbl-schBox td input[type="radio"] + label span {position:relative; display: inline-block; width: 15px; height:15px; background:#fff;  border:1px solid #ccc; border-radius:50%; margin:-3px 3px 0 0; vertical-align:middle;}
.tbl-search table.tbl-schBox td input[type="checkbox"] + label span {position:relative; display: inline-block; width: 15px; height:15px; background:#fff;  border:1px solid #ccc; border-radius:0%; margin:-2px 3px 0 0; vertical-align:middle;}
.tbl-search table.tbl-schBox td input[type="radio"]:checked + label,
.tbl-search table.tbl-schBox td input[type="checkbox"]:checked + label {display: inline-block; color:#c62d1e; vertical-align:middle; font-weight:600;}
.tbl-search table.tbl-schBox td input[type="radio"]:checked + label span,
.tbl-search table.tbl-schBox td input[type="checkbox"]:checked + label span {position: relative; left: 5px; top: -3px; width: 8px; margin-right:10px; height: 12px; border: 2px solid #c62d1e; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius:0%;}
.tbl-view tr:nth-child(even) td {background:#fff!important;}
.tbl-view .content-box {padding:2rem 0; position:relative; font-size:11pt; line-height:22px;}
.tbl-view a {color:#888;}
.tbl-view th {background:#f4f4f4!important;}
.tbl-view th,
.tbl-view td {padding:10px!important;}
.tbl-view td .edit {min-height:500px;}
.file-drag {height:100px; display:flex; align-items:center; justify-content:center;}
.file-list {display:flex; flex-direction:column; line-height:24px;}
.file-list a {position:relative; padding-left:0.5rem;}
.file-list a:before {content:''; position:absolute; width:3px; height:3px; background:#1e3d86; left:0; top:50%; transform:translate(0, -50%);}

.section .sitemap {flex-direction:column; }
.section .content-item ul li a,
.section .sitemap ul li a {color:#888;}
/*.section .sitemap ul {display:flex; flex-wrap:wrap;}*/
.section .sitemap ul {display:grid; grid-template-columns: repeat(3, 1fr);} /* SJK 20240612 관련사이트 데이터 정렬 수정 */
.section .sitemap ul li {flex:1 1 30%;}
.w-120 {width:120px!important;}
.reser-button {background:#c62d1e; color:#fff; border-radius:5px; padding:4px 10px; font-size:9pt;}

.calendar-container {padding:10px; background:#f4f4f4; border:1px solid #21409a; margin:10px 0;}
.fc-not-allowed,
.fc-not-allowed .fc-event {cursor: not-allowed;}
.fc-unselectable {user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.fc {display: flex; flex-direction: column; font-size: 1em;}
.fc,
.fc *,
.fc *:before,
.fc *:after {box-sizing: border-box;}
.fc table {border-collapse: collapse; border-spacing: 0; font-size: 1em; width: 100%;}
.fc th {text-align: center;}
.fc th,
.fc td {vertical-align: middle; padding: 0;}
.fc a[data-navlink] {cursor: pointer;}
.fc a[data-navlink]:hover {text-decoration: underline;}
.fc-direction-ltr {direction: ltr; text-align: left;}
.fc-direction-rtl {direction: rtl; text-align: right;}
.fc-theme-standard td {border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd);}
.fc-theme-standard th {position:relative; background:#21409a; color:#fff; height: 35px;}
.fc-theme-standard th:after {content:''; position:absolute; width:1px; background:#6372a0; height:100%; right:0; top:0;}
.fc-theme-standard th:last-child:after {display:none;}
.fc-theme-standard th .fc-scrollgrid-sync-inner {display:flex; align-items:center; justify-content:center; font-size:11pt; font-weight:600; padding:5px 0;}
.fc-liquid-hack td,
.fc-liquid-hack th {position: relative;}
.fc .fc-button {border-radius: 0; overflow: visible; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
.fc .fc-button {-webkit-appearance: button;}
.fc .fc-button:not(:disabled) {cursor: pointer;}
.fc .fc-button::-moz-focus-inner {padding: 0; border-style: none;}
.fc .fc-button {display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0; font-size: 1em; line-height: 1.5; border-radius: 0;}
.fc .fc-button:hover {text-decoration: none;}
.fc .fc-button:disabled {opacity: 0.65;}
.fc .fc-button-primary {color: #fff; color: var(--fc-button-text-color, #fff); background-color: #21409a; border-color: #21409a;}
.fc .fc-button-primary:hover {color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1e2b37; border-color: #1a252f;}
.fc .fc-button-primary:disabled {color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; border-color: #2C3E50;}
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1a252f; background-color: var(--fc-button-active-bg-color, #1a252f); border-color: #151e27; border-color: var(--fc-button-active-border-color, #151e27);}
.fc .fc-button .fc-icon {vertical-align: middle; font-size: 1.5em;}
.fc .fc-button-group {position: relative; display: inline-flex; vertical-align: middle;}
.fc .fc-button-group > .fc-button {position: relative; flex: 1 1 auto;}
.fc .fc-button-group > .fc-button:hover {z-index: 1;}
.fc .fc-button-group > .fc-button:focus,
.fc .fc-button-group > .fc-button:active,
.fc .fc-button-group > .fc-button.fc-button-active {z-index: 1;}
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.fc .fc-toolbar {display: flex; justify-content: space-between; align-items: center;}
.fc .fc-toolbar.fc-header-toolbar {margin-bottom: 1.0em;}
.fc .fc-toolbar.fc-footer-toolbar {margin-top: 1.0em;}
.fc .fc-toolbar-title {font-size: 1.75em; letter-spacing:-1px; font-weight:900; margin: 0;}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {margin-left: .75em;}
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {margin-right: .75em;}
.fc-direction-rtl .fc-toolbar-ltr {flex-direction: row-reverse;}
.fc .fc-scroller {-webkit-overflow-scrolling: touch; position: relative; width:100%!important;}
.fc .fc-scroller-liquid {height: 100%;}
.fc .fc-scroller-liquid-absolute {position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.fc .fc-scroller-harness {position: relative; overflow: hidden; direction: ltr;}
.fc .fc-scroller-harness-liquid {height: 100%;}
.fc-direction-rtl .fc-scroller-harness > .fc-scroller {direction: rtl;}
.fc-theme-standard .fc-scrollgrid {border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd);}
.fc .fc-scrollgrid,
.fc .fc-scrollgrid table {width: 100%; table-layout: fixed;}
.fc .fc-scrollgrid table {border-top-style: hidden; border-left-style: hidden; border-right-style: hidden;}
.fc .fc-scrollgrid > tbody table,
.fc .fc-scrollgrid > tfoot table {border-bottom-style: hidden;}
.fc .fc-scrollgrid {border-collapse: separate; border-right-width: 0; border-bottom-width: 0;}
.fc .fc-scrollgrid > * > tr > * {border-top-width: 0; border-left-width: 0;}
.fc .fc-scrollgrid > thead > tr > *,
.fc .fc-scrollgrid > tfoot > tr > * {border-bottom-width: 0;}
.fc .fc-scrollgrid-liquid {height: 100%;}
.fc .fc-scrollgrid-section {height: 0;}
.fc .fc-scrollgrid-section > td {height: 0;}
.fc .fc-scrollgrid-section table {height: 1px;}
.fc .fc-scrollgrid-section-liquid {height: auto;}
.fc .fc-scrollgrid-section-liquid > td {height: 100%;}
.fc .fc-scrollgrid-section-sticky > * {background: #fff; background: var(--fc-page-bg-color, #fff); position: sticky; z-index: 2;}
.fc .fc-scrollgrid > thead > .fc-scrollgrid-section-sticky > * {top: 0;}
.fc .fc-scrollgrid > tfoot > .fc-scrollgrid-section-sticky > * {bottom: 0;}
.fc .fc-scrollgrid-sticky-shim {height: 1px; margin-bottom: -1px;}
.fc .fc-sticky {position: sticky;}
.fc .fc-view-harness {flex-grow: 1; position: relative;}
.fc-prev-button .fc-icon-chevron-left {width:40px; height:40px; background:url('../../images/aspens/arrow-left.png') no-repeat 50% 50%; background-size:contain; display:block;}
.fc-next-button .fc-icon-chevron-right {width:40px; height:40px; background:url('../../images/aspens/arrow-right.png') no-repeat 50% 50%; background-size:contain; display:block;}
.fc .fc-view-harness-active > .fc-view { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.fc .fc-col-header-cell-cushion {display: inline-block; padding: 2px 4px;}
.fc .fc-bg-event,
.fc .fc-non-business,
.fc .fc-highlight {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.fc .fc-non-business {background: rgba(215, 215, 215, 0.3); background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));}
.fc .fc-bg-event {background: rgb(143, 223, 130); background: var(--fc-bg-event-color, rgb(143, 223, 130)); opacity: 0.3; opacity: var(--fc-bg-event-opacity, 0.3)}
.fc .fc-bg-event .fc-event-title {margin: .5em; font-size: .85em; font-size: var(--fc-small-font-size, .85em); font-style: italic;}
.fc .fc-highlight {background: rgba(188, 232, 241, 0.3); background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));}
.fc .fc-cell-shaded,
.fc .fc-day-disabled {background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));}
a.fc-event {display: block;}
a.fc-event,
a.fc-event:hover {text-decoration: none;}
.fc-event[href],
.fc-event.fc-event-draggable {cursor: pointer;}
.fc-event .fc-event-main {position: relative; z-index: 2; padding:0 5px;}
.fc-event-dragging:not(.fc-event-selected) {opacity: 0.75;}
.fc-event-dragging.fc-event-selected {box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);}
.fc-event .fc-event-resizer {display: none; position: absolute; z-index: 4;}
.fc-event:hover,
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {display: block;}
.fc-event-selected .fc-event-resizer {border-radius: 4px; border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2); border-width: 1px; border-width: var(--fc-event-resizer-dot-border-width, 1px); width: 8px; width: var(--fc-event-resizer-dot-total-width, 8px); height: 8px; height: var(--fc-event-resizer-dot-total-width, 8px); border-style: solid; border-color: inherit; background: #fff; background: var(--fc-page-bg-color, #fff)}
.fc-event-selected .fc-event-resizer:before {content: ''; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px;}
.fc-event-selected {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
.fc-event-selected:before {content: ""; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0;}
.fc-event-selected:after {content: ""; background: rgba(0, 0, 0, 0.25); background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25)); position: absolute; z-index: 1; top: -1px; left: -1px; right: -1px; bottom: -1px;}
.fc-h-event {border: 1px solid #e7e8f0; border: 1px solid var(--fc-event-bg-color, #e7e8f0); background-color: #e7e8f0; background-color: var(--fc-event-border-color, #e7e8f0);}
.fc-h-event .fc-event-main {color: #fff; color: var(--fc-event-text-color, #fff); display: flex;}
.fc-h-event .fc-event-title-frame {flex-grow: 1; flex-shrink: 1; min-width: 0;}
.fc-h-event .fc-event-title {display: flex; vertical-align: top; left: 0; right: 0; max-width: 100%; overflow: hidden; font-size:10pt; color:#333; font-weight:600; justify-content: flex-end;}
.fc-h-event.fc-event-selected:before {top: -10px; bottom: -10px;}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0;}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0;}
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {top: 0; bottom: 0; width: 8px; width: var(--fc-event-resizer-thickness, 8px);}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {cursor: w-resize; left: -4px; left: calc(var(--fc-event-resizer-thickness, 8px) / -2);}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {cursor: e-resize; right: -4px; right: calc(var(--fc-event-resizer-thickness, 8px) / -2);}
.fc-h-event.fc-event-selected .fc-event-resizer {top: 50%; margin-top: -4px; margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {left: -4px; left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {right: -4px; right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);}
:root {--fc-daygrid-event-dot-width: 8px;}
.fc .fc-popover {position: fixed; top: 0; box-shadow: 0 2px 6px rgba(0,0,0,.15);}
.fc .fc-popover-header {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 3px 4px;}
.fc .fc-popover-title {margin: 0 2px;}
.fc .fc-popover-close {cursor: pointer; opacity: 0.65; font-size: 1.1em;}
.fc-theme-standard .fc-popover {border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); background: #fff; background: var(--fc-page-bg-color, #fff);}
.fc-theme-standard .fc-popover-header {background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {content: ""; clear: both; display: table;}
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {content: ""; clear: both; display: table;}
.fc .fc-daygrid-body {position: relative; z-index: 1;}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {background:#fdf7f6!important;}
.fc .fc-daygrid-day-frame {position: relative; background:#fff; min-height: 100px; padding-left: 3px;}
.fc .fc-daygrid-day-top {position: relative; z-index: 4; display: flex; flex-direction: row-reverse;}
.fc .fc-day-other .fc-daygrid-day-top {opacity: 0.3;}
.fc .fc-daygrid-day-number {padding: 4px; font-size:10pt; font-weight:600;}
.fc .fc-daygrid-day-events {margin-top: 1px;}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {position: absolute; left: 0; right: 0;}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {position: relative; min-height: 2em;}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin-bottom: 1em;}
.fc .fc-daygrid-event-harness {position: relative;}
.fc .fc-daygrid-event-harness-abs {position: absolute; top: 0; left: 0; right: 0;}
.fc .fc-daygrid-bg-harness {position: absolute; top: 0; bottom: 0;}
.fc .fc-daygrid-day-bg .fc-non-business {z-index: 1;}
.fc .fc-daygrid-day-bg .fc-bg-event {z-index: 2;}
.fc .fc-daygrid-day-bg .fc-highlight {z-index: 3;}
.fc .fc-daygrid-event {z-index: 6; margin-top: 1px;}
.fc .fc-daygrid-event.fc-event-mirror {z-index: 7;}
.fc .fc-daygrid-day-bottom {position: relative; z-index: 4; font-size: .85em; margin: 2px 3px 0;}
.fc .fc-daygrid-more-link {cursor: pointer;}
.fc .fc-daygrid-week-number {position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); color: #808080; color: var(--fc-neutral-text-color, #808080);}
.fc .fc-more-popover {z-index: 8;}
.fc .fc-more-popover .fc-popover-body {min-width: 220px; padding: 10px;}
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {margin-left: 2px;}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {margin-right: 2px;}
.fc-direction-ltr .fc-daygrid-week-number {left: 0; border-radius: 0 0 3px 0;}
.fc-direction-rtl .fc-daygrid-week-number {right: 0; border-radius: 0 0 0 3px;}
.fc-liquid-hack .fc-daygrid-day-frame {position: static;}
.fc-daygrid-event {position: relative; white-space: nowrap; border-radius: 3px; font-size: .85em; font-size: var(--fc-small-font-size, .85em);}
.fc-daygrid-block-event .fc-event-time {font-weight: 500; font-size:10pt; letter-spacing:-1px; color:#888;}
.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {padding: 1px;}
.fc-daygrid-dot-event {padding: 2px 0; overflow: hidden;}
.fc-daygrid-dot-event .fc-event-title {font-weight: bold;}
.fc-daygrid-dot-event .fc-event-time,
.fc-daygrid-dot-event .fc-event-title {display: inline-block;}
.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {background: rgba(0, 0, 0, 0.1);}
.fc-daygrid-event-dot {display: inline-block; margin: 0 4px; box-sizing: content-box; width: 0; height: 0; border: 4px solid #3788d8; border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 4px; border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {margin-right: 3px;}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {margin-left: 3px;}
.fc-v-event {border: 1px solid #3788d8; border: 1px solid var(--fc-event-bg-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-border-color, #3788d8)}
.fc-v-event .fc-event-main {color: #fff; color: var(--fc-event-text-color, #fff); height: 100%; display: flex; flex-direction: column;}
.fc-v-event .fc-event-title-frame {flex-grow: 1; flex-shrink: 1; min-height: 0;}
.fc-v-event .fc-event-title {top: 0; bottom: 0; max-height: 100%; overflow: hidden;}
.fc-v-event:not(.fc-event-start) {border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
.fc-v-event:not(.fc-event-end) {border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.fc-v-event.fc-event-selected:before {left: -10px; right: -10px;}
.fc-v-event .fc-event-resizer-start {cursor: n-resize;}
.fc-v-event .fc-event-resizer-end {cursor: s-resize;}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {height: 8px; height: var(--fc-event-resizer-thickness, 8px); left: 0; right: 0;}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {top: -4px; top: calc(var(--fc-event-resizer-thickness, 8px) / -2);}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {bottom: -4px; bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);}
.fc-v-event.fc-event-selected .fc-event-resizer {left: 50%; margin-left: -4px; margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);}
.fc-v-event.fc-event-selected .fc-event-resizer-start {top: -4px; top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);}
.fc-v-event.fc-event-selected .fc-event-resizer-end {bottom: -4px; bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);}
.fc .fc-timegrid .fc-daygrid-body {z-index: 2;}
.fc .fc-timegrid-divider {padding: 0 0 2px;}
.fc .fc-timegrid-body {position: relative; z-index: 1; min-height: 100%;}
.fc .fc-timegrid-axis-chunk {position: relative;}
.fc .fc-timegrid-axis-chunk > table {position: relative; z-index: 1;}
.fc .fc-timegrid-slots {position: relative; z-index: 2;}
.fc .fc-timegrid-slot {height: 1.5em; border-bottom: 0;}
.fc .fc-timegrid-slot-minor {border-top-style: dotted;}
.fc .fc-timegrid-slot-label-cushion {display: inline-block; white-space: nowrap;}
.fc .fc-timegrid-slot-label {vertical-align: middle;}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {padding: 0 4px;}
.fc .fc-timegrid-axis-frame-liquid {height: 100%;}
.fc .fc-timegrid-axis-frame {overflow: hidden; display: flex; align-items: center; justify-content: flex-end;}
.fc .fc-timegrid-axis-cushion {max-width: 60px; flex-shrink: 0;}
.fc-direction-ltr .fc-timegrid-slot-label-frame {text-align: right;}
.fc-direction-rtl .fc-timegrid-slot-label-frame {text-align: left;}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.fc .fc-timegrid-col.fc-day-today {background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));}
.fc .fc-timegrid-col-frame {min-height: 100%; position: relative;}
.fc-liquid-hack .fc-timegrid-col-frame {height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.fc-media-screen .fc-timegrid-cols {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.fc-media-screen .fc-timegrid-cols > table {height: 100%;}
.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {position: absolute; top: 0; left: 0; right: 0;}
.fc-media-screen .fc-timegrid-event-harness {position: absolute;}
.fc .fc-timegrid-col-bg {z-index: 1;}
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {position: absolute; left: 0; right: 0;}
.fc .fc-timegrid-col-events {z-index: 3;}
.fc .fc-timegrid-now-indicator-container {bottom: 0; overflow: hidden;}
.fc-direction-ltr .fc-timegrid-col-events {margin: 0 2.5% 0 2px;}
.fc-direction-rtl .fc-timegrid-col-events {margin: 0 2px 0 2.5%;}
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror {box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);}
.fc-timegrid-event {font-size: .85em; font-size: var(--fc-small-font-size, .85em); border-radius: 3px}
.fc-timegrid-event .fc-event-main { padding: 1px 1px 0;}
.fc-timegrid-event .fc-event-time {flex-shrink: 0; overflow: hidden; white-space: nowrap; font-size: .85em; font-size: var(--fc-small-font-size, .85em); margin-bottom: 1px;}
.fc-timegrid-event-condensed .fc-event-main {flex-direction: row; overflow: hidden;}
.fc-timegrid-event-condensed .fc-event-title {font-size: .85em; font-size: var(--fc-small-font-size, .85em)}
.fc-media-screen .fc-timegrid-event {position: absolute; top: 0; bottom: 1px; left: 0; right: 0;}
.fc .fc-timegrid-now-indicator-line {position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red); border-width: 1px 0 0;}
.fc .fc-timegrid-now-indicator-arrow {position: absolute; z-index: 4; margin-top: -5px; border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red);}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {left: 0; border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent;}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {right: 0; border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent;}
:root {--fc-list-event-dot-width: 10px; --fc-list-event-hover-bg-color: #f5f5f5;}
.fc-theme-standard .fc-list {border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd);}
.fc .fc-list-empty {background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); height: 100%; display: flex; justify-content: center; align-items: center;}
.fc .fc-list-empty-cushion {margin: 5em 0;}
.fc .fc-list-table {width: 100%; border-style: hidden;}
.fc .fc-list-table tr > * {border-left: 0; border-right: 0;}
.fc .fc-list-sticky .fc-list-day > * {position: sticky; top: 0; background: #fff; background: var(--fc-page-bg-color, #fff);}
.fc .fc-list-table th {padding: 0;}
.fc .fc-list-table td,
.fc .fc-list-day-cushion {padding: 8px 14px;}
.fc .fc-list-day-cushion:after {content: ""; clear: both; display: table;}
.fc-theme-standard .fc-list-day-cushion {background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));}
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {float: left;}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {float: right;}
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url {cursor: pointer;}
.fc .fc-list-event-graphic,
.fc .fc-list-event-time {white-space: nowrap; width: 1px;}
.fc .fc-list-event-dot {display: inline-block; box-sizing: content-box; width: 0; height: 0; border: 5px solid #3788d8; border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 5px; border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);}
.fc .fc-list-event-title a {color: inherit; text-decoration: none;}
.fc .fc-list-event.fc-event-forced-url:hover a {text-decoration: underline;}
.fc-theme-bootstrap a:not([href]) {color: inherit;}

#reserStat .fc .fc-toolbar.fc-header-toolbar {margin-bottom:0px!important;}
#reserStat .fc .table-wrap,
.myReserved .table-wrap {margin-top:0.8rem!important;}
.tbl-nohover tr:nth-child(even) td {background:#fff!important;}
.tbl-txt .tbl-chxArea {display:flex; width:100%;}
.tbl-txt .tbl-chxArea .list {width:300px; position:relative; padding:10px 20px;}
.tbl-txt .tbl-chxArea .list:after {display:block; clear:both; content:'';}
.tbl-txt .tbl-chxArea .list .itemList {width:100%; margin:3px 0;} 
.tbl-txt .tbl-chxArea .list .itemList span {display:inline-block; padding-left:20px; position:relative; vertical-align:middle;}
.tbl-txt .tbl-chxArea .list .itemList span:before {content:''; position:absolute; width:14px; height:14px; background:#fff; left:0; top:50%; transform:translate(0,-50%); border:1px solid #ddd;}
.tbl-txt .tbl-chxArea .list .itemList span small {font-size:10pt; display:inline-block; margin-left:5px;  vertical-align:middle;}
.tbl-txt .tbl-chxArea .list .itemList a {float:right; background: #c62d1e; color: #fff; border-radius: 5px; padding: 2px 5px; font-size: 8pt; display:inline-block; margin:0 10px; letter-spacing:0px;  vertical-align:middle;}

.useChx {margin:0px;}
.useChx input[type="checkbox"] + label {position:relative; display:inline-block; cursor: pointer; font-size:0.8rem; font-weight:500; vertical-align:middle; color:#333; letter-spacing:0px;}
.useChx input[type="checkbox"] + label span {position:relative; display: inline-block; width: 14px; height:14px; background:#fff; vertical-align:middle; margin-top:-1px; border:1px solid #aaa; padding-left:0px!important; border-radius:0%; margin-right:3px;}
.useChx input[type="checkbox"]:checked + label {color:#1e208d; font-weight:700;}
.useChx input[type="checkbox"]:checked + label span {position:relative; background:#1e208d; border:1px solid #1e208d; outline:1px solid #1e208d;}
.useChx input[type="checkbox"]:checked + label span:before {content:''; position:absolute; left: 4px; top:0px; width: 4px; height: 8px; border: 2px solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-shadow:none!important;}
.useChx input[type="checkbox"] {display: none;}

.reserStat span:before {background:#34A2F7!important;}
.disableStat {color:#ccc!important;}
.disableStat span:before {background:#ccc!important;}
.d-size {font-size:16pt!important;}

.exclam {position:relative; padding-left:20px; display:block; color:#c62d1e;}
.exclam:before {content:''; position:absolute; width:16px; height:16px; background:url('../../images/aspens/exclam.png') no-repeat 50% 50%; background-size:contain; left:0; top:4px;}
.link-area {position:relative; display:flex; flex-wrap:wrap; gap:0.5rem;}
.link-area a {flex: 1 1 40%; background:#7D98C5; color:#fff; display:block; text-align:center; padding:8px 0; transition: all .2s ease;}
.link-area a:hover {background:#627aa2;}

.board-info {position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 30px 0 0px; font-size: 10pt;}
.board-info .page-info {color: #555;}
.board-info .page-info strong {color: #006ac2; margin-left: 10px;}
.board-info .page-info .current-page {position: relative; padding-left: 8px; margin-left: 1rem;}
.board-info .page-info .current-page:before {content: ""; display: block; background-color: #ddd; width: 1px; height: 1rem; position: absolute; transform: translate(0, -50%); left: 0; top: 50%;}

.process-area {position:relative; /*display:flex; flex-wrap:wrap; width:100%; align-items:center; justify-content:space-between; gap:1rem;*/ grid-template-columns: repeat(4, 1fr); display: grid; column-gap: 1rem; row-gap:0.5rem;}
.process-area .process-list {position:relative; display:flex; height:100%; align-items:center; background:#fff; border-radius:5px; border:1px solid #ddd; padding:15px 20px; justify-content:center; text-align:center;}
.process-area .process-list:before {content:''; position:absolute; width:26px; height:26px; right:-13px; top:50%; background:#fff url('../../images/aspens/caret.svg') no-repeat 50% 50%; background-size:50%; border:1px solid #ddd; transform:translate(0, -50%); border-radius:50%;}
.process-area .process-list:last-child:before {display:none;}


@keyframes textClip {
    from {clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); transform: translateY(10px); opacity: 0;}
    to {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transform: translateY(0); opacity: 1;}
}

@keyframes contxt01 {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fade-bottom {
  0% {transform: translateY(50px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1;}
}
@keyframes fade-left {
  0% {transform: translateX(-100px); opacity: 0;}
  100% {transform: translateX(0); opacity: 1;}
}
@keyframes fade-right {
  0% {transform: translateX(100px); opacity: 0;}
  100% {transform: translateX(0); opacity: 1;}
}


.layerPopup img{ margin-bottom : 20px;}
.layerPopup:before { display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9000}
.layerPopup .layerBox {
	z-index:10000;   
	position:fixed; left:50%; top:40%; 
	transform:translate(-50%, -50%); 
	padding:30px; 
	background:#fff; 
	border-radius:6px; 
	width: 40%;
    min-width: 400px;
    max-width: 800px;
	}
.layerPopup .layerBox .title {margin-bottom:10px; padding-bottom:10px; font-weight:600; border-bottom:1px solid #d9d9d9;}
.layerPopup .layerBox .btnTodayHide {
	font-size:14px; font-weight:600; color:black; 
	float: left;text-decoration:none;width: 150px; 
	height : 30px;line-height:30px;border:black solid 1px; 
	text-align : center;text-decoration:none;
}
.layerPopup div{
	display : inline;
}
.layerPopup form{
	margin-top : 5px;
	font-size:16px; font-weight:600;
	weight: 100%;
	height : 30px;
	line-height:30px
}
.layerPopup #close {
font-size:16px; font-weight:600; width: 40px; height : 30px;color:black; float: right; line-height:30px; text-align : center;text-decoration:underline;
}
.layerPopup a{
	text-decoration : none;
	color : black;width: 50px;height : 40px;
}