/* common */
.is-pc {display:block; pointer-events: none;}
.is-m {display:none; pointer-events: none;}
@media (max-width:991px){
.is-pc {display:none; pointer-events: none;}
.is-m {display:block; pointer-events: none;}
}

/* container */
.container {padding:0 15px; max-width:1630px; margin:0 auto;}
.container.sm {max-width:1430px;}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; z-index : 999}
.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:50px; padding:0 30px; font-size:20px; font-weight:500; gap:8px;}
.button-box .btn-round {border-radius:50px;}

.btn-white-outlineapp {border:1px solid; border-color:var(--color-white)!important; background:var(--color-white) !important; color:var(--color-black) !important;}
.btn-white-outlineapp:hover {background:var(--color-gray-300) !important; color:var(--color-black) !important;}
.btn-android{
  width:400px; height:70px;
  background:url("../images/androidstore.png") no-repeat left / contain;
  display:inline-block;
  position:static !important; /* 혹시 모를 상속 방지 */
  flex:0 0 auto;
}

.btn-ios{

  width:250px;  height:70px; 
  background:url("../images/applestore.png") no-repeat left / contain;
  display:inline-block;
  position:static !important; /* 혹시 모를 상속 방지 */
  flex:0 0 auto;
}
@media (max-width:991px){
.button-box .btn {font-size:16px;}
}

