@charset "utf-8";

/*font  */
/* pretendard */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* reset */
* {box-sizing: border-box;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font-family: 'Pretendard', sans-serif; /* font: inherit;  vertical-align: baseline;*/}
input, textarea, select {font-family: 'Pretendard', sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: inherit; text-decoration: none;}
small, address {font-style: normal;}


/* custom */
::selection {color: #fff; background: rgba(55, 178, 83, .8);}
:root {--green: #37B253;}
html {min-width: 320px; font-family: 'Pretendard', sans-serif; font-size: 10px; letter-spacing: -0.02em;}
body {color: #222;}
strong {font-weight: bold;}
.swiper-container {width: 100%; overflow: hidden;}
.inner {width: 100%; max-width: 1430px; margin: 0 auto;}
.inner_1000 {width: 100%; max-width: 1000px; margin: 0 auto;}
.font_mt {font-family: 'Montserrat', 'Pretendard', sans-serif;}
.upper {text-transform: uppercase;}
.btn_style {display: block; width: 300px; font-size: 2.4rem; font-weight: 600; text-align: center; line-height: 80px; border: 1px solid transparent; transition: .2s;}
.btn_style1 {background-color: #fff; color: #222;}
.btn_style2 {color: #222; border-color: #222;}
.btn_style3 {color: #fff; border-color: #fff;}
.btn_style:hover {background: var(--green); color: #fff; border-color: var(--green);}
.view_more {font-size: 2.4rem;}
.view_more .plus {display: inline-block; transition: .4s;}
.view_more:hover .plus {transform: rotate(180deg);}

@media screen and (max-width: 1470px){
	.inner {padding: 0 1.5rem;}
}
@media screen and (max-width: 1024px){
	html {font-size: 9px;}
	.inner_1000 {padding: 0 1.5rem;}
	.btn_style {width: 250px; font-size: 2rem; line-height: 60px;}
	.view_more {font-size: 2rem; font-weight: 500;}
}
@media screen and (max-width: 768px){
	html {font-size: 8px;}
	.btn_style {width: 200px; line-height: 50px;}
	.view_more {font-size: 1.8rem;}
}

/* 헤더 */
#header {width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; position: fixed; top: 0; left: 0; z-index: 100;}
.hd_top {display: flex; justify-content: center; align-items: center; padding: 15px; position: relative;}
.hd_logo img {display: block; zoom: 1; transition: .2s;}
.log_nav {display: flex; font-size: 1.6rem; line-height: 1; position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}
.log_nav li {position: relative;}
.log_nav li + li {margin-left: 1.5rem; padding-left: 1.5rem;}
.log_nav li + li::before {content: ''; display: block; width: 1px; height: 90%; background-color: #ddd; position: absolute; top: 5%; left: 0;}
.log_nav a {transition: .2s;}
.log_nav a:hover {color: #999;}
.hd_bot {border-top: 1px solid #ddd; position: relative;}
.pc_gnb {display: flex; justify-content: center; font-size: 2rem; text-align: center;}
.pc_gnb .depth1_li {flex-grow: 1; line-height: 80px; position: relative;}
.pc_gnb .depth1_li .depth1_a {white-space: nowrap; transition: .2s;}
.pc_gnb .depth1_li:nth-child(4) .depth1_a{color: #37B253;font-weight: 700;}
.pc_gnb .depth2_ul {font-size: 1.8rem; background-color: rgba(255, 255, 255, 0.8); border:1px solid #ddd; border-top:0; position: absolute; top: calc(100% + 1px); left: 50%; transform: translateX(-50%); display: none;}
.pc_gnb .depth2_ul li {}
.pc_gnb .depth2_ul li a {display: block; padding: 0 4rem; line-height: 50px; white-space: nowrap; transition: .2s;}
.pc_gnb .depth1_li:hover .depth1_a {color: var(--green);}
.pc_gnb .depth2_ul li:hover a {color: var(--green);}
.ham_open {display: none; cursor: pointer; font-size: 32px; color: inherit;}
.ham_bg {width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; display: none;}
#mb_menu {width: 400px; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100; transform: translateX(-100%); transition: .5s; display: none;}
#mb_menu.open {box-shadow: 5px 0 10px rgba(0, 0, 0, .16); transform: translateX(0);}
.ham_close {position: absolute; top: 12px; right: 10px; cursor: pointer; font-size: 32px; color: inherit;}
.mb_gnb {font-size: 1.8rem;}
.mb_gnb li {line-height: 50px;}
.mb_gnb .depth1_li {border-bottom: 1px solid #ddd;}
.mb_gnb .depth1_li:nth-child(4) .depth1_a{color: #37B253;font-weight: 700;}
.mb_gnb .depth1_li .arr_drop {transition: .3s;}
.mb_gnb .depth1_a {display: flex; justify-content: space-between; align-items: center; padding: 0 15px;}
.mb_gnb .depth2_ul {display: none;}
.mb_gnb .depth2_ul li {border-top: 1px solid #ddd;}
.mb_gnb .depth2_ul a {padding-left: 25px;}
.mb_gnb .depth1_li.on .arr_drop {transform: rotate(-180deg);}

#header.scr .hd_logo img {zoom: 0.6;}
#header.scr .pc_gnb .depth1_li {line-height: 50px;}

@media screen and (max-width: 1470px){
	.pc_gnb {gap: unset;}
	.pc_gnb .depth1_li {line-height: 70px;}
}
@media screen and (max-width: 1024px){
	.hd_logo img {height: 60px;}
	.hd_top {padding: 10px;}
	.hd_top .log_nav {display: none;}
	.hd_bot {display: none;}
	.ham_open {display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
	#mb_menu {display: block;}
	.log_nav {display: flex; align-items: center; height: 60px; padding: 0 15px; border-bottom: 1px solid #ddd; position: static; transform: none;}
	.mb_gnb .depth1_a {font-weight: 500;}
	#header.scr .hd_top {padding: 5px;}
}
@media screen and (max-width: 768px){
	.hd_logo img {height: 50px;}
	#header.scr .hd_logo img {zoom: 0.7;}
}
@media screen and (max-width: 500px){
	#mb_menu {max-width: 320px;}
}

/* 메인 */
#main {margin-top: 160px; font-size:1.8rem;}
.main_visual {color: #fff; text-align: center; position: relative;}
.main_visual .swiper-slide {height: 900px;}
.main_visual .visual1 {background: url(/html/img/main_visual1.jpg) no-repeat center/cover;}
.main_visual .visual2 {background: url(/html/img/main_visual2.jpg) no-repeat center/cover;}
.main_visual .visual3 {background: url(/html/img/main_visual3.jpg) no-repeat center/cover;}
.main_visual .visual_video {background:#000;}
.main_visual .jarallax {height: 100%; opacity:0.5;}
.main_visual .txt_wrap {display: flex; flex-direction: column; align-items: center; gap: 8rem 0; position: absolute; top: calc(50% + 50px); left: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; animation: .8s fadeUp .2s forwards;}
.main_visual .txt_big {font-size: 6rem; font-weight: 300; line-height: 1.25; white-space: nowrap;}
.count_wrap {display: flex; justify-content: center; width: 100%; font-size: 2.4rem;}
.count_left {flex: 1; padding-right: 6rem;}
.count_right {flex: 1; padding-left: 6rem; border-left: 1px solid #fff;}
.count_wrap strong {display: inline-block; margin-top: 1.5rem; font-size: 1.7em; white-space: nowrap;}
@keyframes fadeUp {
	from {top: calc(50% + 50px); opacity: 0;}
	to {top: 50%; opacity: 1;}
}

.mid {padding: 15rem 0;}
.mid_hd {display: flex; flex-direction: column; gap: 5px; margin-bottom: 5rem;}
.mid_hd .mid_tit {font-size: 3.6rem; font-weight: 400; line-height: 1.4; word-break: keep-all;}
.mid_hd .mid_sml_tit {font-size: 2.8rem;}
.mid_hd.row {flex-direction: row; justify-content: space-between; align-items: flex-end; margin-bottom: 3rem;}

.mid01 {text-align: center; background-color: #f9f9f9;}
.mid01 .mid_sml_tit {font-weight: 500; color: var(--green);}
.mid01_ul {display: flex; gap: 1.6rem;}
.mid01_ul li {display: flex; justify-content: center; align-items: center; flex: 1; aspect-ratio: 1/1; font-size: 3rem; font-weight: 500; color: #fff; text-align: center; line-height: 1.5; transition: .3s;}
.mid01_ul .bg1 {background: url(/html/img/mid01_img1.jpg) no-repeat center/100%;}
.mid01_ul .bg2 {background: url(/html/img/mid01_img2.jpg) no-repeat center/100%;}
.mid01_ul .bg3 {background: url(/html/img/mid01_img3.jpg) no-repeat center/100%;}
.mid01_ul .bg4 {background: url(/html/img/mid01_img4.jpg) no-repeat center/100%;}
.mid01_ul li:hover {background-size: 110%;}
.mid01 .go_to_introduce {margin: 8rem auto 0;}

@media screen and (max-width: 1470px){
	#main {margin-top: 160px;}
}
@media screen and (max-width: 1024px){
	#main {margin-top: 80px;}
	.main_visual .swiper-slide {height: 650px;}
	.main_visual .txt_wrap {gap: 5rem 0;}
	.main_visual .txt_big {font-size: 5rem;}
	.main_visual .count_left {padding-right: 4rem;}
	.main_visual .count_right {padding-left: 4rem;}
	.mid {padding: 10rem 0;}
	.mid_hd {margin-bottom: 4rem;}
	.mid_hd .mid_tit {font-size: 3rem;}
	.mid_hd .mid_sml_tit {font-size: 2.4rem;}
	.mid_hd.row {margin-bottom: 2rem;}
	.mid01_ul li {font-size: 2.4rem;}
	.mid01 .go_to_introduce {margin-top: 7rem;}
}
@media screen and (max-width: 768px){
	#main {margin-top: 70px;}
	.main_visual .swiper-slide {height: 500px;}
	.main_visual .txt_wrap {gap: 4rem 0;}
	.main_visual .txt_big {font-size: 3.6rem;}
	.main_visual .count_wrap {font-size: 2rem;}
	.main_visual .count_wrap .counter-up1 {display: inline-block; width: 78px;}
	.main_visual .count_wrap .counter-up2 {display: inline-block; width: 33px;}
	.mid {padding: 7rem 0;}
	.mid_hd {margin-bottom: 3rem;}
	.mid_hd.row {align-items: center; margin-bottom: 1.5rem;}
	.mid01_ul {flex-wrap: wrap; width: 100%; max-width: 500px; margin: 0 auto;}
	.mid01_ul li {flex: none; width: calc(50% - 0.8rem);}
	.mid01 .go_to_introduce {margin-top: 6rem;}
}
@media screen and (max-width: 500px){
	.main_visual .swiper-slide {height: 400px;}
	.main_visual .count_left {padding-right: 2rem;}
	.main_visual .count_right {padding-left: 2rem;}
	.mid {padding: 6rem 0;}
	.mid_hd .mid_tit {font-size: 2.6rem;}
	.mid_hd .mid_sml_tit {font-size: 2.2rem;}
	.mid01_ul li {font-size: 2.1rem;}
}

.mid02 .mid_hd {}
.swp_program .thumb_box {overflow: hidden;}
.swp_program .thumb_box img {display: block; width: 100%; transition: .3s;}
.swp_program .swiper-slide:hover .thumb_box img {transform: scale(1.1);}
.swp_program .txt_box {padding: 2rem 1rem 0; font-size: 2rem;}
.swp_program .program_title {font-size: 1.5em; font-weight: 600;}
.swp_program .program_desc {margin-top: 1rem; color: #666; line-height: 1.5; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.swp_program .program_info {display: flex; gap: 0 4rem; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #eee;}
.swp_program .program_info p {display: flex; align-items: center; gap: 0 10px;}
.swp_program .program_info .target::before {content: ''; display: block; width: 3rem; height: 3rem; background: url(/html/img/icon_target.svg) no-repeat center/cover;}
.swp_program .program_info .time::before {content: ''; display: block; width: 3rem; height: 3rem; background: url(/html/img/icon_time.svg) no-repeat center/cover;}
.swp_pg {display: flex; justify-content: center; gap: 0 10px; margin-top: 8rem;}
.swp_pg .swiper-pagination-bullet {width: 50px; height: 2px; margin: 0 !important; background-color: #222; border-radius: 0; transition: .2s;}
.swp_pg .swiper-pagination-bullet:hover {opacity: 1;}

.mid03 {padding: 0; position: relative;}
.mid03 .txt_box {width: 100%; padding: 0 1.5rem; font-size: 2.8rem; color: #fff; text-align: center; line-height: 1.4; word-break: keep-all; position: absolute; top: calc(50% + 50px); left: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0;}
.mid03 .txt_box strong {display: block; margin-bottom: 1rem; font-size: 5rem;}
.mid03 .txt_box.ani {animation: .8s fadeUp forwards;}
.swp_step .swiper-slide {height: 800px;}
.swp_step .step1 {background: #000 url(/html/img/mid03_img1.png) no-repeat center/cover;}
.swp_step .step2 {background: #000 url(/html/img/mid03_img2.png) no-repeat center/cover;}
.swp_step .step3 {background: #000 url(/html/img/mid03_img3.png) no-repeat center/cover;}
.swp_step .step4 {background: #000 url(/html/img/mid03_img4.png) no-repeat center/cover;}
.swp_step .step5 {background: #000 url(/html/img/mid03_img5.png) no-repeat center/cover;}
.swp_step .swp_pg2 {display: flex; justify-content: center; gap: 0 50px; width: 100%; max-width: 1430px; font-size: 2rem; color: #fff; line-height: 1; position: absolute; bottom: 8rem; left: 50%; transform: translateX(-50%); z-index: 1;}
.swp_step .swp_pg2 .swiper-pagination-bullet {flex: 1; width: auto; height: auto; margin: 0; border-radius: 0; background: none; opacity: .6; transition: .3s;}
.swp_step .swp_pg2 .swiper-pagination-bullet-active {opacity: 1;}
.swp_step .time_bar_wrap {width: 100%; margin-bottom: 2rem; background-color: #fff;}
.swp_step .time_bar_wrap .time_bar {display: block; width: 0; height: 2px; background-color: var(--green);}
.swp_step .swp_pg2 .swiper-pagination-bullet {word-break: keep-all;}
.swp_step .swp_pg2 .swiper-pagination-bullet-active .time_bar {animation: timeBar 4.5s linear  forwards;}
.swp_step .swp_pg2 .swiper-pagination-bullet:hover {opacity: 1;}
.swp_step .swp_pg2 strong {display: block; margin-bottom: 2rem; word-break: keep-all;}
@keyframes timeBar {
	from {width: 0;}
	to {width: 100%;}
}

@media screen and (max-width: 1470px){
	.swp_program .txt_box {font-size: 1.8rem;}
	.swp_step .swp_pg2 {gap: 0 3rem; width: 80%; font-size: 1.8rem;}
	.swp_step .swiper-slide {height: 700px;}
}
@media screen and (max-width: 1024px){
	.swp_program .program_info {gap: 0 3rem;}
	.swp_pg {margin-top: 6rem;}
	.mid03 .txt_box {font-size: 2.4rem;}
	.mid03 .txt_box strong {font-size: 4rem;}
	.swp_step .swiper-slide {height: 600px;}
	.swp_step .swp_pg2 {bottom: 5rem;}
}
@media screen and (max-width: 768px){
	.mid02 .inner {padding: 0;}
	.mid02 .mid_hd {width: 80%; margin: 0 auto 2rem;}
	.swp_program .swiper-slide {width: 80%;}
	.swp_program .program_title {font-size: 1.2em;}
	.swp_program .program_info {gap: 0 2.5rem;}
	.swp_program .program_info .target::before {width: 2.5rem; height: 2.5rem;}
	.swp_pg {margin-top: 5rem;}
	.swp_pg .swiper-pagination-bullet {width: 40px;}
	.mid03 .txt_box {font-size: 2rem;}
	.mid03 .txt_box strong {font-size: 3rem;}
	.swp_step .swiper-slide {height: 500px;}
	.swp_step .swp_pg2 {gap: 0 10px; width: 100%; padding: 0 1.5rem; font-size: 1.7rem; bottom: 5rem;}
	.swp_step .time_bar_wrap {margin-bottom: 1.5rem;}
	.swp_step .swp_pg2 strong {margin-bottom: 1rem;}
}
@media screen and (max-width: 768px){
	.swp_step .swiper-slide {height: 400px;}
}

.mid04 {width: 100%; overflow: hidden;}
.swp_class {overflow: visible;}
.swp_class .swiper-slide {margin: 0 1rem; transition: .3s;}
.swp_class .thumb_box {width: 100%; overflow: hidden;}
.swp_class .thumb_box img {display: block; width: 100%; transition: .3s;}
.swp_class .txt_box {width: 90%; margin: -6rem auto 0; padding: 4rem 2rem; font-size: 2rem; text-align: center; background-color: #fff; box-shadow: 0 0 2rem rgba(0, 0, 0, .16); position: relative;}
.swp_class .txt_box .class_cate {display: inline-block; padding: 1rem 1.2rem; font-size: 1.6rem; font-weight: 600; color: #fff; line-height: 1; background-color: #FF3B00; border-radius: 0 0 1rem 1rem; position: absolute; top: 0; left: 3rem;}
.swp_class .txt_box .class_title {font-size: 2.5rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.swp_class .txt_box .class_tuition {margin-top: 1rem;}
.swp_class .swiper-slide:hover .thumb_box img {transform: scale(1.1);}

.mid05 {color: #fff; background: url(/html/img/mid05_bg.jpg) no-repeat 0 0/cover;}
.mid05 .mid_hd {text-align: center;}
.products_tab_wrap {width: 100%; margin: 0 auto 5rem; overflow-x: auto;}
.products_tab {width: 100%; max-width: 1080px; margin: 0 auto; min-width: 340px; display: flex; gap: 2rem;}
.products_tab li {flex: 1; font-size: 2.4rem; color: #fff; text-align: center; line-height: 5rem; white-space: nowrap; border: 1px solid #fff; border-radius: 5rem; transition: .3s; cursor: pointer;}
.products_tab li.active, 
.products_tab li:hover {color: #222; background-color: #fff;}
.products_ul {display: flex; flex-wrap: wrap; gap: 3rem 1.6rem;}
.products_ul li {width: calc(25% - 1.2rem);}
.products_ul .thumb_box {box-shadow: 0 0 3rem rgba(0, 0, 0, .3); overflow: hidden;}
.products_ul .thumb_box img {display: block; width: 100%; height:auto; transition: .3s;}
.products_ul .txt_box {padding: 2rem 1rem 0; font-size: 2rem;}
.products_ul .product_name {font-size: 1.2em; font-weight: 700;}
.products_ul .product_price {margin-top: 1.5rem;}
.products_ul li:hover .thumb_box img {transform: scale(1.1);}
.mid05 .go_to_products {margin: 8rem auto 0;}

.mid06 .mid_hd {text-align: center;}
.mid06 .map_wrap {width: 100%; height: 500px; position: relative; overflow: hidden;}
.mid06 .map_wrap .root_daum_roughmap {width: 100%; height: 100%; background: #f9f9f9; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mid06 .map_wrap .root_daum_roughmap .wrap_map {height: 100%;}
.mid06 .map_wrap .map_txt {width: 90%; max-width: 800px; padding: 1rem; font-size: 2rem; text-align: center; word-break: keep-all; background-color: rgba(240, 240, 240, .9); box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: absolute; bottom: 5rem; left: 50%; transform: translateX(-50%);}
.mid06 .loca_flex {display: flex; margin-top: 2rem; font-size: 2rem; line-height: 1.5; background-color: #f9f9f9;}
.mid06 .loca_flex li {display: flex; align-items: center; gap: 3rem; flex: 1; padding: 3rem 5rem; word-break: keep-all; position: relative;}
.mid06 .loca_flex li + li::before {content: ''; display: block; width: 1px; height: 50%; background-color: #eee; position: absolute; top: 25%; left: 0;}
.mid06 .loca_flex .bold {display: block; font-weight: 700;}
.mid06 .loca_flex .ganseon {display: inline-block; padding: 0 4px; font-weight: 600; color: #fff; background-color: #2F4FFF;}

@media screen and (max-width: 1470px){
	.mid04 .mid_hd {width: 80%; margin: 0 auto 2rem;}
	.swp_class .swiper-slide {width: 80%; margin: 0 1.5rem;}
	.products_ul .txt_box {font-size: 1.8rem;}
	.mid06 .loca_flex {font-size: 1.8rem;}
	.mid06 .loca_flex li {padding: 2rem;}
}
@media screen and (max-width: 1024px){
	.swp_class .swiper-slide {margin: 0 5px;}
	.swp_class .txt_box {margin-top: -4rem; padding: 4rem 1.5rem 2rem; font-size: 2rem;}
	.swp_class .txt_box .class_title {font-size: 1.2em;}
	.swp_class .txt_box .class_cate {padding: 0.8rem 1rem; left: 1rem;}
	.products_tab_wrap {margin-bottom: 4rem;}
	.products_tab {gap: 1rem;}
	.products_tab li {font-size: 2rem; line-height: 4.5rem;}
	.products_ul .txt_box {font-size: 1.6rem;}
	.products_ul .product_price {margin-top: 1rem;}
	.mid05 .go_to_products {margin-top: 7rem;}
	.mid06 .map_wrap {height: 400px;}
	.mid06 .map_wrap .map_txt {font-size: 1.8rem; bottom: 4rem;}
	.mid06 .loca_flex {font-size: 1.6rem;}
	.mid06 .loca_flex li {gap: 2rem;}
	.mid06 .loca_flex .icon_box img {zoom: 0.8;}
}
@media screen and (max-width: 768px){
	.swp_class .txt_box {width: 100%; margin-top: 0; padding: 2rem 3rem; box-shadow: 0 0 1.5rem rgba(0, 0, 0, .16);}
	.swp_class .txt_box .class_cate {position: static; margin: 0 auto 1.5rem 0; border-radius: 0.8rem;}
	.mid05 .go_to_products {margin-top: 6rem;}
	.products_tab_wrap {margin-bottom: 3rem;}
	.products_tab {}
	.products_tab li {flex: auto; font-size: 1.6rem; font-weight: 500; line-height: 4rem;}
	.products_ul {gap: 3rem 1.6rem;}
	.products_ul li {width: calc(50% - 0.8rem);}
	.mid06 .map_wrap {height: auto; aspect-ratio: 4/3;}
	.mid06 .map_wrap .map_txt {font-size: 1.6rem; bottom: 3rem;}
	.mid06 .loca_flex {flex-direction: column;}
	.mid06 .loca_flex li + li::before {width: 90%; height: 1px; top: 0; left: 5%;}
	.mid06 .loca_flex .icon_box img {zoom: 0.7;}
}
@media screen and (max-width: 500px){
	.swp_class .txt_box .class_title {font-size: 1.1em;}
	.products_tab li:hover {color: #fff; background-color: transparent;}
	.products_tab li.active:hover {color: #222; background-color: #fff;}
	.products_ul .product_name {font-size: 1.3em;}
	.mid06 .loca_flex li {padding: 1.5rem;}
}
@media screen and (max-width: 340px){
	.products_tab {width: auto;}
	.products_tab li {padding: 0 1rem;}
}


/* 푸터 */
#footer {font-size: 1.4rem; color: #fff; background-color: #222;}
.ft_top {padding: 1.5rem 0; background-color: #333;}
.ft_top .ft_menu {display: flex; font-weight: 600; line-height: 1;}
.ft_top .ft_menu li + li {margin-left: 1rem; padding-left: 1rem; border-left: 2px solid #fff;}
.ft_bot {padding: 5rem 0;}
.ft_bot .inner {display: flex; justify-content: space-between; gap: 2rem;}
.ft_bot .ft_bot_left {display: flex; gap: 3rem;}
.ft_bot .ft_info_txt + .ft_info_txt {margin-top: 0.8rem;}
.ft_bot .ft_info {line-height: 1.3;}
.ft_bot .ft_info .left_bar {display: inline-block; margin-left: 1rem; padding-left: 1rem; position: relative;}
.ft_bot .ft_info .left_bar::before {content: ''; display: block; width: 2px; height: 80%; background-color: #fff; position: absolute; top: 10%; left: 0;}
.ft_bot .ft_info .ft_info_txt.copy {display: block; margin-top: 2rem; font-size: 0.9em;}
.ft_bot .sns_link {display: flex; gap: 1rem;}

@media screen and (max-width: 1024px){
	.ft_top .ft_menu {font-weight: 500;}
	.ft_bot {padding: 4rem 0;}
	.ft_bot .sns_link img {zoom: 0.8;}
}
@media screen and (max-width: 768px){
	#footer {font-size: 1.5rem;}
	.ft_logo {width: 100%; text-align: center;}
	.ft_logo img {zoom: 0.9;}
	.ft_top .ft_menu li + li {border-width: 1px;}
	.ft_bot {padding: 3rem 0;}
	.ft_bot .inner {flex-direction: column; align-items: center;}
	.ft_bot .ft_bot_left {flex-direction: column; align-items: flex-start; gap: 2rem; text-align: center;}
	.ft_bot .ft_info .left_bar::before {width: 1px;}
	.ft_bot .ft_info .ft_info_txt.copy {margin-top: 1.8rem; font-size: 1em;}
	.ft_bot .sns_link img {zoom: 0.6;}
}
@media screen and (max-width: 500px){
	.ft_bot .ft_info_txt + .ft_info_txt {margin-top: 0.5rem;}
	.ft_bot .ft_info .left_bar {display: block; margin-left: 0; margin-top: 0.5rem; padding-left: 0;}
	.ft_bot .ft_info .left_bar::before {display: none;}
}