@import url("reset.css");@import url("slick.css");:root {--header_h:100px;--width:1440px;--padding:20px;--point-color-1 :#796baf;--point-color-2:#f3ebf4;--point-color-3:#EA5504;--font:"GmarketSans";--font2:"SUIT";--font3:"Paperozi"; } 

@media screen and (max-width: 768px){
 :root { --header_h:60px; } 
 }

.c-2f { color:#2f2f2f !important; } 
.c-orange { color:var(--point-color-3) !important; } 

.fa { font: normal normal normal 14px / 1 FontAwesome !important; } 
/* header */
.header { position:fixed; left:0; top:0; z-index:20; width:100%; transition: all 0.3s; background-color:#fff; } 
.header.fixed { box-shadow:2px 2px 15px 0 rgba(0,0,0,0.13); } 
.header_inner { height:var(--header_h); display:flex; padding:0 3%; box-sizing:border-box; align-items:center; justify-content:space-between; } 
.header .logo { display:flex; align-items:center; } 
.header .logo a { width:238px; aspect-ratio: 238/62; background-size:100%; background:url(../img/logo.png) no-repeat center center; background-size:100%; text-indent:-9999px; display:block; background-size:100%; transition: all 0.3s; } 
.header .logo span { margin-left:-10px; padding:0 8px; height:23px; line-height:23px; display:inline-block; background-color:#0075c1; border-radius:2em; font-size:14px; color:#fff; font-family:var(--font3); } 
.header .right_area { display:flex; align-items: center; } 
.gnb>ul { display:flex; align-items: center; } 
.gnb>ul>li { position:relative; padding:20px 24px; } 
.gnb>ul>li>a { font-size:1.3125rem; color:var(--point-color-1); transition: all 0.3s; font-family:var(--font3); font-weight:500; } 
.s_gnb { position:absolute; left:0; top:60px; padding:24px 16px; width:100%; background-color:var(--point-color-1); border-radius:0 16px 16px 16px; box-sizing:border-box; visibility: hidden; opacity:0; transition: all 0.3s; } 
.s_gnb li { margin-bottom:24px; word-break:keep-all; } 
.s_gnb li:last-child { margin-bottom:0; } 
.s_gnb li a { font-size:1.125rem; color:#fff; font-family: var(--font3); white-space:nowrap; transition: all 0.3s; } 
.header .top_link { margin-left:54px; } 
.header .top_link a { padding:7px 12px; background-color:#002F4D; display:inline-block; color:#fff; border-radius:2em; } 
.total_menu_open { position:relative; margin-left:24px; width:32px; aspect-ratio: 1/1; background:url(../img/hamgurger_box.png) no-repeat center center; display:block; transition: all 0.3s; border:none; } 
.header .member_state { margin-left:auto; } 
.header .member_state ul { display:flex; align-items:center; } 
.header .member_state ul li { position:relative; padding:0 10px; } 
.header .member_state ul li:before { position:absolute; left:0; top:50%; width:1px; height:16px; background-color:rgba(255,255,255,0.5); display:block; content:""; transform:translateY(-50%); } 
.header .member_state ul li a { color:#3d3d3d; transition: all 0.3s ease-out; } 
.header .member_state ul li:first-child:before { display:none; } 
.header .sns_list { margin-left:20px; } 
.header .sns_list ul { display:flex; gap:5px; } 

.total_menu_wrap { position:fixed; left:0; top:0; z-index:1000; width:100vw; height:100vh; background:rgba(0,0,0,0.7); visibility: hidden; opacity:0; transition: all 0.3s; } 
.total_menu_wrap.active { visibility: visible; opacity:1; } 
.total_menu_wrap #gnb_all_bg { position:absolute; left:0; top:0; z-index:10; width:100vw; height:100vh; cursor:pointer; } 
.total_menu_wrap.active #gnb_all_bg { display:block; } 
.total_menu_wrap .inner { position:fixed; left:0; top:0; z-index:21; padding:0 3% 40px; width:100vw; background-color:#fff; box-sizing:border-box; } 
.total_menu_wrap .d-flex { padding-right:50px; } 
.total_menu_wrap .logo { position:relative; height:var(--header_h); display:flex; align-items: center; } 
.total_menu_wrap .logo a { background:url(../img/logo.svg) no-repeat center center; background-size:100%; } 
.total_menu_wrap .logo span { margin-left:-10px; padding:0 8px; height:23px; line-height:23px; display:inline-block; background-color:#0075c1; border-radius:2em; font-size:14px; color:#fff; font-family:var(--font3); } 
.total_menu_wrap .util { margin-inline:auto 10px; } 
.total_menu_wrap .util ul { display:flex; align-items: center; } 
.total_menu_wrap .util ul li { position:relative; padding:0 10px; } 
.total_menu_wrap .util ul li:before { position:absolute; left:0; top:50%; width:1px; height:14px; background-color:#ddd; display:block; content:""; transform: translateY(-50%); } 
.total_menu_wrap .util ul li:First-child:before { display:none; } 
.total_menu { padding-top:40px; display:flex; gap:20px; } 
.total_menu>li { flex-grow:1; text-align:center; } 
.total_menu>li>a { padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid var(--point-color-1); font-size:1.25rem; font-weight:700; font-family:var(--font3); color:var(--point-color-1); display:block; } 
.total_menu>li ul li { padding:10px; } 
.btn_total_close { position:absolute; right:3.8%; top:36px; width:30px; aspect-ratio: 1/1; background:url(../img/total_menu_close.svg) no-repeat center center; background-size:140%; } 

.scroll .header .member_state ul li:before { background-color:#ddd; } 
.scroll .header { background-color:#fff; } 
/*.scroll .gnb>ul>li>a { color:#1d1d1d; } */
/*.scroll .total_menu_open { background:url(../img/hamgurger_box_b.svg) no-repeat center center; background-size:100%; } */
@media screen and (min-width: 1681px) {.header.over .member_state ul li a { color:#333; } 
.header.over .member_state ul li:before { background-color:#ddd; } 
.header.over { background-color:#fff; } 
.header.over .logo a { background:url(../img/logo.svg) no-repeat center center; background-size:100%; } 
.header.over .gnb>ul>li>a { color:#1d1d1d; } 
.header.over .total_menu_open { } 
.header.over .member_state ul li a { color:rgba(0,0,0,0.7); } 
.header.over .member_state ul li:before { background-color:rgba(0,0,0,0.7); } 
.gnb>ul>li .s_gnb { min-width: 200px; } 
.gnb>ul>li:hover .s_gnb { visibility: visible; opacity:1; } 
.header.over .gnb>ul>li:hover>a { color:var(--point-color-1); } 
 }

@media screen and (max-width: 1680px) {.header .top_link { margin-left:10px; } 
.gnb>ul>li { padding:20px 15px; } 
.gnb { display:none; } 
 }
@media screen and (max-width: 960px) {.header .member_state { display:none; } 
 }
@media screen and (min-width: 769px) {.total_menu>li .s_menu { display:block !important; } 
 }
@media screen and (max-width: 768px) {.header .sns_list { display:none; } 
.total_menu { padding:20px 4%; display:block; gap:0; text-align:left; } 
.total_menu>li>a { position:Relative; margin-bottom:0; padding:10px 0; border-bottom:none; text-align:left; display:block; } 
.total_menu>li>a:before { position:absolute; right:0; top:50%; width:24px; aspect-ratio: 1/1; display:block; background:url(../img/arrow_right.svg) no-repeat center center; background-size:100%; display:block; content:""; transform: translateY(-50%); } 
.total_menu>li .s_menu { display:none; } 
.total_menu>li ul { padding:10px; background-color:var(--point-color-2); border-radius:10px; } 
.total_menu>li ul li { padding:5px; text-align:left; font-size:1.125rem; } 
.total_menu>li ul li a { color:var(--point-color-1) } 
.header .logo a { width:150px; } 
.btn_total_close { top:15px; } 
.total_menu_wrap .logo { height:var(--header_h); padding:0 4%; } 
.total_menu_wrap .d-flex { padding-right:0; display:block; } 
.total_menu_wrap .util { width:100%; padding:10px 4%; background-color:#efefef; } 
.total_menu_wrap .util ul { justify-content:center; } 
.total_menu_wrap .inner { padding:0; height:100vh; overflow:auto; } 
.total_menu_open { margin-left:16px; } 
.member_state { /*display:none; */ } 
 }

/* footer */
.footer { position:relative; } 
.footer_inner { position:relative; padding:50px 0 80px; background-color:var(--point-color-2); } 
.footer:before { position:relative; width:100%; display:block; background:url(../img/footer_bg.jpg) no-repeat 0 0; background-size:100%; aspect-ratio: 1800/96; content:""; } 
.footer .cont { position:relative; display:flex; gap:70px; } 
.footer_sns { position:absolute; right:20px; top:0; } 
.footer_sns ul { display:flex; gap:20px; } 
.footer_cont { font-size:16px; color:var(--point-color-1); font-family:var(--font3); line-height:1.875; } 
.footer_cont .link { display:flex; } 
.footer_cont .link a { font-size:inherit; color:inherit; font-family:inherit; } 
.footer_cont .link a:last-child::before { content:"/"; margin:0 10px; } 
.footer .copyright { margin-top:15px; font-family:var(--font3); font-weight:500; font-size:10px; } 
.footer .info span { opacity:0.6; } 

@media screen and (max-width: 768px) {.footer .cont { flex-direction: column; gap:20px; } 
.footer_inner { padding:40px 0; } 
.footer_logo { text-align:center; } 
.footer_sns { position:relative; right:auto; top:auto; } 
.footer_sns ul { justify-content:center; } 
.footer_cont { text-align:center; } 
.footer_cont .link { justify-content:center; margin:0 0 15px; } 
 }

@media screen and (max-width: 670px) {}
/* layout */
.cont { margin:0 auto; padding:0 var(--padding); max-width:var(--width); box-sizing:border-box; } 
.container { width:100%; min-height:calc(100vh - 700px); overflow:hidden; } 
/* .sub_page .container { padding-top: var(--header_h); } */
@media screen and (max-width: 768px){
 .container { min-height:calc(100vh - 405px); } 
 }

/* main */
.img_box { display: flex; align-items: center; justify-content: center; } 
#section1 { position: relative; background: url(../img/main_visual_bg.jpg) no-repeat center bottom; background-size: cover; padding-top: var(--header_h); } 
#section1 .content1 { padding:0 var(--padding); margin:0 auto; max-width:var(--width); width:100%; display: flex; height: 977px; align-items: center; box-sizing:border-box; } 
#section1 .content1 .vs_img_area { width:calc(100% - 500px); 7 } 
#section1 .content1 .logo { } 
#section1 .content1 .vs_rolling_wrap { position:relative; margin-left:auto; width:500px; } 
#section1 .content1 .vs_rolling .slide { display:none; } 
#section1 .content1 .vs_rolling .slide:first-child { display:block; } 
#section1 .content1 .date { padding-top:54px; margin-left:-20px; font-size:40px; font-family:var(--font3); font-weight:900; color:var(--point-color-1); font-weight:700; text-align:left; } 
#section1 .content1 .date span { font-weight:400; } 
#section1 .content1 .date .vs_btn a { padding:0 40px; height:87px; line-height:87px; display:inline-block; text-align:center; background-color:#ED6D00; color:#fff; font-family:var(--font3); font-size:2.5rem; border-radius:2em; margin:5px 0; } 
#section1 .content1 .date p { margin-top:10px; font-weight:400; font-size:1rem; color:#434343; } 
#section1 .content1 .date p + p { margin:0; } 
#section1 .content1 .date p.f-small { margin:5px 0 20px; color:var(--point-color-1); opacity:0.7; } 
#section1 .content1 .slide { padding:20px; 38px; background-color:#fff; border-radius:10px; } 
#section1 .content1 .slide .title_area { margin-bottom:20px; padding-right:120px; display:flex; align-items:center; } 
#section1 .content1 .control { position:absolute; right:20px; top:20px; z-index:3; display:flex; width:100px; display:flex; align-items:center; justify-content:space-between; } 
#section1 .content1 .control .main_vs_prev { width:24px; aspect-ratio: 1/1; background:url(../img/main_vs_prev.jpg) no-repeat center center; } 
#section1 .content1 .control .main_vs_next { width:24px; aspect-ratio: 1/1; background:url(../img/main_vs_next.jpg) no-repeat center center; } 
#section1 .content1 .vs_paging { font-size:1rem; color:#777; } 
#section1 .content1 .vs_paging strong { font-weight:700; color:#000; } 
#section1 .content1 .slide .name { font-size:1.78rem; color:var(--point-color-1); font-family:var(--font3); font-weight:600; } 
#section1 .content1 .slide .img_area { width:100%; } 
#section1 .content1 .slide .img_area a { aspect-ratio: 424/280; display:block; border-radius:5px; display:block; overflow:hidden; } 
#section1 .content1 .slide .img_area img { width:100%; height:100%; object-fit:cover; } 
#section1 .content1 .slide .info { padding-top:25px; } 
#section1 .content1 .slide .info ul li { margin-bottom:10px; display:flex; font-size:1.125rem; font-family:var(--font3); align-items:center; gap:10px; } 
#section1 .content1 .slide .info ul li:before { width:28px; aspect-ratio: 1/1; display:block; border-radius:50%; display:block; content:""; flex-shrink:0; } 
#section1 .content1 .slide .info ul li.icon_1:before { background:url(../img/main_vs_icon1.jpg) no-repeat center center; background-size:100%: } 
#section1 .content1 .slide .info ul li.icon_2:before { background:url(../img/main_vs_icon2.jpg) no-repeat center center; background-size:100%: } 
#section1 .content1 .slide .info ul li.icon_3:before { background:url(../img/main_vs_icon3.jpg) no-repeat center center; background-size:100%: } 
#section1 .content1 .slide .more { padding-top:10px; } 
#section1 .content1 .slide .more a { display:inline-flex; gap:10px; font-size:1rem; align-items:center; } 
#section1 .content1 .slide .more a:after { width:25px; aspect-ratio: 25/9; display:block; content:""; background:url(../img/more_arrow.jpg) no-repeat center center; } 


.main_visual { position:relative; margin-bottom:60px; height:800px; background:url(../img/main_vs_bg.png) no-repeat center bottom; background-size:cover; } 
.main_vs_cont { margin:0 auto; padding:160px var(--padding) 0; max-width:var(--width); box-sizing:border-box; display:Flex; align-items: center; } 
.main_vs_cont .main_vs_txt { position:relative; margin:0 20px 0 -70px; padding-top:200px; width:460px; } 
.main_vs_cont .main_vs_txt:before { position:absolute; right:0; top:0; width:310px; aspect-ratio: 1/0.645; display:block; content:""; background:url(../img/cha_img_main_banner.png) no-repeat center center; background-size:100%; } 
.main_vs_cont .main_vs_txt .txt_1 { padding:0 24px 0 16px; height:36px; line-height:36px; background-color:var(--point-color-2); font-size:1.25rem; color:#fff; display:inline-block; border-radius:2rem 2rem 2rem 0; font-family: var(--font); } 
.main_vs_cont .main_vs_txt .txt_2 { margin:16px 0 32px; font-size:2.75rem; font-weight:400; color:#fff; font-family: var(--font); } 
.main_vs_cont .main_vs_txt .txt_2 strong { font-weight:500; } 
.main_vs_cont .main_vs_txt .more a { display:inline-block; padding:10px 40px 10px 0; background:url(../img/arrow_box.svg) no-repeat right center; font-size:1.125rem; color:#fff; } 
.main_vs_cont .main_vs_rolling_wrap { position:Relative; width:32.2%; } 
.main_vs_map { width:41.6%; } 
.main_vs_rolling { position:Relative; box-shadow: 0 8px 15px 0 rgba(0, 65, 131, 0.2); border-radius: 8px; overflow:hidden; } 
.main_vs_rolling .slick-slide .list { display:block !important; width:100%; box-sizing:border-box; } 
.main_vs_rolling .list { padding:24px 20px; display:none; background-color:#fff; } 
.main_vs_rolling .list:First-child { display:block; } 
.main_vs_rolling .list .title { position:relative; margin-bottom:16px; padding-left:20px; font-size:1.75rem; font-family: var(--font); font-weight:700; color:var(--point-color-2); } 
.main_vs_rolling .list .title:before { position:absolute; left:0; top:50%; width:12px; height:12px; box-sizing:border-box; background-color:#fff; border:3px solid var(--point-color-2); border-radius:50%; display:block; content:""; transform:translateY(-50%); } 
.main_vs_rolling .list .img_area { margin-bottom:22px; } 
.main_vs_rolling .list .img_area img { width:100%; } 
.main_vs_rolling .list .s_title { font-size:1.75rem; font-weight:700; font-family:var(--font); } 
.main_vs_rolling .list .more { margin-left:16px; padding-right:36px; background:url(../img/icon_arrow.svg) no-repeat right center; } 
.main_vs_rolling .list ul { margin-top:20px; padding-bottom:20px; } 
.main_vs_rolling .list ul li { position:relative; margin-bottom:15px; padding-left:38px; font-family:var(--font); color:#343434; } 
.main_vs_rolling .list ul li:before { position:absolute; left:0; top:-5px; width:28px; aspect-ratio: 1/1; display:block; content:""; } 
.main_vs_rolling .list ul li.icon_1:before { background:url(../img/icon_map_box.svg) no-repeat center center; background-size:100%; } 
.main_vs_rolling .list ul li.icon_2:before { background:url(../img/icon_tel_box.svg) no-repeat center center; background-size:100%; } 
.main_vs_rolling .list ul li.icon_3:before { background:url(../img/icon_time_box.svg) no-repeat center center; background-size:100%; } 
.main_vs_rolling .list .location { padding-top:10px; border-top:1px solid #ddd; display:flex; align-items: center; } 
.main_vs_rolling .list .location span { font-size:1.25rem; color:#1d1d1d; } 
.main_vs_rolling .list .location .map_link { display:flex; align-items: center; } 
.main_vs_rolling .list .location .map_link a { margin-right:8px; display:block; } 
.main_vs_rolling_wrap .control { position:absolute; right:20px; top:24px; z-index:3; font-size:1rem; color:#bebebe; display:flex; align-items: center; gap:12px; } 
.main_vs_rolling_wrap .control .main_vs_prev { width:24px; aspect-ratio: 1/1; background:url(../img/arrow_left.svg) no-repeat center center; } 
.main_vs_rolling_wrap .control .main_vs_next { width:24px; aspect-ratio: 1/1; background:url(../img/arrow_right.svg) no-repeat center center; } 
.main_vs_rolling_wrap .control .main_vs_count strong { font-weight:400; color:#343434; } 
.main_map_rolling .list { display:none; } 
.main_map_rolling .list:first-child { display:block; } 
.main_cont_1 { position:relative; padding:60px 0 70px; overflow:hidden; } 
.main_cont_1:before { position:absolute; left:50%; top:45%; z-index:1; width:1920px; aspect-ratio: 1/0.56; display:block; content:""; background:url(../img/main_courses_info_bg.png) no-repeat center center; background-size:cover; transform:translate(-50%, -50%); display: none; } 
.main_cont_1 .title_area { } 
.main_title { margin-bottom:56px; } 
.main_title h1 { font-size: 48px; font-weight: 400; color: #363636; font-family:var(--font3); line-height:1.2; } 
.main_title h1 strong { color:var(--point-color-1); font-weight:700; } 
.main_title p { margin-top:16px; font-family: var(--font); font-size:1.25rem; color:#343434; } 
.main_cont_1 .cont { position:relative; z-index:2; display:flex; } 
.main_cont_1 .title_area { position:relative; width:32.7%; } 
.main_cont_1 .title_area:before { position:Relative; width:228px; aspect-ratio: 1/0.61; background:url(../img/cha_img_courses_info.png) no-repeat center center; background-size:100%; display:block; content:""; display: none; } 
.main_cont_1 .title_area .effect1 { position:absolute; left:-88px; top:20px; transform:scale(2); } 
.main_cont_1 .title_area .effect2 { position:absolute; left:243px; top:0; } 
.main_cont_1 .title_area .effect3 { position:absolute; left:auto; top:auto; right:-50px; bottom:25%; } 
.main_cont_1 .title_area .effect4 { position:absolute; left:auto; top: auto; right:50px; bottom:24%; } 
.main_cont_1 .title_area .effect1 .effect:after,
.main_cont_1 .title_area .effect1 .effect:before { background-color:#95C217; } 
.main_cont_1 .title_area .effect2 .effect:after,
.main_cont_1 .title_area .effect2 .effect:before { background-color:#005E99; } 
.main_cont_1 .title_area .effect3 .effect:after,
.main_cont_1 .title_area .effect3 .effect:before { background-color:#1D2089; } 
.main_cont_1 .title_area .effect4 .effect:after,
.main_cont_1 .title_area .effect4 .effect:before { background-color:#FF1649; } 
.main_cont_1 .tag_list ul { display:flex; gap:8px; flex-wrap:wrap; } 
.main_cont_1 .tag_list ul li button { padding:8px 18px; display:block; background-color:#EBEBEB; border-radius:2em; color:#343434; } 

.main_cont_1 .tag_list ul li a { padding:8px 18px; display:block; background-color:#EBEBEB; border-radius:2em; color:#343434; } 
.main_cont_1 .tag_list ul li a:hover { background-color:var(--point-color-1); color:#fff; } 

.main_cont_1 .tag_list ul li.active button { background-color:var(--point-color-1); color:#fff; } 
.main_cont_1 .list_area { position:relative; margin-left:auto; width:62%; } 
.main_cont_1 .list_area:before { position:absolute; left:0; bottom:0; z-index:3; width:100%; height:200px; background: rgb(255, 255, 255); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); display:block; content:""; display: none; } 
.main_cont_1 .list_area ul { display:flex; flex-wrap:wrap; } 
.main_cont_1 .list_area ul li { width:48%; margin-bottom:0px; } 
.main_cont_1 .list_area ul li:nth-child(2n) { margin:0px 0 0 auto; } 
.main_cont_1 .list_area ul li:last-child .txt_area { } 
.main_cont_1 .list_area ul li:nth-child(3) { margin-bottom:0; } 
.main_cont_1 .list_area ul li:nth-child(3) .txt { display:none; } 
.main_cont_1 .list_area ul li:nth-child(3) .more { display:none; } 
.main_cont_1 .list_area ul li .img_area a { position:relative; aspect-ratio: 1/0.66; display:block; } 
.main_cont_1 .list_area ul li .img_area img { width:100%; height:100%; object-fit: cover; border-radius:10px; } 
.main_cont_1 .list_area ul li .txt_area { padding:20px 0 0; } 
.main_cont_1 .list_area ul li .tit { margin-bottom:12px; color: #2e2e2e; font-size: 22px; font-weight: 600; font-family:var(--font3); } 
.main_cont_1 .list_area ul li .tit strong { color:var(--point-color-1); font-weight:inherit; } 
.main_cont_1 .list_area ul li .txt { line-height:1.5625; color: #2e2e2e; font-weight: 500; height: auto; min-height: 50px; font-size:0.9375rem; } 
.main_cont_1 .list_area ul li .more { margin-top:32px; display:flex; } 
.main_cont_1 .list_area ul li .more a { padding:0 20px; height:40px; display:flex; align-items: center; justify-content: center; font-size:0.875rem; font-family: var(--font); border:1px solid #555555; box-sizing:border-box; border-radius:2em; line-height:1; color: #2e2e2e; font-weight: 500; display: flex; width: 100%; max-width: 240px; height: 45px; padding: 0 20px; justify-content: space-between; background: #fff; } 
.main_cont_1 .list_area ul li .more a:after { margin-left:10px; width:24px; height:8px; background:url(../img/icon_arrow.svg) no-repeat center center; background-size:100%; display:block; content:""; } 
.main_cont_1 .list_area ul li .more a:hover { background: #ededed; } 
.main_cont_2 { position:relative; padding:60px 0; } /*background:url(../img/main_middle_bg.png) no-repeat center center; background-size:cover; overflow:hidden; */
.main_cont_2 .main_title { text-align:center; margin-bottom: 80px; } 
.main_cont_2 .cont { position:relative; } 
.main_cont_2 .step ul { display:flex; gap:34px; justify-content: space-between; } 
.main_cont_2 .step ul li { position:relative; width:calc((100% - 136px) / 5); text-align:center; } 
.main_cont_2 .step ul li .img_area { display:flex; aspect-ratio:1/1; flex-direction: column; align-items:center; justify-content:center; background-color:#f2eaf4; border-radius:50%; gap:20px; transition:transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; } 
.main_cont_2 .step ul li .img_area img { transition:transform 0.3s ease; } 
.main_cont_2 .step ul li:hover .img_area { transform:translateY(-8px); box-shadow:0 10px 25px rgba(0,0,0,0.15); background-color:#e5d9e8; } 
.main_cont_2 .step ul li:hover .img_area img { transform:scale(1.1); } 
.main_cont_2 .step ul li .img_area strong { display:block; font-size:26px; color:var(--point-color-1); font-family:var(--font3); font-weight:600; line-height:1.2; } 
.main_cont_2 .step ul li .img_area span { display:block; font-size:22px; font-weight:500; } 
.main_cont_2 .step ul li .num { position:absolute; left:50%; top:-25px; width:50px; aspect-ratio:1/1; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; font-family:var(--font); font-weight:700; } 
.main_cont_2 .step ul li .num:before { position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; transform:rotate(-45deg); border-radius:50% 50% 50% 0; background-color:var(--point-color-1); display:block; content:""; } 
.main_cont_2 .step ul li .txt_area { padding-top:15px; font-size:1.25rem; font-family:var(--font3); } 
.main_cont_2 .step ul li::before { position:absolute; left:-34px; top:40%; width:34px; aspect-ratio: 34/21; display:block; content:""; transform:translateY(-50%); background:url(../img/main_arrow.png) no-repeat center center; } 
.main_cont_2 .step ul li:first-child:before { display:none; } 

.main_cont_2 .more { margin-top:40px; text-align:center; } 
.main_cont_2 .more a { padding:0 82px 0 40px; display:inline-block; height:65px; line-height:65px; background:url(../img/icon_arrow_W.svg) no-repeat right 40px center var(--point-color-1); background-size:32px; border-radius:2em; font-size:1.5rem; color:#fff; font-family: var(--font); } 
.main_cont_2 .more a:hover { background-color: #007dca; } 
.main_cont_2 .effect1 .effect:after,
.main_cont_2 .effect1 .effect:before { background-color:#1D2089; } 
.main_cont_2 .effect2 .effect:after,
.main_cont_2 .effect2 .effect:before { background-color:#676AB5; } 
.main_cont_2 .effect3 .effect:after,
.main_cont_2 .effect3 .effect:before { background-color:#676AB5; } 
.main_cont_2 .effect4 .effect:after,
.main_cont_2 .effect4 .effect:before { background-color:#1D2089; } 
.main_cont_2 .effect1 { left:8.3%; top:20%; transform: scale(2); } 
.main_cont_2 .effect2 { left:54px; top:130px; } 
.main_cont_2 .effect3 { left:auto; right:-26px; top:40%; } 
.main_cont_2 .effect4 { left:auto; right:-100px; top:100px; transform: scale(2); } 
.main_cont_2 .effect-group { display: none; } 
.main_cont_3 { padding:70px 0 40px; } 
.main_cont_3 .cont { display:flex; } 
.main_cont_3 .title_area { width:32.7%; } 
.main_cont_3 .title_area .more a { padding:0 64px 0 24px; height:48px; line-height:48px; display:inline-block; background:url(../img/icon_arrow_W.svg) no-repeat right 24px center var(--point-color-2); background-size:32px; font-size:1.125rem; color:#fff; border-radius:2em; } 
.main_cont_3 .main_notice { margin-left:auto; width:62%; display:flex; justify-content: space-between; } 
.main_cont_3 .main_notice>div { width:48%; } 
.main_cont_3 .main_notice .more { width:25px; aspect-ratio: 1/1; display:block; text-indent:-9999px; border:1px solid #ddd; border-radius:50%; background:url(../img/arrow.svg) no-repeat center center; } 
.main_cont_3 .d-flex { } 
.main_cont_3 .main_notice .txt_area a { display:block; } 
.main_cont_3 h2 { font-size:1.125rem; font-weight:500; font-family:var(--font3); } 
.main_cont_3 .main_notice ul { border-top:2px solid var(--point-color-1); } 
.main_cont_3 .main_notice ul li { padding:26px 0; display:flex; align-items: center; border-bottom:1px solid #dbdbdb; } 
.main_cont_3 .main_notice ul li a { display:block; width:100%; overflow:hidden; } 
.main_cont_3 .main_notice ul li .txt_area { width:100%; } 
.main_cont_3 .main_notice ul li .date { margin-top:10px; font-size:1.125rem; font-weight:700; font-family: var(--font3); color:var(--point-color-1); } 
.main_cont_3 .main_notice ul li .date strong { display:block; font-size:2.5rem; font-weight:700; font-family: var(--font); } 
.main_cont_3 .main_notice ul li .tit { margin-bottom:8px; font-size:1.625rem; font-family: var(--font3); font-weight:500; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } 
.main_cont_3 .main_notice ul li .tit strong { font-weight:inherit; } 
.main_cont_3 .main_notice ul li .txt { font-family: var(--font3); color:#727272; font-weight:400; font-size:0.9375rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } 
.main_cont_3 .main_notice ul li:last-child { border-bottom:2px solid var(--point-color-1) } 
.main_cont_3 .main_popupzone { position:relative; width:47.3%; } 
.main_cont_3 .control { position:absolute; right:0; top:0; font-size:1rem; color:#bebebe; display:flex; align-items: center; gap:12px; } 
.main_cont_3 .control .prev { width:24px; aspect-ratio: 1/1; background:url(../img/arrow_left.svg) no-repeat center center; } 
.main_cont_3 .control .next { width:24px; aspect-ratio: 1/1; background:url(../img/arrow_right.svg) no-repeat center center; } 
.main_cont_3 .control .count strong { font-weight:400; color:#343434; } 
.main_cont_3 .main_gallery { position:relative; margin-left:auto; width:47.3%; } 
.main_cont_3 .main_gallery .list img { border-radius:20px; } 
.main_gallery .title { display:flex; align-items: center; margin-bottom:24px; } 
.main_gallery .title h1 { margin-bottom:0; } 
.main_gallery .title .more { margin-left:16px; } 
.main_gallery .title .more a { padding-right:34px; display:inline-block; font-size:0.875rem; color:#1d1d1d; background:url(../img/icon_arrow.svg) no-repeat right center; background-size:24px; } 
.main_gallery .slick-slide>div { padding-right:10px; box-sizing:border-box; } 

.main_visual .effect1 { left:6.25%; top:50%; } 
.main_visual .effect2 { left:8.3%; top:40%; transform: scale(2); } 
.main_visual .effect3 { left:50%; top:30%; transform: scale(2) translateX(-50%); } 
.main_visual .effect4 { left:52%; top:26%; } 
.main_visual .effect5 { left:auto; right:8.3%; top:50%; transform: scale(2) translateY(-50%); } 

@media screen and (max-width: 1460px) {.main_vs_cont .main_vs_txt .txt_2 { word-break: keep-all; } 
.main_vs_cont .main_vs_txt .txt_2 br { display:none; } 

#section1 .content1 .date { font-size:34px; } 
#section1 .content1 .date .vs_btn a { padding:0 20px; height:50px; line-height:50px; font-size:1.5rem; } 
#section1 .content1 .logo { width:50%; } 
#section1 .content1 .character { width:60%; } 
#section1 .content1 .vs_img_area { width:calc(100% - 400px); } 
#section1 .content1 .vs_rolling_wrap { width:400px; } 
 }

@media screen and (max-width: 1260px) {.main_cont_2 .step ul li .img_area strong { font-size:18px; } 
.main_cont_2 .step ul li .img_area span { font-size:16px; } 
.main_cont_2 .step ul li .txt_area { font-size:1rem; } 
}
@media screen and (max-width: 960px){
 .main_vs_cont .main_vs_txt { position:absolute; left:0; top:var(--header_h); width:100%; margin:0; padding:0 var(--padding); box-sizing:border-box; } 
.main_vs_cont .main_vs_txt .txt_2 { margin:16px 0; } 
.main_vs_cont .main_vs_rolling_wrap { margin-left:auto; width:50%; } 
.main_vs_map { width:48%; } 
.main_vs_cont { padding-top:250px; } 
.main_vs_cont .main_vs_txt:before { display:none; } 
.main_vs_cont .main_vs_txt .txt_2 { font-size:2rem; } 
.main_cont_1 .cont { display:block; } 
.main_cont_1 .title_area { width:100%; margin-bottom:50px; } 
.main_cont_1 .list_area { width:100%; } 
.main_title { margin-bottom:25px; } 
.main_cont_2 .step ul li .txt_area { word-break: keep-all; } 
.main_cont_2 .step ul li .txt_area br { display:none; } 
.main_cont_3 .cont { display:block; } 
.main_cont_3 .title_area { width:100%; } 
.main_cont_3 .main_notice { width:100%; margin-top:40px; } 
.main_cont_3 h1 br { display:none; } 
.main_cont_3 .main_popupzone { width:100%; } 
.main_cont_3 .main_gallery img,
.main_cont_3 .main_popupzone img { width:100%; } 
.main_cont_3 .main_gallery { margin-top:50px; width:100%; } 
.main_visual { margin-bottom:20px; } 
.main_cont_2,
.main_cont_3 { padding:40px 0; } 
.main_cont_1 { padding:60px 0; } 

#section1 .content1 { flex-direction: column; } 
#section1 .content1 .vs_img_area { width:100%; } 
#section1 .content1 { height:auto; padding:60px 0; } 
#section1 .content1 .vs_rolling_wrap { display:none; } 
#section1 .content1 .vs_img_area .left_area { justify-content:center; } 
#section1 .content1 .character { margin: 0 auto; } 

.main_cont_2 .step ul { align-items:center; gap:40px 20px; flex-wrap:wrap; justify-content:center; } 
.main_cont_2 .step ul li { max-width:260px; width:calc(50% - 10px); } 
.main_cont_2 .step ul li:before { display:none; } 
.main_cont_2 .step ul li .img_area { margin:0 auto; max-width:200px; } 
 }
 
@media screen and (max-width: 768px) {#section1 .content1 { padding:40px 20px; } 
#section1 .content1 .vs_img_area .left_area { flex-direction: column; gap:20px; } 
#section1 .content1 .logo { width:70%; margin:0 auto; } 
#section1 .content1 .date { margin:0; text-align:center; font-size:7vw; } 
#section1 .content1 .date .vs_btn a { height:40px; line-height:40px; } 
#section1 .content1 .date { padding-top:0; } 
.main_cont_3 .main_notice { flex-direction: column; gap:40px; } 
.main_cont_3 .main_notice>div { width:100%; } 
}
@media screen and (max-width: 670px){
 #section1 { height: auto; } 
#section1 .content1 .cont1 { width: 80%; max-width: fit-content; } 
#section1 .content1 .cont2 { width: 80%; max-width: fit-content; } 
#section1 .content1 .btn_box { display: flex; flex-direction: column; width: 80%; } 
#section1 .content1 .btn_box a { width: 100%; height: 60px; font-size: 20px; } 

 .main_visual { height:auto; padding-bottom:40px; } 
.main_vs_cont { display:block; } 
.main_title h1 { font-size:2.5rem; } 
.main_title h1 strong { font-size:2.5rem; } 
.main_vs_map { width:100%; } 
.main_vs_cont .main_vs_rolling_wrap { width:100%; } 
.main_vs_cont .main_vs_txt .txt_1 { padding:0 14px 0 14px; height:30px; line-height:30px; font-size:1rem; } 
.main_cont_2 .step ul li .num { top:-15px; width:30px; height:30px; line-height:30px; font-size:1rem; } 
.main_cont_2 .more a { height:46px; line-height:46px; font-size:1.25rem; } 
.main_cont_3 .title_area .more a { height:34px; line-height:34px; font-size:1rem; } 
.main_cont_3 .main_notice ul li { padding:10px 0; } 
.main_cont_1 .list_area ul li .tit { font-size:18px; } 
.main_cont_1 .list_area ul li .more { margin-top:10px; } 
.main_cont_3 .main_notice ul li .tit { font-size:17px; } 
.main_cont_3 .main_notice ul li .date { font-size:12px; } 
 }

/* sub_layout */
.sub_visual { position:relative; aspect-ratio: 1800/478; background:url(../img/sub_visual.jpg) no-repeat center bottom; background-size:cover; display:flex; align-items: center; } 

.sub_visual .cont { width:100%; } 
.navi { width:100%; margin-bottom:70px; display: none; } 
.navi ul { display:flex; align-items: center; justify-content: flex-end; } 
.navi ul li { position:relative; padding:0 10px 0 20px; color:#fff; font-size:1.125rem; background:url(../img/navi_arrow.svg) no-repeat 0 center; background-size:15px; } 
.navi ul li:first-child { background:none; } 
.sub_visual h1 { text-align:center; font-size:3rem; color:#00a0e9; font-weight:600; } 
.sub_container { padding:70px 0 40px; } 
@keyframes fireworkLine { 
 0% { right: 20%; transform: scale(0, 0); } 

20% { right: 20%; width: 6px; transform: scale(1, 1); } 

30% { right: 0; width: 35%; } 

40% { right: 0; width: 4px; transform: scale(1, 1); } 

50% { right: 0; transform: scale(0, 0); } 

/* 20%�� �ъ쑀(=1珥� �뺣룄)瑜� idle �곹깭濡� 異붽� */
100% { right: 0; transform: scale(0, 0); } 
 }

@keyframes fireworkPoint { 
 0% { transform: scale(0, 0); } 

30% { transform: scale(1, 1); } 

40% { transform: scale(0, 0); } 

/* idle �곹깭 異붽� */
100% { transform: scale(0, 0); } 
 }

.effect:before { animation: fireworkLine 2.5s linear 0.3s infinite; } 
.effect:after { animation: fireworkPoint 2.5s linear 0.3s infinite; } 

.effect-group .effect:before { content: ""; display: block; position: absolute; right: 0; border-radius: 2px; height: 4px; background: #FFF; } 
.effect-group .effect:after { content: ""; display: block; position: absolute; top: 10px; right: 10%; border-radius: 50%; width: 4px; height: 4px; background: #FFF; transform: scale(0, 0); } 
.effect-group { position: absolute; top: 0; left: 0; width: 100px; aspect-ratio: 1/1; z-index:3; } 
.effect-group .effect { display: block; position: absolute; top: 20%; left: 50%; width: 24px; transform-origin: 0px 2px; } 
.effect-group .effect:nth-child(2) { transform: rotate(72deg); } 
.effect-group .effect:nth-child(3) { transform: rotate(144deg); } 
.effect-group .effect:nth-child(4) { transform: rotate(216deg); } 
.effect-group .effect:nth-child(5) { transform: rotate(288deg); } 

.effect1 { left:20%; top:50%; } 
.effect2 { left:50%; top:30%; } 
.effect-group.effect2 .effect:before { animation: fireworkLine 3s linear 1s infinite; } 
.effect-group.effect2 .effect:after { animation: fireworkPoint 3s linear 1s infinite; } 
.effect3 { left:auto; right:20%; top:60%; } 
.effect-group.effect3 .effect:before { animation: fireworkLine 2.8s linear 0.5s infinite; } 
.effect-group.effect3 .effect:after { animation: fireworkPoint 2.8s linear 0.5s infinite; } 

@media screen and (max-width:1024px){
 .sub_visual:before { left:3% } 
 }
@media screen and (max-width:768px){
 .sub_visual { height:250px; } 
.sub_visual:before { left:auto; right:3%; width:150px; } 
.navi { margin-bottom:30px; } 
.sub_visual h1 { text-align:left; } 
.effect2 { display:none; } 
.effect1 { top:70px; } 
.effect3 { top:auto; bottom:-20px; left:auto; right:150px; } 
.sub_container { padding:40px 0 50px; } 
 }

/* quick */
.quick { position:fixed; right:6%; top:50%; z-index:19; transform: translateY(-50%); } 
.quick ul li a { padding: 20px 10px; background: #fff; border:1px solid var(--point-color-1); color:var(--point-color-1); display:block; border-radius:10px; text-align:center; transition: all 0.3s ease-out; } 
.quick ul li a:hover { background: var(--point-color-1); color:#fff; } 
.quick ul li { margin-bottom:4px; } 
@media screen and (max-width:1920px){
 .quick { right:2%; } 
 }

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

.important_box { margin-top:50px; padding:40px; background-color:rgba(2,52,125,0.1); border-radius:20px; font-size:1.125rem; line-height:1.6; } 
.important_box strong { font-size:1.25rem; font-weight:700; display:block; margin-bottom:20px; } 
.important_box .txt1 { margin:30px 0 50px;; text-align:center; font-size:1.25rem; font-weight:700; } 
.important_box .txt2 { font-weight:600; font-size:1.125rem; } 
.important_box .radio_list { margin-top:20px; } 
.important_box .radio_list ul { display:flex; align-items:center; flex-wrap:wrap; gap:30px; } 
.important_box .radio_list ul li { padding-left:0; font-size:1.125rem; } 
.important_box .radio_list ul li::before { content:none; } 

.order_chkall { margin-bottom: 40px; position: relative; } 
.order_chkall .selec_chk { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; outline: 0; z-index: -1; overflow: hidden; } 
.order_chkall label { color: #ff0101 !important; word-break: keep-all; padding-left: 30px; font-size: 17px; font-weight: 500; position: relative; line-height: 24px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; cursor: pointer; } 
.order_chkall label span { position: absolute; top: 0px; left: 0; width: 24px; height: 24px; display: block; background: url(../img/checkbox_off.svg) no-repeat center center; background-size: 100%; } 
.order_chkall label b { font-size: 22px; } 
.order_chkall input[type="checkbox"]:checked + label span { background: url(../img/checkbox_on.svg) no-repeat center center; background-size: 100%; } 

.sub_top_title { padding:0 0 80px; } 
.sub_top_title h1 { font-size:3rem; font-weight:300; font-family:var(--font3); text-align:center; } 
.sub_top_title h1 strong { color:var(--point-color-1); } 

.c-green { color:var(--point-color-1); } 
.gap20 { gap:20px; } 
.intro_cont .img_list_1 { position:relative; margin-bottom:90px; } 
.intro_cont .img_list_1 ul { display:Flex; justify-content: space-between; position:relative; z-index:1; } 
.intro_cont .img_list_1 ul li { position:relative; } 
.intro_cont .img_list_1 ul li img { border-radius:10px; } 
.intro_cont .img_list_1 .character { position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%, -50%); } 
.intro_cont .img_list_1 .txt_area { position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%, -50%); line-height:1.2; font-size:2.75rem; font-weight:500; font-family:var(--font3); text-align:center; width:100%; color:#fff; } 
.intro_cont p { font-size:1.125rem; color:#484848; font-family:var(--font3); } 
.intro_cont .list_2 { margin-top:5px; } 
.intro_cont .list_2>ul>li { display:flex; gap:20px; font-size:1.125rem; font-family:var(--font3); line-height:1.6; font-weight:400; } 
.intro_cont .list_2>ul>li strong { font-weight:700; flex-shrink:0; display:inline-block; } 
.intro_cont .list_2 .new-btn01 { margin:5px 0 0; padding:0 50px; height:54px; line-height:54px; font-size:1.125rem; font-weight:600; } 

.listType_1>ul>li { margin-bottom:40px; display:flex; gap:20px; } 
.listType_1>ul>li .title_area { flex-shrink:0; font-size:1.625rem; font-family:var(--font3); font-weight:700; color:var(--point-color-1); } 
.listType_1>ul>li .title_area.c-orange { color:var(--point-color-3); } 
.listType_1 .txt_area>ul>li { position:relative; padding-left:10px; font-size:1.5rem; font-family:var(--font3); } 
.listType_1 .txt_area>ul>li+li { margin:5px 0 0; } 
.listType_1 .txt_area>ul>li:before { position:absolute; left:0; top:12px; width:3px; aspect-ratio: 1/1; background-color:#000; border-radius:50%; display:block; content:""; } 
.listType_1 .txt_area>ul>li.dots_none:before { display:none; } 
.listType_1 .txt_area>ul>li.dots_none { padding-left:0; } 
.listType_1 .txt_area>ul>li.small { font-size:1.25rem; } 
.listType_1 .txt_area>ul>li span { font-size:1.25rem; } 
.listType_1 .txt_area .list_1 { margin-top:10px; position:relative; padding-left:18px; font-size:1.5rem; color:var(--point-color-3); font-weight:600; } 
.listType_1 .txt_area .list_1>li { position:relative; padding-left:10px; } 
.listType_1 .txt_area .list_1>li:before { position:absolute; left:0; top:15px; width:8px; height:2px; background-color:var(--point-color-3); display:block; content:""; } 
.listType_1 .txt_area .list_1.bold>li { font-weight:600; } 
.listType_1 .txt_area .list_1.c-orange>li { color:var(--point-color-3); } 
.listType_1 .txt_area .list_1.c-orange>li:before { background-color:var(--point-color-3); } 
.desc { margin-top:10px; font-size:1.25rem; color:#222; font-family:var(--font3); } 

.titleType_1 { margin-bottom:30px; } 
.titleType_1>* { padding:0 40px; height:54px; line-height:54px; background-color:var(--point-color-1); color:#fff; border-radius:2em; display:inline-block; font-size:1.875rem; font-family:var(--font3); font-weight:700; } 
.titleType_2>* { margin-bottom:20px; font-size:1.625rem; font-weight:700; font-family:var(--font3); color:var(--point-color-1); } 
.titleType_2>* span { font-size:1.25rem; font-weight:400; } 
.titleType_3 { margin-bottom:10px; } 
.titleType_3>* { font-size:1.25rem; font-weight:700; font-family:var(--font3); color:#2f2f2f; } 

.listDots>ul>li { position:relative; padding-left:10px; font-size:1.5rem; font-family:var(--font3); line-height:1.6; } 
.listDots>ul>li.small { font-size:1.25rem; } 
.listDots.small>ul>li { font-size:1.25rem; } 
.listDots>ul>li:before { position:absolute; left:0; top:14px; width:3px; aspect-ratio: 1/1; background-color:#000; border-radius:50%; display:block; content:""; } 
.listDots>ul>li.dots_none { padding-left:0; } 
.listDots>ul>li.dots_none:before { display:none; } 
.listDots .list_1 { margin-top:5px; } 
.listDots .list_1>li { position:relative; padding-left:18px; font-size:1.25rem; color:#2f2f2f; } 
.listDots .list_1>li:before { position:absolute; left:0; top:15px; width:8px; height:2px; background-color:#2f2f2f; display:block; content:""; } 
.listDots .list_2>li { font-size:1.375rem; color:#343434; font-weight:600; } 
.listDots p { font-size:1.375rem; font-weight:600; color:var(--point-color-3); font-weight:600; } 
.listDots p span { font-size:1.25rem; color:#2f2f2f; font-weight:400; } 
.listDots p.desc { margin-top:5px; font-size:1.25rem; color:#222; font-family:var(--font3); font-weight:400; } 
.listDots2>ul>li p { font-size:1.5rem; font-family:var(--font3); line-height:1.6; color:var(--point-color-3); font-weight:600; } 
.listDots2>ul>li .list_1 { margin-top:5px; } 
.listDots2>ul>li .list_1>li { position:relative; padding-left:15px; font-size:1.25rem; color:#333; font-family: var(--font3); } 
.listDots2>ul>li .list_1>li+li { margin:3px 0 0; } 
.listDots2>ul>li .list_1>li:before { position:absolute; left:0; top:12px; width:6px; height:2px; background-color:#333; display:block; content:""; } 

.new-btn01 { padding:0 40px; height:54px; line-height:54px; background-color:#1C2788; color:#fff; border-radius:2em; display:inline-block; font-size:1.25rem; font-family:var(--font3); font-weight:700; transition:.2s; } 
.new-btn01.btn-green-bg { background:var(--point-color-1); transition:.3s; } 
.new-btn01.btn-green-bg:hover { background:#0075c1; } 
.new-btn01.btn-orange-bg { background:#ea5504; } 
.new-btn01.btn-orange-bg:hover { background:#0d055a; } 

.box_list_type { padding:45px 50px; background-color:var(--point-color-2); border-radius:10px; } 
.box_list_type h2 { font-size:1.625rem; font-weight:700; font-family:var(--font3); color:var(--point-color-1); margin-bottom:20px; } 
.box_list_type ul li { position:relative; padding-left:10px; font-size:1.125rem; font-family:var(--font3); line-height:1.75; } 
.box_list_type ul li:before { position:absolute; left:0; top:14px; width:3px; aspect-ratio: 1/1; background-color:#000; border-radius:50%; display:block; content:""; } 
@media screen and (max-width:1428px) {.intro_cont .img_list_1 .txt_area { font-size:2rem; } 
 }

@media screen and (max-width:1200px) {.intro_cont .img_list_1 ul { flex-direction: column; gap:20px; } 
.intro_cont .img_list_1 ul li img { width:100%; } 
.intro_cont .img_list_1 .character { position:relative; left:auto; top:auto; transform:none; text-align:center; } 
.flex-column { flex-direction: column; } 
 }
@media screen and (max-width:768px) {.sub_top_title { padding:0 0 50px; } 
.listType_1 .txt_area>ul>li { font-size:18px; } 
.box_list_type { padding:20px; } 
.sub_top_title h1 { font-size:26px; } 
}

.calculating_box { margin:10px 0 80px; padding:50px 60px; border:1px solid #707070; border-radius:10px; display:flex; justify-content: space-between; } 
.calculating_list { max-width:530px; } 
.calculating_list>li { margin-bottom:35px; } 
.calculating_box .tit { font-size:1.375rem; font-weight:500; color:#302D2C; font-family: var(--font3); font-weight:500; } 
.calculating_box .input_area { margin-top:10px; display:flex; gap:20px; } 
.calculating_box .input_area .btn_price_check { width:150px; height:54px; line-height:54px; background-color:var(--point-color-1); color:#fff; font-size:1.375rem; font-family: var(--font3); } 
.calculating_box .input_area input[type="text"] { padding:0 20px; width:calc(100% - 170px); height:54px; line-height:54px; background-color:#EBEBEB; box-sizing:border-box; font-size:1.875rem; font-weight:600; font-family:var(--font3); border:none; text-align:right; box-sizing:border-box; } 
.calculating_box .left_area { width:48%; } 
.calculating_box .right_area { width:50%; } 
.calculating_box .info li { font-size:1.1875rem; color:#302D2C; font-family: var(--font3); line-height:1.6; } 
.calculating_box .title_area { margin-bottom:10px; display:flex; align-items: center; } 
.calculating_box .title_area .unit { margin-left:auto; font-size:0.9375rem; font-family: var(--font3); } 
.calculating_box table th { height:54px; font-size:1.125rem; font-family: var(--font3); font-weight:500; border:1px solid #ddd; border-right:none; } 
.calculating_box table th:First-child { background-color:#E3EBF7; color:#002A74; border-left:none; } 
.calculating_box table th:last-child { background-color:#F8D2D1; color:#B60034; } 
.calculating_box table td { border:1px solid #ddd; height:40px; text-align:center; font-size:1.125rem; font-family: var(--font3); color:#222; border-right:none; } 
.calculating_box table td:first-child { border-left:none; } 
@media screen and (max-width:960px) {.calculating_box { padding:40px 20px; flex-direction: column; gap:40px; } 
.calculating_box .left_area { width:100%; } 
.calculating_box .right_area { width:100%; } 
 }
@media screen and (max-width:768px) {.calculating_box .input_area { gap:10px; } 
.calculating_box .input_area .btn_price_check { width:80px; } 
.calculating_box .input_area input[type="text"] { width:calc(100% - 90px); } 
 }

.tabType_1 { margin-bottom:50px; } 
.tabType_1 ul { display:flex; gap:20px; justify-content: center; } 
.tabType_1 ul a { width:370px; height:65px; line-height:61px; text-align:center; border:2px solid var(--point-color-1); color:var(--point-color-1); font-size:1.875rem; font-weight:700; font-family:var(--font3); background-color:transparent; border-radius:2em; transition:all 0.3s ease-out; display:block; } 
.tabType_1 ul li.active a { background-color:var(--point-color-1); color:#fff; } 
.gift_card h2 { font-size:1.625rem; font-weight:700; font-family:var(--font3); color:var(--point-color-1); margin-bottom:10px; } 
.gift_card h2 span { font-size:1.25rem; color:#777; font-weight:400; display:inline-block; margin-left:10px; } 
.gift_card .list_1 { margin-bottom:30px; font-size:1.25rem; font-family:var(--font3); line-height:1.6; } 
.gift_card .list_2 li { margin-bottom:15px; font-size:1.25rem; font-family:var(--font3); line-height:1.6; display:flex; gap:10px; flex-wrap:wrap; } 
.gift_card .list_2 li strong { font-size:1.625rem; font-family:var(--font3); line-height:1.6; color:var(--point-color-1); } 
@media screen and (max-width:768px) {.tabType_1 ul li { flex:1; } 
.tabType_1 ul a { width:100%; height:50px; line-height:46px; font-size:1rem; } 
 }

.gift_card .list_3 { margin-top:50px; } 
.gift_card .list_3>ul>li { margin-bottom:130px; display:flex; flex-wrap:wrap; } 
.gift_card .list_3 .txt_area { width:336px; } 
.gift_card .list_3 .img_area { width:calc(100% - 336px); } 
.gift_card .list_3 .txt_area h3 { font-size:1.625rem; font-weight:700; font-family:var(--font3); color:var(--point-color-1); margin-bottom:10px; } 
.gift_card .list_3 .txt_area ul li { font-size:1.25rem; font-family:var(--font3); line-height:1.6; } 
@media screen and (max-width:960px) {.gift_card .list_3>ul>li { margin-bottom:60px; flex-direction: column; gap:40px; } 
.gift_card .list_3 .txt_area { width:100%; } 
.gift_card .list_3 .img_area { width:100%; } 
 }

/* JHJ Code */
.half-cost-intro .title-top { display: flex; flex-direction: column; gap: 1rem; padding: 2rem; margin-bottom:4rem; background-color: var(--point-color-2); border-radius: 1rem; font-size: 1.25rem; font-family: var(--font3); color: #2B2A2A; text-align: center; } 
.half-cost-intro .title-top .tt-con .img-area img { width: 100%; } 
.half-cost-intro .title-top .tt-con .txt-area { display: flex; flex-direction: column; margin-top: 0.5rem; } 
.half-cost-intro .title-top .tt-con .txt-area em { color: var(--point-color-1); font-weight:500; font-size: 1.5rem; } 
.half-cost-intro .title-top .plus { text-align: center; } 
.half-cost-intro .title-top .plus img { width: 30px; } 
.half-cost-intro .guide-step-box { margin-top:4rem; } 
.notandum { margin-top: 3rem; font-family: var(--font3); } 
.notandum h3 { font-size: 1.5rem; color: var(--point-color-1); font-family: var(--font3); font-weight: bold; } 
.notandum .notandum-box { padding:2rem 2.5rem; margin-top:1rem; line-height:1.3; font-size:1.09rem; background-color: var(--point-color-2); border-radius: 1rem; color: #2D2D2D; } 
.notandum .notandum-box ul li:not(:first-child) { margin-top: 0.5rem; } 
.half-cost-intro .zeropay-img-area { margin-top: 1.5rem; } 
.half-cost-intro .zeropay-app-detail-btn { display: inline-block; padding: 1rem 4rem; margin-top: 1.5rem; background-color: #0D055A; color: #FFF; font-size: 1.25rem; border-radius: 40px; transition:.3s; } 
.half-cost-intro .zeropay-app-detail-btn:hover { background:#ea5504; } 
.page-contents { line-height: 1.6; font-size: 1.25rem; color: #464646; font-family: var(--font3); } 
.page-contents .color-point { color: var(--point-color-1); } 
.page-contents .con-txt2.color-point b { font-size:1.5rem; font-weight:600; } 
.page-contents .page-area { display: flex; flex-direction: column; gap: 1rem; } 
.page-contents .page-area + .page-area { margin-top: 3rem; } 
.page-contents .page-area h3.tit { position: relative; padding-top: 1.4rem; } 
.page-contents .page-area h3.tit::before { position: absolute; top: 0; left: 0; width:25px; height: 1px; background-color: var(--point-color-1); content: ''; } 
.page-contents .page-area h3.tit:has(.c-orange)::before { background:var(--point-color-3); } 
.page-contents .page-area.mt_0 h3.tit { padding-top:0.4rem; } 
.page-contents .page-area.mt_0 h3.tit::before { content:none; } 
.page-contents .page-area h3.tit em { font-size: 1.75rem; font-family: var(--font3); color: var(--point-color-1); font-weight: bold; } 
.page-contents .page-area h3.tit .pc-br { display: none; } 
.page-contents .page-area .con-box .con-1ul > li + li { margin-top: 1rem; } 
.page-contents .page-area .con-box .con-1ul > li > strong { display:block; line-height:1.4; font-weight:600; font-size:1.35rem; color:var(--point-color-1); margin:0 0 16px; } 
.page-contents .page-area .con-box .con-1ul > li .con-txt { position: relative; padding-left:1.4rem; line-height:1.4; font-size: 1.35rem; } 
.page-contents .page-area .con-box .con-1ul > li .con-txt b { font-weight:600; } 
.page-contents .page-area .con-box .con-1ul > li .con-txt span { vertical-align:top; } 
.page-contents .page-area .con-box .con-1ul > li .con-txt .ml_30 { font-size:1.35rem; } 
.page-contents .page-area .con-box .con-1ul > li .con-txt:before { position: absolute; top: 7px; left: 0; width: 10px; height: 10px; background-color: var(--point-color-1); content: ''; } 
.page-contents .page-area .con-box .con-1ul > li .con-txt.d-flex small { padding-top:3px; font-size:1.2rem; } 
.page-contents .page-area .con-box .con-1ul > li .con-2ul { margin-top: 0.5rem; padding-left: 1.4rem; font-size:1.2rem; } 
.page-contents .con-table { width:825px; max-width:calc(100% - 1.4rem); border-top:1px solid #bfbfc0; border-bottom:1px solid #cccccd; margin:20px 0 20px 1.4rem; } 
.page-contents .con-table th { padding:10px 7px; text-align:center; font-weight:600; font-size:1.35rem; color:#595656; background:#eeefef; border-right:1px solid #d6d6d7; border-bottom:1px solid #d6d6d7; } 
.page-contents .con-table th:last-child { border-right:0; } 
.page-contents .con-table td { padding:10px 7px; text-align:center; line-height:1.3; font-size:1.25rem; color:#3f3a39; border-right:1px solid #d6d6d7; border-bottom:1px solid #d6d6d7; } 
.page-contents .con-table td:last-child { text-align:left; border-right:0; } 
.page-contents .con-table th.em { color:#e5004f; background:#ecded5; } 
.page-contents .con-table td.em { font-weight:600; color:#e5004f; background:#fdede3; } 
.page-contents .tour-list { display:flex; flex-wrap:wrap; gap:26px; width:100%; margin:20px 0 0; } 
.page-contents .tour-list li { width:calc((100% - 78px)/4); text-align:center; } 
.page-contents .tour-list li img { display:block; width:100%; height:auto; } 
.page-contents .tour-list li p { line-height:1.5; font-size:1.07rem; margin:10px 0 0; } 
h2.page-tith2 { display: inline-block; padding:0.5rem 2.3rem; background-color: var(--point-color-1); color: #FFF; font-weight: bold; border-radius: 30px; font-family: var(--font3); font-weight:600; font-size: 1.75rem; margin-bottom:15px; } 
.participation-period { margin-bottom: 3rem; color: #464646; font-family: var(--font3); font-size: 1.25rem; border-radius: 1rem; } 
.participation-period dl:not(:first-child) { margin-top: 1.5rem; } 
.participation-period dl dt { color: var(--point-color-1); font-size: 1.5rem; font-weight: bold; } 
.participation-period dl dd em { font-weight: bold; } 
.calculating_area { margin-top: 3rem; } 

@media screen and (min-width: 768px){
 .page-contents .page-area .con-box .con-1ul > li .con-txt:before { top: 10px; } 
 .participation-period dl { display: flex; justify-content: flex-start; align-items: flex-start; gap: 2rem; } 
 .participation-period dl dd { padding-top: 4px; } 
.page-contents .con-table td:last-child { padding-left:40px; } 
 }

@media screen and (min-width: 1023px){
 .half-cost-intro .title-top { flex-direction: row; justify-content: space-between; align-items: flex-start; text-align: left; margin-bottom:6rem; } 
 .half-cost-intro .title-top .tt-con { width: 45%; } 
 .half-cost-intro .title-top .plus { padding-top: 40px; } 
 .half-cost-intro .title-top .plus img { width: 60px; } 
 .half-cost-intro .guide-step-box { margin-block: 5rem; } 
 .notandum { margin-top:6.5rem; } 
 .page-contents .page-area { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 1rem; } 
 .page-contents .page-area + .page-area { margin-top:5.5rem; } 
.page-contents .img-box + .page-area ~ .page-area { margin-top:2rem; } 
 .page-contents .page-area h3.tit { flex-shrink: 0; width: var(--tit-width, 300px); } 
 .page-contents .page-area h3.tit .pc-br { display: block; } 
 .page-contents .page-area .con-box { flex-grow: 1; padding-top: 1.5rem; } 
.page-contents .page-area.mt_0 .con-box { padding-top:0.5rem; } 
 .page-contents .page-area .con-box .con-1ul > li + li { margin-top:2rem; } 
.page-contents .page-area .con-box .con-1ul > li:not(:has(.con-2ul)) + li { margin-top: 1.2rem; } 
 .participation-period { margin-bottom: 5rem; font-size: 1.5rem; } 
 .participation-period dl dt { font-size: 1.75rem; } 
 .calculating_area { margin-top: 5rem; } 
 }
@media screen and (max-width: 1022px) {.page-contents:has(.page-area.mt_0) .page-area:first-child { gap:0; } 
.page-contents .page-area.mt_0 { margin-top:1rem !important; gap:0; } 
.page-contents .tour-list { gap:15px; } 
.page-contents .tour-list li { width:calc((100% - 45px)/3); } 
 }

@media screen and (min-width: 1239px){
 .half-cost-intro .title-top { padding: 4rem; } 
 .half-cost-intro .title-top .tt-con .txt-area { margin-top: 1rem; } 
 .half-cost-intro .title-top .plus { padding-top: 65px; } 
 }
@media screen and (max-width: 768px) {.page-contents .page-area .con-box .con-1ul > li .con-txt .ml_30 { margin-left:0 !important; display:block; } 
 }
@media screen and (max-width: 580px) {.page-contents .tour-list { gap:15px 10px; } 
.page-contents .tour-list li { width:calc(50% - 5px); } 
 }

 
/* date_picker */
.date_picker_wrap{display:flex; flex-direction:column; gap:40px;}
.date_picker_header{text-align:center;}
.date_picker_header h4{font-family:var(--font); font-size:1.75rem; font-weight:500; color:#212121; line-height:1.4;}
.date_picker_header h4 strong{font-weight:700; color:var(--point-color-3)}
.date_picker_header p{font-size:1.25rem; color:#424242; margin-top:10px;}
.date_picker_calendar{position:relative; display:flex; align-items:center; gap:20px; justify-content:center;}
.cal_nav{position:absolute; top:50%; width:40px; height:40px; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all 0.3s ease-out; transform:translateY(-50%);}
.cal_prev{left:-80px; background:url(../img/cal_prev.svg) no-repeat center center;}
.cal_next{right:-80px; background:url(../img/cal_next.svg) no-repeat center center;}
.flatpickr-innerContainer{padding:0 20px 20px; width:100%; box-sizing:border-box;}
.flatpickr-rContainer{width:100%; display:block;}
.date_picker_indicator{display:flex; justify-content:center;}
.date_picker_indicator ul{display:flex; gap:8px; list-style:none; margin:0; padding:0;}
.date_picker_indicator li{width:8px; height:8px; border-radius:50%; background:#e0e0e0;}
.date_picker_indicator li.active{width:12px; height:12px; background:#1197d5;}
.date_picker_result{display:flex; gap:30px; justify-content:center; padding:0 0 40px;}
.date_picker_result .result_box{display:flex; flex-direction:column; align-items:center; gap:8px; padding:30px 50px; border:1px solid #1197d5; border-radius:10px; }
.date_picker_result .label{font-size:1rem; font-weight:600; color:#084460;}
.date_picker_result .value{font-size:1.5rem; font-weight:700; color:#1197d5;}

/* Flatpickr 커스터마이징 — 개별 인스턴스 */
.flatpickr-calendar{box-shadow:none !important; border:none !important; font-family:var(--font) !important; width:100% !important; max-width:100% !important;}
.flatpickr-calendar.inline{position:relative !important;}
.flatpickr-prev-month,.flatpickr-next-month{display:none !important;}
/* 재구성된 박스 구조 */
.cal-boxes-wrapper{display:flex; gap:50px; width:100%;}
.cal-box{flex:1; min-width:0; border-radius:10px; overflow:hidden; background:#fff; border: 1px solid #ddd; position:relative;}
.cal-dim-overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:flex; align-items:center; justify-content:center; z-index:10; border-radius:10px;}
.cal-dim-overlay span{font-size:1.125rem; font-weight:700; color:#999; letter-spacing:-0.02em;}
.cal-box-header{margin:0 20px; padding:15px 0; text-align:center; font-size:1.375rem; font-weight:700; color:#2d2d2d; }
.cal-box .flatpickr-weekdays{background:#F5F5F5 !important; padding:0 5px; height:40px; border-radius:10px;}
.cal-box .flatpickr-weekday{color:#424242 !important; font-weight:600 !important; font-size:0.875rem !important;}
.cal-box .flatpickr-days{padding:5px !important; width:100% !important; }
.cal-box .dayContainer{width:100% !important; max-width:100% !important; min-width:100% !important; display:flex !important; flex-wrap:wrap !important;}
.cal-box .flatpickr-day{border-radius:50%; font-size:0.9375rem; color:#212121; height:40px; line-height:40px; flex-basis:14.2857% !important; max-width:14.2857% !important; width:14.2857% !important;}
.cal-box .flatpickr-day:hover{background-color:#1197d5 !important; color:#3CAADD !important;}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:#1197d5 !important; border-color:#1197d5 !important; color:#fff !important;}
.flatpickr-day.inRange{background:#e8f4fd !important; border-color:#e8f4fd !important; box-shadow:-5px 0 0 #e8f4fd, 5px 0 0 #e8f4fd !important;}
.flatpickr-day.today{border:none; background-color:#E7F5FB; color:#0A5679; border-radius:50%; }
.flatpickr-day:hover{background:#e8f4fd !important; border-color:#e8f4fd !important;}
.flatpickr-day.flatpickr-disabled{color:#bdbdbd !important; background-color:#eee !important; border-radius:0 !important;}
#datepicker_inline{flex:1; min-width:0;}
.apply_form_btn .btn_next{display:flex; align-items:center; justify-content:center; width:350px; height:60px; border-radius:10px; font-size:1.125rem; font-weight:700; background:#1197d5; color:#fff; border:none; cursor:pointer; transition:all 0.3s ease-out;}
.apply_form_btn .btn_next:disabled{background:#e0e0e0; color:#9e9e9e; cursor:default;}
.apply_form_btn .btn_next:not(:disabled):hover{background:#084460;}
.cal-box .dim_content{display:flex; flex-direction:column; align-items:center; gap:10px; color:#fff;}
.cal-box .dim_content strong{font-size:1.5625rem; color:#fff; font-family: var(--font); font-weight:500;}
.cal-box .dim_content span{font-size:1.0625reem; font-family: var(--font); font-weight:500; color:#fff;}

/* 유의사항 팝업 */
.popup_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(33,33,33,0.7); display:flex; align-items:center; justify-content:center; z-index:9999;}
.popup_box{width:800px; max-width:90%; background:#fff; border-radius:50px; overflow:hidden; padding:50px; text-align:center;}
.popup_top{display:flex; flex-direction:column; gap:25px; }
.popup_title{font-size:2.5rem; font-weight:700; color:#212121; text-align:center; padding-bottom:10px; border-bottom:1px solid #bdbdbd; font-family: var(--font);} 
.popup_info{display:flex; flex-direction:column; gap:20px;}
.popup_info_item{display:flex; flex-direction:column; gap:8px;}
.popup_label{font-size:1.5625rem; font-weight:700; color:#187e36;}
.popup_value{font-size:1.25rem; font-weight:600; color:#424242;}
.popup_notice_txt{font-size:1.125rem; font-weight:500; color:#004e6c; line-height:1.6; margin-top:10px;}
.popup_btn{margin-top:40px;}
.popup_confirm{display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:60px; background:#0e80b5; color:#fff; border:none; border-radius:10px; font-size:1.125rem; font-weight:700; cursor:pointer; transition:all 0.3s ease-out;}
.popup_confirm:hover{background:#084460;}
.popup_confirm .ic_check{display:inline-block; width:24px; height:24px; background:#fff; border-radius:50%; position:relative;}
.popup_confirm .ic_check::after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-55%) rotate(45deg); width:6px; height:10px; border:solid #0e80b5; border-width:0 2px 2px 0;}

/* 유형선택 (apply_select) */
.apply_select{display:flex; flex-direction:column; gap:70px;}
.apply_select_tit{display:flex; flex-direction:column; gap:10px; align-items:center;}
.apply_select_tit h4{font-family:var(--font); font-size:1.875rem; font-weight:400; color:#212121;}
.apply_select_tit h4 strong{font-weight:700; color:var(--point-color-3);}
.apply_select_tit .desc{font-size:1.25rem; font-weight:500; color:#424242;}
.apply_select_list{display:flex; gap:40px; list-style:none; margin:0; padding:0;}
.apply_select_list li{flex:1;}
.apply_select_list li a{position:relative; height:100%; display:flex; flex-direction:column; align-items:center; gap:20px; padding:40px 20px; border-radius:20px; background-color:#fff; text-decoration:none; transition:all 0.3s ease-out; box-sizing:border-box;}
.apply_select_list li a:before{position:absolute; left:0; top:0; width:100%; height:100%; border-radius:20px; border:1px solid #e0e0e0; transition:all 0.3s ease-out; display:block; content:"";}
.apply_select_list li:hover a:before{border:2px solid #1197d5;}
.apply_select_list li .img_area{width:120px; aspect-ratio:1/1;}
.apply_select_list li .img_area img{width:100%; height:100%; object-fit:contain;}
.apply_select_list li .txt{display:flex; flex-direction:column; align-items:center; gap:0; font-family:var(--font); font-size:1.5625rem; font-weight:400; color:#000; text-align:center; line-height:1.4;}
.apply_select_list li .txt .sub{font-size:1.25rem; font-weight:500; color:#000;}
.apply_select_list li .txt .notice{font-size:1.25rem; font-weight:400; color:var(--point-color-2); margin-top:5px;}
.apply_select_list li .txt p{font-size:14px; color:#444;}

@media screen and (max-width: 1660px){
.cal-boxes-wrapper{gap:20px; padding:0 40px;}
.cal_next{right:0;}
.cal_prev{left:0;}
}

@media screen and (max-width: 1200px){
.cal-boxes-wrapper{flex-wrap:wrap;}
.cal-box{min-width:calc(50% - 10px);}
}

@media screen and (max-width: 768px){
.cal-boxes-wrapper{flex-direction:column;}
.cal-box{min-width:100%;}
}

@media screen and (max-width: 1200px){
.date_picker_result{flex-direction:column; align-items:center;}
.date_picker_result .result_box{width:100%; max-width:400px;}
}

@media screen and (max-width: 768px){
.date_picker_header h4{font-size:22px;}
.date_picker_header p{font-size:16px;}
.date_picker_result .result_box{padding:20px 30px;}
.date_picker_result .value{font-size:20px;}
.cal_nav{width:35px; height:35px;}

.apply_form_btn .btn_next{width:100%;}

.popup_box{padding:20px; border-radius:20px;}
.popup_title{font-size:2rem;}
.popup_value,
.popup_label{font-size:1rem;}
.popup_top{gap:10px;}
.popup_btn{margin-top:20px;}
.popup_confirm{height:50px; font-size:16px;}
}

/* 유형선택 반응형 */
@media screen and (max-width: 1200px){
.apply_select_list{flex-wrap:wrap; gap:20px;}
.apply_select_list li{width:calc(50% - 10px); flex:none;}
}
@media screen and (max-width: 768px){
.apply_select{gap:40px;}
.apply_select_tit h4{font-size:22px;}
.apply_select_tit .desc{font-size:16px;}
.apply_select_list{gap:15px;}
.apply_select_list li a{padding:25px 20px; border-radius:15px;}
.apply_select_list li .img_area{width:80px;}
.apply_select_list li .txt{font-size:18px;}
.apply_select_list li .txt .sub{font-size:18px;}
}
@media screen and (max-width: 480px){
.apply_select_list li{width:100%;}
.apply_select_list li .txt{font-size:16px;}
.apply_select_list li .txt .sub{font-size:16px;}
}

.type_box{padding:30px; display:flex; gap:10px; justify-content: center; align-items: center; font-size:1rem; border:1px solid #e0e0e0; border-radius:10px; }
.type_box>div{display:flex; align-items:center; gap:8px;}
.type_box>div:before{width:35px; aspect-ratio: 1/1; flex-shrink: 0; background:url(../img/ic_person.png) no-repeat center center / 100%; display:block; content:"";}
.type_box strong{padding:2px 8px; background-color:#1D9741; display:inline-blkock; color:#fff; border-radius:5px;}
.type_box span{display:flex; align-items:center; gap:8px;}
.type_box span:before{width:24px; aspect-ratio: 1/1 ; background:url(../img/icon_check.svg) no-repeat center center / 100%; display:block; content:"";}


/* apply_form */
.apply_form{display:flex; flex-direction:column; gap:70px;}
.apply_section{display:flex; flex-direction:column; gap:20px;}
.apply_section.has_border{padding-top:40px; border-top:1px solid #e0e0e0;}
.apply_step ul{display:flex; list-style:none; margin:0; padding:0;}
.apply_step ul li{flex:1; display:flex; align-items:center; gap:10px; height:65px; border-bottom:1px solid #bdbdbd;}
.apply_step ul li .num{display:flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:50%; background-color:#e0e0e0; font-family:var(--font); font-size:1.125rem; font-weight:500; color:#424242;}
.apply_step ul li.is-active .num{background-color:#1197d5; color:#fff;}
.apply_step ul li.is-active{border-bottom-color:#1197d5;}
.apply_step ul li .txt{font-size:1.25rem; font-weight:500; color:#212121;}
.apply_field_top{display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:15px; border-bottom:2px solid #000;}
.apply_field_top.no_border{border-bottom:none;}
.apply_field_top .field_tit{font-size:1.5625rem; font-weight:700; color:#424242;}
.apply_field_top .field_required{font-size:1rem; font-weight:500; color:#424242;}
.apply_field_top .field_required .star{color:#1197d5;}
.apply_field_info{font-size:1rem; font-weight:500; color:#004e6c; line-height:1.6;}
.apply_field_list{display:flex; flex-direction:column; gap:0;}
.apply_field_row{padding:10px 0; display:flex; align-items:flex-start;}
.apply_field_row .field_label{display:flex; align-items:center; gap:3px; width:342px; min-height:50px; padding:0 50px 0 0; font-size:1.0625rem; font-weight:600; color:#000; box-sizing:border-box; flex-shrink:0;}
.apply_field_row .field_label input[type=text]{width:100%; height:50px; line-height:50px; border-radius:5px;}
.apply_field_row .field_label .star{color:#1197d5;}
.apply_field_row .field_input{flex:1; display:flex; flex-direction:column; gap:8px;}
.apply_field_row .field_input input[type="text"]{height:50px; padding:0 12px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; color:#212121;}
.apply_field_row .field_input input[type="text"]::placeholder{color:#9e9e9e;}
.apply_field_row .field_input input[type="text"]:disabled,
.apply_field_row .field_input input[type="text"]:read-only{color:#616161; background-color:#F5F5F5;}
.apply_field_row .field_input textarea{width:100%; height:130px; padding:12px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; color:#212121; resize:none; box-sizing:border-box;}
.apply_field_row .field_input textarea::placeholder{color:#9e9e9e;}
.input_group{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.input_group .max600{max-width:600px; width:100%;}
.input_date{display:flex; align-items:center; gap:10px;}
.input_date .divider{font-size:1rem; color:#424242;}
.input_date .date_wrap{position:relative; }
.date_wrap .btn_calendar{position:absolute; right:10px; top:50%; transform:translateY(-50%); width:20px; height:20px; padding:0; border:none; background:none; cursor:pointer;}
.date_wrap .btn_calendar img{width:100%; height:100%; object-fit:contain;}
.input_file_list{width: 100%;}
.input_file{display:flex; align-items:center; gap:10px; }
.input_file input[type="file"]{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.input_file .file_name{max-width:350px; width:100%; height:50px; line-height:50px; padding:0 12px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; font-weight:500; color:#9e9e9e; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.input_file_list ul{display:flex; flex-direction: column; gap:5px; }
.input_file_list ul li{width:100%; display:flex; gap:10px; }
.input_file_list .input_file{max-width:450px; width:calc(100% - 60px); }
.input_file_list .control{display:flex; gap:5px; }
.input_file_list .control .btn_plus{width:20px; aspect-ratio: 1/1; background:url(../img/ic_plus.svg) no-repeat center center / 100%;}
.input_file_list .control .btn_minus{width:20px; aspect-ratio: 1/1; background:url(../img/ic_minus.svg) no-repeat center center / 100%;}
.btn_verify{display:flex; align-items:center; justify-content:center; height:50px; padding:0 20px; border-radius:5px; background-color:#424242; font-size:1.125rem; font-weight:700; color:#fff; text-decoration:none; white-space:nowrap; transition:all 0.3s ease-out;}
.btn_verify:hover{background-color:#333;}
.btn_file{display:flex; align-items:center; justify-content:center; height:50px; padding:0 20px; border-radius:5px; background-color:#424242; font-size:1.125rem; font-weight:600; color:#fff; cursor:pointer; transition:all 0.3s ease-out; white-space: nowrap;}
.btn_file:hover{background-color:#333;}
.radio_label{display:inline-flex; align-items:center; gap:5px; font-size:1rem; font-weight:500; color:#424242; cursor:pointer;}
.radio_label input[type="radio"]{width:18px; height:18px; accent-color:#1197d5;}
.field_count{display:flex; align-items:center; }
.field_count .count{font-size:1rem; font-weight:500; color:#424242;}
.field_count .txt_count{margin-left:auto; }
.unit{font-size:1rem; font-weight:500; color:#424242;}
.apply_notice_section{display:flex; flex-direction:column; gap:30px;}
.apply_notice_title{font-size:1.5625rem; font-weight:700; color:#000;}
.apply_notice_box{padding:30px 40px; border-radius:10px; background-color:#f5f5f5;}
.apply_notice_box .notice_txt{font-size:1rem; font-weight:500; color:#666; line-height:1.8;}
.apply_notice_section .notice_highlight{display:block; padding:40px 0; border-bottom:1px solid #bdbdbd; font-size:1.25rem; font-weight:700; color:#000; text-align:center;}
.apply_notice_section .notice_highlight strong{font-weight:inherit; color:var(--point-color-3); }
.apply_agree_check{display:flex; flex-direction:column; gap:15px; padding:20px 0; align-items:center;}
.apply_agree_check .agree_tit{font-size:1.125rem; font-weight:600; color:#000;}
.apply_agree_check .agree_radio{display:flex; gap:40px; justify-content:center;}
.apply_form_btn{display:flex; gap:20px; justify-content:center;}
.apply_form_btn a{display:flex; align-items:center; justify-content:center; width:350px; height:60px; border-radius:10px; font-size:1.125rem; font-weight:700; text-decoration:none; transition:all 0.3s ease-out;}
.apply_form_btn .btn_prev{background-color:#e0e0e0; color:#212121;}
.apply_form_btn .btn_prev:hover{background-color:#ccc;}
.apply_form_btn .btn_next{background-color:#1197d5; color:#fff;}
.apply_form_btn .btn_next:hover{background-color:#084460;}

@media screen and (max-width: 768px){
.apply_step ul li{height:auto; justify-content:flex-start; gap:10px; padding:0 15px; flex-direction:column;}
.apply_step ul li .txt{text-align:center;}
.apply_field_top{flex-direction:column; align-items:flex-start; gap:10px;}
.apply_field_top .field_tit{font-size:20px;}
.apply_notice_box{padding:20px;}
.apply_notice_title{font-size:20px;}
.apply_form_btn{flex-direction:column;}
.apply_form_btn a{width:100%;}
.apply_agree_check .agree_radio{flex-direction:column; gap:10px;}
.btn_file{padding:0 10px; font-size:14px;}
}

@media screen and (max-width: 960px){
.apply_field_row{flex-direction:column;}
.apply_field_row .field_label{width:100%; min-height:auto; padding:10px 0;}
.apply_field_row .field_input{padding:5px 0; width:100%;}
.apply_field_row .field_input input[type="text"]{box-sizing:border-box;}
.input_group input[type="text"]{flex:1; min-width:0;}
.input_group .btn_verify{flex-shrink:0;}
.input_date .date_wrap{flex:1;}
.input_date .date_wrap input{width:100%; box-sizing:border-box;}
.input_file_list ul li{flex-wrap:wrap;}
}

/* apply_member */
.apply_member_agree{display:flex; align-items:center; gap:8px; font-size:1.125rem; font-weight:600; color:#424242; line-height:1.5; cursor:pointer;}
.apply_member_agree strong{color:#084460;}
.apply_member_agree input[type="checkbox"]{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.apply_member_agree .ico_check{display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#bdbdbd; background-image:url(../img/ic_mark.svg); background-repeat:no-repeat; background-position:center center; background-size:12px; flex-shrink:0;}
.apply_member_agree input[type="checkbox"]:checked + .ico_check{background-color:#1197d5;}
.apply_member_wrap{display:flex; flex-direction:column; gap:0;}
.apply_member_entry{display:flex; flex-direction:column; gap:20px;}
.apply_member_row{display:flex; gap:20px; align-items:flex-start;}
.apply_member_row .apply_member_table{flex:1;}
.apply_member_check{display:flex; align-items:center; cursor:pointer;}
.apply_member_check input[type="checkbox"]{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.apply_member_check .ico_check{display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#bdbdbd; background-image:url(../img/ic_mark.svg); background-repeat:no-repeat; background-position:center center; background-size:12px; flex-shrink:0;}
.apply_member_check input[type="checkbox"]:checked + .ico_check{background-color:#1197d5;}
.apply_member_table{margin-bottom:20px; width:100%; border-collapse:collapse; border-top:1px solid #616161;}
.apply_member_table th{width:220px;background-color:#f5f5f5; padding:0 24px; height:80px; text-align:left; font-size:1.0625rem; font-weight:600; color:#424242; white-space:nowrap; border-bottom:1px solid #e0e0e0;}
.apply_member_table th .star{color:#1197d5;}
.apply_member_table td{padding:16px; background-color:#fff; border-bottom:1px solid #e0e0e0;}
.apply_member_table td input[type="text"]{width:100%; height:50px; padding:0 12px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; color:#212121; background-color:#f5f5f5; box-sizing:border-box;}
.apply_member_table td input[type="text"].max468{max-width: 468px;}
.apply_member_table td input[type="text"]::placeholder{color:#9e9e9e;}
.apply_member_radio{display:flex; align-items:center; gap:20px;}
.apply_member_info{font-size:1rem; font-weight:500; color:#004e6c; line-height:1.8;}
.apply_member_btn{display:flex; gap:15px; margin-top:15px; justify-content:center;}
.apply_member_btn button{display:flex; align-items:center; justify-content:center; width:350px; height:60px; padding:0 20px; border:none; border-radius:10px; background-color:#e0e0e0; font-size:1rem; font-weight:600; color:#212121; cursor:pointer; transition:all 0.3s ease-out;}
.apply_member_btn button:hover{border-color:#084460; color:#084460;}
.apply_member_btn .btn_add{background-color:#7cc8e8;}
.apply_member_count{font-size:1.25rem; font-weight:700; color:#000; margin-top:10px; text-align:center;}
.apply_member_count strong{color:#1197d5;}

@media screen and (max-width: 960px){
.apply_member_table th{width:80px; padding:0 15px; height:60px; font-size:15px;}
.apply_member_table td{padding:10px;}
.apply_member_table td input[type="text"]{height:45px;}
.apply_member_btn button{width:100%;}
}

@media screen and (max-width: 640px){
.apply_member_row{flex-direction:column; gap:10px;}
.apply_member_table,.apply_member_table tbody,.apply_member_table tr,.apply_member_table th,.apply_member_table td{display:block; width:100%; box-sizing:border-box;}
.apply_member_table tr{border-bottom:1px solid #e0e0e0;}
.apply_member_table th{width:100%; height:auto; padding:10px 15px; border-bottom:none;}
.apply_member_table td{border-bottom:none; padding:10px 10px;}
.apply_member_agree{font-size:16px;}
.apply_member_info{font-size:14px;}
}

/* apply_agree (약관동의) */
.apply_agree_list{display:flex; flex-direction:column; gap:20px; padding:30px 40px; border-radius:10px; background-color:#f5f5f5;}
.apply_agree_item{display:flex; flex-direction:column; gap:0;}
.apply_agree_item label{display:flex; align-items:center; gap:8px; cursor:pointer;}
.apply_agree_item input[type="checkbox"]{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.apply_agree_item .ico_check{display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#bdbdbd; background-image:url(../img/ic_mark.svg); background-repeat:no-repeat; background-position:center center; background-size:12px; flex-shrink:0;}
.apply_agree_item input[type="checkbox"]:checked + .ico_check{background-color:#1197d5;}
.apply_agree_item label span:last-child{font-size:1.0625rem; font-weight:500; color:#424242; line-height:2;}
.apply_agree_all{flex-direction:row; align-items:center; gap:8px; padding-bottom:20px; border-bottom:1px solid #e0e0e0; cursor:pointer;}
.apply_agree_all span:last-child{font-size:1.0625rem; font-weight:700; color:#424242;}
.apply_agree_item_top{display:flex; align-items:center; justify-content:space-between;}
.apply_agree_item_top label{flex:1;}
.btn_toggle{display:flex; align-items:center; justify-content:center; width:18px; height:18px; padding:0; border:none; background:url(../img/ico_breadcrumb_arrow.svg) no-repeat center center; background-size:contain; cursor:pointer;  transition:transform 0.3s ease-out; flex-shrink:0;}
.btn_toggle.is-active{transform:rotate(180deg);}
.apply_agree_content{display:none; margin-top:10px; padding:20px; background-color:#fff; border-radius:5px;; height:240px; overflow:auto;}
.apply_agree_content span{font-size:1rem; font-weight:400; color:#424242; line-height:2.125;}
.apply_agree_item.is_open .apply_agree_content {
    display: block;
}

/* apply_sign (서명) */
.apply_sign_section{display:flex; flex-direction:column; gap:30px;}
.apply_sign_title{font-size:1.25rem; font-weight:600; color:#000; line-height:1.5; text-align: center;}
.apply_sign_title strong{color:var(--point-color-2); font-weight:inherit;}
.apply_sign_date{display:flex; gap:16px; width:100%; list-style:none; margin:0; padding:0;}
.apply_sign_date li{position:relative; flex:1;}
.apply_sign_date .unit{position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:1rem; font-weight:500; color:#424242;}
.apply_sign_date .val{display:flex; align-items:center; width:100%; height:50px; padding:0 12px; border:1px solid #e0e0e0; border-radius:5px; background-color:#f5f5f5; font-size:1rem; font-weight:500; color:#212121; box-sizing:border-box;}
.apply_sign_info{display:flex; flex-direction:column; gap:8px;}
.apply_sign_info .label{font-size:1.0625rem; font-weight:600; color:#424242;}
.apply_sign_box{width:100%; height:120px; display:flex; align-items:center; justify-content:center; border:1px solid #e0e0e0; border-radius:5px; background-color:#f5f5f5;}
.apply_sign_box span{font-size:1rem; font-weight:400; color:#9e9e9e;}

/* apply_notice_info (하단 안내) */
.apply_notice_info{display:flex; justify-content:center; padding:20px; border:1px dashed #1197d5; border-radius:5px;}
.apply_notice_info ul{display:flex; flex-direction:column; gap:8px; list-style:none; margin:0; padding:0; align-items:center;}
.apply_notice_info ul li{position:relative; padding-left:30px; font-size:1.125rem; font-weight:600; color:#000; line-height:1.5;}
.apply_notice_info ul li::before{position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; border-radius:50%; background-color:#1197d5; content:"";}
.apply_notice_info ul li::after{position:absolute; left:7px; top:50%; transform:translateY(-50%) rotate(45deg); width:6px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; content:""; margin-top:-2px;}
.apply_notice_info ul li strong{color:#0C6B97; text-decoration: underline; font-weight:inherit;}
.btn_submit{gap:8px;}

@media screen and (max-width: 768px){
.apply_agree_list{padding:20px;}
.apply_agree_item label span:last-child{font-size:15px;}
.apply_agree_all span:last-child{font-size:15px;}
.apply_agree_content span{font-size:14px;}
.apply_notice_info ul li{font-size:15px; padding-left:28px;}
}

/* ========================================
   apply_complete (step 3 completion message)
   ======================================== */
.apply_complete{display:flex; flex-direction:column; align-items:center; gap:20px; padding:0;}
.apply_complete_txt{display:flex; flex-direction:column; align-items:center; gap:10px;}
.apply_complete_title{font-family:var(--font); font-size:1.5625rem; color:#212121; text-align:center;}
.apply_complete_title strong{color:var(--point-color-1); font-weight:700;}
.apply_complete_desc{display:flex; align-items:center; gap:5px; font-size:1rem; font-weight:500; color:#424242; text-align:center;}
.apply_complete_desc strong{font-weight:inherit; color:var(--point-color-3); text-decoration: underline;}
.apply_complete_notice{font-size:1rem; font-weight:500; color:#0c6b97; text-align:center;}

/* field_value */
.field_value{display:flex; align-items:center; min-height:50px; padding:0 12px; font-size:1rem; font-weight:500; color:#212121; line-height:1.6; }
.field_value strong{color:#1197d5; font-weight:700; font-size:1.25rem;}

@media screen and (max-width:960px){
.apply_complete_img{width:200px;}
.apply_complete_title{font-size:20px;}
.apply_complete_desc{flex-direction:column; text-align:center;}
.apply_complete_notice{font-size:14px;}
.field_value{min-height:auto; padding:5px 0;}
}


/* ========================================
   confirm (신청확인 목록)
   ======================================== */
.confirm_list{display:flex; flex-direction:column; gap:70px;}
.confirm_section{display:flex; flex-direction:column; gap:20px;}
.confirm_table{overflow-x:auto;}
.confirm_table table{width:100%; border-collapse:collapse; text-align:center;}
.confirm_table thead th{padding:0 30px; height:60px; background-color:#eee; font-size:1.0625rem; font-weight:600; color:#424242; letter-spacing:-0.02em;}
.confirm_table tbody td{padding:0 30px; height:60px; font-size:1rem; font-weight:500; color:#424242; border-bottom:1px solid #bdbdbd;}
.confirm_table tbody tr{cursor:pointer; transition:background-color 0.2s ease-out;}
.confirm_table tbody tr:hover{background-color:#f9f9f9;}
.confirm_tag{display:inline-flex; align-items:center; justify-content:center; height:30px; padding:0 15px; border-radius:2em; font-size:0.9375rem; font-weight:600; letter-spacing:-0.01em;}
.confirm_tag.temp{background-color:#fff3e0; color:#e65100; border:1px solid #ffcc80;}
.confirm_tag.pending{background-color:transparent; color:var(--point-color-3); border:1px solid var(--point-color-3);}
.confirm_tag.reviewing{background-color:#ede7f6; color:#4527a0; border:1px solid #b39ddb;}
.confirm_tag.supplement{background-color:#fff8e1; color:#f57f17; border:1px solid #ffe082;}
.confirm_tag.reviewed{background-color:#e0f2fe; color:#0369a1; border:1px solid #7dd3fc;}
.confirm_tag.approved{background-color:#1197d5; color:#fff;}
.confirm_tag.completed{background-color:#f0fdf4; color:#15803d; border:1px solid #86efac;}
.confirm_tag.cancelled{background-color:#fafafa; color:#999; border:1px solid #e0e0e0;}

@media screen and (max-width:768px){
.confirm_list{gap:40px;}
.confirm_table thead th{padding:0 10px; height:50px; font-size:14px;}
.confirm_table tbody td{padding:0 10px; height:50px; font-size:13px;}
.confirm_tag{height:26px; padding:0 10px; font-size:12px;}
}

/* ========================================
   confirm_view (신청확인 상세)
   ======================================== */
.confirm_view{display:flex; flex-direction:column; gap:40px;}
.confirm_tab ul{display:flex; align-items:center; gap:45px; list-style:none; justify-content: center;}
.confirm_tab ul li{position:relative; min-width:166px;  display:flex; align-items:center; justify-content:center; height:54px; padding:0 15px; font-size:1.125rem; font-weight:500; color:#424242; letter-spacing:-0.02em; cursor:pointer; transition:all 0.3s ease-out; box-sizing:border-box; border:1px solid var(--point-color-1); border-radius:10px;}
.confirm_tab ul li:first-child::before{display:none;}
.confirm_tab ul li::before{position:absolute; left:-36px; top:50%; width:25px; height:1px; background-color:#bdbdbd; display:block; content:"";}
.confirm_tab ul li.is-active{background-color:#1197d5; border-color:#1197d5; color:#fff; font-weight:600;}
.confirm_view_btn{display:flex; justify-content:flex-end;}
.btn_edit{display:flex; align-items:center; justify-content:center; width:80px; height:40px; border:1px solid #0c6b97; border-radius:5px; font-size:1rem; font-weight:500; color:#0c6b97; text-decoration:none; transition:all 0.3s ease-out;}
.btn_edit:hover{background-color:#e8f4fd;}

@media screen and (max-width:1200px){
.confirm_tab ul{flex-wrap:wrap; gap:10px;}
.confirm_tab ul li{min-width:80px; height:40px;}
.confirm_tab ul li:before{display:none;}
}
@media screen and (max-width:768px){
.confirm_view{gap:25px;}
.confirm_tab ul{flex-wrap:wrap; gap:8px;}
.confirm_tab ul li{height:40px; padding:0 12px; font-size:14px;}
.btn_edit{width:70px; height:36px; font-size:14px;}
}



/* ========================================
   login_card (login/verify card layout)
   ======================================== */
.login_card{max-width:800px; margin:0 auto; padding:50px; border:1px solid #e0e0e0; border-radius:50px; background-color:#fff; box-sizing:border-box;}
.login_card_top{display:flex; flex-direction:column; gap:25px; margin-bottom:40px;}
.login_card_tit{padding-bottom:10px; border-bottom:1px solid #bdbdbd; font-family:var(--font-title); font-size:2.5rem; font-weight:700; color:#212121; text-align:center;}
.login_card:not(:has(.login_card_top)) .login_card_tit{margin-bottom:40px;}
.login_card_desc{display:flex; flex-direction:column; gap:10px; align-items:center; text-align:center;}
.login_card_desc .highlight{font-size:1.5625rem; font-weight:600; color:#0c6b97;}
.login_card_desc .sub{font-size:1.0625rem; font-weight:500; color:#616161;}
.login_card_form{display:flex; flex-direction:column; gap:25px;}
.login_card_form .apply_field_row{display:flex; align-items:center;}
.login_card_form .apply_field_row .field_label{width:180px; min-height:auto; padding:0; flex-shrink:0;}
.login_card_form .apply_field_row .field_input{flex:1;}
.login_card_btn{display:flex; flex-direction:column; gap:20px; margin-top:50px;}
.login_card_btn .btn_next{display:flex; align-items:center; justify-content:center; width:100%; height:60px; border-radius:10px; background-color:#1197d5; font-size:1.125rem; font-weight:700; color:#fff; text-decoration:none; transition:all 0.3s ease-out;}
.login_card_btn .btn_next:hover{background-color:var(--point-color-1);}
.login_card_btn .btn_find{display:flex; align-items:center; justify-content:center; gap:5px; width:100%; height:60px; border:1px solid #1197d5; border-radius:10px; font-size:1.0625rem; font-weight:500; color:#424242; text-decoration:none; transition:all 0.3s ease-out;}
.login_card_btn .btn_find:hover{background-color:#e8f4fd;}
.login_card_btn .btn_find strong{font-size:1.125rem; font-weight:500; color:#0c6b97;}

@media screen and (max-width:960px){
.login_card{max-width:100%;}
.login_card_form .apply_field_row{flex-direction:column; align-items:flex-start;}
.login_card_form .apply_field_row .field_label{width:100%; min-height:auto; padding:10px 0;}
.login_card_form .apply_field_row .field_input{width:100%;}
.login_card_form .input_group{flex-direction:row; flex-wrap:wrap;}
}
@media screen and (max-width:768px){
.login_card{padding:30px 20px; border-radius:20px;}
.login_card_tit{font-size:24px; padding-bottom:10px;}
.login_card_desc .highlight{font-size:18px;}
.login_card_desc .sub{font-size:14px;}
.login_card_btn{margin-top:30px;}
.login_card_btn .btn_next{height:50px; font-size:16px;}
.login_card_btn .btn_find{height:50px; font-size:14px;}
.login_card_btn .btn_find strong{font-size:15px;}
}