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

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


.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;  } 
.scrollOn .header { background-color: #FFF; }
.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:#222; 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.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 (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:50px 0 80px; background-color:var(--point-color-2); }
.footer:before{position:relative; width:100%; display:block; background:url(../img/wave_up.png) no-repeat 0 0; background-size:100%; aspect-ratio: 1920/116;  content:"";}
.footer .cont{position:relative; display:flex; gap:70px;}
.footer_logo img {max-height: 50px;}
.footer_sns{position:absolute; right:20px; top:0; }
.footer_sns ul{display:flex; gap:10px; }
.footer_sns ul li a img { mix-blend-mode: multiply;}
.footer_cont{font-size:16px; color:#222; font-family:var(--font3); line-height:1.875;}
.footer_cont .link{display:flex; gap:20px;}
.footer_cont .link a{font-size:inherit; color:inherit; font-family:inherit;}
.footer .copyright {margin-top:5px;font-family:"Pretendard","MalgunGothic","맑은 고딕","돋움","tahoma","sans-serif";font-size:14px;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;}
.footer_cont .link{display:flex; justify-content: 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: #fdeeed url("../img/main_top_bg.png") no-repeat center bottom; background-size: 1920px auto; 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:120px 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: 42px; font-weight: 300; 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.125rem; font-weight: 300; 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-block:60px;  } /*background:url(../img/main_middle_bg.png) no-repeat center center; background-size:cover; overflow:hidden; */
.main_cont_2.main-ver {padding-block:150px 220px; background: var(--point-color-2) url("../img/wave_up.png") no-repeat top center / 1920px auto;}
.main_cont_2.main-ver:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 116px;background: url("../img/wave_down.png") no-repeat bottom center / 1920px auto;content: '';}
.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:var(--point-color-2);  border-radius:50%; gap:20px; transition:transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;}
.main_cont_2.main-ver .step ul li .img_area {background-color:#fff;}
.main_cont_2 .step ul li .img_area img{width: 30%;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);}
.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: calc(100% - 24px); top:40%; width:34px; height: 34px; display:block; content:""; transform:translateY(-70%) rotate(45deg); background-color: var(--point-color-2); }
.main_cont_2.main-ver .step ul li::before {background-color: #fff;}
.main_cont_2 .step ul li:last-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; display:block;}
.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_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 { padding: 80px 0 120px;}
.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 {background-size: 1000px auto; } /*background:url(../img/main_middle_bg.png) no-repeat center center; background-size:cover; overflow:hidden; */
.main_cont_2:before {background-size: 1000px 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 br{display:none;}
#section1 .content1 .date{padding-top: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 { 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;}
 }

.hapcheon-visual {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
    max-width: 1240px;
    padding-top: 40px;
    padding-bottom: 100px;
    margin: 0 auto;
}

.hapcheon-visual .visual-imgbox {
    flex-grow: 1;
    max-width: 730px;
    font-size: 0;
}

.hapcheon-visual .visual-imgbox .visual-image {
    margin-top: -150px;
}

.hapcheon-visual .visual-halfprice {
    flex-shrink: 0;
    position: relative;
    width: 40%;
    max-width: 400px;
    padding: 50px 34px;
    margin-top: 60px;
    border: 1px solid var(--point-color-1);
    background-color: #FFF;
    border-radius: 28px;
    box-shadow: 8px 8px 0 rgba(0,0,0,0.1);
}

.hapcheon-visual .visual-halfprice figure {
    position: relative;
    margin: 0;
    padding: 0;
}

.hapcheon-visual .visual-halfprice a {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    margin-top: 30px;
    padding-inline: 40px 20px;
    font-weight: bold;
    font-family: var(--font3);
    background-color: var(--point-color-1);
    color: #FFF;
    border-radius: 80px;
}

.hapcheon-visual .visual-halfprice a:before {
    position: absolute;
    top: -100px;
    right: 0;
    bottom: -100px;
    width: 70px;
    background-color: rgba(255,255,255,0.3);
    transform: rotate(30deg);
    content: '';
    transition: .2s;
}

.hapcheon-visual .visual-halfprice a:hover:before {
    transform: rotate(0);
    width: 100%;
    background-color: rgba(255,255,255,0.3);
}