/* main-top-box */
.main-top-box {background:url('../images/bg_main_top.png') no-repeat center / cover; padding:230px 0; position:relative; overflow:hidden;}
.main-top-box p {font-size:18px; font-weight:500; color:#fff; position:relative; z-index:10;}
.main-top-box h2 {font-size:55px; font-weight:bold; color:#fff; line-height:1.3; margin:30px 0; position:relative; z-index:10;}
.main-top-box h2 b {font-size:55px; font-weight:bold; color:#78FFF4; line-height:1.3; position:relative; z-index:10;}
.main-top-box img {position:absolute; right:10%; bottom:-28%; width:100%; max-width:1200px;}
.main-top-box .button-box {margin:80px 0 0;}
@media (max-width:1650px){
.main-top-box img {right:2%;}
}
@media (max-width:1430px){
.main-top-box img {max-width:1000px;}
}
@media (max-width:991px){
.main-top-box {padding:100px 0 0;}
.main-top-box p {font-size:15px;}
.main-top-box h2 {margin:10px 0; font-size:25px;}
.main-top-box h2 b {font-size:25px;}
.main-top-box img {position:static; margin:-20% -15px -12%; width:calc(100% + 30px);}
.main-top-box .button-box {margin:20px 0 0;}
}

/* main-title-box */
.main-title-box {margin:0 0 100px;}
.main-title-box h2 {text-align:center; font-size:48px; font-weight:bold; color:#222; word-break:keep-all; line-height:1.3;}
.main-title-box p {margin:30px 0 0; font-size:22px; font-weight:500; text-align:center; color:#777; word-break:keep-all;}
@media (max-width:991px){
.main-title-box {margin:0 0 50px;}
.main-title-box h2 {font-size:24px;}
.main-title-box p {font-size:15px; margin:15px 0 0;}
}

/* main-list-box */
.main-list-box > ul > li {margin:0 0 100px; display:flex; flex-wrap:wrap; align-items:center;}
.main-list-box > ul > li:last-of-type {margin:0;}
.main-list-box > ul > li .list-image img {width:100%;}
.main-list-box > ul > li .list-content {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding:0 0 0 50px;}
.main-list-box > ul > li .list-content strong {height:40px; padding:0 20px; margin:0 0 20px; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid var(--color-active); color:var(--color-active); border-radius:50px;}
.main-list-box > ul > li .list-content p {width:100%; font-size:44px; font-weight:bold; color:var(--color-active); line-height:1.3;}
.main-list-box > ul > li .list-content small {width:100%; margin:15px 0 0; font-size:18px; font-weight:500; color:#777; word-break:keep-all;}
.main-list-box > ul > li:nth-of-type(even) {flex-direction:row-reverse;}
.main-list-box > ul > li:nth-of-type(even) .list-content {padding:0 50px 0 0;}
@media (max-width:1400px){
.main-list-box > ul > li .list-image {max-width:650px;}
}
@media (max-width:1200px){
.main-list-box > ul > li .list-image {max-width:550px;}
.main-list-box > ul > li .list-content {padding:0 0 0 30px;}
.main-list-box > ul > li .list-content p {font-size:35px;}
.main-list-box > ul > li:nth-of-type(even) .list-content {padding:0 30px 0 0;}
}
@media (max-width:991px){
.main-list-box > ul > li {margin:0 0 70px;}
.main-list-box > ul > li .list-image {width:100%; margin:0 auto;}
.main-list-box > ul > li .list-image img {display:block; margin:0 auto;}
.main-list-box > ul > li .list-content {flex:none; width:100%; padding:0; margin:15px 0 0;}
.main-list-box > ul > li .list-content strong {height:35px; padding:0 15px; font-size:14px; margin:0 0 10px;}
.main-list-box > ul > li .list-content p {font-size:30px;}
.main-list-box > ul > li .list-content small {font-size:14px;}
.main-list-box > ul > li:nth-of-type(even) {flex-direction:row;}
.main-list-box > ul > li:nth-of-type(even) .list-content {padding:0; justify-content:flex-end;}
.main-list-box > ul > li:nth-of-type(even) .list-content p {text-align:right;}
.main-list-box > ul > li:nth-of-type(even) .list-content small {text-align:right;}
}

/* main-customer-box */
.main-customer-box {background:#F6F6F8; padding:100px 0;}
.main-customer-box img {width:100%; max-width:1500px; margin:0 auto;}
@media (max-width:991px){
.main-customer-box {padding:50px 0;}
}

/* main-review-box */
.main-review-box {padding:100px 0; background:url('../images/bg_main_review.png') no-repeat center / cover;}
.main-review-box ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.main-review-box ul li {width:calc(33.33% - 30px); margin:0 15px 30px; padding:35px; background:#fff; border-radius:20px;}
.main-review-box ul li strong {display:block; font-size:20px; font-weight:bold; color:var(--color-active); margin:0 0 15px;}
.main-review-box ul li p {font-size:36px; line-height:1.3;}
.main-review-box ul li small {display:block; margin:15px 0 0; font-size:18px; color:#777;}
@media (max-width:1200px){
.main-review-box ul li p {font-size:30px;}
.main-review-box ul li small {font-size:16px;}
}
@media (max-width:991px){
.main-review-box {padding:50px 0;}
.main-review-box ul {margin:0;}
.main-review-box ul li {width:100%; margin:0 0 10px; padding:20px; border-radius:10px;}
.main-review-box ul li strong {font-size:16px;}
.main-review-box ul li p {font-size:20px; margin:0 0 10px;}
.main-review-box ul li small {font-size:14px; margin:10px 0 0;}
}

/* main-tab-box */
.main-tab-box {padding:100px 0;}
.main-tab-box .container {display:flex; flex-wrap:wrap;}
.main-tab-box .tab {width:400px;}
.main-tab-box .tab ul {max-width:193px;}
.main-tab-box .tab ul li {margin:0 0 10px;}
.main-tab-box .tab ul li:last-of-type {margin:0;}
.main-tab-box .tab ul li a {height:41px; background:#f4f2f2; font-size:18px; color:#8f8f8f; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.main-tab-box .tab ul li.active a {background:var(--color-active); color:#fff; font-weight:bold;}
.main-tab-box .tab-content {flex:1; min-width:0;}
.main-tab-box .tab-content > .content {display:none;}
.main-tab-box .tab-content > .content.active {display:block;}
@media (max-width:1500px){
.main-tab-box .container {align-items:flex-end;}
}
@media (max-width:1300px){
.main-tab-box .tab {width:100%;}
.main-tab-box .tab ul {max-width:100%; display:flex; flex-wrap:wrap;}
.main-tab-box .tab ul li {flex:1; min-width:0; margin:0 10px 0 0;}
.main-tab-box .tab ul li:last-of-type {margin:0;}
.main-tab-box .tab-content {flex:none; width:100%; margin:40px 0 0;}
}
@media (max-width:991px){
.main-tab-box .tab ul {margin:0 -5px -10px;}
.main-tab-box .tab ul li {flex:none; margin:0 5px 10px;}
.main-tab-box .tab ul li a {padding:0 20px; font-size:14px; height:35px;}
}

/* main-service-box */
.main-service-box {display:flex; flex-wrap:wrap;}
.main-service-box .list-image {width:780px;}
.main-service-box .list-image img {width:100%;}
.main-service-box .list-content {flex:1; min-width:0; padding:0 0 0 50px;}
.main-service-box .list-content > strong {display:block; font-size:40px; line-height:1.3; padding:80px 0 20px; border-bottom:1px solid var(--color-active); margin:0 0 20px; font-weight:bold; color:var(--color-active);}
.main-service-box .list-content > p {font-size:25px; font-weight:500; line-height:1.3;}
.main-service-box .list-content > ul {margin:20px 0 0;}
.main-service-box .list-content > ul li {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center;}
.main-service-box .list-content > ul li:last-of-type {margin:0;}
.main-service-box .list-content > ul li p {flex:1; min-width:0; font-size:16px; font-weight:500; color:#777;}
.main-service-box .list-content > ul li:before {display:inline-block; content:""; width:24px; height:24px; margin:0 5px 0 0; background:url('../images/icon_main_service.png') no-repeat center / cover;}
.main-service-box .list-content > .button-box {margin:50px 0 0;}
@media (max-width:1500px){
.main-service-box .list-image {width:550px;}
.main-service-box .list-content {padding:0 0 0 20px;}
.main-service-box .list-content > strong {padding:20px 0;}
}
@media (max-width:991px){
.main-service-box .list-image {width:100%;}
.main-service-box .list-image img {width:100%; max-width:550px; margin:0 auto; display:block;}
.main-service-box .list-content {flex:none; width:100%; padding:0; margin:20px 0 0;}
.main-service-box .list-content > strong {font-size:30px;}
.main-service-box .list-content > p {font-size:20px;}
.main-service-box .list-content > ul li {font-size:14px; margin:0 0 5px;}
.main-service-box .list-content > ul li:before {width:18px; height:18px;}
.main-service-box .list-content > .button-box {margin:20px 0 0;}
.main-service-box .list-content > .button-box .btn {width:100%;}
}

/* main-cs-box */
.main-cs-box {padding:100px 0; background:url('../images/bg_main_cs.png') no-repeat center / cover; position:relative;}
.main-cs-box .container > h2 {font-size:48px; font-weight:bold; color:#fff; word-break:keep-all;}
.main-cs-box .container > p {margin:10px 0 0; font-size:22px; font-weight:500; color:#fff; word-break:keep-all;}
.main-cs-box .container > ul {display:flex; flex-wrap:wrap; max-width:800px; margin:30px -10px -20px;}
.main-cs-box .container > ul > li {width:calc(50% - 20px); margin:0 10px 20px; background:#fff; border-radius:30px; padding:30px 15px;}
.main-cs-box .container > ul > li div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-cs-box .container > ul > li div em {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid var(--color-active); color:var(--color-active); border-radius:50px; height:40px; width:63px; font-size:20px; font-weight:bold;}
.main-cs-box .container > ul > li p {margin:10px 0 0; font-size:20px; word-break:keep-all; text-align:center;}
@media (max-width:991px){
.main-cs-box {padding:50px 0;}
.main-cs-box .container > h2 {font-size:24px; text-align:center;}
.main-cs-box .container > p {font-size:16px; margin:5px 0 0; text-align:center;}
.main-cs-box .container > ul {max-width:100%; margin:20px -5px -10px;}
.main-cs-box .container > ul > li {width:calc(50% - 10px); margin:0 5px 10px; border-radius:10px; padding:20px 10px;}
.main-cs-box .container > ul > li div em {width:50px; height:25px; font-size:13px;}
.main-cs-box .container > ul > li p {margin:5px 0 0; font-size:14px;}
.main-cs-box .container > ul > li p br {display:none;}
}

/* sub-box */
.sub-box {margin:70px 0 0;}
@media (max-width:991px){
.sub-box {margin:62.63px 0 0;}
}

/* title-box */
.title-box {margin:0 0 100px;}
.title-box h2 {text-align:center; font-size:48px; font-weight:bold;}
.title-box p {text-align:center; font-size:24px; font-weight:500; color:#666; margin:10px 0 0; word-break:keep-all;}
@media (max-width:991px){
.title-box {margin:0 0 50px;}
.title-box h2 {font-size:28px;}
.title-box p {margin:5px 0 0; font-size:16px;}
}

/* sub-title-box */
.sub-title-box {background:#F9F9F9; padding:100px 0;}
.sub-title-box .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-title-box h2 {font-size:60px; font-weight:bold; text-align:center; line-height:1.3; width:100%;}
.sub-title-box p {margin:30px 0 0; text-align:center; font-size:24px; font-weight:500; color:#666; width:100%; word-break:keep-all;}
.sub-title-box strong {height:45px; padding:0 20px; font-size:24px; margin:0 0 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; border:1px solid var(--color-active); color:var(--color-active);}
.sub-title-box.chatbot {background:url('../images/bg_sub_title_chatbot.png');}
.sub-title-box.chatbot h2 {color:#fff;}
.sub-title-box.chatbot p {color:#fff;}
.sub-title-box.chatbot strong {color:#fff; border-color:#fff;}
@media (max-width:991px){
.sub-title-box {padding:50px 0;}
.sub-title-box h2 {font-size:24px;}
.sub-title-box p {font-size:16px; margin:10px 0 0;}
.sub-title-box strong {height:35px; font-size:16px; margin:0 0 10px;}
.sub-title-box.chatbot {background:url('../images/bg_sub_title_chatbot_m.png');}
}

/* sub-image-box */
.sub-image-box {background-size:cover; background-position:center; padding:100px 0;}
.sub-image-box.image-01 {background-image:url('../images/bg_sub_image_01.png');}
.sub-image-box.image-02 {background-image:url('../images/bg_sub_image_02.png');}
.sub-image-box.image-03 {background-image:url('../images/bg_sub_image_03.png');}
.sub-image-box.image-04 {background-image:url('../images/bg_sub_image_04.png');}
.sub-image-box.image-05 {background-image:url('../images/bg_sub_image_05.png');}
.sub-image-box.image-06 {background-image:url('../images/bg_sub_image_06.png');}
.sub-image-box.image-07 {background-image:url('../images/bg_sub_image_07.png');}
.sub-image-box h3 {margin:0 0 20px; font-size:50px; font-weight:bold; color:#fff; text-align:center;}
.sub-image-box p {margin:15px 0 0; font-size:24px; color:#fff; text-align:center; word-break:keep-all;}
.sub-image-box img {display:block; width:100%; max-width:1000px; margin:30px auto 0;}
@media (max-width:991px){
.sub-image-box {padding:50px 0;}
.sub-image-box h3 {font-size:28px; line-height:1.3;}
.sub-image-box p {margin:10px 0 0; font-size:16px;}
}

/* sub-list-box */
.sub-list-box > ul > li {padding:80px 0;}
.sub-list-box > ul > li:last-of-type {margin:0;}
.sub-list-box > ul > li .container {display:flex; flex-wrap:wrap; align-items:center;}
.sub-list-box > ul > li .list-image img {width:100%;}
.sub-list-box > ul > li .list-content {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding:0 0 0 50px;}
.sub-list-box > ul > li .list-content strong {height:40px; padding:0 20px; margin:0 0 20px; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid var(--color-active); color:var(--color-active); border-radius:50px;}
.sub-list-box > ul > li .list-content p {width:100%; font-size:44px; font-weight:bold; color:var(--color-active); line-height:1.3; word-break:keep-all;}
.sub-list-box > ul > li .list-content small {display:block; margin:20px 0 0; font-size:18px; font-weight:500; color:#777; word-break:keep-all;}
.sub-list-box > ul > li.gray {background:#f3f3f3;}
.sub-list-box > ul > li.reverse .container {flex-direction:row-reverse;}
@media (max-width:1400px){
.sub-list-box > ul > li .list-image {max-width:650px;}
}
@media (max-width:1200px){
.sub-list-box > ul > li .list-image {max-width:550px;}
.sub-list-box > ul > li .list-content {padding:0 0 0 30px;}
.sub-list-box > ul > li .list-content p {font-size:35px;}
}
@media (max-width:991px){
.sub-list-box > ul > li {padding:50px 0;}
.sub-list-box > ul > li .list-image {width:100%; margin:0 auto; order:2;}
.sub-list-box > ul > li .list-image img {display:block; margin:0 auto;}
.sub-list-box > ul > li .list-content {flex:none; width:100%; padding:0; margin:0 0 25px; order:1;}
.sub-list-box > ul > li .list-content strong {height:35px; padding:0 15px; font-size:14px; margin:0 0 10px;}
.sub-list-box > ul > li .list-content p {font-size:27px;}
.sub-list-box > ul > li .list-content small {font-size:14px;}
.sub-list-box > ul > li.reverse {flex-direction:row;}
.sub-list-box > ul > li.reverse .list-content {padding:0; justify-content:flex-end;}
.sub-list-box > ul > li.reverse .list-content p {text-align:right;}
.sub-list-box > ul > li.reverse .list-content small {text-align:right;}
}
@media (max-width:520px){
.sub-list-box > ul > li .list-content small br {display:none;}
}

/* sub-banner-box */
.sub-banner-box {padding:100px 0;}
.sub-banner-box.gray {background:#f3f3f3;}
.sub-banner-box .inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; padding:100px 30px; border-radius:50px; background-size:cover; background-position:center;}
.sub-banner-box .inner strong {border-radius:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:40px; padding:0 20px; margin:0 0 20px; font-size:16px; font-weight:bold; color:#fff; border:1px solid #fff;}
.sub-banner-box .inner p {width:100%; text-align:center; font-size:44px; font-weight:bold; color:#fff; line-height:1.3; word-break:keep-all;}
.sub-banner-box.product-02 .inner {background-image:url('../images/bg_sub_banner_02.png');}
.sub-banner-box.product-04 .inner {background-image:url('../images/bg_sub_banner_04.png');}
@media (max-width:991px){
.sub-banner-box {padding:50px 0;}
.sub-banner-box .inner {padding:50px 15px; border-radius:20px;}
.sub-banner-box .inner strong {height:35px; padding:0 15px; font-size:14px; margin:0 0 20px;}
.sub-banner-box .inner p {font-size:20px; line-height:1.5;}
}

/* sub-swiper-box */
.sub-swiper-box {padding:100px 0;}
.sub-swiper-box .swiper-slide {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-swiper-box .swiper-slide img {flex:1; min-width:0; margin:0 30px;}
.sub-swiper-box .swiper-slide .swiper-button-prev {position:absolute; top:50%; left:-40px; display:none; font-size:0; width:50px; height:50px; border-radius:50%; background:rgba(102,105,238,0.5) url('../images/icon_swiper_arrow.png') no-repeat center / 18px; margin:0; transform:translateY(-50%) rotate(180deg);}
.sub-swiper-box .swiper-slide .swiper-button-next {position:absolute; top:50%; right:-40px; display:none; font-size:0; width:50px; height:50px; border-radius:50%; background:rgba(102,105,238,0.5) url('../images/icon_swiper_arrow.png') no-repeat center / 18px; margin:0; transform:translateY(-50%);}
.sub-swiper-box .swiper-slide.swiper-slide-active .swiper-button-prev {display:block;}
.sub-swiper-box .swiper-slide.swiper-slide-active .swiper-button-next {display:block;}
.sub-swiper-box .swiper-pagination {display:none;}
@media (max-width:991px){
.sub-swiper-box {padding:50px 0;}
.sub-swiper-box .swiper-slide img {margin:0;}
.sub-swiper-box .swiper-slide .swiper-button-prev {display:none !important;}
.sub-swiper-box .swiper-slide .swiper-button-next {display:none !important;}
.sub-swiper-box .swiper-pagination {display:block; position:static;}
.sub-swiper-box .swiper-pagination .swiper-pagination-bullet-active {background:var(--color-active);}
}

/* sub-swiper-content-box */
.sub-swiper-content-box {padding:150px 0 100px; margin:-200px 0 0; background:#f8f8f8;}
.sub-swiper-content-box .content {display:none;}
.sub-swiper-content-box .content.active {display:block;}
.sub-swiper-content-box .content .container {display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.sub-swiper-content-box .content strong {height:40px; padding:0 20px; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid var(--color-active); color:var(--color-active); border-radius:50px;}
.sub-swiper-content-box .content p {width:100%; margin:20px 0 0; text-align:center; font-size:40px; font-weight:bold; line-height:1.3; color:var(--color-active);}
@media (max-width:991px){
.sub-swiper-content-box {padding:130px 0 50px; margin:-150px 0 0;}
.sub-swiper-content-box .content strong {height:35px; padding:0 15px; font-size:14px;}
.sub-swiper-content-box .content p {font-size:20px; line-height:1.5; margin:10px 0 0;}
}

/* sub-tab-swiper-box */
.sub-tab-swiper-box {padding:100px 0; background:url('../images/bg_sub_tab_swiper.png') no-repeat center / cover;}
.sub-tab-swiper-box > ul > li {display:none;}
.sub-tab-swiper-box > ul > li .container {display:flex; flex-wrap:wrap;}
.sub-tab-swiper-box > ul > li .list-image {width:770px;}
.sub-tab-swiper-box > ul > li .list-image img {width:100%;}
.sub-tab-swiper-box > ul > li .list-content {flex:1; min-width:0; padding:100px 0 0 60px;}
.sub-tab-swiper-box > ul > li .content-tab {width:100%; margin:0 0 60px;}
.sub-tab-swiper-box > ul > li .content-tab ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.sub-tab-swiper-box > ul > li .content-tab ul li {margin:0 5px 10px;}
.sub-tab-swiper-box > ul > li .content-tab ul li a {width:150px; height:50px; background:rgba(0,0,0,0.5); font-size:18px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.sub-tab-swiper-box > ul > li .content-tab ul li.active a {background:#fff; color:#000; font-weight:bold;}
.sub-tab-swiper-box > ul > li .list-content .content-text {margin:40px 0 0;}
.sub-tab-swiper-box > ul > li .list-content .content-text strong {display:block; font-size:45px; font-weight:bold; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); padding:0 0 20px; margin:0 0 20px; max-width:560px;}
.sub-tab-swiper-box > ul > li .list-content .content-text strong b {height:58px; font-size:25px; font-weight:bold; color:#000; margin:10px 0 0; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border-radius:5px;}
.sub-tab-swiper-box > ul > li .list-content .content-text p {font-size:24px; font-weight:500; color:#fff; word-break:keep-all;}
.sub-tab-swiper-box > ul > li .list-content .content-text dl {margin:20px 0 0;}
.sub-tab-swiper-box > ul > li .list-content .content-text dl dd {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:500; color:#fff; word-break:keep-all;}
.sub-tab-swiper-box > ul > li .list-content .content-text dl dd:last-of-type {margin:0;}
.sub-tab-swiper-box > ul > li .list-content .content-text dl dd:before {display:inline-block; content:""; width:24px; height:24px; margin:0 5px 0 0; background:url('../images/icon_check_white.png') no-repeat center / cover;}
.sub-tab-swiper-box > ul > li .list-content .content-text .button-box {margin:50px 0 0; justify-content:flex-start;}
.sub-tab-swiper-box > ul > li .list-content .content-text .button-box .btn {width:230px; height:65px; font-weight:600;}
.sub-tab-swiper-box > ul > li.active {display:block;}
.sub-tab-swiper-box > .swiper-tab {display:none;}
@media (max-width:1400px){
.sub-tab-swiper-box > ul > li .list-image {width:550px;}
.sub-tab-swiper-box > ul > li .list-content {padding:0 0 0 30px;}
}
@media (max-width:991px){
.sub-tab-swiper-box {padding:50px 0;}
.sub-tab-swiper-box > ul > li .list-image {width:100%;}
.sub-tab-swiper-box > ul > li .list-image img {display:block; margin:0 auto; max-width:550px;}
.sub-tab-swiper-box > ul > li .list-content {flex:none; width:100%; margin:20px 0 0; padding:0;}
.sub-tab-swiper-box > ul > li .list-content .content-text {margin:0;}
.sub-tab-swiper-box > ul > li .list-content .content-text strong {max-width:100%; font-size:32px; margin:0 0 20px; padding:0 0 20px;}
.sub-tab-swiper-box > ul > li .list-content .content-text strong b {height:50px; font-size:18px;}
.sub-tab-swiper-box > ul > li .list-content .content-text p {font-size:16px;}
.sub-tab-swiper-box > ul > li .list-content .content-text dl dd {font-size:16px;}
.sub-tab-swiper-box > ul > li .list-content .content-text .button-box {margin:30px 0 0;}
.sub-tab-swiper-box > ul > li .list-content .content-text .button-box .btn {width:170px; height:45px; font-size:16px;}
.sub-tab-swiper-box > ul > li .content-tab {display:block; margin:0 0 30px; padding:0;}
.sub-tab-swiper-box > ul > li .content-tab ul {display:flex; flex-wrap:wrap; margin:0 -2px -4px;}
.sub-tab-swiper-box > ul > li .content-tab ul li {margin:0 2px 4px; width:calc(25% - 4px);}
.sub-tab-swiper-box > ul > li .content-tab ul li:last-of-type {margin:0;}
.sub-tab-swiper-box > ul > li .content-tab ul li a {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:45px; background:rgba(0,0,0,0.5); color:#fff; font-size:16px; font-weight:500;}
.sub-tab-swiper-box > ul > li .content-tab ul li.active a {background:#fff; color:#000; font-weight:600;}
}
@media (max-width:600px){
.sub-tab-swiper-box > ul > li .content-tab ul li {width:calc(33.33% - 4px);}
.sub-tab-swiper-box > ul > li .content-tab ul li a {font-size:14px;}
}

/* tab-box */
.tab-box {margin:30px 0;}
.tab-box .container {max-width:1430px;}
.tab-box ul {display:flex; flex-wrap:wrap;}
.tab-box ul li {flex:1; min-width:0; margin:0 10px 0 0;}
.tab-box ul li:last-of-type {margin:0;}
.tab-box ul li a {height:50px; background:#f4f2f2; font-size:18px; font-weight:500; color:#8f8f8f; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.tab-box ul li.active a {background:var(--color-active); color:#fff; font-weight:600;}
@media (max-width:991px){
.tab-box {margin:10px 0;}
.tab-box ul {font-size:0; display:block; overflow-x:auto; white-space:nowrap; margin:0 -15px;}
.tab-box ul li {display:inline-block; font-size:0; margin:0 5px 0 0;}
.tab-box ul li:first-of-type {margin-left:15px;}
.tab-box ul li:last-of-type {margin-right:15px;}
.tab-box ul li a {height:40px; padding:0 30px; font-size:16px;}
}

/* intro-box */
.intro-box {background:url('../images/bg_intro.png') no-repeat center / cover; padding:150px 0;}
.intro-box .intro-title h2 {text-align:center;}
.intro-box .intro-title h2 img {width:150px;}
.intro-box .intro-title strong {display:block; text-align:center; font-size:40px; font-weight:bold; color:#fff; line-height:1.3; margin:20px 0 0;}
.intro-box .intro-title p {margin:50px 0 0; font-size:24px; color:#fff; text-align:center;}
.intro-box .intro-content {margin:100px auto 0; max-width:1288px;}
.intro-box .intro-content h3 {font-size:30px; font-weight:bold; color:#fff; margin:0 0 20px; text-align:center;}
.intro-box .intro-content ul {display:flex; flex-wrap:wrap;}
.intro-box .intro-content ul li {flex:1; min-width:0; margin:0 30px 0 0; background:#fff; border-radius:20px; padding:100px 20px;}
.intro-box .intro-content ul li:last-of-type {margin:0;}
.intro-box .intro-content ul li p {text-align:center; font-size:20px; font-weight:bold;}
.intro-box .intro-content ul li p:before {display:block; content:""; width:35px; height:35px; margin:0 auto 10px; background:url('../images/icon_footer_start_check.png') no-repeat center / cover;}
@media (max-width:991px){
.intro-box {padding:50px 0;}
.intro-box .intro-title h2 img {width:115px;}
.intro-box .intro-title strong {font-size:22px; line-height:1.5;}
.intro-box .intro-title p {margin:20px 0 0; font-size:16px; word-break:keep-all;}
.intro-box .intro-content {margin:50px 0 0;}
.intro-box .intro-content h3 {font-size:25px;}
.intro-box .intro-content ul li {flex:none; width:100%; margin:0 0 10px; padding:30px 15px;}
.intro-box .intro-content ul li:last-of-type {margin:0;}
.intro-box .intro-content ul li p {font-size:16px;}
}
@media (max-width:520px){
.intro-box .intro-title p br {display:none;}
}

/* person-box */
.person-box {background:#30326C; padding:100px 0; margin:-1px auto 0;}
.person-box .inner {margin:0 auto; max-width:1240px;}
.person-box ul {display:flex; flex-wrap:wrap; margin:0 -40px -80px;}
.person-box ul li {width:calc(50% - 80px); margin:0 40px 80px;}
.person-box ul li:nth-of-type(even) {margin-top:100px;}
.person-box ul li .list-image {background-size:cover; background-position:center; border-radius:20px;}
.person-box ul li .list-image:after {display:block; content:""; padding-bottom:110%;}
.person-box ul li .list-content {margin:15px 0 0;}
.person-box ul li .list-content strong {display:block; font-size:40px; font-weight:600; color:#fff;}
.person-box ul li .list-content p {font-size:20px; font-weight:600; color:#fff;}
.person-box ul li .list-content div {display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 0;}
.person-box ul li .list-content div b {font-size:16px; font-weight:bold; color:#fff; margin:0 10px 0 0;}
.person-box ul li .list-content div small {font-size:16px; color:#fff;}
@media (max-width:991px){
.person-box {padding:50px 0;}
.person-box ul {margin:0 -10px -40px;}
.person-box ul li {width:calc(50% - 20px); margin:0 10px 40px;}
.person-box ul li:nth-of-type(even) {margin-top:0;}
.person-box ul li .list-content {margin:10px 0 0;}
.person-box ul li .list-content strong {font-size:24px;}
.person-box ul li .list-content p {font-size:16px;}
.person-box ul li .list-content div b {font-size:16px;}
.person-box ul li .list-content div small {font-size:16px;}
}
@media (max-width:520px){
.person-box ul {margin:0;}
.person-box ul li {width:100%; margin:0 0 40px;}
.person-box ul li:last-of-type {margin:0;}
}

/* company-box */
.company-box {padding:100px 0;}
.company-box ul {max-width:1400px; margin:0 auto;}
.company-box ul li {margin:0 0 30px; display:flex; flex-wrap:wrap; align-items:center;}
.company-box ul li .list-image {width:50%;}
.company-box ul li .list-image img {width:100%;}
.company-box ul li .list-content {padding:30px 0; width:calc(50% - 40px); margin:0 0 0 40px; border-top:1px solid var(--color-active);}
.company-box ul li .list-content strong {display:block; font-size:55px; font-weight:bold; line-height:1.3;}
.company-box ul li .list-content p {margin:40px 0 0; font-size:20px; font-weight:500; color:#666;}
@media (max-width:1300px){
.company-box ul li .list-content {padding:15px 0;}
.company-box ul li .list-content strong {font-size:40px;}
.company-box ul li .list-content p {margin:10px 0 0;}
}
@media (max-width:991px){
.company-box {padding:50px 0;}
.company-box ul li .list-image {width:100%;}
.company-box ul li .list-content {width:100%; margin:20px 0 0;}
.company-box ul li .list-content strong {font-size:24px;}
.company-box ul li .list-content p {font-size:16px;}
}

/* qa-box */
.qa-box {background:url('../images/bg_qa.png') no-repeat center / cover; padding:100px 0;}
.qa-box h2 {text-align:center; font-size:40px; font-weight:bold; line-height:1.3; color:#fff; word-break:keep-all; margin:0 0 20px;}
@media (max-width:991px){
.qa-box {background-image:url('../images/bg_qa_m.png'); padding:50px 0;}
.qa-box h2 {font-size:20px; line-height:1.5;}
}

/* order-list-box */
.order-list-box > ul {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.order-list-box > ul > li {width:calc(33.33% - 40px); margin:0 20px 40px; border-radius:20px; box-shadow:0 2px 3px rgba(0,0,0,0.25); overflow:hidden;}
.order-list-box > ul > li .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#141541; padding:15px 10px;}
.order-list-box > ul > li .list-head strong {font-size:20px; color:#fff; text-align:center; word-break:keep-all;}
.order-list-box > ul > li .list-body {background:#FBFBFB; padding:20px;}
.order-list-box > ul > li .list-body .body-price p {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; font-size:32px; font-weight:bold; color:var(--color-active);}
.order-list-box > ul > li .list-body .body-price p strong {font-size:48px; font-weight:bold; color:var(--color-active);}
.order-list-box > ul > li .list-body .body-price small {display:block; text-align:center; font-size:20px; word-break:keep-all;}
.order-list-box > ul > li .list-body .body-info {margin:30px 0 0; border-radius:12px; background:#fff; border:1px solid #e3e3e3; min-height:280px; padding:20px 10px;}
.order-list-box > ul > li .list-body .body-info strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:86px; height:30px; border-radius:50px; background:#626262; color:#fff; font-size:16px; margin:0 0 10px;}
.order-list-box > ul > li .list-body .body-info ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 5px;}
.order-list-box > ul > li .list-body .body-info ul li:last-of-type {margin:0;}
.order-list-box > ul > li .list-body .body-info ul li:before {display:inline-block; content:""; width:24px; height:24px; margin:0 5px 0 0; background:url('../images/icon_check_on.png') no-repeat center / cover;}
.order-list-box > ul > li .list-body .body-info ul li p {flex:1; min-width:0; font-size:18px;}
.order-list-box > ul > li .list-foot {border-top:2px dashed rgba(102,102,102,0.2); padding:20px;}
.order-list-box > ul > li .list-foot .btn {color:#fff; height:60px; border-radius:8px; font-size:20px; font-weight:600;}
@media (max-width:1300px){
.order-list-box > ul > li {width:calc(50% - 40px);}
}
@media (max-width:991px){
.order-list-box > ul > li .list-head {padding:10px;}
.order-list-box > ul > li .list-head strong {font-size:14px;}
.order-list-box > ul > li .list-body {padding:15px;}
.order-list-box > ul > li .list-body .body-price p {font-size:20px;}
.order-list-box > ul > li .list-body .body-price p strong {font-size:36px;}
.order-list-box > ul > li .list-body .body-info {margin:15px 0 0; padding:10px;}
.order-list-box > ul > li .list-body .body-info strong {font-size:13px; width:80px; height:27px;}
.order-list-box > ul > li .list-body .body-info ul li:before {width:20px; height:20px;}
.order-list-box > ul > li .list-body .body-info ul li p {font-size:15px;}
}
@media (max-width:767px){
.order-list-box > ul {margin:0;}
.order-list-box > ul > li {width:100%; margin:0 0 30px;}
.order-list-box > ul > li:last-of-type {margin:0;}
.order-list-box > ul > li .list-body .body-info {min-height:200px;}
}

/* count-box */
.count-box {display:flex; flex-wrap:wrap; align-items:center; width:84px; border:1px solid #d9d9d9; border-radius:4px; background:#fff;}
.count-box input {flex:1; min-width:0; border:0; height:30px; font-size:15px; padding:0 0 0 10px;}
.count-box .inner {margin:0 5px; width:30px;}
.count-box .inner a {display:block; width:100%; height:16px; font-size:0; border-bottom:1px solid #d9d9d9;}
.count-box .inner a:first-of-type {background:url('../images/icon_sort_top.png') no-repeat center / 8px auto;}
.count-box .inner a:last-of-type {border:0; background:url('../images/icon_sort_bottom.png') no-repeat center / 8px auto;}

/* board-list-box */
.board-list-box ul {display:flex; flex-wrap:wrap; margin:0 -10px -40px;}
.board-list-box ul li {width:calc(33.33% - 20px); margin:0 10px 40px;}
.board-list-box ul li a {display:block;}
.board-list-box ul li a .list-image {border-radius:20px; background-size:cover; background-position:center;}
.board-list-box ul li a .list-image:after {display:block; content:""; padding-bottom:64%;}
.board-list-box ul li a .list-content {margin:15px 0 0;}
.board-list-box ul li a .list-content p {font-size:20px; font-weight:600;}
.board-list-box ul li a .list-content small {display:block; margin:10px 0 0; font-size:16px;}
.board-list-box ul li a .list-content dl {margin:10px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box ul li a .list-content dl dd {margin:0 20px 0 0; font-size:16px; color:#666;}
.board-list-box ul li a .list-content dl dd:last-of-type {margin:0;}
@media (max-width:991px){
.board-list-box ul {margin:0 -5px -40px;}
.board-list-box ul li {width:calc(50% - 10px); margin:0 5px 40px;}
.board-list-box ul li a .list-content {margin:10px 0 0;}
.board-list-box ul li a .list-content p {font-size:16px;}
.board-list-box ul li a .list-content small {margin:5px 0 0; font-size:14px;}
.board-list-box ul li a .list-content dl {margin:5px 0 0;}
.board-list-box ul li a .list-content dl dd {font-size:14px;}
}
@media (max-width:520px){
.board-list-box ul {margin:0;}
.board-list-box ul li {width:100%; margin:0 0 40px;}
.board-list-box ul li:last-of-type {margin:0;}
}

/* board-top-box */
.board-top-box {margin:100px 0 40px; display:flex; flex-wrap:wrap; align-items:center;}
.board-top-box select {width:200px; height:50px; padding:0 30px 0 10px; margin:0 10px 0 0; border-bottom:1px solid #000; font-size:16px; background:#fff url('../images/icon_select.png') no-repeat calc(100% - 10px) center / 15px;}
.board-top-box input {flex:1; min-width:0; height:50px; padding:0 10px; font-size:16px; border-bottom:1px solid #000;}
.board-top-box .submit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 0 10px; height:50px; border-radius:10px; background:#141541; color:#fff; padding:0 30px; font-size:16px;}
@media (max-width:991px){
.board-top-box {margin:50px 0;}
.board-top-box select {flex:1; min-width:0; height:40px;}
.board-top-box select:last-of-type {margin:0;}
.board-top-box input {height:40px;}
.board-top-box .submit {height:40px; padding:0 20px;}
}

/* guide-box */
.guide-box {margin:0 0 100px;}
.guide-box .guide-tab {margin:30px 0;}
.guide-box .guide-tab ul {display:flex; flex-wrap:wrap;}
.guide-box .guide-tab ul li {flex:1; min-width:0; margin:0 10px 0 0;}
.guide-box .guide-tab ul li:last-of-type {margin:0;}
.guide-box .guide-tab ul li a {height:50px; background:#f4f2f2; font-size:18px; color:#8f8f8f; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.guide-box .guide-tab ul li.active a {background:var(--color-active); color:#fff; font-weight:bold;}
.guide-box .guide-content {display:flex; flex-wrap:wrap; align-items:flex-start;}
.guide-box .guide-content .content-left {width:250px; background:#141541; border-radius:20px; padding:30px 20px; position:sticky; top:90px;}
.guide-box .guide-content .content-left ul li {margin:0 0 15px;}
.guide-box .guide-content .content-left ul li:last-of-type {margin:0;}
.guide-box .guide-content .content-left ul li button {width:100%; display:flex; flex-wrap:wrap; align-items:center; height:40px; border-radius:8px; background:#2c2c50; padding:0 10px;}
.guide-box .guide-content .content-left ul li button p {flex:1; min-width:0; font-size:16px; color:#d9d9d9; text-align:left;}
.guide-box .guide-content .content-left ul li button:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_guide_more.png') no-repeat center / cover;}
.guide-box .guide-content .content-left ul li button.toggle:after {background-image:url('../images/icon_guide_toggle.png');}
.guide-box .guide-content .content-left ul li dl {display:none; margin:8px 0 0;}
.guide-box .guide-content .content-left ul li dl dd a {display:flex; flex-wrap:wrap; align-items:center; padding:5px 20px; font-size:16px; color:#7F80A7;}
.guide-box .guide-content .content-left ul li dl dd a:hover {color:#fff; text-decoration:underline;}
.guide-box .guide-content .content-left ul li dl dd.active a {color:#fff;}
.guide-box .guide-content .content-left ul li dl dd.active a:before {display:inline-block; content:""; width:3px; height:3px; background:#fff; border-radius:50%; margin:0 10px;}
.guide-box .guide-content .content-left ul li.active button {background:var(--color-active);}
.guide-box .guide-content .content-left ul li.active button p {color:#fff;}
.guide-box .guide-content .content-left ul li.active button.toggle:after {transform:rotate(180deg);}
.guide-box .guide-content .content-left ul li.active dl {display:block;}
.guide-box .guide-content .content-right {flex:1; min-width:0; margin:0 0 0 40px;}
.guide-box .guide-content .content-right .right-inner {display:none;}
.guide-box .guide-content .content-right .right-inner > ul > li {background:#F4F2F2; padding:30px; border-radius:20px; margin:0 0 30px;}
.guide-box .guide-content .content-right .right-inner > ul > li:last-of-type {margin:0;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-title {margin:0 0 20px; display:flex; flex-wrap:wrap;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-title:before {display:inline-block; content:""; width:5px; height:5px; background:#000; border-radius:50%; margin:21px 10px 0;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-title > div {flex:1; min-width:0;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-title > div strong {display:block; font-size:32px; font-weight:bold; word-break:keep-all;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-title > div p {font-size:18px; font-weight:500; word-break:keep-all;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-content p {font-size:18px; font-weight:500; color:#666; word-break:keep-all;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-content img {margin:30px 0 0; width:100%; display:block;}
.guide-box .guide-content .content-right .right-inner.active {display:block;}
@media (max-width:991px){
.guide-box {margin:0 0 50px;}
.guide-box .guide-tab {margin:20px 0;}
.guide-box .guide-tab ul li {margin:0 5px 0 0;}
.guide-box .guide-tab ul li a {height:45px; font-size:15px;}
.guide-box .guide-content .content-left {width:100%; border-radius:10px; padding:20px; position:static;}
.guide-box .guide-content .content-right {flex:none; width:100%; margin:20px 0 0;}
.guide-box .guide-content .content-right .right-inner > ul > li {padding:20px; border-radius:10px;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-title {margin:0 0 15px;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-title:before {display:none;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-title > div strong {font-size:22px;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-title > div p {font-size:16px;}
.guide-box .guide-content .content-right .right-inner > ul > li .right-content p {font-size:15px;}
}

/* agree-box */
.agree-box {margin:70px auto 0; padding:100px 0; max-width:1200px;}
.agree-box * {height:auto !important; line-height:1.5 !important; white-space:normal !important; width:auto !important;}
.agree-box h2 {text-align:center; font-size:40px; font-weight:bold; text-align:center; margin:0 0 50px;}
.agree-box .agree {margin:0 0 50px;}
.agree-box .agree:last-of-type {margin:0;}
.agree-box .agree h3 {font-size:30px; font-weight:bold; text-align:center; margin:0 0 50px;}
.agree-box .agree strong {display:block; font-size:20px; font-weight:600; margin:0 0 15px;}
.agree-box .agree ul li {font-size:16px; word-break:keep-all; margin:0 0 5px;}
.agree-box .agree ul li:last-of-type {margin:0;}
.agree-box .agree ul.order {padding:0 0 0 15px;}
.agree-box .agree ul.order li {list-style:auto;}
@media (max-width:991px){
.agree-box * {padding:0 !important;}
}

/* 약관 */
.hcI {width:100% !important;}
.hpa, .htb {width:100% !important;}
.hcD {width:100% !important;}
.hpN {display:none !important;}
.hls {width:100% !important;}
/* 대 타이틀 */
.hrt.cs21 {display:block !important; width:100% !important; font-size:30px !important; font-weight:bold !important; margin:100px 0 50px !important;}
/* 중간 타이틀 */
.hrt.cs12, .hrt.cs22, .hrt.cs32 {font-size:20px !important; font-weight:600 !important; margin:50px 0 15px !important; display:block;}
/* 작은 텍스트 */
.hrt.cs1, .hrt.cs2, .hrt.cs7, .hrt.cs15, .hrt.cs31 {font-size:16px !important; word-break:keep-all; margin:0 0 5px !important;}
@media (max-width:991px){
/* 대 타이틀 */
.hrt.cs21 {font-size:20px !important; margin:30px 0 !important;}
/* 중간 타이틀 */
.hrt.cs12, .hrt.cs22, .hrt.cs32 {font-size:17px !important; margin:30px 0 10px !important;}
/* 작은 텍스트 */
.hrt.cs1, .hrt.cs2, .hrt.cs7, .hrt.cs15, .hrt.cs31 {font-size:14px !important;}
}

/* popup-box */
.popup-box {position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.7);}
.popup-box .box {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 30px); max-width:650px;}
.popup-box .box img {width:100%;}
.popup-box .box div {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px 30px; background:#000;}
.popup-box .box div > * {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#fff;}
.popup-box .box div > *.close:after {display:inline-block; content:""; width:13px; height:13px; margin:0 0 0 10px; background:url('../images/icon_popup_close.svg') no-repeat center / cover;}
@media (max-width:991px){
.popup-box .box div {padding:10px;}
}

/* modal-box */
.modal-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.7); transition:all ease 0.5s; background:rgba(0,0,0,0.7);}
.modal-box .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); width:calc(100% - 30px); max-width:415px; border-radius:12px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.7); max-height:95%; display:flex; flex-direction:column;}
.modal-box .box .close {position:absolute; right:-70px; top:0; width:50px; height:50px; font-size:0; background:url('../images/icon_modal_close.svg') no-repeat center / cover;}
.modal-box .box .modal-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#141541; padding:15px 10px; border-radius:12px 12px 0 0;}
.modal-box .box .modal-head strong {font-size:20px; color:#fff; text-align:center; word-break:keep-all;}
.modal-box .box .modal-body {width:100%; height:100%; overflow-y:auto; padding:20px;}
.modal-box .box .modal-body .body-price p {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; font-size:32px; font-weight:bold; color:var(--color-active);}
.modal-box .box .modal-body .body-price p strong {font-size:48px; font-weight:bold; color:var(--color-active);}
.modal-box .box .modal-body .body-price small {display:block; text-align:center; font-size:20px; word-break:keep-all;}
.modal-box .box .modal-body .body-info {margin:30px 0 0; border-radius:12px; background:#fff; border:1px solid #e3e3e3; min-height:280px; padding:20px 10px;}
.modal-box .box .modal-body .body-info strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:86px; height:30px; border-radius:50px; background:#626262; color:#fff; font-size:16px; margin:0 0 10px;}
.modal-box .box .modal-body .body-info ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 5px;}
.modal-box .box .modal-body .body-info ul li:last-of-type {margin:0;}
.modal-box .box .modal-body .body-info ul li:before {display:inline-block; content:""; width:24px; height:24px; margin:0 5px 0 0; background:url('../images/icon_check_on.png') no-repeat center / cover;}
.modal-box .box .modal-body .body-info ul li p {flex:1; min-width:0; font-size:18px;}
.modal-box .box .modal-foot {width:100%; padding:20px;}
.modal-box .box .modal-foot .btn {color:#fff; height:60px; border-radius:8px; font-size:20px; font-weight:600;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.modal-box .box .close {right:0; top:-50px; width:40px; height:40px;}
.modal-box .box .modal-head {padding:10px;}
.modal-box .box .modal-head strong {font-size:14px;}
.modal-box .box .modal-body {padding:15px;}
.modal-box .box .modal-body .body-price p {font-size:20px;}
.modal-box .box .modal-body .body-price p strong {font-size:36px;}
.modal-box .box .modal-body .body-price small {font-size:16px;}
.modal-box .box .modal-body .body-info {margin:15px 0 0; padding:10px;}
.modal-box .box .modal-body .body-info strong {font-size:13px; width:80px; height:27px;}
.modal-box .box .modal-body .body-info ul li:before {width:20px; height:20px;}
.modal-box .box .modal-body .body-info ul li p {font-size:15px;}
}
@media (max-width:767px){
.modal-box .box .modal-body .body-info {min-height:200px;}
}