/* --------------------------------common-------------------------------- */
#header {border-color: transparent;}
.inner {max-width:1480px;}
.h2 {color: #222; font-weight: 700;}
/*재생,일시정지*/
.control_wrap {display: flex; align-items: center; gap: 0.5rem; z-index: 10;}
.swiper-button-prev,
.swiper-button-next {position: static; width: 1.625rem; height: 1.625rem; margin: 0; background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.swiper-button-prev {background-image: url(../fonts/ico_prev.svg);}
.swiper-button-next {background-image: url(../fonts/ico_next.svg);}
.autoplay-control-wrap button {display: block; width: 1.625rem; height: 1.625rem; cursor: pointer;}
.autoplay-control-wrap button:before {content: ''; display: block; width: 1.625rem; height: 1.625rem; background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.autoplay-control-wrap button[aria-pressed="false"]:before {background-image: url(../fonts/ico_pause.svg);}
.autoplay-control-wrap button[aria-pressed="true"]:before {background-image: url(../fonts/ico_play.svg);}
/* --------------------------------//common-------------------------------- */


/* --------------------------------main_vis-------------------------------- */
.main_vis .inner {width: 96%; max-width: none; margin: 0;}
.main_vis .slide_wrap {border-radius: 0 3.75rem 3.75rem 0; overflow: hidden;}
.main_vis .swiper-slide {height: 450px; background-size: cover; background-position: right top 35%; background-repeat: no-repeat;}
.main_vis .slide_01 {background-image: url(../images/main_vis_01.png);}
.main_vis .slide_02 {background-image: url(../images/main_vis_02.png);}
.main_vis .text_wrap {position: absolute; left: 10%; top: 12%; color: #fff;}
.main_vis .text_wrap h2 {margin-bottom: 0.875rem; font-size: 2rem; font-weight: 600; line-height: 130%;}
.main_vis .text_wrap >p {font-size: 1rem; font-weight: 400; line-height: 150%; color: #ddd;}
.main_vis .text_wrap >p span {color: #FCE116;}
.main_vis .text_wrap .btn_type_01[data-size="sm"] {padding: 0 1.75rem; height: 3.375rem;}
.main_vis .bot_wrap {margin-top: 1.25rem;}
.main_vis .flex_wrap {display: inline-flex; gap: 3rem; margin-top: 1.25rem; padding: 1.25rem; background-color: rgba(255,255,255,0.1); border-radius: 1.25rem;}
.main_vis .flex_wrap h6 {font-size: 0.875rem; font-weight: 600; line-height: 130%; color: rgba(255,255,255,0.8);}
.main_vis .flex_wrap .left h6 {margin-bottom: 0.25rem;}
.main_vis .flex_wrap .left {position: relative}
.main_vis .flex_wrap .left::after {content: ""; position: absolute; right: -1.5rem; top: 50%; width: 1px; height: calc(100% + 0.5rem); transform: translateY(-50%); background-color: rgba(255,255,255,0.3);}
.main_vis .num_wrap {position: relative; display: flex; align-items: center; justify-content: center; gap: 0.375rem;}
.main_vis .num_wrap i {width: 1.25rem; height: 1.25rem; background: url(../images/ico_phone.svg) no-repeat center/100% auto;}
.main_vis .num_wrap p {font-size: 1rem; font-weight: 700; line-height: 130%;}
.main_vis .bot_wrap li {display: flex; align-items: center; gap: 0.5rem; line-height: 130%; font-size: 0.875rem; opacity: 0.8;}
.main_vis .bot_wrap li:not(:last-child) {margin-bottom: 0.125rem;}
.main_vis .bot_wrap li h6 {width: 3.5rem;}
.main_vis .add_wrap {display: flex; align-items: center; gap: 1.875rem; position: absolute; left: 10%; bottom: 10%; z-index: 10;}
.main_vis .swiper-pagination-wrap {display: flex; gap: 1.5rem;}
.main_vis .swiper-pagination-bullet {display: block; width: 8px; height: 8px; border: 1px solid #fff; background-color: transparent; opacity: 0.6;}
.main_vis .swiper-pagination-bullet-active {background-color: #fff; opacity: 1;}
@media screen and (max-width: 1024px) {
    .main_vis .slide_wrap {border-radius: 0 2.5rem 2.5rem 0;}
    .main_vis .swiper-slide {height: 480px; background-position: right top 85%;}
    .main_vis .slide_01 {background-image: url(../images/main_vis_01_ta.png);}
    .main_vis .slide_02 {background-image: url(../images/main_vis_02_ta.png);}
    .main_vis .text_wrap {left: 6%; top: 18%;}
    .main_vis .bot_wrap {margin-top: 2rem;}
    .main_vis .flex_wrap {flex-direction: column; align-items: baseline; gap: 1.5rem;}
    .main_vis .flex_wrap >div {width: 100%;}
    .main_vis .flex_wrap .left::after {left: 0; right: auto; top: auto; bottom: -0.75rem; width: 100%; height: 1px;}
    .main_vis .num_wrap {justify-content: left;}
    .main_vis .bot_wrap ul {display: flex; gap: 1.125rem;}
    .main_vis .bot_wrap li h6 {width: auto;}
    .main_vis .add_wrap {justify-content: space-between; left: 6%; bottom: auto; top: 10%; width: 88%;}
}/*md2*/
@media screen and (max-width: 767px) {
    .main_vis .text_wrap {top: 14%;}
    .main_vis .bot_wrap {margin-top: 2rem;}
    .main_vis .flex_wrap {margin-top: 2rem;}
    .main_vis .add_wrap {top: 8%;}
}/*md2*/
@media screen and (max-width: 500px) {
    .main_vis .swiper-slide {background-position: center top 15%;}
    .main_vis .slide_01 {background-image: url(../images/main_vis_01_mo.png);}
    .main_vis .slide_02 {background-image: url(../images/main_vis_02_mo.png);}
    .main_vis .text_wrap {left: 8%; top: 20%;}
    .main_vis .text_wrap h2 {font-size: 1.875rem;}
    .main_vis .text_wrap .btn_type_01[data-size="sm"] {font-size: 1rem};
    .main_vis .bot_wrap {margin-top: 1.875rem;}
    .main_vis .bot_wrap li {font-size: 1rem;}
    .main_vis .flex_wrap {margin-top: 2rem; padding: 1.25rem 1.5rem;}
    .main_vis .flex_wrap h6 {font-size: 1rem;}
    .main_vis .flex_wrap .left h6 {display: none;}
    .main_vis .num_wrap p {font-size: 1.5rem;}
    .main_vis .add_wrap {left: 8%; top: 12%; width: 84%;}
    .main_vis .add_wrap .control_wrap {transform: translateY(-2rem);}
}/*sm1*/
/* --------------------------------//main_vis-------------------------------- */


/* --------------------------------main_sec_01-------------------------------- */
.main_sec_01 {padding: 5rem 0;}
.main_sec_01::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; background-color: #F3F7FF; z-index: -1;}
.main_sec_01 .inner {display: flex; gap: 6.875rem;}
.main_sec_01 .title_wrap p {margin-top: 0.5rem; font-size: 1.5rem;}
.main_sec_01 .service_wrap {display: flex; flex: 1; gap: 1.25rem;}
.main_sec_01 .service_wrap li {flex: 1;}
.main_sec_01 .text_wrap {position: absolute; left: 13%; top: 3rem; color: #fff; white-space: nowrap;}
.main_sec_01 .text_wrap strong {display: block; margin-bottom: 0.625rem; line-height: 130%; transition: font-size 0.5s;}
.main_sec_01 .text_wrap i {line-height: 145%; color: rgba(255,255,255,0.8);}
.main_sec_01 .service_wrap .btn_type_02 {height: 0; padding-bottom: 75%; border-radius: 2.5rem;}
.main_sec_01 .service_wrap .btn_type_02::after {right: 10%; bottom: 12%;}
.main_sec_01 .btn_type_02:hover {background-image: url(../images/main_sec_01_btn_hover.png) !important;}
/*ani*/
/*.main_sec_01 li:nth-child(2) .aos-animate {transition-delay: 0.2s;}*/
/*.main_sec_01 li:nth-child(3) .aos-animate {transition-delay: 0.4s;}*/
@media screen and (min-width: 1200.1px) {
    .main_sec_01 .btn_type_02:hover {transform: translateY(-2rem);}
    /*.main_sec_01 .btn_type_02:hover strong {font-size: 1.25rem;}*/
}/*xlg*/
@media screen and (max-width: 1400px) {
    .main_sec_01 .inner {gap: 4.5rem;}
    .main_sec_01 .text_wrap {top: 2.5rem;}
    .main_sec_01 .text_wrap .h3 {font-size: 1.35rem;}
}/*lg*/
@media screen and (max-width: 1200px) {
    .main_sec_01 {padding: 4.25rem 0 8.75rem;}
    .main_sec_01 .inner {flex-direction: column; gap: 3.5rem;}
    .main_sec_01 .title_wrap br {display: none;}
}/*md1*/
@media screen and (max-width: 1024px) {
    .main_sec_01 .inner {gap: 2.75rem;}
    .main_sec_01 .text_wrap {position: static;}
    .main_sec_01 .text_wrap .h3 {margin-bottom: 0.75rem; font-size: 1.75rem;}
    .main_sec_01 .text_wrap .h3 br {display: none}
    .main_sec_01 .text_wrap .bpc {display: none;}
    .main_sec_01 .service_wrap {flex-direction: column;}
    .main_sec_01 .service_wrap .btn_type_02 {height: auto; padding: 2.275rem 2.275rem 1.875rem; border-radius: 1.25rem;}
    .main_sec_01 .service_wrap .btn_type_02::after {right: 1.75rem; bottom: 1.875rem;}
}/*md2*/
@media screen and (max-width: 500px) {
    .main_sec_01 {padding: 7rem 0 8.75rem;}
    .main_sec_01 .title_wrap p {font-size: 1rem;}
    .main_sec_01 .text_wrap {position: absolute; left: 2.5rem; top: 2.5rem; transform: translateY(0);}
    .main_sec_01 .text_wrap .h3 {margin-bottom: 0.875rem}
    .main_sec_01 .text_wrap .h3 br {display: block;}
    .main_sec_01 .service_wrap .btn_type_02 {height: 0; padding: 0 0 60% 0;}
}/*sm2*/
/* --------------------------------//main_sec_01-------------------------------- */


/* --------------------------------main_sec_02-------------------------------- */
.main_sec_02 {padding-bottom: 10rem; background-color: #F3F7FF;}
.main_sec_02 .title_wrap {margin-bottom: 5rem;}
.main_sec_02 .title_wrap .h2 {color:#222;position:relative;display:flex;flex-wrap:nowrap;align-items:flex-end;gap:3.5rem}
.main_sec_02 .title_wrap .h2::after{content:'';width:auto;height:1px;display:inline-block;background:#DDD;flex-shrink:1;flex-grow:1;margin-bottom:1rem}
.main_sec_02 .flex_wrap {display: flex; align-items: flex-start; gap: 5rem;}
.main_sec_02 .flex_wrap >li {position: relative; width: calc((100% - 5rem)/2);}
/*board*/
.main_sec_02 [role="tablist"] {gap: 1.875rem; padding-bottom: 1rem; border-bottom: 1px solid #AAA; overflow: visible;}
.main_sec_02 [role="tab"] {flex: none; height: auto; font-size: 1.875rem; color: #aaa; font-weight: 700; border-bottom: none; background-color: transparent;}
.main_sec_02 [role="tab"][aria-selected="true"] {color: #222;}
.main_sec_02 [role="tab"][aria-selected="true"]::after {content: ""; position: absolute; right: -0.75rem; top: -0.25rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #165DE7;}
.main_sec_02 [role="tabpanel"] {margin-top: 0;}
.main_sec_02 [role="tabpanel"] li {border-bottom: 1px solid #EEEEEE;}
.main_sec_02 [role="tabpanel"] a {display: flex; align-items: center; width: 100%; height: 4.375rem; font-size: 1rem;}
.main_sec_02 [role="tabpanel"] .cate {width: 15%; font-weight: 600; color: #165DE7;}
.main_sec_02 [role="tabpanel"] .title {width: calc(100% - 15% - 20%);}
.main_sec_02 [role="tabpanel"] .title h4 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;}
.main_sec_02 [role="tabpanel"] .date {width: 20%; text-align: right; color: #aaa;}
.main_sec_02 [role="tabpanel"] .btn_more {position: absolute; right: 0; top: 0; width: 2.5rem; height: 2.5rem; background: url(../images/ico_more.svg) no-repeat center/100% auto; transition: transform 0.5s;}
.main_sec_02 [role="tabpanel"] .btn_more:hover {transform: rotate(180deg);}
.main_sec_02 #tabpanel2[role="tabpanel"] a {gap: 2rem;}
.main_sec_02 #tabpanel2[role="tabpanel"] .title {width: calc(100% - 1.5rem - 2rem);}
.main_sec_02 #tabpanel2[role="tabpanel"] i {width: 1.5rem; height: 1.5rem; background: url(../fonts/ico_link.svg) no-repeat center/100% auto;}
/*menu*/
.main_sec_02 .menu_wrap ul {display: flex; flex-wrap: wrap; gap: 1.875rem;}
.main_sec_02 .menu_wrap li {flex: calc((100% - 1.875rem)/2) 0 0; box-shadow: 10px 6px 25px -8px rgba(0,0,0,0.1); -webkit-box-shadow: 10px 6px 25px -8px rgba(0,0,0,0.1); -moz-box-shadow: 10px 6px 25px -8px rgba(0,0,0,0.1); border-radius: 2.5rem;}
.main_sec_02 .menu_wrap a {display: block; padding: 2.75rem 2.5rem 5.375rem; background: #fff; transition: background 0.5s; border-radius: 2.5rem;}
.main_sec_02 .menu_wrap .h5 {line-height: 130%; color: #222; transition: color 0.5s;}
.main_sec_02 .menu_wrap i {position: absolute; right: 1.875rem; bottom: 1.875rem; width: 3rem; height: 3rem; background-size: 100% auto; background-position: center; background-repeat: no-repeat; transition: background 0.5s;}
.main_sec_02 .menu_wrap li:nth-child(1) i {background-image: url(../fonts/main_sec_02_ico_01.svg);}
.main_sec_02 .menu_wrap li:nth-child(2) i {background-image: url(../fonts/main_sec_02_ico_02.svg);}
.main_sec_02 .menu_wrap li:nth-child(3) i {background-image: url(../fonts/main_sec_02_ico_03.svg);}
.main_sec_02 .menu_wrap li:nth-child(4) i {background-image: url(../fonts/main_sec_02_ico_04.svg);}
.main_sec_02 .menu_wrap a:hover {background: url(../fonts/213f1af3ab6b4571a7b180480f5bc643.svg);}
.main_sec_02 .menu_wrap li:nth-child(2) a:hover i {background-image: url(../fonts/main_sec_02_ico_02_hover.svg);}
.main_sec_02 .menu_wrap li:nth-child(3) a:hover i {background-image: url(../fonts/main_sec_02_ico_03_hover.svg);}
.main_sec_02 .menu_wrap li:nth-child(4) a:hover i {background-image: url(../fonts/main_sec_02_ico_04_hover.svg);}
@media screen and (max-width: 1024px) {
    .main_sec_02 {padding-bottom: 9rem;}
    .main_sec_02 .title_wrap {margin-bottom: 3rem;}
    .main_sec_02 .title_wrap .h2::after {display: none;}
    .main_sec_02 .flex_wrap {flex-direction: column; gap: 3.5rem; width: 100%;}
    .main_sec_02 .flex_wrap >li {width: 100%;}
    /*board*/
    .main_sec_02 [role="tabpanel"] .cate {width: 20%;}
    .main_sec_02 [role="tabpanel"] .title {width: calc(100% - 20% - 20%);}
    .main_sec_02 [role="tabpanel"] .date {width: 20%;}
    .main_sec_02 #tabpanel1[role="tabpanel"] a {flex-wrap: wrap; height: auto; padding: 1.25rem 0;}
    .main_sec_02 #tabpanel1[role="tabpanel"] .cate {width: 100%; margin-bottom: 0.625rem;}
    .main_sec_02 #tabpanel1[role="tabpanel"] .title {width: calc(100% - 28%);}
    .main_sec_02 #tabpanel1[role="tabpanel"] .date {width: 28%;}
    /*menu*/
    .main_sec_02 .menu_wrap ul {gap: 0.5rem}
    .main_sec_02 .menu_wrap li {flex: 1 0 0;}
    .main_sec_02 .menu_wrap a {padding: 1.75rem 1.5rem 5.5rem; border-radius: 1.5rem;}
    .main_sec_02 .menu_wrap .h5 {font-size: 1.25rem;}
}/*md2*/
@media screen and (max-width: 767px) {
    .main_sec_02 {padding-bottom: 8rem;}
    /*menu*/
    .main_sec_02 .menu_wrap ul {gap: 0.75rem}
    .main_sec_02 .menu_wrap li {position: relative; flex: calc((100% - 0.75rem)/2) 0 0;}
    /*추가*/
    .main_sec_02 .menu_wrap li:nth-child(odd) {display: none;}
}/*sm1*/
/* --------------------------------//main_sec_02-------------------------------- */


/* --------------------------------main_sec_03-------------------------------- */
.main_sec_03 {padding: 1.5rem 0;}
.main_sec_03 .swiper-slide {width: auto;}
.main_sec_03 .swiper-slide figure {width: auto; height: 4rem;}
.main_sec_03 .swiper-slide img {width: auto; height: 100%;}
.main_sec_03 .control_wrap {position: absolute; right: 14px; bottom: 4px;}
.main_sec_03 .swiper-button-prev {background-image: url(../fonts/ico_prev_bk.svg);}
.main_sec_03 .swiper-button-next {background-image: url(../fonts/ico_next_bk.svg);}
.main_sec_03 .autoplay-control-wrap button[aria-pressed="false"]:before {background-image: url(../fonts/ico_pause_bk.svg);}
.main_sec_03 .autoplay-control-wrap button[aria-pressed="true"]:before {background-image: url(../fonts/ico_play_bk.svg);}
@media screen and (max-width: 767px) {
    .main_sec_03 {padding: 1.5rem 0;}
    .main_sec_03 .control_wrap {bottom: 8px}
}/*sm1*/
/* --------------------------------//main_sec_03-------------------------------- */


/* --------------------------------main_en-------------------------------- */
.main_vis[data-layout="en"] .text_wrap {top: 50%; transform: translateY(-50%);}
.main_vis[data-layout="en"] .text_wrap h2 {margin-bottom: 0;}
.main_vis[data-layout="en"] .text_wrap h3 {margin-bottom: 0.75rem; font-size: 1.5rem; font-weight: 600; line-height: 130%;}
.main_vis[data-layout="en"] .flex_wrap {margin-top: 0;}
.main_vis[data-layout="en"] .flex_wrap .left::after {height: calc(100% + 1.25rem);}
/*sec1*/
.main_sec_01[data-layout="en"] .text_wrap {left: 10%; width: 80%; white-space: unset; word-break: keep-all;}
.main_sec_01[data-layout="en"] .text_wrap .h3 {font-size: 1.625rem;}
/*sec2*/
.main_sec_02[data-layout="en"] .table_wrap {border-top: 1px solid #165DE7;}
.main_sec_02[data-layout="en"] .table_wrap li {display: flex; border-bottom: 1px solid #DDDDDD; font-size: 1rem; color: #666; line-height: 150%;}
.main_sec_02[data-layout="en"] .table_wrap .left {display: flex; align-items: center; justify-content: center; width: 12.5rem; border-right: 1px solid #DDDDDD; background-color: #F9F9F9;}
.main_sec_02[data-layout="en"] .table_wrap .right {flex: 1; padding: 0.875rem 1.5rem; background-color: #fff; }
.main_sec_02[data-layout="en"] .table_wrap li li:last-child {border-bottom: none;}
.main_sec_02[data-layout="en"] .address_map {margin-bottom: 1.875rem; padding: 1rem 0; background-color: #fff; border-top: 1px solid #165DE7; border-bottom: 1px solid #165DE7;}
.main_sec_02[data-layout="en"] .btn_wrap {display:flex; gap:2.5rem; flex-direction:row; align-items:center; justify-content:space-between; margin:1.875rem auto 0}
.main_sec_02[data-layout="en"] .btn_map {display:flex; flex-direction:row; align-items:center; justify-content:center; gap:.5rem; background-color:#fff; font-weight:600; color:#222; flex:50%; border-radius:50px; padding:.625rem 0}
.main_sec_02[data-layout="en"] .btn_map i {width:2.125rem; height:2.125rem; background-size:contain; background-position:center; background-repeat:no-repeat}
.main_sec_02[data-layout="en"] .google_map i {background-image:url(../images/ico_map_google.png)}
.main_sec_02[data-layout="en"] .kakao_map i {background-image:url(../images/ico_map_kakao.png)}
.main_sec_02[data-layout="en"] .bta {display:none}
@media screen and (max-width: 1610px) {
    .main_sec_01[data-layout="en"] .text_wrap {top: 10%;}
    .main_sec_01[data-layout="en"] .text_wrap .h3 {font-size: 1.5rem;}
}
@media screen and (max-width: 1300px) {
    .main_sec_01[data-layout="en"] .inner {flex-direction: column; gap: 3.5rem;}
}
@media screen and (max-width: 1024px) {
    .main_vis[data-layout="en"] .flex_wrap .left::after {left: 0; right: auto; top: auto; bottom: -0.75rem; width: 100%; height: 1px;}
    .main_sec_01[data-layout="en"] .text_wrap i {display: block; width: 80%;}
    .main_sec_02[data-layout="en"] {padding-bottom: 8rem;}
}
@media screen and (max-width: 767px) {
    .main_vis[data-layout="en"] .flex_wrap {padding: 1rem 1.75rem}
    .main_vis[data-layout="en"] .bot_wrap ul {gap: 1rem;}
    .main_vis[data-layout="en"] .bot_wrap li {align-items: flex-start;}
    .main_sec_01[data-layout="en"] .text_wrap {top: 12%; left: 7%;}
    .main_sec_01[data-layout="en"] .text_wrap i {font-size: 1.125rem;}
    .main_sec_02[data-layout="en"] {padding-bottom: 7rem;}
    .main_sec_02[data-layout="en"] .table_wrap .left {width: 9rem;}
    .main_sec_02[data-layout="en"] .btn_wrap {gap:2.16rem; margin-top:1.54rem}
    .main_sec_02[data-layout="en"] .btn_map {width: 100%;}
}
@media screen and (max-width: 500px) {
    .main_vis[data-layout="en"] .bot_wrap ul {gap: 2rem;}
    .main_vis[data-layout="en"] .bot_wrap li {flex-direction: column; gap: 0.25rem;}
    .main_sec_02[data-layout="en"] .btn_wrap {gap:0.5rem; flex-direction:column}
}/*sm2*/
/* --------------------------------//main_en-------------------------------- */


/* --------------------------------main popup-------------------------------- */
.index_popup >div {position: fixed; top: 15%; width: 26rem; z-index: 999; }
.index_popup >div .text_wrap {position: absolute; left: 50%; top: 2rem; width: calc(100% - 4rem); transform: translate(-50%,0%); z-index: 10;}
.index_popup .cont_wrap {position: absolute; width: 100%; height: 0; padding-top: calc((650 / 540)* 100%); color: #333;}
.index_popup .popup_tmp_01 .cont_wrap {background: url(../images/main_popup_bg_01.png) no-repeat center/cover; color: #fff;}
.index_popup .popup_tmp_02 .cont_wrap {background: url(../images/main_popup_bg_02.png) no-repeat center/cover;}
.index_popup .popup_tmp_03 .cont_wrap {background: url(../images/main_popup_bg_03.png) no-repeat center/cover;}
.index_popup .popup_tmp_04 .cont_wrap {background: url(../images/main_popup_bg_02.png) no-repeat center/cover;}
.index_popup h2 {width: 9.25rem; height: 2.5rem; margin: 0 auto 0.5rem; background: url(../images/msafer_logo.svg) no-repeat center/100% auto;}
.index_popup .popup_01 h2 {background: url(../fonts/msafer_logo_white.svg) no-repeat center/100% auto;}
.index_popup h3 {margin-bottom: 1.5rem; padding-bottom: 1.5rem; font-size: 2rem; font-weight: 700; text-align: center; border-bottom: 1px solid #333;}
.index_popup .popup_01 h3 {border-bottom: 1px solid rgba(255, 255, 255, 0.30);}
.index_popup p {font-size: 1rem; line-height: 82%; font-weight: 500; text-align: center; white-space: pre-line;}
.index_popup p:not(:last-child) {margin-bottom: 0.5rem;}
.index_popup .popup_xy_01 {left: 5%;}
.index_popup .popup_xy_02 {left: calc(5% + 320px);}
.index_popup .popup_xy_03 {left: calc(5% + 640px);}

.index_popup .close_wrap {position: absolute; left: 0; bottom: -30px; display: flex; justify-content: right; align-items: center; width: 100%; height: 30px; padding: 0 20px; background-color: #000; color: #fff;}
.index_popup .close_wrap button {font-size: 1rem; font-weight: 600;}
@media screen and (max-width: 1200px) {
    .index_popup >div {width: 28rem;}
    .index_popup h3 {margin-bottom: 1.25rem; padding-bottom: 1.25rem;}
    .index_popup .popup_01,
    .index_popup .popup_02,
    .index_popup .popup_03 {top: 8%; left: 50%; transform: translateX(-50%);}
}
/* --------------------------------//main popup-------------------------------- */