/* Çì´õ */
header {
	top: 0;
	left:0;
	width: 100%;
	z-index: 20;
}
header .common{
	width:100%;
	}

 .header_top{width:100%;background-color:#21a246;position:fixed;z-index:11;top:0;}
	.header_top_inner{
	width:100%;
	max-width:1440px;
	margin:0 auto;
	padding:7px 0;
	display: flex;
    justify-content: flex-end;
	}
	.header_top_inner a{
	color:#fff;
	font-size:14px;
	display:block;
	padding:3px 7px;
	cursor: pointer;
}
	.header_top_inner span{
	color:#4f631a;
	font-size:15px;
	padding:3px 7px;
	border-radius:15px;
	background-color:#9af052;
}
	.header_top_inner span i{margin-right:3px;}
	.header_top_inner a:nth-child(3) {margin-right:10px;}
 .common_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width:100%;
	margin:0 auto;
	padding: 25px 0px;
}
header.bg {background-color:#fff;}
.c_container_wrap {
	background-color: #fff;
}
.c_container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 2rem;
}
.bottom_banner .c_container {
  position: relative;
}
/* header */
.header {position: fixed;transition: 0.3s;margin-top:40px;}
.header:hover {background-color: #fff;}
.header::before {content: '';background-color: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 100%; z-index: -1;display: none;}
.header.active::before {display: block;}
.header::after {
  content: "";
  width: 100%;
  height: 0;
  border-radius: 0 0 8px 8px;
  background-color: rgba(255, 255, 255, 1);
  position: absolute;
  z-index: 0;
  transition: 0.3s;
  border-top:1px solid #efefef;
}
.header:hover::after {
  height: 18rem;
}
.top_nav_wrap {
	background-color: #009768;
}
.top_nav {
  display: flex;
  justify-content: right;
  padding: 1.5rem 27px;
	max-width: 1320px;
	margin: auto;
	color: #fff;
}
.search img {
	filter: brightness(0) saturate(100%) invert(93%) sepia(0%) saturate(7473%) hue-rotate(78deg) brightness(109%) contrast(100%);
}
.top_nav ul {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: 1.4rem;
}
.top_nav ul li span {
  display: inline-block;
  width: 6.5rem;
  padding: 6px 0;
  margin-left: 5px;
  border-radius: 11px;
  background-color: #f6f6f6;
  color: #acacac;
  text-align: center;
}
.gnb {margin-top:20px;}
.gnb .gnb_right {display: flex;align-items: center;gap: 2rem;}
.c_container{padding:10px 0;}
.pc_header {justify-content: space-between;display:flex;padding:10px 0;}
.mo_header{display:none;}
.gnb .gnb_right li {min-width: 132px;text-align: center;}
.header .gnb .gnb_right li .navi { position: relative;font-size:20px;display:block;}
.header .gnb .gnb_right li .navi::after {content: "";display: none; width: 100%;height: 3px;background-color: #7cc242; position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);}
.navi.color_red{color:#21a246;}
.header .gnb .gnb_right li:hover .navi::after {display: block;}
.sub_nav li a:hover{color:#7cc242;background-color:#fff;}
.gnb .gnb_right .icons {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.gnb .gnb_right .icons .search {
  position: relative;
}
.gnb .gnb_right .icons .search .search_input {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 24.3rem;
  height: 4.5rem;
  padding: 0 2.4rem;
  border: 1px solid #acacac;
  border-radius: 15px;
  background-color: var(--white);
  box-shadow: 0 0 13px rgba(8, 8, 8, 0.19);
  position: absolute;
  right: 0;
  bottom: -55px;
  z-index: 2;
}
.gnb .gnb_right .icons .search.open .search_input {
  display: flex;
}
.gnb .gnb_right .icons .search_input input {
  width: 70%;
}
.gnb .gnb_right .icons .search_input .img_box {
  cursor: pointer;
}
.gnb .gnb_right .icons .ham_btn a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 2.2rem;
  height: 1.5rem;
}
.top_nav .ham_btn a {
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 2.2rem;
  height: 1.5rem;
}
.top_nav .ham_btn p {
	width: 100%;
  height: 3px;
  background-color: #fff;
}
.gnb .gnb_right .icons .ham_btn p {
  width: 100%;
  height: 3px;
  background-color: var(--text-color);
}
.gnb .sub_nav {display: none;flex-direction: column;padding-top:33px;font-size: 14px;position: absolute;z-index: 1;}
.header:hover .sub_nav {display: flex;}
.gnb .sub_nav a {transition: 0.3s;border-bottom: 0px; padding: 8px;border-bottom: 0px;border-radius: 5px;width: 90%;display: block; margin: 0 auto;}
.gnb .sub_nav::after {content: ""; width: 100%;height: 0;background-color: #e7f2de;position: absolute;top:31px;z-index: -1;}
.header .gnb .gnb_right li:hover .sub_nav::after {height: 18rem;}


.logo a{display:block;}
.logo a img{width:100%;max-width:300px;}
.sns{display:flex;padding:10px 0;gap:3px;}
.sns a{display:block;}
.sns a img{width:100%;max-width:36px;}


/*ham*/
.header_content{
	display:none;
	}
.mobile_trigger {
    display: block;
    position: absolute;
    width: 30px;
    height: 18px;
	right:10px;
	cursor:pointer;
	top:15px;
  }

 /* Mobile Navigation */
.mobile_nav {
    display: block;
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    z-index: 2000;
    transition: 0.4s;
  }
.mobile_nav.active {
    left: 0;
  }
.mobile_login_join_box p{font-size:14px;color:#000;padding:10px 10px 10px 20px;}
.mobile_login_join_box {
	background-color:#f5f8f2;
	padding:30px 33px 35px;
  }
.mobile_login_join_box a {
    display: inline-block;
    padding: 7px;
    margin: 0 10px;
	font-size:14px;
  }
.mobile_login_join_box a i{font-size:5px;padding-right:7px;vertical-align: middle;}
.join_box_inner{display:flex;justify-content: space-between;border-bottom:1px solid #7cc242;}
.join_box_inner div{padding:0 10px;width:100%;text-align:center;}
.join_box_inner p{width:100%;padding:10px 15px;border-radius:25px;background-color:#7cc242;text-align:center;color:#fff;font-size:16px;}
.join_box_sns{text-align:center;padding-top:15px;}
  .mobile_nav_close_btn {
    position: absolute;
    top: 10px;
    right: 10px;
	cursor: pointer;
  }

  .mobile_gnb_box {
    height: 100%;
    padding: 20px 30px;
  }
  .mobile_gnb_box ul {}
  .mobile_gnb_box ul li:first-child {
    padding-top: 0;
  }
  .mobile_gnb_box ul li {
    border-bottom: 1px solid #d7d7d7;
  }
  .mobile_gnb_box ul li > a {
    position: relative;
    display: block;
    color: #333;
    padding: 16px;
  }
  .mobile_gnb_box ul li > a:not(.not_plus).active {
    font-weight: 500;
    color: #07832b;
  }
  .mobile_gnb_box ul li > a:not(.not_plus):after {
    content: '';
    position: absolute;
    content: '';
    width: 18px;
    height: 2px;
    background-color: #898989;
    top: 27px;
    left: calc(100% - 30px);
    transition: 0.35s;
  }
  .mobile_gnb_box ul li > a:not(.not_plus):before {
    content: '';
    position: absolute;
    content: '';
    width: 18px;
    height: 2px;
    background-color: #898989;
    top: 27px;
    left: calc(100% - 30px);
    transform: rotate(90deg);
    transition: 0.35s;
  }
  .mobile_gnb_box ul li.aactive a:after {
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
  }
  .mobile_gnb_box ul li.aactive a:before {
    transform: rotate(0);
	background-color:#7cc242;
  }
  .mobile_gnb_box ul li.aactive .mobile_gnb_sub_menu{
  display:block;
  }
  .mobile_gnb_sub_menu {
    border-top: 1px solid #d7d7d7;
    padding: 10px 30px;
    display: none;
  }
  .mobile_gnb_sub_menu a {
    font-size: 14px;
    color: #555;
    display: block;
    padding: 10px 0;
  }
   .mobile_gnb_sub_menu a i{font-size:5px;padding-right:7px;vertical-align: middle;color:#6b6b6b;}

   .mo_nav .mo_gnb > li .mo_sub_nav {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 0;
  padding: 0;
  background-color: #f6f6f6;
  font-size: 1.3rem;
  transition: .2s;
  overflow: hidden;
}
.mo_nav .mo_gnb > li.accordionTitleActive .mo_sub_nav {
  height: auto;
  padding: 1.5rem 2.3rem;
}
.mo_nav .mo_gnb > li.accordionTitleActive .navi {
  border-bottom: 1px solid #d7d7d7;
}
.mo_nav .mo_gnb > li.accordionTitleActive .navi p span:last-child {
  transform: translate(-50%, -50%) rotate(0);
}

  .overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.70);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1500;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
  }
  .overlay.active {
    opacity: 1;
    visibility: visible;
  }

/*ž¹öÆ°*/
.go-top {
  border:2px solid #7a8fb2;
  text-align:center;
  font-size: 26px;
  position:fixed;
  bottom:-350px;
  right:30px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  text-decoration:none;
  z-index:1000;
  background-color:#cbd7ec;
  border-radius:10px;
}

.go-top_text{background-color:#7a8fb2;}
.go-top_img{padding:7px 15px;}
.go-top.show{bottom:170px;}
.go-top:hover{}
.go-top a{display:block;width:100%;font-size:14px;color:#7a8fb2;padding:10px 0;}

.floatingButtonWrap {display: block;position: fixed;bottom: 45px;right: 45px;z-index: 999999999;display:none;}
.floatingButtonInner {position: relative;}
.floatingButton {display: block;width: 50px;height: 50px;text-align: center;background:#7a8fb2;color: #fff;padding-top:13px;position: absolute; border-radius: 50% 50%;
    bottom: 55px;right: 0px;opacity: 1;transition: all 0.4s;}
.floating_go_top {display: block;width: 50px;height: 50px;text-align: center;background:#fff;color: #7a8fb2;padding-top:13px;position: absolute; border-radius: 50% 50%;
    bottom: 0px;right: 0px;opacity: 1;transition: all 0.4s;font-size:25px;}
.floatingButton .fa {font-size: 20px;}
.floatingButton.open,
.floatingButton:hover,
.floatingButton:focus,
.floatingButton:active {opacity: 1;color: #fff;}
.floatingButton .fa {transform: rotate(0deg);transition: all 0.4s;}
.floatingButton.open .fa {transform: rotate(180deg);}
.floatingMenu {position: absolute;bottom: 105px;right: 0px;display: none;}
.floatingMenu li {width: 100%;margin-bottom: 5px;}
.floatingMenu li a {font-size:13px;display: inline-block;color: #7a8fb2;overflow: hidden;white-space: nowrap;transition: all 0.4s;display:flex;gap:10px;}
.floatingMenu li a span{padding-top:18px;}
.floatingMenu li a img{max-width:50px;border:1px solid #7a8fb2;border-radius:50px;}

/*main*/
.main_banner{margin-top:121px;}
.main_banner_mo{display:none;}
.swiper {width: 100%;}
.swiper-slide > img {display: block;width: 100%;object-fit: cover;}
.main_banner_mo .swiper-wrapper{height:auto !important;}

.mySwiper .swiper-wrapper{height:auto !important;}
.mySwiper > .swiper-button-next{right:50px;}
.mySwiper > .swiper-button-prev{left:50px;}
.mySwiper > .swiper-button-next:after { content: url(/img/main/main_banner_arrow_next.png) !important;}
.mySwiper > .swiper-button-prev:after { content: url(/img/main/main_banner_arrow_prev.png) !important;}
.mySwiper3 > .swiper-button-next:after { content: url(/img/main/main_banner_arrow_next.png) !important;}
.mySwiper3 > .swiper-button-prev:after { content: url(/img/main/main_banner_arrow_prev.png) !important;}
.main_banner .stop{position:relative;left:51.5%;top:-50px;padding:0px 0;z-index:1;background-color:#7c7a75;border-radius:15px;color:#fff;text-align: center;width: 20px;font-size: 12px;cursor: pointer;}
.main_banner .start{display:none;position:relative;left:51.5%;top:-50px;padding:0px 0;z-index:1;background-color:#7c7a75;border-radius:15px;color:#fff;text-align: center;width: 20px;font-size: 12px;cursor: pointer;}
.main_banner_mo .stop{position:relative;left:51.5%;top:-54px;z-index:10;background-color:#7c7a75;border-radius:15px;padding:0px 0;color:#fff;text-align: center;width: 20px;font-size: 12px;cursor: pointer;}
.main_banner_mo .start{display:none;position:relative;left:51.5%;top:-54px;z-index:10;background-color:#7c7a75;border-radius:15px;padding:0px 0;color:#fff;text-align: center;width: 20px;font-size: 12px;cursor: pointer;}
.swiper-pagination-fraction {display: inline-flex;background-color: #7c7a75;border-radius: 13px; width: 60px !important;justify-content: center;left: 48% !important;color: #fff !important;bottom:30px !important;}
.act_none{display:none !important;}
.act_block{display:block !important;}

.main_top{font-size:24px;color:#fff;text-align:center;background-color:rgba(149,165,191,7);margin-top:-24px;padding:30px 0;letter-spacing:-2px;word-spacing:3px;}

/*activity*/
.mySwiper1 > .swiper-slide{background-color:#f5f8f2 !important;}
.activity{width:100%;padding:65px 0 0 0;}
.activity h1{font-size:31px;text-align:center;}
.activity > p{font-size:15px;text-align:center;color:#777;padding:20px 10px;}
.activity_box{width:100%;background-color:#f5f8f2;padding:30px 0;position:relative;}
.activity_box .box_inner{display:flex;justify-content: space-between;width:100%;max-width:1322px;margin:0 auto;position: relative;}
.activity_img{border-radius:15px;overflow:hidden;}
.activity_img img{width:100%;object-fit: cover;object-position: center;}
.activity_img_box{width:100%;background-color:#f5f8f2;cursor:pointer;}
.text_box{display:flex;justify-content: space-between;padding:0 10px;}
.text_box >  p{padding:20px 0px;font-size:17px;width:80%;overflow:hidden;text-overflow:ellipsis; white-space:break-spaces; word-break: break-all; line-height: 28px;text-align:left;}
.text_box:hover{color:#07832b;}
.text_box .on_img{position: absolute;top: 33px;left: 0px; display: none;}
.text_box .arrow{position:relative;padding-top:33px;}
.text_box .arrow img{}
.text_box:hover .on_img {display: block;}
.navigation-wrapper .swiper-button-next:after { content: url(/img/main/mogeom_arrow_next.png) !important; margin-bottom:13px;}
.navigation-wrapper .swiper-button-prev:after { content: url(/img/main/mogeom_arrow_prev.png) !important; margin-bottom:13px;}
.navigation-wrapper .swiper-button-next {right:-15px !important;opacity:1 !important;    position: absolute;}
.navigation-wrapper .swiper-button-prev {left:-15px !important;opacity:1 !important;    position: absolute;}
.navigation-wrapper .swiper-button-next:before{content: '';position: absolute;height: 27px;width: 100%;background-color: #eeeeee;z-index: -1;top: 9px;left: 49%;transform: translateX(-50%);border-radius: 20px;}
.navigation-wrapper .swiper-button-prev:before{content: '';position: absolute;height: 27px;width: 100%;background-color: #eeeeee;z-index: -1;top: 9px;left: 49%;transform: translateX(-50%);border-radius: 20px;}
.navigation-wrapper{ position: absolute;width:100%;top:35%;left:0;}

/*gibu*/
.gibu_box{width:100%;max-width:1322px;margin:0 auto;}
.gibu_tab {display: flex;margin-bottom: 40px;background-color:#f1f1f1;border-radius:10px;max-width:90%;margin:0 auto;width:100%;}
.gibu_tab button {width: 33.3333%;font-size: 18px;color: #898989;text-align: center;padding: 15px;background-color: transparent;border: none;}
.gibu_tab button.on {color: #fff;font-size: 18px;background-color: #399d56;border-radius: 10px;}
.gibu_con {display: none;}
.gibu_con img {width: 100%;display: block;margin: auto;}
.gibu_con.active {display: block;}
.gibu_box{width:100%;padding:20px 0 0 0;position:relative;}
.gibu_con_inner{display:flex;justify-content: space-between;padding:50px 0;gap:75px;}
.gibu_con_inner .gibu_con_inne_text{background-color:#f5f8f2;padding:90px 0 0 80px;border-radius:30px;cursor:pointer;width:50%;}
.gibu_con_inner .gibu_con_inne_text h3{font-size:26px;color:#399d56;position: relative;z-index: 2;display: inline-block;padding:0 10px 0 0;}
.gibu_con_inner .gibu_con_inne_text h3:before{content: '';position: absolute;background-color: #d9eed9;width: 100%;height: 17px;z-index: -1;bottom: -3px;border-radius:10px;left:-5px;}
.gibu_con_inner .gibu_con_inne_text p{font-size:17px;color:#777;padding:20px 0 40px 0;width:80%;}
.gibu_con_inner .gibu_con_inne_text a{font-size:15px;color:#000;display:block;border-radius:30px;border:2px solid #000;width:120px;padding:5px 0px;text-align:center;}
.gibu_con_inner .gibu_con_inne_text a i{margin-left:10px;}
.gibu_con_inner .gibu_con_inne_img{width:50%;}
.gibu_con_inner .gibu_con_inne_img img{width:100%;}

/*mogeom*/
.mySwiper2 > .swiper-slide{background-color:#f6f6f6 !important;}
.navigation-wrapper2{ position: absolute;width:100%;top:50%;left:0;}
.navigation-wrapper2 .swiper-button-next:after { content: url(/img/main/mogeom_arrow_next.png) !important;}
.navigation-wrapper2 .swiper-button-prev:after { content: url(/img/main/mogeom_arrow_prev.png) !important;}
.navigation-wrapper2 .swiper-button-next {right:-15px !important;opacity:1 !important;    position: absolute;}
.navigation-wrapper2 .swiper-button-prev {left:-15px !important;opacity:1 !important;    position: absolute;}
.navigation-wrapper2 .swiper-button-next:before{content: '';position: absolute;height: 27px;width: 100%;background-color: #eeeeee;z-index: -1;top: 16px;left: 49%;transform: translateX(-50%);border-radius: 20px;}
.navigation-wrapper2 .swiper-button-prev:before{content: '';position: absolute;height: 27px;width: 100%;background-color: #eeeeee;z-index: -1;top: 16px;left: 49%;transform: translateX(-50%);border-radius: 20px;}
.mySwiper2 .activity_img_box{width:100%;background-color:#fff;border-radius:20px;}
.mySwiper2 .text_box >  p{padding:20px 20px;font-size:16px;width:100%;overflow:hidden;text-overflow:ellipsis; white-space:break-spaces; word-break: break-all; line-height: 28px;text-align:left;height:95px;/*white-space:nowrap;*/ }
.mySwiper2 .activity_img_box:hover{background: linear-gradient(45deg, #88cc7a, #3bb344);}
.mySwiper2 .activity_img_box:hover p{color:#fff;}

/*°øÁö ¹× À¯Æ©ºê*/
.bottom_box{background-color:#f6f6f6;padding:40px 0;}
.b_notice{width:50%;}
.b_notice p{display:flex;justify-content: space-between;}
.b_notice p span{font-size:28px;}
.bottom_inner{display:flex;justify-content: space-between;width:100%;max-width:1322px;margin:0 auto;gap:10px;}
.bottom_inner .table_box{padding:30px 20px 46px;background-color:#fff;border-radius:10px;margin-top:30px;height:329px;}
.bottom_inner .table_box table{table-layout: fixed;white-space: nowrap;}
.bottom_inner .table_box td{padding:10px 0px;font-size:15px;color:#444;border-bottom:1px dotted #ccc;display: table-cell;overflow: hidden;text-overflow: ellipsis;}
.bottom_inner .table_box td:nth-child(2){color:#acacac;}
.bottom_inner .b_you{border-radius:20px;overflow:hidden;width:100%;max-width:620px;margin:0 auto;height:100%;}
.video_box{position: relative;padding-bottom: 56.25%;padding-top: 30px;overflow: hidden;}
.video_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*footer*/
footer{width:100%;background-color:#acacac;font-size:13px;color:#fff;font-style: normal;padding-bottom: 50px;}
footer a{font-size:13px;color:#fff;}
.footer_inner{max-width:1322px;margin:0 auto;}
.footer_top{padding:20px 0;border-bottom:1px solid rgba(253, 253, 253, .2);display: flex;justify-content: flex-start;gap: 50px;}
.footer_bottom{display:flex;justify-content: space-between;padding:35px 0 65px 0;}
.footer_bottom address{font-style: normal;}
.f_logo{display:flex;justify-content: space-between;gap:30px;}
.f_select{padding-right:7%;}
.pl_head_category {max-width: 220px;width: 100%;padding: 5px 7px;cursor: pointer;position: relative;background-color:#777;}
.pl_head_category > p {color: #fff;}
.pl_head_category > p i {float: right;padding-top: 6px;transition: 0.3s;margin-left:15px;}
.pl_head_category.active > p i {transform: rotate(-180deg);}
.pl_head_category_menu {background-color: #777;position: absolute;top: calc(100% + 2px);left: 0;width: 100%;z-index: 10;display: none;overflow:auto;height:100px;}
.pl_head_category_menu li {color: #fff;padding: 10px 15px;cursor: pointer;}
.pl_head_category_menu li:hover {background-color: #fdf4f4;color:#777;}
 .pl_head_category_menu::-webkit-scrollbar {width: 10px;}
 .pl_head_category_menu::-webkit-scrollbar-thumb {background-color: #999;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
 .pl_head_category_menu::-webkit-scrollbar-track {background-color: #ebebeb;border-radius: 10px;box-shadow: inset 0px 0px 5px white;}

 .f_logo_text_m{display:none;}

.terms{padding:50px 0;}
.terms .company_news_h2{font-weight: 500;font-size: 40px;text-align: center;margin: 50px 0;}
.terms_wrap {background-color: #f6f6f6;border-radius: 10px;padding: 40px;}
.terms_fff {background-color: #fff;border-radius: 10px;padding: 30px;}
.terms_fff  h1{font-size: 18px;padding:30px 0;}
.terms_fff h2 {font-size: 14px;font-weight: 500;}
.terms_fff h1:first-child {padding-top: 0;}
.terms_fff p {font-size: 14px;color: #444;line-height: 2em;padding-bottom:30px;}
.terms_common_table {border-collapse: collapse;width: 100%;margin: 25px 0;}
.terms_common_table tr {}
.terms_common_table tr th {border: 1px solid #ccc;font-size: 14px;padding: 10px;}
.terms_common_table tr td {border: 1px solid #ccc;font-size: 13px;padding: 10px;}
.ref_mid_box {padding: 15px 30px;border-top: 1px dashed #ccc;display: flex;gap: 20px;flex-wrap: wrap;}
.ref_file {display: flex;align-items: center;gap: 10px;}
.ref_file img {}
.ref_file a {font-size: 14px;color: #fc6d05;text-decoration: underline;}





@media (max-width: 1710px) {
.swiper-pagination-fraction {left: 46% !important;}
.main_banner .stop{left:50%;top:-51px;}
.main_banner .start{left:50%;top:-51px;}
}


@media (max-width: 1500px) {
.swiper-pagination-fraction {left: 45% !important;}
}

@media (max-width: 1200px) {
.main_banner .stop{left:51%;top:-54px;}
.main_banner .start{left:51%;top:-54px;}
.gibu_con_inner .gibu_con_inne_text{padding:30px 0 0 50px;}
.gibu_con_inner .gibu_con_inne_text p{font-size:14px;padding:10px 0 20px 0;}
.gibu_con_inner .gibu_con_inne_text h3{font-size:20px;}
.gibu_con_inner .gibu_con_inne_text a{font-size:13px;}
.bottom_inner{flex-direction: column;gap:30px;}
.b_notice{width:100%;}
}


@media (max-width: 1300px) {
	.activity_box .box_inner{padding:0 30px;}
	.gibu_con_inner{gap:30px;padding:30px 10px;}
	.navigation-wrapper .swiper-button-next {right:5px !important;opacity:1 !important;    position: absolute;}
	.navigation-wrapper .swiper-button-prev {left:5px !important;opacity:1 !important;    position: absolute;}
	.navigation-wrapper2 .swiper-button-next {right:5px !important;opacity:1 !important;    position: absolute;}
	.navigation-wrapper2 .swiper-button-prev {left:5px !important;opacity:1 !important;    position: absolute;}
	.bottom_inner{padding:0 30px;}
	.footer_inner{padding:0 30px;}
	.gnb .gnb_right {gap: 2px;}
}

@media (max-width: 1100px) {
footer{font-size:12px;}
footer a{font-size:12px;}
.footer_top{justify-content: space-between;gap:0;}
.footer_bottom{flex-direction: column;}
.f_logo{flex-direction: column;text-align:center;}
.f_select{padding:30px 0 0 0;margin:0 auto;}

}

@media (max-width: 1020px) {
.swiper-pagination-fraction {left: 44% !important;}
.main_banner .stop{left:52%;top:-54px;}
.main_banner .start{left:52%;top:-54px;}
.mySwiper2 .text_box >  p{padding:10px;font-size:14px;line-height:18px;height:65px;}
}

@media (max-width: 1000px) {
	.main_top{font-size:20px !important;padding:23px 0;}
	.activity{padding:30px 0 10px 0;}
	.gibu_con_inner{flex-direction: column-reverse;gap:0;}
	.gibu_con_inner .gibu_con_inne_text{padding:50px 0 50px 50px;}
	.gibu_tab button.on {font-size: 14px;}
	.gibu_tab button {font-size: 14px;}
	.gnb{display:none;}
	.sns{display:none;}
	.pc_header{display:none;}
	.header { position: relative;margin-top: 0px;}
	.header::after {display: none; }
	.mo_header{display:block;text-align:center;}
	.header_content{display:block;}
	.gibu_con_inner .gibu_con_inne_text{width:100%;}
.gibu_con_inner .gibu_con_inne_img{width:100%;margin-bottom:30px;}
}

@media (max-width: 786px) {
	.header_top{display:none;}
	.main_banner{display:none;}
	.main_banner_mo{display:block;}
	.activity{padding:50px 0px 0px;}
	.activity h1{font-size:22px;}
	.text_box >  p{padding:15px 0px;font-size:14px; line-height: 20px;}
	.navigation-wrapper .swiper-button-next:before{content: '';position: absolute;height: 27px;width: 100%;background-color: #eeeeee;z-index: -1;top: 11px;left: 49%;transform: translateX(-50%);border-radius: 20px;}
	.navigation-wrapper .swiper-button-prev:before{content: '';position: absolute;height: 27px;width: 100%;background-color: #eeeeee;z-index: -1;top: 11px;left: 49%;transform: translateX(-50%);border-radius: 20px;}
	.navigation-wrapper .swiper-button-next:after {display:block;}
	.navigation-wrapper .swiper-button-prev:after {display:block;}
	.navigation-wrapper .swiper-button-next {right:5px !important;opacity:1 !important;    position: absolute;}
	.navigation-wrapper .swiper-button-prev {left:5px !important;opacity:1 !important;    position: absolute;}
	.text_box .on_img{top: 17px;}
	.text_box .arrow{padding-top:17px;}
	header .common_inner {padding:10px 0;}
	.swiper-pagination-fraction {left: 43% !important;font-size:14px;width:50px !important;}
	.main_banner_mo .stop{left:53%;top:-51px;}
	.main_banner_mo .start{left:53%;top:-51px;}
	.b_notice p span{font-size:18px;}
	.bottom_inner .table_box td{font-size:14px;}

	.go-top{display:none;}
	.floatingButtonWrap{display:block;}

	.terms{padding:30px 10px;}
	.terms .company_news_h2{font-size: 28px;}
	.terms_fff h2 {font-size: 16px;}

	.footer_bottom{padding:20px 0 65px 0;}
	.f_logo{gap:20px;}

	 .f_logo_text_m{display:block;}
	 .f_logo_text{display:none;}
}

@media (max-width: 520px) {
.main_top{font-size:17px !important}
.swiper-pagination-fraction {left: 41% !important;}
.main_banner_mo .stop{left:53%;}
.main_banner_mo .start{left:53%;}
.bottom_inner{padding:0 10px;}
.footer_inner{padding:0 10px;}
.mobile_login_join_box a {margin: 0;padding:5px;}

.bottom_inner .table_box td{font-size:12px;}
}

@media (max-width: 400px) {
footer a{font-size:11px;}
}

/* 2024-07-15 ÁÖÈÆ ¼öÁ¤ */
.main_pop {
	position: fixed;
	width: 95%;
	max-width: 580px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2001;
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
}
.main_pop.close {
	display: none;
}

.main_pop.close_2 {
	display: none;
}

.main_pop_img_wrap {}
.main_pop_img {
	max-height: 70vh;
	overflow-y: auto;
}
.main_pop_img_wrap img {
	display: block;
	width: 100%;
}
.main_pop_btns {
	display: flex;
	border-top: 1px solid #d7d7d7;
}
.main_pop_btns button {
	width: 50%;
	text-align: center;
	padding: 15px;
}
.main_pop_btns button:first-child {
	border-right: 1px solid #d7d7d7;
	background-color: #fff;
}
.main_pop_btns button:last-child {
	/* background-color: #ecf5fa; */
	background-color: #21a246;
	color: #fff;
}
.main_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 70%);
	top: 0;
	left: 0;
	z-index: 2000;
	transition: 0.3s;
}
.main_overlay.close {
	opacity: 0;
	visibility: hidden;
}
.main_overlay.close_2 {
	opacity: 0;
	visibility: hidden;
}