@import url("reset.css"); 
@import url("slick.css"); 
:root {
	--header_h:100px; 
	--width:1440px; 
	--padding:20px; 
	--point-color-1 :#475684; 
	--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;  } 
.header.fixed {background-color:#fff;box-shadow:2px 2px 15px 0 rgba(0,0,0,0.13);}
.header_inner { display:flex;align-items:center; justify-content:space-between;height:var(--header_h);padding:0 20px;width:100%;width:1800px;max-width:100%;margin:0 auto;}
.header .logo{display:flex; align-items:center;}
.header .logo a { display:block;width:308px; aspect-ratio: 308/61; background-size:100%; background:url(../img/logo.png) no-repeat center/100% auto;text-indent:-9999px;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); 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 .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.png) no-repeat center/100% auto;} 
.total_menu_wrap .logo span{margin-left:-10px;padding:0 8px; height:23px; line-height:23px; display:inline-block; background-color:var(--point-color-1); 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 .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 (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 ul { padding:10px 10px; display:none; 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:90px 0 88px; background-color:#eceef2; }
.footer .cont{position:relative; display:flex; gap:70px;}
.footer_sns{position:absolute; right:20px; top:0; }
.footer_sns ul{display:flex; gap:8px; }
.footer_cont {font-size:17px;font-family:var(--font3);line-height:1.875;color:#343434;}
.footer_cont .tel {font-family:var(--font3);font-weight:700;}
.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-weight:500;font-size:12px;color:var(--point-color-1);}
.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;}
 }

@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.png) 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%;height:calc(986px - var(--header_h)); box-sizing:border-box; } 
#section1 .content1 .vs_img_area .left_area {display:flex;justify-content:center;padding:47px 0 0;width:100%;}
#section1 .content1 .date {padding:90px 0 0 25px;font-size:45px; font-family:var(--font);color:var(--point-color-1); font-weight:700;letter-spacing:-0.03em;}
#section1 .content1 .date span {display:block;font-weight:400;font-size:1.2rem;color:#2d2c2c;letter-spacing:-0.05em;}
#section1 .content1 .date .vs_btn a {position: relative;overflow: hidden;display: flex;justify-content: space-between;align-items: center;height: 80px;padding-inline:50px 27px;font-weight: bold;font-family: var(--font3);background-color:#ed6c00;color: #FFF;border-radius: 80px;margin:5px 0 8px;}
#section1 .content1 .date .vs_btn a:before {position: absolute;top: -100px;right: 0;bottom: -100px;width:27%;background-color:var(--point-color-1);transform: rotate(30deg);content: '';transition: .2s;}
#section1 .content1 .date .vs_btn a em {position: relative;font-size:36px;}
#section1 .content1 .date .vs_btn a span {position: relative;display: flex;justify-content: center;align-items: center;width: 30px;aspect-ratio: 1 / 1;background-color: #FFF;color: var(--point-color-1);border-radius: 50%;transition: .2s;}
#section1 .content1 .date .vs_btn a span svg {width: 20px;}
#section1 .content1 .date .vs_btn a:hover:before {transform: rotate(0);width: 100%;}
#section1 .content1 .date .vs_btn a:hover span {transform: scale(1.2);box-shadow: 0 3px 10px rgba(0,0,0,.1);}

#section1 .content1 .date p {margin-top:5px;text-align:center;font-weight:400;font-size:1rem; color:#000;letter-spacing:-0.02em;}
#section1 .content1 .date p.f-small{margin:5px 0 20px; color:var(--point-color-1); opacity:0.7; }
#section1 .content1 .vs_img_area .character {text-align:center;}
#section1 .content1 .vs_img_area .character img {margin-top:-40px;}