.hapcheon-visual .visual-halfprice a em {
    position: relative;
    font-size: 24px;
}

.hapcheon-visual .visual-halfprice 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;
}

.hapcheon-visual .visual-halfprice a span svg {
    width: 20px;
}

.hapcheon-visual .visual-halfprice a:hover:before {
    transform: rotate(0);
    width: 100%;
    background-color: rgba(255,255,255,0.3);
}

.hapcheon-visual .visual-halfprice a:hover span {
    transform: scale(1.2);
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
}

@media screen and (max-width: 1460px){
}

@media screen and (max-width: 1260px){
    .hapcheon-visual {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .hapcheon-visual .visual-halfprice {
        width: 96%;
        margin-top: 0px;
    }
}

@media screen and (max-width: 960px){
}

@media screen and (max-width: 768px){
    .hapcheon-visual .visual-imgbox .visual-image {
        margin-top: -10%;
    }
}

@media screen and (max-width: 670px){
    .hapcheon-visual .visual-halfprice {
        width: 80%;
        padding: 30px 34px;
    }
}

/* sub_layout */
.sub_visual { position:relative; aspect-ratio: 1800/478;  background:url(../img/sub_visual.png) no-repeat bottom center; 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 { aspect-ratio: auto;height:250px; background-size: auto 100%; } 
.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 { position: relative; padding: 20px; background: #09357f; color:#FFF; display:block; border-radius:10px; text-align:center; transition: all 0.3s ease-out;} 
.quick ul li a .icon { position: absolute; top: -40px;left: calc(50% - 32px); width: 64px; }
.quick ul li:first-child a { padding-bottom: 60px;background: #e5004f url("../img/quick_bg_flower.png") no-repeat center bottom / 100% auto; }
.quick ul li a:hover {transform: translateY(-16px);}
.quick ul li:not(:first-child) { margin-top:30px; } 
@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 { font-size:1.125rem; } 

.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(/skin/member/basic/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(/skin/member/basic/img/checkbox_on.svg) no-repeat center center; background-size: 100%;}

.sub_top_title{position: relative;padding:0 0 80px; }
.sub_top_title:before {position: absolute;bottom: 40px;left: calc(50% - 20px);width: 40px;height: 1px;background-color: var(--point-color-1);content: '';}
.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%); 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:0 5px; padding:0 25px; height:34px; line-height:34px; 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: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: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;}
.new-btn01.btn-green-bg{background-color:var(--point-color-1);}

.box_list_type{padding:45px 50px; background-color:#EBF6F5;}
.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: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: 2rem; 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-size: 1.5rem; font-weight: bold; }
.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: 2rem; }
.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: 1.5rem; margin-top: 1.5rem; 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 2rem; margin-top: 1.5rem; background-color: #0D055A; color: #FFF; font-size: 1.25rem; border-radius: 40px; }
.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 .page-area { display: flex; flex-direction: column; gap: 1rem; }
.page-contents .page-area:not(:first-child) { margin-top: 3rem; }
.page-contents .page-area h3.tit { position: relative; padding-top: 1.5rem; }
.page-contents .page-area h3.tit:before { position: absolute; top: 0; left: 0; width: 40px; height: 1px; background-color: var(--point-color-1); content: ''; }
.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:not(:first-child) { margin-top: 1rem; }
.page-contents .page-area .con-box .con-1ul > li .con-txt { position: relative; padding-left: 1.5rem; }
.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-2ul { margin-top: 0.5rem; padding-left: 1.5rem; }
h2.page-tith2 { display: inline-block; padding: 1rem 2rem; background-color: var(--point-color-1); color: #FFF; font-weight: bold; border-radius: 30px; font-family: var(--font3); font-weight: bold; font-size: 1.5rem; }
.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 { font-size: 1.5rem; }
    .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; }
}

@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: 4rem; }
    .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: 5rem; }
    .page-contents .page-area { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 1rem; }
    .page-contents .page-area:not(:first-child) { margin-top: 5rem; }
    .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 .con-box .con-1ul > li:not(:first-child) { margin-top: 1.5rem; }
    .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 (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; }
}