@charset "UTF-8";     
/* Content Area */
p { color: #616161; font-weight: 400; font-size: 1.8rem; line-height:2.7rem } 

/* title-align */
.title-align { display: flex; justify-content: space-between; align-items: center; gap:2rem; align-items: center; }
.title-align .content-title2 { margin-bottom:0; }
@media (max-width:640px){
    .title-align { flex-direction: column; align-items: flex-start; }
}

/* content title */
.content-title1 { color: #212121; font-weight: 500; font-size: 5.4rem; line-height: 6.48rem; letter-spacing: -0.054rem; margin-bottom:6.4rem; padding-right:12rem; }
.content-title1.txt-center { padding-right:0; }
.content-title2 { margin:0 0 1.2rem 0; color: #222; font-weight: 600; font-size: 2.4rem; line-height:3.36rem; overflow: hidden; } 
* + .content-title2 { margin-top: 4rem; }       
.content-title2:has(*) { display: flex; justify-content: space-between; align-items: flex-end; gap:0 .8rem; }
.content-title2 small { margin-right: auto; color: #757575; font-size: 1.6rem;font-weight: 400; line-height: 2.6rem; letter-spacing: -0.016rem; }  
.content-title3 { margin: 0 0 1.6rem 0; color: #222; font-weight: 500; font-size: 2.2rem; line-height: 3.08rem; letter-spacing: -0.022rem; } 
* + .content-title3 { margin-top: 4rem; } 
@media (max-width:640px) { 
.content-title1 { font-size:4.2rem; line-height: 5.28rem; padding-right:0; }     
.content-title1 br { display: none; }
.content-title2:has(*) { flex-wrap: wrap; }  
.content-title2 .important-text { width:100%; margin-top:1rem; }
}      
    
/* Content File */
.content-file { display: flex; gap:1.6rem; justify-content: space-between; align-items: flex-end; gap:4rem; } 
.content-file:has(.common-btn) p { max-width:767px; }
.content-file p { width:100%; color: #616161; font-weight: 400; font-size: 1.8rem; line-height: 2.7rem; } 
.content-file .common-btn { flex-shrink: 0; }     
@media (max-width:767px) {   
.content-file p br { display: none; } 
}    
@media (max-width:640px) { 
.content-file { flex-direction: column; gap:2rem; } 
} 

/* gradient title */
.gradient-title { display: block; display: block; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 50%); font-weight: 700; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 

/* Text color */ 
.text-color1 { color:#222; } 
.text-color2 { color:#424242; } 
.text-color3 { color:#616161; } 
.text-color4 { color:#2F9F49; } 
.text-color5 { color:#00C284; } 

/* border color */
.border-color1 { border-color: #bdbdbd; } 
.border-color2 { border-color:#e0e0e0; } 

/* point background color */
.point-bg-color1 { background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); } 

/* system color */
.system-color1 { color:#424242; } 
.system-color2 { color:#275BAB; } 
.system-color3 { color:#087F34; } 
.system-color4 { color:#F79000; } 
.system-color5 { color:#D43333; } 

/* Comment Text */
.comment-text { color:#757575 !important; font-weight: 400 !important; font-size:1.6rem !important; line-height: 2.4rem !important; } 

/* important Text */
.important-text { color: #757575; font-weight: 400; font-size: 1.6rem; line-height: 2.24rem; letter-spacing: -0.016rem; } 
.important-text i { color:#9e9e9e; font-size:1.6rem; } 

/* Number List */
.number-list { display: flex; counter-reset: num-list; gap:.8rem; flex-direction: column; } 
.number-list>li { position: relative; color:#424242; font-weight: 400; font-size:1.8rem; line-height: 3rem; padding-left:3.2rem; } 
.number-list>li:before { display: flex; position: absolute; top:.15rem; left:0; width:2.4rem; height: 2.4rem; background: #616161; color:#fff; font-weight: 500; font-size:1.4rem; line-height: 1; content:""counter(num-list)""; counter-increment: num-list; justify-content: center; align-items: center; border-radius: .4rem; } 

/* Number List02 */
.number-list2 { display: flex; counter-reset: num-list; gap:.8rem; flex-direction: column; } 
.number-list2>li { display: flex; position: relative; color:#424242; font-weight: 400; font-size:1.8rem; line-height: 3rem; gap:.8rem; } 
.number-list2>li:before { display: flex; width:2.2rem; height: 2.2rem; background: #e0e0e0; color:#424242; font-weight: 500; font-size:1.4rem; content:""counter(num-list)""; justify-content: center; counter-increment: num-list; justify-content: center; align-items: center; flex-shrink: 0; transform: translateY(.4rem); border-radius: 2.2rem; } 

/* Text List */
* .text-list { margin-top:.8rem; } 
.text-list { display: flex; flex-direction: column; gap:.8rem; } 
.text-list>li { position: relative; color: #616161; font-weight: 400; font-size: 1.8rem; 
line-height: 2.88rem; letter-spacing: -0.018rem; padding-left:1.2rem; } 
.text-list>li:before { display: block; position: absolute; top:1.1rem; left:0; width:.4rem; height: .4rem; background: #9e9e9e; content:""; border-radius: 50%; } 
.text-list>li b { color:#424242; } 
.text-list>li:has(b+span) { display: flex; gap:.8rem; }

/* Text List02 */
.text-list2 { display: flex; flex-direction: column; gap:.4rem; } 
.text-list2>li { position: relative; color: #616161; font-weight: 400; font-size: 1.7rem; 
line-height: 2.72rem; letter-spacing: -0.017rem; padding-left:1.2rem; } 
.text-list2>li:before { display: block; position: absolute; top:1.1rem; left:0; width:.4rem; height: .2rem; background: #BDBDBD; content:""; } 

/* Comment Text */
.comment-text { color: #757575; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; } 

/* Table */
.table { position: relative; width: 100%; letter-spacing: -0.02em; table-layout: fixed; border-collapse: collapse; border-top: 2px solid #424242; border-bottom: 1px solid #e0e0e0; overflow-x: hidden; } 
.table::after { display: block; position: absolute; top: -1px; right: -1px; width: 2px; height: calc(100% + 1px); background: #fff; content: ""; } 
.table th { padding: 1.55rem 2rem; background: #F5F5F5; color: #222; font-weight: 700; font-size: 1.8rem; text-align: center; border-style: solid; border-color: #e0e0e0; border-width: 1px 1px 0 0; } 
.table td { padding: 1.55rem 2rem; background: #fff; color: #222; font-weight: 400; font-size: 1.8rem; text-align: center; word-wrap: break-word; word-break: keep-all; border-style: solid; border-color: #e0e0e0; border-width: 1px 1px 0 0; } 
.table tr:first-of-type th,
.table tr:first-of-type td { border-top: 0; } 
.table tbody th { border-right: 0; } 
.table tfoot td { background: #F3F9F6; }
.table-scroll:before { display: none; position: absolute; right: 23px; bottom: 0; color: #424242; font-size: 3rem; font-family: "xeicon"; content: "\eafa"; animation: scrollHand 1.8s ease-out infinite; } 
.table-scroll .scroll-btn { display: none; position: absolute; bottom: 0; color: #424242; font-size: 2.8rem; } 
#table-btn-left { right: 8rem; } 
#table-btn-right { right: 0; } 
.table-wrap::-webkit-scrollbar { width: 5px; height: 5px; } 
.table-wrap::-webkit-scrollbar-thumb { background-color: #424242; } 
.table-wrap::-webkit-scrollbar-track { background-color: transparent; } 
.table-scroll:has(.scrollStart) .table-wrap { cursor: grab; } 
.table-scroll:has(.scrollStart) { position: relative; padding-bottom: 4.2rem; } 
.table-scroll:has(.scrollStart):before { display: block; } 
.table-scroll:has(.scrollStart) .table { min-width: 640px; } 
.table-scroll:has(.scrollStart) .scroll-btn { display: block; } 

/* table link */
.text-link { color:#616161; text-align: center; font-size: 1.6rem; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.016rem; }

/* 이미지 박스 */
.img-box { display: flex; padding:4rem; border:1px solid #bdbdbd; background: #fff; text-align: center; align-items: center; justify-content: center; gap:2rem; border-radius: 1.2rem; } 
.img-box-scroll:before { display: none; position: absolute; right: 23px; bottom: 0; color: #424242; font-size: 3rem; font-family: "xeicon"; content: "\eafa"; animation: scrollHand 1.8s ease-out infinite; } 
.img-box-scroll .scroll-btn { display: none; position: absolute; bottom: 0; color: #424242; font-size: 2.8rem; } 
#img-box-btn-left { right: 8rem; } 
#img-box-btn-right { right: 0; } 
.img-box-wrap { border:1px solid #bdbdbd; overflow-x: auto; cursor: grab; border-radius: 1.2rem; } 
.img-box-wrap::-webkit-scrollbar { width: 5px; height: 5px; } 
.img-box-wrap::-webkit-scrollbar-thumb { background-color: #424242; } 
.img-box-wrap::-webkit-scrollbar-track { background-color: transparent; } 
.img-box-wrap .img-box { border:0; } 
@media (max-width: 640px) { 
.img-box-scroll:has(.scrollStart) { position: relative; padding-bottom: 4.2rem; } 
.img-box-scroll:has(.scrollStart):before { display: block; } 
.img-box-scroll:has(.scrollStart) .table { min-width: 640px; } 
.img-box-scroll:has(.scrollStart) .scroll-btn { display: block; } 
.img-box { padding:2.4rem 2rem; flex-direction: column; } 
} 

@keyframes scrollHand { 
0% { transform: translateX(0); opacity: 1; } 
50% { opacity: 1; } 
70% { transform: translateX(-1.8rem); } 
80% { opacity: 0; } 
100% { transform: translateX(-1.8rem); opacity: 0; } 
} 

/* bg box */
.bg-box { width:100%; padding:6.4rem 4rem; border-radius: 1.2rem; } 
.bg-box.bg1 { background: #F5F5F5; } 
.bg-box.bg2 { background: #fff; } 
.bg-box .bg-box-title { display: block; font-size: 2.3rem; letter-spacing: -0.023rem; } 
.bg-box .bg-box { padding:5.2rem; } 
@media (max-width:640px) {  
    .bg-box .bg-box { padding:2.8rem; }              
}   

/* Top Box */
.top-box { position: relative; padding: 4rem 6.4rem; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); background-size: 100% 100%; background-repeat: no-repeat; border-radius: 1.2rem; } 
.top-box:before { position: absolute; top:.4rem; left:.4rem; width:calc(100% - .8rem); height: calc(100% - .8rem); background:#fff; content:""; border-radius: .8rem; } 
.top-box .top-box-desc { display: flex; position: relative; flex-direction: column; } 
.top-box .top-box-desc:has(.top-box-desc-img) { padding-right:32rem; } 
.top-box .top-box-desc-title { display: block; display: block; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 50%); font-weight: 600; font-size: 3.2rem; line-height: 4.48rem; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:1rem; } 
.top-box .top-box-desc-text { color: #616161; font-weight: 400; font-size: 1.8rem; line-height: 150%; } 
.top-box .top-box-desc-text b { color:#222; }
.top-box .top-box-desc .top-box-desc-img { position: absolute; right:0; bottom:-3.6rem; } 
.top-box .top-box-desc .top-box-desc-list { display: flex; flex-direction: column; gap:.8rem; } 
.top-box .top-box-desc .top-box-desc-list>li { display: flex; gap:1.9rem; } 
.top-box .top-box-desc .top-box-desc-list>li .title { display: block; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120%); font-weight: 400; font-size: 1.8rem; line-height: 2.7rem; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; flex-shrink: 0; min-width:8.7rem; } 
.top-box .top-box-desc .top-box-desc-list>li .desc { color: #616161; font-weight: 400; font-size: 1.8rem; line-height: 2.7rem; } 
.top-box .top-box-desc .top-box-desc-list>li .text-list { width:100%; gap:.4rem; } 
.top-box .top-box-desc .bg-box { padding:1.6rem 2.4rem; } 
.top-box .top-box-desc .bg-box p { color: #616161; font-weight: 400; font-size: 1.8rem; line-height: 2.7rem; } 
@media (max-width:1024px) { 
.top-box .top-box-desc-text br { display: none; } 
} 
@media (max-width:1024px) { 
.top-box { padding:4rem; } 
.top-box .top-box-desc .top-box-desc-img { display: none; } 
.top-box .top-box-desc:has(.top-box-desc-img) { padding-right:0; } 
} 

/* button wrap */
.common-btn { display: flex; gap:.8rem; } 
.common-btn.btn-center { justify-content: center; } 
.common-btn.btn-end { justify-content: flex-end; } 

/* btn */
.btn { display: flex; height: 4.8rem; padding:0 2.4rem; border: 1px solid #bdbdbd; background: #FFF; align-items: center; justify-content: center; gap:.6rem; border-radius: 0.3rem; } 
.btn:has(i) { padding:0 2.4rem 0 2rem; } 
.btn:has(span+i) { padding:0 2rem 0 2.4rem; } 
.btn span { display: block; color: #424242; font-weight: 500; font-size: 1.6rem; line-height: normal; line-height: 1; letter-spacing: -0.016rem; } 
.btn i { color:#424242; font-size:2rem; } 
.btn2 { background: #222; border-color:#222; } 
.btn2 i { color:#fff; font-size:1.8rem; line-height: 1; } 
.btn2 span { color:#fff; } 
.btn3 { border:none; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); } 
.btn3 i { color:#fff; font-size:1.8rem; line-height: 1; } 
.btn3 span { color:#fff; } 

/* btn link */
.btn-link { display: inline-flex; position: relative; gap:.4rem; justify-content: center; align-items: center; max-width:fit-content; } 
.btn-link span { color:#9E9E9E; font-weight: 500; font-size: 1.8rem; line-height:2.7rem; letter-spacing: -0.018rem; } 
.btn-link:after { color:#9E9E9E; font-size:2rem; font-family: "remixicon"; content:"\ecaf"; } 
.btn-link:hover span { color:#222; text-decoration: underline; } 
.btn-link:hover:after { color:#222; opacity: .5; } 
.btn-link.btn-size-small span { font-size:1.6rem; font-weight: 400; }
.btn-link.btn-size-small:after { font-size:1.6rem; } 

/* btn modify */
.btn-modify { background: #fff; border-color:#087F34; } 
.btn-modify i { color:#087F34; font-size:1.8rem; line-height: 1; } 
.btn-modify span { color:#087F34; font-size:1.6rem; } 

/* btn setting */
.btn-setting { background: #fff; border-color:#424242; } 
.btn-setting i { color:#424242; font-size:1.8rem; line-height: 1; } 
.btn-setting span { color:#424242; font-size:1.6rem; } 

/* btn delete */
.btn-delete { background: #fff; border-color:#D43333; } 
.btn-delete i { color:#D43333; font-size:1.8rem; line-height: 1; } 
.btn-delete span { color:#D43333; font-size:1.6rem; } 

/* preparing page */
.preparing-page { display: flex; padding:11rem 0; border:1px solid #E0E0E0; flex-direction: column; align-items: center; justify-content: center; } 
.preparing-page img { margin-bottom:4rem; } 
.preparing-page strong { display: block; color:#222; font-weight: 400; font-size: 4rem; line-height: 5.6rem; letter-spacing: -0.04rem; text-align: center; margin-bottom:2.4rem; }  
.preparing-page strong span { color: #222; font-weight: 700; font-size: 4rem; line-height: 140%; letter-spacing: -0.04rem; } 
.preparing-page p { color:#616161; font-weight: 400; font-size:1.8rem; line-height:2.7rem; letter-spacing: -0.018rem; text-align: center; margin-bottom:5.6rem; } 
.preparing-page .common-btn .btn1 { border-color:#424242; } 

/* satisfaction */
.content-satisfaction { display: flex; position: relative; padding: 4rem 6.4rem; margin:16rem 0 0 0; background: #EEF8F6; justify-content: center; align-items: center; border-radius: 1.2rem; } 
.content-satisfaction .content-satisfaction-container { display: flex; position: relative; justify-content: center; align-items: center; padding-left:14rem; gap:4.8rem; align-items: flex-end; } 
.content-satisfaction .content-satisfaction-img { position: absolute; top:50%; left:0; margin-top:-5rem; } 
.content-satisfaction .content-satisfaction-input { display: flex; flex-direction: column; gap: 1.2rem; } 
.content-satisfaction .content-satisfaction-input strong { color: #212121; font-weight: 500; font-size: 2.4rem; line-height: 3.36rem; letter-spacing: -0.024rem; } 
.content-satisfaction .content-satisfaction-input .common-radio { gap:.4rem; } 
.content-satisfaction .content-satisfaction-input .common-radio label { cursor: pointer; } 
.content-satisfaction .content-satisfaction-btn { position: relative; } 
.content-satisfaction .content-satisfaction-btn:before { position: absolute; top:50%; left:-2.4rem; width:1px; height: 2.4rem; background: #e0e0e0; content:""; transform: translateY(-50%); } 
.content-satisfaction:not(:has(.content-satisfaction-container)) { display: none; } 
@media (max-width:767px) { 
.content-satisfaction { padding:4rem; } 
.content-satisfaction .content-satisfaction-container { padding-left:0; width:100%; }
.content-satisfaction .content-satisfaction-img { display: none; } 
.content-satisfaction .content-satisfaction-input { width:100%; } 
.content-satisfaction .content-satisfaction-input .common-radio { width:100%; } 
.content-satisfaction .content-satisfaction-input .common-radio label { width:20%; } 
} 
@media (max-width:640px){
.content-satisfaction .content-satisfaction-container { width:100%; flex-direction: column; padding-left:0; align-items: flex-start; gap:2.4rem; } 
.content-satisfaction .content-satisfaction-btn { display: flex; justify-content: center;width:100%; }
}
@media (max-width:480px) { 
.content-satisfaction .content-satisfaction-input .common-radio { flex-direction: column; } 
.content-satisfaction .content-satisfaction-input .common-radio label { width:100%; justify-content: flex-start; } 
.content-satisfaction .content-satisfaction-btn .btn { width:100%; }
} 

/* quick */
.quick { bottom:2rem; } 

/* no data */
.no-data-box { height: 40rem; display: flex; justify-content: center; align-items: center; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}
.no-data-box p { display: flex; gap:.8rem; }
.no-data-box p i { color:#9e9e9e; font-size:2rem; }
.no-data-box p span { color:#9e9e9e; font-size:1.8rem; font-weight: 400; }

/* popup */
body.popup-open { overflow: hidden; }
.popup { position: fixed; top:0; left:0; width:100%; height:100%;z-index: 10; display: flex; align-items: center; justify-content: center; display: none;}
.popup.active { display: flex; }
.popup-bg { position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.65); }
.popup .popup-container { position: relative; max-width:960px; width:100%; max-height: 720px; height: 100%; background: #fff; padding:4rem; border-radius: 2.4rem; overflow-y: auto; display: flex; flex-direction: column; gap:1.2rem; }
.popup .popup-container .popup-title strong { color: #222; font-size: 2.4rem; font-weight: 600;line-height: 3.84rem; letter-spacing: -0.024rem; }
.popup .popup-container .popup-content { overflow: hidden; overflow-y: auto; }
.popup .text-list { margin:0; gap:0; }
.popup .text-list li { line-height: 2.52rem; font-size:1.8rem; }
.popup .text-list>li:before { top:.9rem; }
.popup .table tr th, .popup .table tr td { padding:1.6rem; }
@media (max-width:640px){
    .popup .popup-container { max-height: 100%; border-radius: 0; padding:4rem 2rem; }
}

/* quick */
.quick { z-index: 3; }