.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:120px 0 150px; 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 .main_slider {position:relative;}
.main_cont_1 .list_area .main_slider .slick-arrow {position:absolute;top:115px;z-index:10;width:24px;height:45px;font-size:1px;color:transparent;overflow:hidden;}
.main_cont_1 .list_area .main_slider .slick-prev {left:-63px;background:url("../img/slide_prev.png") no-repeat center;}
.main_cont_1 .list_area .main_slider .slick-next {right:-63px;background:url("../img/slide_next.png") no-repeat center;}
.main_cont_1 .list_area .main_slider .slick-list {margin:0 -25px;}
.main_cont_1 .list_area .main_slider .slick-slide {margin:0 25px;} 
.main_cont_1 .list_area .main_slider .img_area a { position:relative; aspect-ratio: 1/0.66; display:block; } 
.main_cont_1 .list_area .main_slider .img_area img { width:100%; height:100%; object-fit: cover; border-radius:10px; } 
.main_cont_1 .list_area .main_slider .txt_area { padding:20px 0 0; } 
.main_cont_1 .list_area .main_slider .tit { margin-bottom:12px; color: #2e2e2e; font-size: 22px; font-weight: 600; font-family:var(--font3); }
.main_cont_1 .list_area .main_slider .tit strong{color:var(--point-color-1); font-weight:inherit;}
.main_cont_1 .list_area .main_slider .txt { line-height:1.5625; color: #2e2e2e; font-weight: 500; height: auto; min-height: 50px; font-size:0.9375rem;}
.main_cont_1 .list_area .main_slider .more { margin-top:32px; display:flex; } 
.main_cont_1 .list_area .main_slider .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 .main_slider .more a span {display:inline-flex;padding:3px 0 0;}
.main_cont_1 .list_area .main_slider .more a:after {content:"";margin-left:10px;display:block;width:6px; height:7px; background:url("../img/icon_shortcut.png") no-repeat center/100% auto;} 
.main_cont_1 .list_area .main_slider .more a:hover { background: #ededed; } 

.main_cont_2 { position:relative; padding:150px 0;background:#eceef2;}
.intro_cont .main_cont_2 {padding:50px 0;background:none;margin:0 0 20px;}
.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 {position:relative;display:flex; aspect-ratio:1/1;  flex-direction: column;  align-items:center; justify-content:center; background-color:#fff;border:1px solid #d2cde6;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 .img_area::after {position:absolute;left:calc(100% - 1px);top:50%;transform:translateY(-50%);width:24px; aspect-ratio: 24/26; display:block; content:"";background:url("../img/step_next.png") no-repeat center; }
.main_cont_2 .step ul li:last-child .img_area::after {content:none;}
.main_cont_2 .step ul li:hover .img_area{transform:translateY(-8px); box-shadow:0 10px 25px rgba(0,0,0,0.15);}
.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);color:#3f3a39;}

.main_cont_2 .more { margin-top:40px; text-align:center; } 
.main_cont_2 .more a { padding:0 32px 0 40px; display:inline-flex;align-items:center;height:93px;background:var(--point-color-1);border-radius:2em; font-size:1.6rem; color:#fff; font-family: var(--font3);transition:.2s;} 
.main_cont_2 .more a:hover { background-color:#578f55; }
.main_cont_2 .more a b {font-weight:500;}
.main_cont_2 .more a::after {content:"";display:inline-flex;margin:0 0 3px 65px;width:30px;height:30px;background:url("../img/icon_shortcut2.png") no-repeat center/100% auto;}
.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:150px 0; } 
.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 .logo{width:50%;}
#section1 .content1  .character{width:60%;}
#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;}
.main_cont_2 .more a {height:70px;}
.main_cont_2 .more a::after {margin-left:40px;}
}
@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_cont_1 .list_area .main_slider .slick-list {margin:0 -15px;}
.main_cont_1 .list_area .main_slider .slick-slide {margin:0 15px;}
.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:0 20px 40px; }
#section1 .content1 .vs_img_area .left_area {flex-direction: column; gap:20px;padding:0;}
#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 {padding-inline:30px 17px;width:60vw;height:60px;text-align:left;border-radius:30px;margin:0 auto;}
#section1 .content1 .date .vs_btn a em {font-size:24px;}
#section1 .content1 .date{padding-top:0;}
#section1 .content1 .vs_img_area .character img {margin:20px 0 0;}
.main_cont_1 .list_area .main_slider .slick-list {margin:0 -7px;}
.main_cont_1 .list_area .main_slider .slick-slide {margin:0 7px;}
.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 {padding:0 22px 0 30px;height:46px; line-height:46px; font-size:1.25rem;} 
.main_cont_2 .more a::after {width:20px;height:20px;margin-left:20px;}
.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/500;  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 { margin-bottom:6px; }
.quick ul li a {display:block;transition: all 0.3s ease-out;}
.quick ul li a:hover {transform: translateX(-16px);transition: all 0.3s ease-out;}
@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 {position:relative;padding:0 0 42px;margin:0 0 60px;}
.sub_top_title::after {content:"";position:absolute;left:50%;margin-left:-18px;bottom:0;display:flex;width:36px;height:1px;background:var(--point-color-1);}
.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;padding:65px 60px 50px;background:#eceef2;border-radius:20px;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;width:calc(50% - 65px);}
.intro_cont .img_list_1 ul li+li::before {content:"";position:absolute;left:-97.5px;top:25%;display:flex;width:65px;height:65px;background:url("../img/intro_plus.png") no-repeat center;}
.intro_cont .img_list_1 .img_area {margin:0 0 20px;}
.intro_cont .img_list_1 .txt_area {line-height:1.2;font-size:20px;font-family:var(--font3);color:#2b2a2a;}
.intro_cont .img_list_1 .txt_area strong {display:block;font-size:24px;font-weight:600;color:var(--point-color-1);margin:0 0 3px;}
.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:0 5px; padding:0 25px; height:34px; line-height:34px; font-size:1.125rem; font-weight:600;}

.listType_1>ul>li {margin-bottom:50px;position:relative;display:flex;gap:15px;padding:12px 0 0;}
.listType_1>ul>li .title_area {width:21.86%;flex-shrink:0; font-size:1.625rem; font-family:var(--font3); font-weight:600; color:var(--point-color-1);word-break:keep-all;}
.listType_1>ul>li .title_area::before {content:"";position:absolute;left:0;top:0;display:flex;width:25px;height:1px;background:var(--point-color-1);}
.listType_1>ul>li .title_area.c-orange{color:var(--point-color-3);}
.listType_1>ul>li .txt_area {width:78.14%;}
.listType_1 .txt_area>ul>li {position:relative; padding-left:20px;font-weight:500;font-size:1.25rem; font-family:var(--font3);color:#474646;}
.listType_1 .txt_area>ul>li+li {margin:16px 0 0;}
.listType_1 .txt_area>ul>li::before {position:absolute; left:0; top:8px; width:10px; aspect-ratio: 1/1; background-color:var(--point-color-1);display:block; content:"";}
.listType_1 .txt_area>ul>li:has(.titleType_2) {padding-left:0;}
.listType_1 .txt_area>ul>li:has(.titleType_2)::before {content:none;}
.listType_1 .txt_area>ul>li .titleType_2 h3 {padding:20px 0 0;font-size:1.35rem;margin:0;}
.listType_1 .txt_area>ul>li>small {font-weight:400;}
.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:5px; position:relative;font-size:1.15rem; 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:12px; width:8px; height:2px; background-color:var(--point-color-3); display:block; content:"";}
.listType_1 .txt_area .list_1>li small {font-weight:400;color:#222;}
.listType_1 .txt_area .list_1.dot_none>li {padding-left:0;}
.listType_1 .txt_area .list_1.dot_none>li::before {content:none;}
.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);}
.listType_1 .txt_area .list_1.c-orange>li small {font-weight:400;color:#222;}
.desc {margin-top:10px; font-size:1.25rem; color:#222; font-family:var(--font3);font-weight:400; }

.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:600; 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 !important; 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: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:#0d055a; color:#fff; border-radius:2em; display:inline-block; font-size:1.25rem; font-family:var(--font3); font-weight:500;transition:.2s;}
.new-btn01:hover {background:#ea5504;}
.new-btn01.btn-green-bg{background-color:var(--point-color-1);}

.intro_cont > h2 {font-family:var(--font3);font-weight:600;font-size:1.625rem;color:var(--point-color-1);margin:0 0 15px;}
.box_list_type {padding:45px 50px; background-color:#eceef2;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.6;}
.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:1200px){
.intro_cont .img_list_1 {padding:30px 40px;}
.intro_cont .img_list_1 .txt_area {font-size:15px;}
.intro_cont .img_list_1 .txt_area strong {font-size:18px;}
.flex-column{flex-direction: column;}
}
@media screen and (max-width:768px){
.listType_1>ul>li {margin:0 0 35px;}
.listType_1 .txt_area>ul>li {padding-left:18px;}
.listType_1 .txt_area>ul>li:before {top:7px;width:9px;}
}
@media screen and (max-width:768px){
.intro_cont .img_list_1 ul{flex-direction: column; gap:60px;}
.intro_cont .img_list_1 ul li {width:100%;}
.intro_cont .img_list_1 ul li+li::before {left:50%;margin-left:-15px;top:-45px;width:30px;height:30px;background-size:100% auto;}
.sub_top_title{padding:0 0 20px;margin:0 0 30px;}
.listType_1 .txt_area>ul>li{font-size:18px;}
.box_list_type{padding:20px;}
.sub_top_title h1{font-size:26px;}
}
@media screen and (max-width:500px){
.listType_1>ul>li {flex-direction:column;}
.listType_1>ul>li .title_area{width:100%;}
.listType_1>ul>li .txt_area {width:100%;}
}

.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 #a3aac1; color:#a3aac1; 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%;}
}