@charset "utf-8"; /* ////////////////////////////////////////////////////////////////////////////////// */
/* common */
[class*="main_block"] { padding: 0 20px var(--xxl-space--); overflow-x: hidden; } 
[class*="main_block"] > article { width: 100%; max-width: 1440px; margin: 0 auto; } 
.txt_wrap h3 { color: #232323; font-size: 36px; font-weight: 700; line-height: 48px; text-align:center; } 
.txt_wrap p { font-size: var(--r-default-size--); font-weight: 400; line-height: 30px; text-align:center; } 
.txt_wrap a.txt_btn { opacity:1; margin-top: 40px; display: flex; align-items: center; width: 100%; max-width: 160px; height: 50px; justify-content: center; gap: 0 6px; background: linear-gradient(178deg, #06C1D9 0%, #1D90D4 100%); border-radius: 25px; color: #fff; font-size: var(--s-default-size--); font-weight: 400; line-height: 26px; transition:opacity .2s ease-in-out } 
.sendBtn_footer { opacity:1; margin-top: 50px; display: flex; align-items: center; width: 100%; max-width: 100%; height: 50px; justify-content: center; gap: 0 6px; background: linear-gradient(135deg, #0F7AF0 0%, #4F9DF3 100%); border-radius: 100px; color: #fff; font-size: 18px; font-weight: 400; line-height: 26px; transition:opacity .2s ease-in-out; cursor: pointer; } 
.fr-popup.fr-active { display:none !important; } 
.xans-board-listpackage { margin-bottom:0; } 

/* main_topBanner */
.main_topBanner { background: url("../img/main_topVisBg.webp")center center/cover no-repeat; width: 100%; height: 100vh; max-height: 1080px; position: relative; } 
.main_topBanner > article { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; } 
.main_topBanner .tb_cont { padding:0 20px; } 
.main_topBanner .tb_cont > div.txt_box { text-align: center; } 
.main_topBanner .tb_cont > div.txt_box span { color: white; font-size: 24px; font-family: "Paperlogy"; font-weight: 400; line-height: 34px; word-wrap: break-word; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.30); margin-bottom: 15px; } 
.main_topBanner .tb_cont > div.txt_box h1 { color: #4F9DF3; background: -webkit-linear-gradient(
300deg, var(--gradient-start) 0%, var(--gradient-end) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 120px; font-family: "Paperlogy"; font-weight: 400; word-wrap: break-word; } 
.main_topBanner .tb_cont > div.txt_box p { color: white; font-size: 90px; font-family: "Paperlogy"; font-weight: 400; word-wrap: break-word; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.30) } 

/* main_block01 */
.main_block01 { width: 100%; height: 100%; background: linear-gradient(180deg, white 0%, #DAEDFF 100%); } 
.main_block01 article { display: flex; position: relative; padding: 110px 150px; justify-content: space-between; padding-left: 215px; gap: 0 20px; } 
.main_block01 article .l_txt_wrap { } 
.main_block01 article .l_txt_wrap p { color: #232323; font-size: 52px; font-family: "Paperlogy"; font-weight: 400; line-height: 68px; position: relative; z-index: 1; } 
.main_block01 article .l_txt_wrap p b { font-size: inherit; font-family: inherit; font-weight: 700; line-height: inherit; } 
.main_block01 article .l_txt_wrap p i { color: #0F7AF0; font-size: inherit; font-family: inherit; font-weight: 700; line-height: inherit; } 
.main_block01 article .l_txt_wrap img { position: absolute; left: 0; width: 100%; max-width: 255px; border-radius: 20px; top: 230px; } 
.main_block01 article .r_txt_wrap { padding-top: 110px; display: flex; flex-direction: column; gap: 15px 0; } 
.main_block01 article .r_txt_wrap p { color: #232323; font-size: 18px; font-weight: 400; line-height: 28px; } 
.main_block01 article .r_txt_wrap p b { font-weight: 700; } 
.main_block01 article .r_txt_wrap p br { } 

/* main_block02*/
.main_block02 { padding: 0 20px var(--xxl-space--); background: url("../img/main_block02Bg.webp")center center/cover no-repeat; overflow: inherit; } 
.main_block02 article { } 
.main_block02 article img { width: 100%; max-width: 780px; height: auto; border-radius: 20px; overflow: hidden; margin-top: -130px; } 
.main_block02 .block02_t { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 0 20px; } 
.main_block02 article .txt_wrap { } 
.main_block02 article .txt_wrap p { color: #fff; font-size: 52px; font-family: "Paperlogy"; font-weight: 700; line-height: 64px; text-align: left; margin-bottom: 20px; } 
.main_block02 article .txt_wrap p b { color: #0F7AF0; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } 
.main_block02 article .txt_wrap p i { } 
.main_block02 article .txt_wrap span { color: #fff; font-size: 18px; font-weight: 400; line-height: 28px; } 
.main_block02 article .txt_wrap span b { color:inherit; font-size:inherit; font-weight: 700; line-height:inherit; } 

.main_block02 article ul { padding-top: 60px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; gap: 0 20px; } 
.main_block02 article > ul > li { width: calc(100% / 3); background: #fff; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 30px; gap: 30px 0; } 
.main_block02 article ul > li .tt_box > .t_t { background: #4F9DF3; display: flex; width: 100%; height: 60px; justify-content: center; align-items: center; color: #fff; font-size: 28px; font-weight: 700; line-height: 40px; } 
.main_block02 article ul > li .tt_box > .ul_box { padding: 0 20px; } 
.main_block02 article ul > li .tt_box > .ul_box ul { padding: 30px 0 0; display: flex; flex-direction: column; gap: 10px 0; } 
.main_block02 article ul > li .tt_box > .ul_box ul > li { border-radius: 0; background: initial; width: 100%; display: flex; flex-direction: row; gap: 0 10px; flex-wrap: nowrap; align-items: flex-start; } 
.main_block02 article ul > li .tt_box > .ul_box ul > li > span { display: flex; align-items: center; justify-content: center; height: 30px; background: #FFE02D; padding: 0 12px; color: #232323; font-size: 20px; font-weight: 700; } 
.main_block02 article ul > li .tt_box > .ul_box ul > li > div p { width: 100%; color: #232323; font-size: 18px; font-weight: 400; line-height: 28px; } 
.main_block02 article ul > li .tt_box > .ul_box ul > li > div small { color: #F23030; font-size: 14px; font-weight: 400; line-height: 24px; } 
.main_block02 article ul > li .tt_box > .ul_box ul > li > p br.only_pc { } 

.main_block02 article ul > li > .ta_box { padding: 0 20px; height: 100vh; min-height: 245px; max-height: max-content; } 
.main_block02 article ul > li > .ta_box table { border-collapse: collapse; width: 100%; border-top: 1px solid #DBDBDB; } 
.main_block02 article ul > li > .ta_box table colgroup { } 
.main_block02 article ul > li > .ta_box table colgroup col.ta_box:nth-of-type(1) { width: 90px; } 
.main_block02 article ul > li > .ta_box table colgroup col.ta_box:nth-of-type(2) { } 
.main_block02 article ul > li > .ta_box table tbody { } 
.main_block02 article ul > li > .ta_box table tbody tr { border-bottom: 1px solid #DBDBDB; } 
.main_block02 article ul > li > .ta_box table tbody tr td { font-size: 18px; line-height: 30px; padding: 5px 10px; } 
.main_block02 article ul > li > .ta_box table tbody tr td:nth-of-type(1) { background: #E4F1FF; color: #232323; font-size: 20px; font-weight: 700; line-height: 30px; } 
.main_block02 article ul > li > .ta_box table tbody tr td:nth-of-type(2) { } 

/* main_block03 */
.main_block03 { padding: var(--xxl-space--) 20px var(--xxl-space--); background: linear-gradient(180deg, white 0%, #DAEDFF 100%); } 
.main_block03 > article { } 
.inquiryWrap { display: flex; flex-direction: row; gap: 0 40px; align-items: center; } 
.inquiryWrap .inquiry_info { width: 100%; max-width: 700px; min-width: 625px; border-radius: 20px; overflow: hidden; background: url("../img/main_block03_img01.webp")center center/contain no-repeat; padding: 20px; display: flex; align-items: center; flex-direction: column; justify-content: center; height:486px;} 
.inquiryWrap .inquiry_info .txt_box { margin-bottom: 30px; } 
.inquiryWrap .inquiry_info .txt_box p { color: #fff; font-size: 52px; font-family: "Paperlogy"; font-weight: 400; line-height: 64px; text-align: center; } 
.inquiryWrap .inquiry_info .txt_box p b { color:inherit; font-size:inherit; font-family:inherit; font-weight:700; line-height:inherit; } 
.inquiryWrap .inquiry_info .img_box { width: 100%; max-width: 145px; margin: 0 auto; } 
.inquiryWrap .inquiry_info .img_box img { width: 100%; height: auto; } 

.inquiry_form { width: 100%; } 
.inquiry_form ul { display: flex; flex-direction: column; gap:20px 0; } 
.inquiry_form ul li { background: #fff; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.10); border-radius: 20px; padding: 40px; } 
.inquiryWrap .boardTb .ec-froala-theme .fr-toolbar.fr-top,
.inquiryWrap .boardTb .ec-froala-theme .second-toolbar { display:none; } 
.inquiryWrap .boardTb iframe { height: 150px !important; min-height:initial !important; } 
.inquiryWrap .boardTb { max-width: 100%; } 
.inquiryWrap .boardTb > tbody { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; gap: 20px 0; } 
.inquiryWrap .boardTb > tbody .inq_tit { color: #232323; font-size: 18px; font-weight: 400; line-height: 30px; } 
.inquiryWrap .boardTb > tbody tr.appointment { padding-top: 30px; } 
.inquiryWrap .boardTb > tbody tr.appointment td { display: flex; align-items: center; gap: 0 10px; } 
.inquiryWrap .boardTb > tbody tr.appointment td input { } 
.inquiryWrap .boardTb > tbody tr td select { border-radius: 10px; overflow: hidden; border: 1px #ddd solid; line-height: 40px; height: 42px; padding: 0 15px; background: rgb(255 255 255 / 50%); } 
.inquiryWrap .boardTb > tbody tr.name, 
.inquiryWrap .boardTb > tbody tr.phone,
.inquiryWrap .boardTb > tbody tr.password { width: 100%; } 
.inquiryWrap .boardTb > tbody tr.agree { } 
.inquiryWrap .boardTb > tbody tr.agree td { display: flex; align-items: center; gap: 0 4px; } 
.inquiryWrap .boardTb > tbody tr.agree input { width: 20px; height: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0; background: url("../img/svg/checkbox.svg")bottom center no-repeat; border: 0; border-radius: 0; } 
.inquiryWrap .boardTb > tbody tr.agree input:checked { border: 0; background: url(../img/svg/checkbox.svg)top center no-repeat; } 
.inquiryWrap .boardTb > tbody tr.agree label { position: relative; color: #232323; font-size: 18px; font-weight: 400; line-height: 28px; } 
.inquiryWrap .boardTb > tbody tr.agree label a { color: #999999; font-size: 14px; font-weight: 400; text-decoration: underline !important; line-height: 28px; margin-left: 3px; } 
.inquiryWrap .boardTb > tbody tr.captcha { width: 100%; } 
.inquiryWrap .boardTb > tbody tr.captcha .formGroup { display: flex; flex-direction: row; align-items: flex-end; gap: 0 11px; } 
.inquiryWrap .boardTb > tbody tr.captcha .formGroup img:nth-of-type(1) { width: 225px; border-radius: 10px; height: 70px; object-fit: cover; border: 1px solid #ddd; } 
.inquiryWrap .boardTb > tbody td { display: inline-block; width:100%; } 
.inquiryWrap .boardTb > tbody td input { width:100%; border-radius: 10px; overflow: hidden; border: 1px #DBDBDB solid; line-height: 40px; padding: 0 15px; background: rgb(255 255 255 / 50%); } 
.inquiryWrap .boardTb > tbody td input::placeholder { color: #9B9B9B; font-size: 14px; font-weight: 400; line-height: 26px; } 
.inquiryWrap .boardTb > tbody td input:disabled,
.inquiryWrap .boardTb > tbody tr.appointment td select:disabled { opacity:.5; } 
.inquiryWrap .boardTb > tbody td .radio_box { display: flex; flex-direction: row; align-items: center; gap: 0 10px; } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt { display: flex; flex-direction: row; width: 100%; border-radius: 10px; overflow: hidden; line-height: 40px; padding: 0 15px; background: rgb(255 255 255 / 50%); position: relative; padding: 0; } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt input { display: inline-block; height: 42px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px #ddd solid; } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt label { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #aaa; font-size: 14px; display: inline-block; width: max-content; padding-left: 17px; margin-left:-4px; } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt input + label { color: #aaa; background: url(../img/svg/check_d.svg) left center / contain no-repeat; background-size: 12px; } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt input:checked { background: linear-gradient(178deg, #06C1D9 0%, #1D90D4 100%); border: 0; } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt input:checked + label { color: #fff; background: url(../img/svg/check_c.svg) left center / contain no-repeat; background-size: 12px; width: max-content; } 

/* responsive */
@media (max-width:1024px) { /* common */
[class*="main_block"] { } 
[class*="main_block"] > article { } 
.txt_wrap h3 { } 
.txt_wrap p { } 
.txt_wrap a.txt_btn { } 
.sendBtn_footer { height: 40px; font-size: 15px; max-width: 290px; margin: 30px auto 0; } 
.fr-popup.fr-active { } 
.xans-board-listpackage { } 
/* main_topBanner */
.main_topBanner { height: 680px; } 
.main_topBanner > article { } 
.main_topBanner .tb_cont { } 
.main_topBanner .tb_cont > div.txt_box { } 
.main_topBanner .tb_cont > div.txt_box span { font-size: 16px; line-height: 26px; } 
.main_topBanner .tb_cont > div.txt_box h1 { font-size: 48px; line-height: 60px; } 
.main_topBanner .tb_cont > div.txt_box p { font-size: 32px; } 
/* main_block01 */
.main_block01 { } 
.main_block01 article { padding: 60px 0 40px; display: flex; flex-direction: column; } 
.main_block01 article .l_txt_wrap { } 
.main_block01 article .l_txt_wrap p { font-size: 24px; line-height: 35px; } 
.main_block01 article .l_txt_wrap p b { } 
.main_block01 article .l_txt_wrap p i { } 
.main_block01 article .l_txt_wrap img { top: 20px; left: -10px; max-width: 135px; border-radius: 10px; } 
.main_block01 article .r_txt_wrap { padding-top: 20px; padding-left: 40px; margin: 0 auto; gap: 10px 0; } 
.main_block01 article .r_txt_wrap p { font-size: 14px; line-height: 22px; } 
.main_block01 article .r_txt_wrap p b { } 
.main_block01 article .r_txt_wrap p br { } 
/* main_block02*/
.main_block02 { } 
.main_block02 article { } 
.main_block02 article img { max-width: 280px; margin-top: -50px; } 
.main_block02 .block02_t { display: flex; flex-direction: column-reverse; gap: 20px 0; align-items: flex-end; } 
.main_block02 article .txt_wrap { width: 100%; text-align: left; } 
.main_block02 article .txt_wrap p { font-size: 24px; line-height: 34px; margin-bottom: 5px; } 
.main_block02 article .txt_wrap p b { } 
.main_block02 article .txt_wrap p i { } 
.main_block02 article .txt_wrap span { font-size: 14px; line-height: 22px; } 
.main_block02 article ul { padding-top: 20px; display: flex; flex-direction: column; gap: 15px 0; align-items: center; } 
.main_block02 article > ul > li { width: 100%; border-radius: 10px; gap: 20px 0; padding: 0 0 20px; } 
.main_block02 article ul > li .tt_box > .t_t { height: 45px; font-size: 20px; } 
.main_block02 article ul > li .tt_box > .ul_box { padding: 0 15px; } 
.main_block02 article ul > li .tt_box > .ul_box ul { padding: 20px 0 0; } 
.main_block02 article ul > li .tt_box > .ul_box ul > li { } 
.main_block02 article ul > li .tt_box > .ul_box ul > li > span { font-size: 15px; height: 25px; padding: 0 6px; } 
.main_block02 article ul > li .tt_box > .ul_box ul > li > div p { font-size: 14px; line-height: 22px; } 
.main_block02 article ul > li .tt_box > .ul_box ul > li > div small { font-size: 12px; line-height: 20px; } 
.main_block02 article ul > li .tt_box > .ul_box ul > li > p br.only_pc { } 
.main_block02 article ul > li > .ta_box { padding: 0 15px; min-height: fit-content; height: initial; } 
.main_block02 article ul > li > .ta_box table { } 
.main_block02 article ul > li > .ta_box table colgroup { } 
.main_block02 article ul > li > .ta_box table colgroup col.ta_box:nth-of-type(1) { width: 65px; } 
.main_block02 article ul > li > .ta_box table colgroup col.ta_box:nth-of-type(2) { } 
.main_block02 article ul > li > .ta_box table tbody { } 
.main_block02 article ul > li > .ta_box table tbody tr { } 
.main_block02 article ul > li > .ta_box table tbody tr td { padding: 2px 5px; font-size: 14px; line-height: 22px; } 
.main_block02 article ul > li > .ta_box table tbody tr td:nth-of-type(1) { font-size: 15px; line-height: 25px; } 
.main_block02 article ul > li > .ta_box table tbody tr td:nth-of-type(2) { } 

/* main_block03 */
.main_block03 { } 
.main_block03 > article { } 
.inquiryWrap { flex-direction: column; gap: 15px 0; } 
.inquiryWrap .inquiry_info { background: url(../img/main_block03_img01_m.webp) center center / contain no-repeat; padding: 12px; max-width: 320px; min-width: 320px; height: 288px; gap: 20px 0; border-radius: 10px; } 
.inquiryWrap .inquiry_info .txt_box { margin-bottom: 0; } 
.inquiryWrap .inquiry_info .txt_box p { font-size: 24px; line-height: 35px; } 
.inquiryWrap .inquiry_info .txt_box p b { } 
.inquiryWrap .inquiry_info .img_box { max-width: 100px; margin: 0 auto -10px; } 
.inquiryWrap .inquiry_info .img_box img { } 
.inquiry_form { } 
.inquiry_form ul { } 
.inquiry_form ul li { padding: 30px 15px; border-radius: 10px; } 
.inquiryWrap .boardTb .ec-froala-theme .fr-toolbar.fr-top,
.inquiryWrap .boardTb .ec-froala-theme .second-toolbar { } 
.inquiryWrap .boardTb iframe { } 
.inquiryWrap .boardTb { width: 100%; } 
.inquiryWrap .boardTb > tbody { } 
.inquiryWrap .boardTb > tbody .inq_tit { font-size: 15px; line-height: 25px; margin-bottom: 4px; } 
.inquiryWrap .boardTb > tbody tr.appointment { } 
.inquiryWrap .boardTb > tbody tr.appointment td { } 
.inquiryWrap .boardTb > tbody tr.appointment td input { } 
.inquiryWrap .boardTb > tbody tr td select { } 
.inquiryWrap .boardTb > tbody tr.name, 
.inquiryWrap .boardTb > tbody tr.phone,
.inquiryWrap .boardTb > tbody tr.password { } 
.inquiryWrap .boardTb > tbody tr.agree { margin-top: -8px; } 
.inquiryWrap .boardTb > tbody tr.agree td { } 
.inquiryWrap .boardTb > tbody tr.agree input { } 
.inquiryWrap .boardTb > tbody tr.agree input:checked { } 
.inquiryWrap .boardTb > tbody tr.agree label { font-size: 15px; } 
.inquiryWrap .boardTb > tbody tr.agree label a { font-size: 12px; } 
.inquiryWrap .boardTb > tbody tr.captcha { } 
.inquiryWrap .boardTb > tbody tr.captcha .formGroup { } 
.inquiryWrap .boardTb > tbody tr.captcha .formGroup img:nth-of-type(1) { } 
.inquiryWrap .boardTb > tbody td { } 
.inquiryWrap .boardTb > tbody td input { border-radius: 5px; padding: 0 10px; font-size: 14px; } 
.inquiryWrap .boardTb > tbody td input::placeholder { } 
.inquiryWrap .boardTb > tbody td input:disabled,
.inquiryWrap .boardTb > tbody tr.appointment td select:disabled { } 
.inquiryWrap .boardTb > tbody td .radio_box { } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt { } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt input { } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt label { } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt input + label { } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt input:checked { } 
.inquiryWrap .boardTb > tbody td .radio_box .radioCt input:checked + label { } 
 }