@charset "utf-8"; @import url('../js/jquery-confirm.min.css'); :root {--darkmode: all 0.4s ease;--color_black: #333333;--color_white: #fff;--color_bg: #eee;--marquee_gap: 7.5rem;}
* {margin: 0;padding: 0;outline: none;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
body {margin: 0;padding: 0;transition: var(--darkmode);background-color: var(--color_white);-webkit-text-size-adjust: 100%;}
html {scroll-behavior: smooth; --pc-header:78px; --mo-header:50px;}
html, body {font: 400 16px/1.3 'Pretendard', sans-serif;color: #000000;width: 100%;position: relative;scroll-snap-type: y mandatory;min-width: 100%;}
ul, li {list-style: none;}
a {text-decoration: none;color: inherit;-webkit-tap-highlight-color: transparent;}
img {max-width: 100%;}
button {font-family: inherit;border: none;background-color: transparent;outline: 0;cursor: pointer;}
input, textarea, button, select {font-family: inherit;}
html.hidden {overflow: hidden;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.wrap {width: 100%;position: relative; overflow: hidden;}
.pc {display: block;}
.tablet {display: none !important;}
.mobile {display: none !important;}
.container {position: relative;width: 100%;}
.inner {position: relative;width: 100%;padding: 0 5rem;}
.blind {width: 0 !important;height: 0 !important;overflow: hidden !important;text-indent: -999px !important;padding: 0 !important;margin: 0 !important;opacity: 0;font-size: 0 !important;line-height: 0 !important;}
.floating-book{position: fixed; bottom: 60px; right: 60px; z-index: 20; color: #fff; padding: 41px 27px 18px; border-radius: 36px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;	background: linear-gradient(0deg, rgba(57, 57, 63, 0.17), rgba(57, 57, 63, 0.17)),linear-gradient(180deg, #281D51 0%, #442C99 100%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.floating-book span{font-size: 18px; font-weight: 500;}
.floating-book p{font-size: 20px; font-weight: 700; margin: 8px auto 17px;}
.floating-book a{font-size: 14px; font-weight: 700; line-height: 34px; padding: 0 41px; border-radius: 33px; background: linear-gradient(90deg, #27B3E6 0%, #0F7FC5 100%);}
.floating-book img{position: absolute; top: -52px; left: 0;}
.floating-book.ty2{border-radius: 26px; padding: 41px 20px 12px;}
.floating-book.ty2 p{font-size: 18px; font-weight: 600; margin: 3px auto 15px;}
.floating-book.ty2 a{font-size: 12px; font-weight: 700; line-height: 24px; padding: 0 15px; border-radius: 24px; background: linear-gradient(90deg, #27B3E6 0%, #0F7FC5 100%);}
.floating-book.ty2 img{ position: absolute; top: -40px; left: 0; width: 98px; height: 67px;}
.header.hide {transform: translateY(-100%);opacity: 0;}
.header {width: 100%;height: 78px;position: fixed;left: 0;top: 0;z-index: 110;background: rgba(255,255,255,0.4);backdrop-filter: blur(0.5rem);transition: all 0.4s;opacity: 1;}
.header.white {background: rgba(0,0,0,0.2);}
.header.white * {color: #fff;}
.header.black {background: rgba(0,0,0,0.05);}
.header.on *, .header.active * {color: #111;}
.header.on, .header.active {background: #ffffff;}
.header .h_inner {height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 2rem;}
.header .h_logo {max-width: 300px;}
.header.white .h_logo img {filter: grayscale(1) brightness(20);}
.header.on .h_logo img, .header.active .h_logo img {filter: none;}
.header .h_logo .link {position: relative;width: 100%;display: inline-flex;align-items: flex-end;justify-content: center;font-size: 1.375rem;font-weight: 700;line-height: 21px;gap: 6px;}
.header .menu_icon {display: none; position: absolute;cursor: pointer;right: 5rem;top: 50%;z-index: 2;transform: translate(0,-50%);}
.header .menu_icon .menu_linebox {position: relative;width: 20px;height: 20px;display: flex;align-items: center;cursor: pointer;transition: all 0.25s ease-in;}
.header .menu_icon .menu_linebox .menu_line {position: absolute;width: 100%;height: 2px;background-color: #141519;transition: all 0.25s ease-in, var(--darkmode);}
.header.white .menu_icon .menu_linebox .menu_line {background-color: #fff;}
.header.on .menu_icon .menu_linebox .menu_line, .header.active .menu_icon .menu_linebox .menu_line {background-color: #141519;}
.header .menu_icon .menu_linebox .menu_line.line_1 {left: 0;top: 0px;}
.header .menu_icon .menu_linebox .menu_line.line_2 {width: 75%;}
.header .menu_icon .menu_linebox .menu_line.line_3 {left: 0;top: 18px;}
@media screen and (min-width: 1025px) {
	.header .menu_icon .menu_linebox:hover .menu_line.line_1 {top: 10px;}
	.header .menu_icon .menu_linebox:hover .menu_line.line_2 {width: 100%;transform: rotate(90deg);	}
	.header .menu_icon .menu_linebox:hover .menu_line.line_3 {top: 10px;}
	.header .menu_icon .menu_linebox.open:hover {transform: rotate(180deg);	}
}
.header .menu_icon .menu_linebox.open .menu_line.line_1 {opacity: 0;}
.header .menu_icon .menu_linebox.open .menu_line.line_2 {width: 100%;top: 10px;transform: rotate(45deg);}
.header .menu_icon .menu_linebox.open .menu_line.line_3 {top: 10px;transform: rotate(-45deg);}
.header nav {grid-column: 2;grid-row: 1;height: 100%;font-size: 1.125rem;position: relative;z-index: 1;}
.header nav .depth1 {position: relative;display: flex;height: 100%;align-items: center;justify-content: center;z-index: 10;gap: 0px;}
.header nav .depth1 > li {position: relative;height: 100%;width: auto;}
.header nav .depth1 li:not(:first-child) {position: relative;height: 100%;width: auto;}
.header nav .depth1 > li > a {position: relative;display: flex;height: 100%;padding: 0 30px;align-items: center;justify-content: center;color: #000;font-weight: 700;transition: padding 0.5s;text-align: center; word-break: keep-all;}
.header.white nav .depth1 > li > a {color: #fff; word-break: keep-all;}
.header.on nav .depth1 > li > a, .header.active nav .depth1 > li > a {color: #000;}
.header nav .depth1 > li > a span {position: relative;}
.header nav .depth1 > li > a:before {content: '';position: absolute;left: 50%;bottom: 16px;width: 0;height: 3px;background-color: #0051C7;transition: width 0.5s;transform: translate(-50%,0);border-radius: 2px;}
.header nav .depth1 > li.active > a, .header nav .depth1 > li > a:hover {color: #458FF6;}
/* .header nav .depth1 > li.s1.active > a, .header nav .depth1 > li.s1 > a:hover {color: #FD6E5F;}
.header nav .depth1 > li.s2.active > a, .header nav .depth1 > li.s2 > a:hover {color: #53A4C5;}
.header nav .depth1 > li.s3.active > a, .header nav .depth1 > li.s3 > a:hover {color: #4DB97D;} */
.header nav .depth1 > li:first-child.active > a, .header nav .depth1 > li:first-child > a:hover {background: linear-gradient(117deg,#dd1ff6 0%,#221ff6 100%) 0% 0% no-repeat padding-box; color: transparent; -webkit-background-clip: text; width: auto;}
.header nav .depth1 > li.active > a:before, .header nav .depth1 > li > a:hover:before {width: calc(0%);}
.header nav .depth1 > li.s1.active > a:before, .header nav .depth1 > li.s1 > a:hover:before, .header nav .depth1 > li.s1 > a:before {background-color: #FD6E5F;}
.header nav .depth1 > li.s2.active > a:before, .header nav .depth1 > li.s2 > a:hover:before, .header nav .depth1 > li.s2 > a:before {background-color: #53A4C5;}
.header nav .depth1 > li.s3.active > a:before, .header nav .depth1 > li.s3 > a:hover:before, .header nav .depth1 > li.s3 > a:before {background-color: #4DB97D;}
.header nav .depth2 {position: absolute;left: 0;bottom: 0;width: 100%;padding-top: 0px;transform: translate(0,100%);white-space: nowrap;text-align: center;opacity: 0;pointer-events: none;transition: all 0.3s;transition-delay: -0.1s;z-index: 1;}
.header nav .depth2 > li > a {display: block;padding: 8px 0;font-size: 1rem;color: #606060;}
.header nav .depth2 > li > a:hover {text-decoration: underline;}
.header nav .depth2 > li.active > a {font-weight: 600;}
.header nav .depth2 > li > a > span {position: relative;}
.header.on nav .depth2, .header.active nav .depth2 {transition-delay: 0.1s;pointer-events: auto;opacity: 1;}
.header nav .gnb_bg {display: none; position: fixed;left: 50vw;bottom: 1px;width: 100vw;height: 0;background-color: #fff;transform: translate(-50%,100%);transition: all 0.2s;}
.header.on nav .gnb_bg, .header.active nav .gnb_bg {height: 150px;box-shadow: rgba(149,157,165,0.07) 0px 8px 15px;}
.header nav .depth1 > li.ycloud {display: flex;align-items: center;justify-content: center;width: auto;margin-left: 20px;}
.header nav .depth1 > li.ycloud a {background: #3B3B3B;padding: 0 1.75rem;height: 40px;border-radius: 100px;transition: .3s;}
.header nav .depth1 > li.ycloud a:before {display: none;}
.header nav .depth1 > li.ycloud img {filter: grayscale(1) brightness(105); height: 1.125rem; max-width: none;}
.header nav .depth1 > li.ycloud a:hover {background: #F0F0F0;}
.header nav .depth1 > li.ycloud a:hover img {filter: grayscale(0);}
.header nav .event {display: none;position: absolute;right: 0;bottom: -100px;}
.header nav .event a {display: flex;align-items: center;justify-content: center;background: transparent linear-gradient(270deg,#DD1FF6 0%,#221FF6 100%) 0% 0% no-repeat padding-box;padding: 0 28px;height: 40px;border-radius: 100px;color: #fff;font-weight: 700;font-size: 1.125rem;gap: 4px;}
.header nav .event a:after {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14' height='14' viewBox='0 0 14 14'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='14' height='14' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip-path)'%3E%3Cpath d='M11.841.159A.541.541,0,0,1,12,.54V3.818a.545.545,0,0,1-1.091,0V1.863L5.3,7.478A.547.547,0,0,1,4.522,6.7l5.615-5.613H8.182A.545.545,0,0,1,8.182,0h3.273a.555.555,0,0,1,.387.159M1.091,0A1.091,1.091,0,0,0,0,1.091v9.818A1.088,1.088,0,0,0,1.091,12h9.818A1.088,1.088,0,0,0,12,10.909V7.091a.545.545,0,0,0-1.091,0v3.818H1.091V1.091H4.909A.545.545,0,0,0,4.909,0Z' transform='translate(1 1)' fill='%23fff' stroke='%23fff' stroke-width='0.5' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;width: 14px;height: 14px;display: block;content: "";}
/* .header.on nav .event, .header.active nav .event {display: block;z-index: 2;} */
footer.for-mobile {display: none;}
footer .footer-bottom {background-color: #3B3B3B;}
footer .footer-bottom .inn {display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1280px; margin: 0 auto; padding: 40px 0; text-align: left;}
footer .footer-bottom .inn .copyright-left {display: flex; display: -webkit-flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; gap: 10px;}
footer .footer-bottom .inn .copyright-left img {display: inline; width: 7.5625rem; margin-bottom: 2.1875rem;}
footer .footer-bottom .inn .copyright-left .link {display: flex; display: -webkit-flex; flex-direction: row; gap: 20px;}
footer .footer-bottom .inn .copyright-left .link a {color: #AAAAAA;}
footer .footer-bottom .inn .copyright-left .link a:hover {font-weight: 700; color: #F1F1F1;}
footer .footer-bottom .inn .copyright-left .copyright {color: #AAAAAA; font-size: 0.75rem;}
footer .footer-bottom .inn .copyright-right {display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-end;}
footer .footer-bottom .inn .compony-info {color: #AAAAAA; font-size: 0.75rem;}
footer .footer-bottom {background: #292929; --sidepacer: 3.75rem;}
footer .footer-bottom .inn {padding-left: var(--sidepacer); padding-right: var(--sidepacer);}
footer .footer-bottom .inn .copyright {width: 100%; display: flex;}
footer .footer-bottom .inn .copyright .copyright-left {width: 9.875rem;}
/* footer .footer-bottom .inn .copyright .copyright-left img {width: 4.0625rem;} */
footer .footer-bottom .inn .copyright .copyright-mid .link {display: flex; gap: 2.5rem; margin-bottom: 1.875rem;}
footer .footer-bottom .inn .copyright .copyright-mid .link li a {font-size: 1rem; font-weight: 700; line-height: 1.1875rem; color: #F4F4F4;}
footer .footer-bottom .inn .copyright .copyright-mid .compony-info,
footer .footer-bottom .inn .copyright .copyright-mid .copyright {font-size: 0.75rem; font-weight: 400; line-height: 1.05rem; color: #AFAFAF;}
footer .footer-bottom .inn .copyright .copyright-mid .compony-info {margin-bottom: 0.9375rem;}
footer .footer-bottom .inn .copyright .copyright-right {display: flex; flex-direction: column; align-items: flex-end; margin-left: auto;}
footer .footer-bottom .inn .copyright .copyright-right .sns-wrap {display: flex; gap: 1.25rem; align-items: center; margin-bottom: 2rem;}
footer .footer-bottom .inn .copyright .copyright-right .sns-wrap p {font-size: 0.8125rem; font-weight: 500; line-height: 0.5625rem; color: #9B9B9B;}
footer .footer-bottom .inn .copyright .copyright-right .sns-wrap .sns {display: flex; gap: 1.125rem;}
footer .footer-bottom .inn .copyright .copyright-right .form-select-wrap  {display:flex}
footer .footer-bottom .inn .copyright .copyright-right .form-select-wrap span {margin-right:42px;}
footer .footer-bottom .inn .copyright .copyright-right .form-select.ver2 {font-size: 0.9375rem; font-weight: 400; line-height: 1rem; color: #F4F4F4; border: 0; background-color: #363636; border-radius: 0.5rem; padding: 12px 15px; width: 350px; margin-left: auto; background-image: url("../img/common/ico_arrow_down.svg"); background-repeat: no-repeat; background-position: right 15px center; background-size: 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
@media (max-width: 1023px) {
  footer.for-mobile { display: block !important; padding: 40px 20px; background: #292929;}
  footer.for-mobile .top { display: flex; flex-direction: row; justify-content: space-between;}
  /* footer.for-mobile .top .logo { width: 58px;} */
  footer.for-mobile .top .sns { display: flex; flex-direction: row; gap: 12px;}
  footer.for-mobile .link { display: flex; flex-direction: row; margin-top: 40px; gap: 20px;}
  footer.for-mobile .link li a { font-size: 16px; color: #fff;}
  footer.for-mobile .copyright { font-size: 13px; color: #afafaf; margin-top: 40px; font-weight: 300; display: flex; flex-direction: column; gap: 5px;}
  footer.for-mobile .copyright dl { margin: 0; display: flex; flex-direction: row;}
  footer.for-mobile .copyright dl dt { width: 126px; flex-shrink: 0;}
  footer.for-mobile .copyright dl dd { flex: 1; min-width: 0; padding: 0; margin: 0;}
  footer.for-mobile .launch { margin-top: 40px; display: flex; flex-direction: column; gap: 20px;}
  footer.for-mobile .launch select { width: 100%; padding: 12px 16px; border-radius: 8px; background: #333; color: #fff; border: none; font-size: 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; background-image: url("../img/common/ico_arrow_down.svg"); background-repeat: no-repeat; background-position: right 12px center; background-size: 10px;}
  footer.for-mobile .launch select:focus { outline: none;}
  footer.for-mobile .launch address { color: #666; font-size: 12px;}
  footer.for-pc { display: none;}
}

.tab_bx {display: flex;flex-direction: column;}
.tabs {display: flex;align-items: center;}
.tabs .tab {display: flex;align-items: center;justify-content: center;}
.tab_content {display: none;}
.tab_content.active {display: block;flex-direction: column;}
.btn_play {border-radius: 100%;width: 52px;height: 52px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;background: linear-gradient(147deg,#DD1FF6 0%,#221FF6 100%);}
.btn_play:before {content: "";display: block;border-radius: 100%;width: 52px;height: 52px;position: absolute;left: 0;top: 0;z-index: 2;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.771' height='27.771' viewBox='0 0 27.771 27.771'%3E%3Crect width='27.771' height='27.771' transform='translate(0 0)' fill='%23f56383' opacity='0'/%3E%3Cpath d='M10.441,1.969a1.5,1.5,0,0,1,2.525,0l8.96,13.971a1.5,1.5,0,0,1-1.263,2.31H2.744a1.5,1.5,0,0,1-1.263-2.31Z' transform='translate(25.391 1.984) rotate(90)' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size: 28px;}
.card_bx ul {display: flex;gap: 40px;}
.card_bx li {border-radius: 30px;padding: 40px 30px;background: #fff;position: relative;display: flex;flex-direction: column;gap: 28px;}
.card_bx .card_head .dec {font-size: 1.125rem;font-weight: 500;margin-bottom: 6px;background-image: linear-gradient(98deg,#DD1FF6 0%,#221FF6 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.card_bx .card_head h3 {font-weight: 700;font-size: 1.75rem;color: #111;}
.card_bx .card_content .img {border-radius: 20px;width: 340px;height: 210px;overflow: hidden;position: relative;}
.card_bx .card_content .desc {font-size: 1.125rem;color: #333;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 3;height: 73px;margin-top: 30px;}

.toolbx {display: flex;gap: 8px;}
.toolbx .next_btn, .toolbx .prv_btn {border: 1px solid #CCCCCC;border-radius: 100%;width: 36px;height: 36px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.561' viewBox='0 0 20 20.561'%3E%3Cg id='icon_arrow' transform='translate(-181 -111)'%3E%3Crect width='20' height='20' transform='translate(181 111)' fill='%23fff' opacity='0'/%3E%3Cpath id='Icon_feather-arrow-right' data-name='Icon feather-arrow-right' d='M7.5,16.5h18m-9-9,9,9-9,9' transform='translate(174.5 105)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;transform-origin: center center;cursor: pointer;transition: .3s;}
.toolbx .next_btn:not(.swiper-button-disabled):hover, .toolbx .prv_btn:not(.swiper-button-disabled):hover {background-color: #111111;border-color: #111;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.561' viewBox='0 0 20 20.561'%3E%3Cg id='icon_arrow' transform='translate(-181 -111)'%3E%3Crect width='20' height='20' transform='translate(181 111)' fill='%23fff' opacity='0'/%3E%3Cpath id='Icon_feather-arrow-right' data-name='Icon feather-arrow-right' d='M7.5,16.5h18m-9-9,9,9-9,9' transform='translate(174.5 105)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");}
.toolbx .prv_btn {transform: rotate(180deg);}
.toolbx .swiper-button-disabled {opacity: .5;cursor: auto;}
.tab_content iframe {display: none;}
.tab_content.active iframe {display: none;}
.float_box1, .float_box2 {position: fixed;z-index: 5;left: 0;top: 50%;transform: translate(0,-50%);}
.float_box2 {left: auto;right: 0;}
html {min-width: 320px;}
@media screen and (min-width: 1024px) {*::-webkit-scrollbar {		 width: 8px;		 height: 8px;	}*::-webkit-scrollbar-thumb {		 background-color: #2f3542;		 border-radius: 10px;	}}
.topbtn {width: 68px;height: 68px;background: rgba(96,96,96,0.5);position: fixed;right: 5rem;bottom: 170px;z-index: -1;border-radius: 100%;transition: .3s;visibility: hidden;transform: translate(0,100px);}
.topbtn button {dispGlay: flex;width: 100%;height: 100%;font-size: 0;line-height: 0;overflow: hidden;text-indent: -999px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.621' height='27.778' viewBox='0 0 24.621 27.778'%3E%3Cg id='icon' transform='translate(0 -1)'%3E%3Crect width='24.5' height='27.778' transform='translate(0 1)' fill='rgba(255,0,0,0)'/%3E%3Cpath d='M0,0,10,10,0,20' transform='translate(2.5 13.16) rotate(-90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline y2='23' transform='translate(12.5 3.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;}
.topbtn.fixed {z-index: 20;visibility: visible;transform: translate(0,0);}
.jconfirm .jconfirm-box {width: min(1228px,95%);padding: 0px 84px;border-radius: 16px !important;background: none;box-shadow: none !important;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {border-radius: var(--radius-S);padding: 0;line-height: 1;vertical-align: unset;margin: 0;font-weight: 400;}
.jconfirm-content {text-align: center;width: 100%;background: #fff;border-radius: 30px;padding: 40px 50px 40px 50px;}
.jconfirm-content .default {word-break: keep-all;}
.jconfirm-content h4 {text-align: left;font-size: 1.75rem;font-weight: 700;margin-bottom: 40px;color: #111;}
.jconfirm-content h4>span {font-weight: 500;}
.jconfirm-content h4>span+strong {padding-left: 0.8rem;}
.jconfirm .jconfirm-box div.jconfirm-content-pane {margin-bottom: 0px;}
.jconfirm .jconfirm-box div.jconfirm-content-pane {-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {display: none;}
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {opacity: 0.5;background: #000000;}
.jconfirm .jconfirm-box div.jconfirm-title-c {padding-bottom: 20px;text-align: center;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {font-size: 1.75rem !important;font-weight: 700;color: #111;text-align: left;}
.jconfirm .jconfirm-bg {width: 100%;height: 100%;}
.jconfirm .video {width: 100%; vertical-align: top;}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {right: 100px;top: 13px;opacity: 1;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(-1490 -25)'%3E%3Crect width='32' height='32' transform='translate(1490 25)' fill='%23d92f2f' opacity='0'/%3E%3Cg transform='translate(1495 32)'%3E%3Cg transform='translate(-2 -3)'%3E%3Cpath d='M1.133,2.05H26.865A1,1,0,0,0,28,1.025,1,1,0,0,0,26.865,0H1.133A1,1,0,0,0,0,1.025,1,1,0,0,0,1.133,2.05' transform='translate(3.825 0.501) rotate(45)' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M1.133,0H26.865A1,1,0,0,1,28,1.025,1,1,0,0,1,26.865,2.05H1.133A1,1,0,0,1,0,1.025,1,1,0,0,1,1.133,0' transform='translate(23.624 1.95) rotate(135)' stroke='%23000' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;width: 32px;height: 32px;}
.jconfirm-content .btn_play, .jconfirm-content .btn_play:before {width: 100px;height: 100px;}
.jconfirm-content .btn_play:before {background-size: 50px;}
.jconfirm-content .card_box, .jconfirm-content .gallery_box {margin-top: -10px;}

.jconfirm-content .summary {display: flex;flex-direction: column;gap: 8px;color: #333;font-size: 1rem;margin-bottom: 20px;align-items: flex-start;text-align: left;}
.jconfirm-content .summary li {padding-left: 36px;position: relative;text-align: left;}
.jconfirm-content .summary li:before {content: "";display: block;width: 24px;height: 24px;background: url("../img/ic_check.png") no-repeat 50% 50%;position: absolute;left: 0px;top: -2px;background-size: 18px;}
.jconfirm:hover {cursor: url("../img/cursor.svg") 32 32, auto;}
.jconfirm-box:hover {cursor: auto;}
.jconfirm-content .gallery_box {width: 100%;max-width: 960px;display: flex;gap: 20px;}
.jconfirm-content .swiper {width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.jconfirm-content .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;background-size: cover;background-position: center;}
.jconfirm-content .gallery {width: calc(70%);max-height: 460px;height: 100%;}
.jconfirm-content .gallery_thum {box-sizing: border-box;width: 160px;flex: none;height: 100%;max-height: 460px;}
.jconfirm-content .gallery_thum .swiper-slide {width: 160px;height: 114px;padding: 2px;position: relative;background: #fff;line-height: 0;}
.jconfirm-content .gallery_thum .swiper-slide:before {content: "";position: absolute;left: 2px;top: 2px;background: rgba(0,0,0,0.5);width: calc(96%);height: calc(96%);display: block;z-index: 2;}
.jconfirm-content .gallery_thum .swiper-slide-thumb-active {background: transparent linear-gradient(270deg,#DD1FF6 0%,#221FF6 100%) 0% 0% no-repeat padding-box;}
.jconfirm-content .gallery_thum .swiper-slide-thumb-active:before {display: none;}
.jconfirm-content .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.jconfirm-content .gallery_thum .swiper-wrapper {justify-content: flex-start;}
.jconfirm-content .gallery_box .swiper-button-prev, .jconfirm-content .gallery_box .swiper-button-next {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg transform='translate(-3 -3)'%3E%3Cg transform='translate(0)' fill='none'%3E%3Cpath d='M63,33A30,30,0,1,1,33,3,30,30,0,0,1,63,33Z' stroke='none'/%3E%3Cpath d='M 33.00000381469727 61.0000114440918 C 36.78086471557617 61.0000114440918 40.44756317138672 60.25997161865234 43.89825439453125 58.80044937133789 C 47.23223495483398 57.39030075073242 50.22688293457031 55.37112045288086 52.79899215698242 52.79899978637695 C 55.37111282348633 50.22687911987305 57.39029312133789 47.23223876953125 58.80044555664062 43.89825820922852 C 60.25996398925781 40.44757080078125 61.00000381469727 36.78086853027344 61.00000381469727 33.0000114440918 C 61.00000381469727 29.21915054321289 60.25996398925781 25.55245018005371 58.80044555664062 22.10174942016602 C 57.39029312133789 18.76777076721191 55.37111282348633 15.77313041687012 52.79899215698242 13.20100975036621 C 50.22688293457031 10.62889003753662 47.23224258422852 8.609709739685059 43.89826202392578 7.199560165405273 C 40.44757461547852 5.740039825439453 36.7808723449707 5 33.00001525878906 5 C 29.21915435791016 5 25.55245399475098 5.740039825439453 22.10176467895508 7.199560165405273 C 18.76777458190918 8.609709739685059 15.77313423156738 10.62889003753662 13.20101356506348 13.20100975036621 C 10.62889385223389 15.77313041687012 8.609713554382324 18.76777076721191 7.199563980102539 22.10176086425781 C 5.740043640136719 25.55245018005371 5.000003814697266 29.21915054321289 5.000003814697266 33.0000114440918 C 5.000003814697266 36.78086853027344 5.740043640136719 40.44757080078125 7.199563980102539 43.89825820922852 C 8.609713554382324 47.23223876953125 10.62889385223389 50.22687911987305 13.20101356506348 52.79899978637695 C 15.7731237411499 55.37112045288086 18.76777458190918 57.39030075073242 22.10175323486328 58.80044937133789 C 25.55244445800781 60.25997161865234 29.21914291381836 61.0000114440918 33.00000381469727 61.0000114440918 M 33.00000381469727 63.0000114440918 C 16.43145370483398 63.0000114440918 3.000003814697266 49.56855010986328 3.000003814697266 33.0000114440918 C 3.000003814697266 16.43145942687988 16.43146324157715 3 33.00001525878906 3 C 49.56855392456055 3 63.00000381469727 16.43145942687988 63.00000381469727 33.0000114440918 C 63.00000381469727 49.56855010986328 49.56855392456055 63.0000114440918 33.00000381469727 63.0000114440918 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M8.182,0,0,8.182l8.182,8.182' transform='translate(38.454 41.182) rotate(180)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;display: block;width: 60px;height: 60px;position: absolute;right: -70px;top: 50%;margin: 0;}
.jconfirm-content .gallery_box .swiper-button-prev {transform: rotate(180deg);left: -70px;right: auto;}
.jconfirm-content .pop_wrap {line-height: normal;}
.jconfirm .jconfirm-boxjconfirm-type-gallery div.jconfirm-content-pane .jconfirm-content, .jconfirm-box.jconfirm-type-gallery div.jconfirm-content-pane {overflow: visible !important;}
video {width: 100%;}

.jconfirm-type-card .jconfirm-content .vidbox{ display: none; margin: 0 auto; max-width:820px}
.jconfirm-type-card .jconfirm-content .card_box{ max-height: 700px; overflow-y: auto}
.jconfirm-type-card .btn_tapping{ border: 1px solid #7562F9; border-radius: 100px; padding: 0 20px; white-space: nowrap; height:50px; font-size:1.125rem; font-weight: 500; color: #111; display:inline-flex; align-items: center; justify-content: center; gap:8px; margin-top: 22px   }
.jconfirm-type-card .btn_tapping:before{ flex: none; width:28px; height: 28px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.192' y1='0.038' x2='0.853' y2='1.063' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23dd1ff6'/%3E%3Cstop offset='1' stop-color='%23221ff6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Play' transform='translate(7.156 7.157)'%3E%3Crect id='Area' width='24' height='24' transform='translate(-5.156 -5.157)' fill='%23f56383' opacity='0'/%3E%3Ccircle cx='14' cy='14' r='14' transform='translate(-7.156 -7.157)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Icon_feather-arrow-right' data-name='Icon feather-arrow-right' d='M7.5,14.5h14m-7-7,7,7-7,7' transform='translate(-8.156 -7.157)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E ") no-repeat 50% 50%;display: block; content: ""; border-radius: 100%;  }

.jconfirm-type-card .btn_box{ text-align: right}

body.active-modal {overflow: hidden; scroll-snap-type:none}
.overlay {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .65); z-index: 600;;}
.layerpop {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: none; align-items: center; justify-content: center; padding: 20px 0;}
.layerpop.show {display: flex;}
.layerpop .dimd {position: absolute; width: 100%; height: 100%; z-index: -1; background-color: rgba(0, 0, 0, .4);}
.layerpop .inner {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-width: 43.75rem; max-width: 43.75rem; max-height: 100%; background-color: #fff; border-radius: 30px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25); position: relative; z-index: 2;}
.layerpop .inner .head {width: 100%; display: flex; align-items: center; height: 5rem; padding: 0 1.5625rem;}
.layerpop .inner .head .close-btn {background: url(/prcenter/img/ico_close.svg) no-repeat center/contain; width: 50px; height: 50px; margin-left: auto;}
.layerpop .inner .body {padding: 1.5625rem; padding-top: 0; width: 100%; display: flex; flex-direction: column; gap: 1.25rem;}
.layerpop .inner .body .title {text-align: left; font-size: 2rem; font-weight: 500;}
.layerpop .inner .body .description {overflow: auto; height: 200px; display: block; text-align: left; color: #666; letter-spacing: -1px; word-break: keep-all; font-size: 1.25rem; line-height: 1.4;}
.layerpop .inner .body .description::-webkit-scrollbar {width: 5px; height: 5px;}
.layerpop .inner .body .description::-webkit-scrollbar-thumb {background-color: #c6c6c6; border-radius: 10px;}
.layerpop .inner .body .description::-webkit-scrollbar-track {background-color: #f1f3f6; border-radius: 10px;}
.layerpop .inner .body .desc-box {background-color: #f2f9ff; border-radius: 10px; padding: 0 1.5625rem; min-height: 3.125rem; display: flex; align-items: center; justify-content: flex-end; font-size: 1.125rem; font-weight: 500;}
.layerpop .inner .body .desc-box::before {content: ""; display: block; background: url(/prcenter/img/ico_calender.svg) no-repeat center/contain; width: 17px; height: 19px; margin-right: 5px;}
.layerpop .list-layout {min-width: 53.125rem; max-width: 53.125rem;}
.layerpop .list-layout .list-inner {width: 100%; max-height: 56.25rem; overflow: auto; overflow: auto;}
.layerpop .list-layout .list-inner::-webkit-scrollbar {width: 5px; height: 5px;}
.layerpop .list-layout .list-inner::-webkit-scrollbar-thumb {background-color: #c6c6c6; border-radius: 10px;}
.layerpop .list-layout .list-inner::-webkit-scrollbar-track {background-color: #f1f3f6; border-radius: 10px;}
.layerpop .list-layout .head {gap: 10px; height: auto; align-items: flex-start; text-align: left; word-break: keep-all; padding: 1.25rem 1.875rem;}
.layerpop .list-layout .head .close-btn {width: 28px; height: 28px;}
.layerpop .list-layout .head .title-box {display: flex; flex-direction: column; gap: 10px; max-width: calc(100% - 28px - 10px);}
.layerpop .list-layout .head .title-box h2 {font-size: 1.5rem;}
.layerpop .list-layout .head .title-box span {font-size: 1.25rem; color: #666;}
.layerpop .list-layout .head .title-box span.notice {display: inline-block; font-size: .875rem; line-height: 22px; height: 22px; padding: 0 8px; color: #fff; border-radius: 0 8px 0 8px; background-color: #f91f49;}
.layerpop .list-layout .head .title-box span.date {font-size: 1rem; color: #999;}
.layerpop .list-layout .body {padding: 1.875rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 28.125rem; max-height: 39.375rem; box-sizing: border-box;}
.layerpop .list-layout .body .contents {width: 100%; height: 100%; overflow: auto; overflow: auto;}
.layerpop .list-layout .body .contents::-webkit-scrollbar {width: 5px; height: 5px;}
.layerpop .list-layout .body .contents::-webkit-scrollbar-thumb {background-color: #c6c6c6; border-radius: 10px;}
.layerpop .list-layout .body .contents::-webkit-scrollbar-track {background-color: #f1f3f6; border-radius: 10px;}
.layerpop .list-layout .bottom {background-color: #f2f9ff; border-radius: 0 0 30px 30px; overflow: hidden;}
.layerpop .list-layout .bottom .flex-wrap {display: flex; padding: .9375rem 1.25rem; gap: 3.125rem;}
.layerpop .list-layout .bottom .flex-wrap .row {flex: 1; position: relative; text-align: left; display: flex; align-items: center; gap: 1.6875rem;}
.layerpop .list-layout .bottom .flex-wrap .row:first-child::after {content: ""; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 0; right: -1.25rem;}
.layerpop .list-layout .bottom .flex-wrap .row em {font-size: .875rem; color: #666;}
.layerpop .list-layout .bottom .flex-wrap .row span {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit; word-break: break-all; margin-top: .625rem;}
.layerpop .list-layout .bottom .flex-wrap .btn-box .btn {width: 2.25rem; height: 2.25rem; background: url(/prcenter/img/ico_arrow_next_bk.svg) no-repeat center/contain;}
.layerpop .list-layout .bottom .flex-wrap .btn-box .btn.left {transform: rotate(-180deg);}
.layerpop .list-layout.movie .body {padding: 0;}
.layerpop .list-layout.image .body {background-color: #f7f7f7;}
.layerpop .list-layout.image .imageSwiper-wrap {width: 100%;}
.layerpop .list-layout.image .imageSwiper-wrap .imageSwiperRail {margin-top: 1.875rem;}
.layerpop .list-layout.image .imageSwiper-wrap .swiper-wrapper {align-items: center;}
.layerpop .list-layout.image .imageSwiper-wrap .swiper-slide.swiper-slide-thumb-active {border: 5px solid #000;}
.layerpop .list-layout.image .imageSwiper-wrap .swiper-button {background-size: 40%; background-position: center; background-repeat: no-repeat; background-color: rgba(0, 0, 0, .6); width: 6.25rem; height: 6.25rem;}
.layerpop .list-layout.image .imageSwiper-wrap .swiper-button.swiper-button-prev {left: 0; background-image: url(/prcenter/img/ico_swiper_arrow.svg);}
.layerpop .list-layout.image .imageSwiper-wrap .swiper-button.swiper-button-prev::after {display: none;}
.layerpop .list-layout.image .imageSwiper-wrap .swiper-button.swiper-button-next {right: 0%; background-image: url(/prcenter/img/ico_swiper_arrow.svg); transform: rotate(-180deg);}
.layerpop .list-layout.image .imageSwiper-wrap .swiper-button.swiper-button-next::after {display: none;}
.layerpop.ty2 {top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 700;}
.layerpop.ty2 .popup-content {background: #fff; min-width: 400px; border-radius: 15px; box-shadow: 0 0 15px rgba(0, 0, 0, .5);}
.layerpop.ty2 .popup-content.xl2 {min-width: 1027px; max-width: 1027px;}
.layerpop.ty2 .popup-content .popup-header {padding: 14px 25px; display: flex; align-items: center; border-bottom: 1px solid #dadada; background-color: #ff6652; border-radius: 15px 15px 0 0; overflow: hidden;}
.layerpop.ty2 .popup-content .popup-header h2 {color: #fff; font-size: 1.125rem;}
.layerpop.ty2 .popup-content .popup-header .btn-box {margin-left: auto;}
.layerpop.ty2 .popup-content .popup-header .btn-box .close {text-indent: -9999px; display: block; width: 16px; height: 16px; background: url(/prcenter/img/ico_modal-close.svg) no-repeat center/contain;}
.layerpop.ty2 .popup-content .popup-body {padding: 30px; overflow: auto; height: auto; max-height: calc(100svh - 52px - 80px - 100px);}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text {font-size: 13px !important; overflow-y: auto; line-height: 20px; text-align: justify; word-break: keep-all;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text h1,
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text h2,
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text h3,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text h1,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text h2,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text h3,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text h1,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text h2,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text h3 {font-weight: 500; margin: 10px 0 3px; font-size: 14px;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text h1,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text h1,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text h1 {font-size: 15px; font-weight: 500; color: #3b3b3b;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text h1:first-child,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text h1:first-child,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text h1:first-child {margin-top: 0;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text h2,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text h2,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text h2 {font-size: 15px; margin-bottom: 0;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text ol[type="1"],
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text ol[type="1"],
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text ol[type="1"] {margin-left: 15px;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text ol[type="1"] li,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text ol[type="1"] li,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text ol[type="1"] li {list-style: decimal;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text ol[type="1"] ul li,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text ol[type="1"] ul li,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text ol[type="1"] ul li {list-style: none !important;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text ul[type=circle],
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text ul[type=disc],
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text ul[type=circle],
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text ul[type=disc],
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text ul[type=circle],
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text ul[type=disc] {margin-left: 18px !important;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text ul[type=circle] li,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text ul[type=circle] li,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text ul[type=circle] li {list-style: circle;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text ul[type=disc],
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text ul[type=disc],
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text ul[type=disc] {margin-left: 25px;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text ul[type=disc] li,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text ul[type=disc] li,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text ul[type=disc] li {list-style: disc;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text table,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text table,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text table {background-color: #fff !important; margin-bottom: 5px !important;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text table th,
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text table td,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text table th,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text table td,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text table th,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text table td {border: 1px solid #d9d9d9 !important; padding: 5px !important; word-break: keep-all !important; font-size: 13px !important;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text table th,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text table th,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text table th {text-align: center; font-weight: 450; background-color: #fafafa;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text table td,
.layerpop.ty2 .popup-content .popup-body .agree-info-box .detail-text table td,
.layerpop.ty2 .popup-content .popup-body .agree-box .detail-text table td {text-align: left;}
.layerpop.ty2 .popup-content .popup-body .agree-file .detail-text {background-color: #fff;}