@charset "utf-8";

.main_cont_wrap .each_sect { position:relative; }
.main_cont_wrap .inner_wrap { max-width:1480px; padding:0 20px; }

.main_vis_wrap { bottom:0; height:100%; position:absolute; width:100%; }
.main_vis_wrap .vis_txt { bottom:0; left:20px; padding-bottom:140px; position:absolute; right:20px; z-index:5; }
.main_vis_wrap .vis_txt .vis_copy { background:url("/img/renewal/main/main_vis_motto.svg") center / 100% auto no-repeat; height:280px; opacity:0; position:relative; top:0; transform:translateY(50%); transition:all .5s; width:444px; }
.main_vis_wrap .vis_txt .bottom { margin-top:154px; position:relative; }
.main_vis_wrap .vis_txt h3 { background:url("/img/renewal/main/minish_logo.svg") center / 100% auto no-repeat; height:96px; opacity:0; position:relative; top:0; transform:translateY(100%); transition:all .5s; width:140px; }
.main_vis_wrap .vis_txt .qr_wrap { align-items:center; display:flex; gap:0 12px; margin-top:24px; opacity:0; position:relative; top:0; transform:translateY(100%); transition:all .5s; }
.main_vis_wrap .vis_txt .qr_wrap figure { margin:0; width:74px; }
.main_vis_wrap .vis_txt .qr_wrap p { color:#000; font-size:18px; font-weight:500; line-height:1.4; }

.main_vis_wrap .vis_txt .vis_copy.show,
.main_vis_wrap .vis_txt h3.show,
.main_vis_wrap .vis_txt .qr_wrap.show { opacity:1; transform:translateY(0); }

.vis_model { background:url("/img/renewal/main/main_vis_model.png") center / 100% auto no-repeat; bottom:0; height:980px; position:absolute; right:-520px; width:1414px; }

.vis_model_txt { bottom:136px; font-size:16px; font-weight:500; line-height:1.4; position:absolute; right:20px; text-align:right; }
.vis_model_txt strong { font-weight:700; }

.main_vis_noti { background:#3130A8; bottom:0; left:0; height:80px; overflow:hidden; position:absolute; right:0; z-index:10; }
.main_noti_slide_wrap { align-items:center; display:flex; height:100%; position:relative; }
.main_noti_slide_wrap > * { flex-shrink:0; }
.main_noti_slide_wrap > strong { color:#fff; display:inline-block; font-size:18px; font-weight:700; padding-right:13px; position:relative; }
.main_noti_slide_wrap > strong:after { background:#7979C9; content:""; height:14px; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; }

.main_noti_slide { height:100%; margin-left:12px; position:relative; width:calc(100% - 213px); }
.main_noti_slide li { align-items:center; display:flex; }
.main_noti_slide a { display:flex; font-size:16px; font-weight:400; justify-content:space-between; width:100%; }
.main_noti_slide a > * { display:block; flex-shrink:0; }
.main_noti_slide a strong { color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 100px); }
.main_noti_slide a span { color:#DEDEEE; }

.noti_arrow_wrap { display:flex; flex-direction:column; gap:7px 0; margin-left:20px; }
.noti_arrow_wrap button { background-repeat:no-repeat; background-size:100% auto; height:7px; width:12px; }
.noti_arrow_wrap button.prev { background-image:url("/img/renewal/main/noti_arrow_u.svg"); }
.noti_arrow_wrap button.next { background-image:url("/img/renewal/main/noti_arrow_d.svg"); }

@media screen and (max-width:1440px) {
    .main_cont_wrap .inner_wrap { padding:0 60px; }

    .main_vis_wrap .vis_txt .vis_copy { height:228px; width:360px; }
    .main_vis_wrap .vis_txt .bottom { margin-top:130px; }
    .main_vis_wrap .vis_txt h3 { height:84px; width:120px; }
    .main_vis_wrap .vis_txt .qr_wrap figure { width:68px; }
    .main_vis_wrap .vis_txt .qr_wrap p { font-size:16px; }

    .vis_model { height:862px; right:-350px; width:1208px; }

    .vis_model_txt { bottom:110px; font-size:14px; right:120px; }

    .main_vis_noti { height:64px; }
    .main_noti_slide_wrap > strong { font-size:16px; }
    .main_noti_slide a { font-size:14px; }
}

@media screen and (max-width:1280px) {
    .main_vis_wrap .vis_txt .vis_copy { height:192px; width:300px; }

    .vis_model { height:674px; width:1000px; }

    .main_cont_wrap .inner_wrap { padding:0 30px; }
    .main_noti_slide { width:calc(100% - 180px); }
}

@media screen and (max-width:960px) {
    .main_vis_wrap { bottom:50px; height:calc(100% - 50px); }
    .main_vis_wrap .vis_txt { height:100%; padding:0; }
    .main_vis_wrap .vis_txt .vis_copy { height:114px; position:absolute; top:70px; width:180px; }

    .main_vis_wrap .vis_txt .bottom { bottom:50px; margin:0; position:absolute; }
    .main_vis_wrap .vis_txt h3 { height:58px; width:80px; }
    .main_vis_wrap .vis_txt .qr_wrap { align-items:flex-start; flex-direction:column-reverse; gap:5px 0; margin-top:10px; }
    .main_vis_wrap .vis_txt .qr_wrap figure { width:50px; }
    .main_vis_wrap .vis_txt .qr_wrap p { font-size:12px; }

    .vis_model { bottom:0; height:400px; right:-230px; width:600px; }

    .vis_model_txt { bottom:70px; font-size:12px; right:20px; }

    .main_vis_noti { bottom:50px; height:40px; }

    .main_cont_wrap .inner_wrap { padding:0 20px; }

    .main_noti_slide_wrap > strong { background:url("/img/renewal/common/m/icon_noti.svg") no-repeat; height:24px; overflow:hidden; padding-right:6px; text-indent:-20000px; width:24px; }
    .main_noti_slide { width:calc(100% - 30px); }
    .main_noti_slide a { font-size:12px; }
    .main_noti_slide_wrap > strong:after,
    .noti_arrow_wrap { display:none; }
}

@media screen and (max-width:680px) {
    .main_vis_wrap .vis_txt .vis_copy { height:131px; width:203px; }
    .main_vis_wrap .vis_txt h3 { height:52px; width:76px; }

    .vis_model { height:340px; right:-234px; width:500px; }

    .main_cont_wrap .inner_wrap { padding:0 20px; }
}

.main_center_wrap { left:50%; position:absolute; top:50%; transform:translate(-50%, -50%); white-space:nowrap; width:100%; }

.main_cmn_ttl { display:flex; flex-direction:column; gap:40px 0; }
.main_center_wrap .main_cmn_ttl { text-align:center; }
.main_cmn_ttl > strong { font-size:48px; font-weight:700; opacity:0; position:relative; transform:translateY(50%); transition:all .5s; }
.main_cmn_ttl strong.navy { color:#2E2D94; }
.main_cmn_ttl strong.white { color:#fff; }
.main_cmn_ttl > p { color:#444; font-size:20px; font-weight:400; line-height:1.6; opacity:0; position:relative; transform:translateY(50%); transition:all .5s; }
.main_cmn_ttl.white strong,
.main_cmn_ttl.white p { color:#fff; }

.main_cmn_ttl strong.show,
.main_cmn_ttl p.show { opacity:1; transform:translateY(0); }

@media screen and (max-width:1440px) {
    .main_cmn_ttl { gap:20px 0; }
    .main_cmn_ttl > strong { font-size:36px; }
    .main_cmn_ttl > p { font-size:18px; }
}

@media screen and (max-width:1280px) {
    .main_cmn_ttl { gap:0; }
    .main_cmn_ttl > strong { font-size:28px; }
    .main_cmn_ttl > p { font-size:16px; }
}

@media screen and (max-width:960px) {
    .main_cmn_ttl { width:100%; }
    .main_cmn_ttl > strong { font-size:20px; }
    .main_cmn_ttl > p { font-size:12px; }
}

@media screen and (max-width:640px) {
    .main_cmn_ttl { gap:5px 0; }
    .main_cmn_ttl > strong { font-size:22px; }
    .main_cmn_ttl > p { font-size:13px; }
}

.main_symptom_list { margin-top:100px; }
.main_symptom_list ul { display:flex; flex-wrap:wrap; gap:40px 30px; justify-content:center; }
.main_symptom_list ul li { border-radius:30px; flex-shrink:0; height:180px; opacity:0; position:relative; transform:translateY(50%); transition:all .5s; width:180px; }
.main_symptom_list ul li.show { opacity:1; transform:translateY(0); }
.main_symptom_list ul li a { align-items:center; background:#F7F8FA; border-radius:30px; display:flex; flex-direction:column; gap:14px 0; height:100%; justify-content:center; transition:background .5s, box-shadow .5s; width:100%; }
.main_symptom_list ul li a:hover { background:#fff; box-shadow:3px 5px 18px rgba(0, 0, 0, .1); }
.main_symptom_list ul li img { width:80px; }
.main_symptom_list ul li p { align-items:center; display:flex; font-size:16px; font-weight:400; justify-content:center; min-height:38px; text-align:center; }

.each_sect.sect03 { background:#3130A8; }
.each_sect.sect03:after { background:url("/img/renewal/main/deco_ci.svg") center / 100% auto no-repeat; bottom:0; content:""; height:900px; margin-right:-930px; position:absolute; right:50%; width:1050px; }
.each_sect.sect05 { background:url("/img/renewal/main/sect05_bg.jpg") center / cover no-repeat; }
.each_sect.sect06 { background:url("/img/renewal/main/sect06_bg.jpg") center / cover no-repeat; }
.each_sect.sect07 { background:#F7F8FA; }
.each_sect.sect08 { background:url("/img/renewal/main/sect08_bg.jpg") center / cover no-repeat; }

.main_column_wrap { position:relative; z-index:5; }
.main_column_wrap .inner_wrap { align-items:center; display:flex; justify-content:space-between; padding:0 20px; }
.main_column_wrap.right .inner_wrap { flex-direction:row-reverse; text-align:right; }
.main_column_wrap.right .main_cmn_ttl { align-items:end; text-align:right; }

.main_column_wrap figure { height:450px; opacity:0; position:relative; transform:translateY(50%); transition:all .5s; width:720px; }
.main_column_wrap figure img { height:100%; object-fit:cover; width:100%; }

.main_column_wrap figure.show { opacity:1; transform:translateY(0); }

.main_cmn_ttl a.btn_detail { align-items:center; border-radius:24px; display:flex; font-size:16px; font-weight:500; height:48px; justify-content:space-between; margin-top:70px; opacity:0; padding:0 24px; position:relative; transform:translateY(50%); transition:background .5s, border .5s, color .5s, opacity .5s, transform .5s; width:162px; }
.main_cmn_ttl a.btn_detail:after { content:""; height:8px; transition:background .5s, color .5s; width:16px; }

.main_cmn_ttl a.btn_detail.show { opacity:1; transform:translateY(0); }

.main_cmn_ttl a.btn_detail.white { background:transparent; border:1px solid #fff; color:#fff; }
.main_cmn_ttl a.btn_detail.white:hover { background:#fff; color:#2E2D94; }
.main_cmn_ttl a.btn_detail.white:after { background:url("/img/renewal/common/arrow_r_w.svg") center / 100% auto no-repeat; }
.main_cmn_ttl a.btn_detail.white:hover:after { background:url("/img/renewal/common/arrow_r_n.svg") center / 100% auto no-repeat; }

.main_cmn_ttl a.btn_detail.navy { background:transparent; border:1px solid #DBDCE0; color:#2E2D94; }
.main_cmn_ttl a.btn_detail.navy:hover { background:#2E2D94; border:1px solid #2E2D94; color:#fff; }
.main_cmn_ttl a.btn_detail.navy:after { background:url("/img/renewal/common/arrow_r_n.svg") center / 100% auto no-repeat; }
.main_cmn_ttl a.btn_detail.navy:hover:after { background:url("/img/renewal/common/arrow_r_w.svg") center / 100% auto no-repeat; }

@media screen and (max-width:1440px) {
    .main_symptom_list { margin-top:50px; }
    .main_symptom_list ul { gap:20px 15px; }
    .main_symptom_list ul li { border-radius:20px; height:150px; width:150px; }
    .main_symptom_list ul li a { border-radius:20px; gap:10px 0; }
    .main_symptom_list ul li img { width:70px; }

    .main_column_wrap .inner_wrap { padding:0 60px; }

    .main_column_wrap figure { height:388px; width:620px; }
}

@media screen and (max-width:1280px) {
    .each_sect.sect03:after { height:640px; margin-right:-770px; width:750px; }

    .main_cmn_ttl a.btn_detail { font-size:14px; }

    .main_column_wrap figure { height:auto; width:50%; }
}

@media screen and (max-width:960px) {
    .main_symptom_list { margin-top:10px; }
    .main_symptom_list ul { gap:4px; justify-content:flex-start; }
    .main_symptom_list ul li { height:60px; width:calc(((100% - 8px) / 3)); }
    .main_symptom_list ul li a { gap:0; }
    .main_symptom_list ul li img { width:30px; }
    .main_symptom_list ul li p { font-size:12px; min-height:26px; }

    .main_column_wrap .inner_wrap { align-items:flex-start; flex-direction:column; padding:0 20px; }

    .main_cmn_ttl a.btn_detail { font-size:12px; height:30px; margin-top:10px; padding:0 14px; width:100px; }

    .each_sect.sect03:after { height:520px; margin-right:-520px; width:600px; }

    .main_column_wrap figure { margin-top:10px; width:30%; }

    .each_sect.sect03:after { height:520px; margin-right:-520px; width:600px; }
    .each_sect.sect05 { background-image:url("/img/renewal/main/m/sect05_bg.jpg"); background-position:right center;  }
    .each_sect.sect05 .fp-tableCell { vertical-align: bottom; }
    .each_sect.sect05 .main_column_wrap { padding-bottom: 110px; }
    .each_sect.sect06 { background-image:url("/img/renewal/main/m/sect06_bg.jpg"); }
    .each_sect.sect06 .fp-tableCell { vertical-align: top; }
    .each_sect.sect06 .main_column_wrap { padding: 120px 0; }
    .each_sect.sect08 { background-image:url("/img/renewal/main/m/sect08_bg.jpg"); }
}

@media screen and (max-width:640px) {
    .main_symptom_list { margin-top:15px; }
    .main_symptom_list ul li { border-radius:15px; height:76px; }
    .main_symptom_list ul li a { border-radius:15px; }
    .main_symptom_list ul li img { width:36px; }
    .main_symptom_list ul li p { min-height:24px; font-size:11px; }

    .main_column_wrap figure { margin-top:20px; width:70%; }
}

.main_prog_list { margin-top:120px; }
.main_prog_list ul { align-items:center; display:flex; justify-content:center; }
.main_prog_list ul li { flex-shrink:0; height:500px; opacity:0; position:relative; top:50px; transition:all .5s; width:360px; }
.main_prog_list ul li.show { opacity:1; top:0; }
.main_prog_list ul li a { border-radius:20px; display:block; height:100%; padding:30px; position:relative; transition:background .5s; width:100%; }
.main_prog_list ul li a:hover { background:#2E2D94; }
.main_prog_list ul li a:after { background:url("/img/renewal/common/arrow_r_n.svg") center / 16px auto no-repeat #fff; border:1px solid #DBDCE0; border-radius:50%; bottom:30px; content:""; height:45px; position:absolute; right:30px; width:45px; }
.main_prog_list ul li figure { border-radius:20px; overflow:hidden; }
.main_prog_list ul li div.txt { margin-top:30px; }
.main_prog_list ul li div.txt strong { display:block; font-size:26px; font-weight:700; transition:color .5s; }
.main_prog_list ul li div.txt p { color:#444; font-size:18px; line-height:1.6; margin-top:20px; transition:color .5s; }
.main_prog_list ul li a:hover div.txt strong,
.main_prog_list ul li a:hover div.txt p { color:#fff; }

.treat_guide_list { margin-top:80px; }
.treat_guide_list ul { align-items:center; display:flex; gap:0 30px; justify-content:center; }
.treat_guide_list ul li { flex-shrink:0; height:360px; opacity:0; position:relative; top:50px; transition:all .5s; width:560px; }
.treat_guide_list ul li.show { opacity:1; top:0; }
.treat_guide_list ul li a { backdrop-filter:blur(10px); background:rgba(255, 255, 255, .15); border-radius:20px; display:block; height:100%; padding:56px 50px 50px; position:relative; transition:all .5s; width:100%; }
.treat_guide_list ul li a:after { background:url("/img/renewal/common/arrow_r_n.svg") center / 16px auto no-repeat #fff; border-radius:50%; bottom:50px; content:""; height:45px; position:absolute; right:50px; width:45px; }
.treat_guide_list ul li a strong { color:#fff; display:block; font-size:32px; font-weight:700; transition:color .5s; }
.treat_guide_list ul li a p { color:#fff; font-size:20px; font-weight:400; line-height:1.6; margin-top:40px; transition:color .5s; }
.treat_guide_list ul li a:hover { backdrop-filter:blur(0); background:#fff; }
.treat_guide_list ul li a:hover:after { background:url("/img/renewal/common/arrow_r_w.svg") center / 16px auto no-repeat #2E2D94; transition:background .5s; }
.treat_guide_list ul li a:hover strong { color:#2E2D94; }
.treat_guide_list ul li a:hover p { color:#444; }

.addr_detail_wrap { display:flex; flex-direction:column; gap:50px 0; margin-top:70px; opacity:0; position:relative; top:0; transform:translateY(50%); transition:all .5s; }
.addr_detail_wrap.show { opacity:1; transform:translateY(0); }
.addr_detail_wrap dl dt { color:#222; font-size:22px; font-weight:600; padding-left:32px; }
.addr_detail_wrap dl dt.addr { background:url("/img/renewal/common/ic_location.svg") left center / 24px auto no-repeat; }
.addr_detail_wrap dl dt.time { background:url("/img/renewal/common/ic_time.svg") left center / 24px auto no-repeat; }
.addr_detail_wrap dl dd { color:#222; font-size:20px; font-weight:500; margin-top:20px; padding-left:32px; }
.addr_detail_wrap dl dd p { align-items:center; color:#222; display:flex; gap:0 14px; }
.addr_detail_wrap dl dd p strong { color:#000; font-size:26px; font-weight:600; }
.addr_detail_wrap dl dd span { color:#888; display:block; font-size:20px; font-weight:400; line-height:1.6; }

.main_cont_wrap .each_sect.map .main_column_wrap .inner_wrap { height:100vh; }
.map_wrap { height:100vh; left:50%; overflow:hidden; position:absolute; padding-top: 75px; top:0; width:50vw; }

@media screen and (max-width:1440px) {
    .main_prog_list { margin-top:60px; }
    .main_prog_list ul li { height:auto; width:25%; }
    .main_prog_list ul li a { height:0; padding:15px 15px 150% 15px; }
    .main_prog_list ul li div.txt { margin-top:20px; }
    .main_prog_list ul li div.txt strong { font-size:22px; }
    .main_prog_list ul li div.txt p { font-size:14px; }

    .treat_guide_list { margin-top:50px; }
    .treat_guide_list ul li { width:calc((100% - 30px) / 2); }
    .treat_guide_list ul li a strong { font-size:28px; }
    .treat_guide_list ul li a p { font-size:18px; }

    .addr_detail_wrap { margin-top:50px; }
    .addr_detail_wrap dl dt { font-size:20px; }
    .addr_detail_wrap dl dd { font-size:18px; }
    .addr_detail_wrap dl dd p strong { font-size:24px; }
    .addr_detail_wrap dl dd span { font-size:18px; }
}

@media screen and (max-width:1280px) {
    .main_prog_list { margin-top:10px; }
    .main_prog_list ul li div.txt strong { font-size:20px; }

    .treat_guide_list ul li { height:300px; }
    .treat_guide_list ul li a { padding:46px 40px 40px; }
    .treat_guide_list ul li a strong { font-size:24px; }
    .treat_guide_list ul li a p { font-size:16px; margin-top:30px; }
    .treat_guide_list ul li a:after { bottom:40px; right:40px; }

    .addr_detail_wrap { margin-top:30px; }
    .addr_detail_wrap dl dt { font-size:18px; }
    .addr_detail_wrap dl dd { font-size:16px; }
    .addr_detail_wrap dl dd p strong { font-size:22px; }
    .addr_detail_wrap dl dd span { font-size:16px; }
}

@media screen and (max-width:960px) {
    .main_prog_list ul { align-items:initial; justify-content:initial; }
    .main_prog_list ul li { height:275px; width:260px; }
    .main_prog_list ul li a { height:100%; padding:10px 10px; }
    .main_prog_list ul li a:after { bottom:10px; height:30px; right:10px; width:30px; }
    .main_prog_list ul li div.txt { margin-top:10px; }
    .main_prog_list ul li div.txt strong { font-size:16px; }
    .main_prog_list ul li div.txt p { font-size:12px; margin-top:0; }

    .treat_guide_list { margin-top:10px; }
    .treat_guide_list ul { flex-direction:column; gap:10px 0; }
    .treat_guide_list ul li { height:145px; width:100%; }
    .treat_guide_list ul li a { padding:25px; white-space:wrap; }
    .treat_guide_list ul li a:after { bottom:25px; height:30px; right:25px; width:30px; }
    .treat_guide_list ul li a strong { font-size:20px; }
    .treat_guide_list ul li a p { font-size:15px; margin-top:15px; }

    .main_cont_wrap .each_sect.map .main_column_wrap { display:flex; flex-direction:column; height:100%; justify-content:flex-end; }
    .main_cont_wrap .each_sect.map .main_column_wrap > * { flex-shrink:0; }
    .main_cont_wrap .each_sect.map .main_column_wrap .inner_wrap { height:auto; justify-content:flex-end; }

    .addr_detail_wrap { flex-direction:row; gap:0 10px; margin-top:5px; }
    .addr_detail_wrap dl dt { font-size:14px; padding-left:20px; }
    .addr_detail_wrap dl dt.addr,
    .addr_detail_wrap dl dt.time { background-size:15px auto; }
    .addr_detail_wrap dl dd { font-size:14px; margin-top:0; padding-left:20px; }
    .addr_detail_wrap dl dd p { font-size:14px; }
    .addr_detail_wrap dl dd p strong { font-size:18px; }
    .addr_detail_wrap dl dd span { font-size:14px; }

    .map_wrap { height:190px; left:0; margin:10px 0 0; padding-top:0; position:relative; top:auto; width:100vw; }
}

@media screen and (max-width:640px) {
    .main_prog_list { margin-top:20px; }

    .treat_guide_list ul li { height:170px; }
    .treat_guide_list ul li a { padding:20px; }
    .treat_guide_list ul li a:after { bottom:20px; right:20px; }
    .treat_guide_list ul li a strong { font-size:18px; }
    .treat_guide_list ul li a p { font-size:13px; margin-top:10px; }

    .addr_detail_wrap { flex-direction:column; gap:15px 0; }
    .addr_detail_wrap dl dd { font-size:14px; }
    .addr_detail_wrap dl dd p strong { font-size:18px; }
    .addr_detail_wrap dl dd span { font-size:13px; }

    .map_wrap { height:210px; margin:30px 0 0; padding-top: 0; }
}

.main_page_navi { left:30px; position:fixed; top:50%; transform:translateY(-50%); z-index:30; }
.main_page_navi ul { display:flex; flex-direction:column; gap:25px 0; }
.main_page_navi ul li button { position:relative; }
.main_page_navi ul li button span { color:#222; display:block; font-size:15px; font-weight:700; opacity:0; padding-left:23px; transition:all .5s; white-space:nowrap; }
.main_page_navi ul li button i { background:#000; border:2px solid #000; border-radius:50%; height:7px; left:0; opacity:.3; position:absolute; top:50%; transform:translateY(-50%); transition:all .5s; width:7px; }
.main_page_navi ul li:hover button span,
.main_page_navi ul li.on button span,
.main_page_navi ul li:hover button i { opacity:1; }
.main_page_navi ul li.on button i { background:transparent; border:2px solid #444; height:15px; left:-4px; opacity:1; width:15px; }

.main_page_navi.white button span { color:#fff; }
.main_page_navi.white ul li button i { background:#fff; border:2px solid #fff; }
.main_page_navi.white ul li.on button i { background:transparent; border:2px solid #fff; }

@media screen and (max-width:1280px) {
    .main_page_navi ul li button span { font-size:13px; }
}

@media screen and (max-width:960px) {
    .main_page_navi { display:none; }
}