@charset "utf-8";

/* main.css */
/* 헤더 ~ 푸터 */
/* main.css */
#nav {position:fixed;bottom: 100px;left: 0px;width: 80px;padding: 0 0 0 50px;z-index: 90;text-align:right;}
#nav a {display:inline-block;width:10px;height:10px;background: #d7d7d7;border-radius:100px;margin: 14px 10px;z-index: 1;position: relative;}
#nav ul li p {position:absolute;z-index:1;top: 50%;left: 9px;width: 100%;background:none;color: #b2b2b2;font-size: 16px;padding-left: 20px;font-family: 'Noto Sans KR';font-weight: 500;transform: translateY(-50%);}
#nav ul li p.active{color:#fff;}
#nav ul li{position:relative;height: 100%;}
#nav li a:hover , #nav li a.active {background: #8dcd54;}
#nav a span{position:absolute;}
#nav .navi_line {}
#nav ul li a.active.section01 p {color: #fff;}
#nav ul li a.active.section02 p {color: #000;}
#nav ul li a.active.section03 p {color: #fff;}

@media(max-width:1024px){
#nav{display:none}
}

/* 상단 레이아웃 */
#header {padding: 0 100px;position:fixed;top:0;left:0;z-index: 110;width:100%;transition:all .3s}

.gnb {display:flex;flex-wrap:wrap;align-items:center;width:100%;position: relative;}
.gnb__logo {flex: 0 1 320px;}
.gnb__logo-link {}
.gnb__logo-link img {/* height: 80px; */}
.gnb__logo-link__item.sub__header{display:none}
.gnb__logo-link__item.active {display:none; transition: all .3s}

.sub_header .gnb__2depth { top: 71px;}

.gnb__menu {flex: calc(100% - 470px);display:flex;align-items:center;justify-content: end;gap: 10px;}
.gnb__1depth {position:relative;flex: 0 1 calc(100% / 7);max-width: 120px;text-align: center;}
.gnb__1depth-link {display: block;padding: 25px 0;font-size: 18px;color: #FFF;}
.gnb__1depth-link:hover {font-weight:700;}
.gnb__2depth {display:none;position:absolute;left: 50%;transform: translateX(-50%);top: 70px;width: 150%;text-align: left;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background: rgb(0 33 56 / 50%);padding: 5px 0;}
.gnb__2depth.gnb__2depth--active {display:block;}
.gnb__2depth-link {display:block;padding: 8px 20px;font-size:16px;color: #FFF;position: relative;transition: all 0.3s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);}
.gnb__2depth-link:before {display:block; content:''; width:3px; height:0; background: #FFF; position: absolute; left:0; top: 50%; transform: translateY(-50%);opacity:0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.gnb__2depth-link:hover {font-weight:700;}
.gnb__2depth-link:hover:before {height:calc(100% - 20px);opacity:1}

.gnb__line {display:block;position:absolute;left: 50%;bottom: 0px;transform:translateX(-50%);width: 100%;height:1px;z-index: -1;background-color:rgba(255,255,255,.3);}
.gnb__line:before {display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);width:.5625em;height:.5625em;background-color:#FFF;border-radius:50%;left: 0;}
.gnb__line:after {display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);width:.5625em;height:.5625em;background-color:#FFF;border-radius:50%;right: 0;}

.fp-viewing-4 #header {background: #FFF;border-bottom: 1px solid #cdcdcd;}
.fp-viewing-4 .gnb__logo-link__item {display: none;}
.fp-viewing-4 .gnb__logo-link__item.active {display: block;}
.fp-viewing-4 .gnb__1depth-link {color: #000;}
.fp-viewing-4 .gnb__line {display: none;}

@media screen and (max-width: 1500px) {
	#header {padding: 0 40px}
	.gnb__line {bottom:0;}
}

@media screen and (max-width: 1400px) {
  .gnb__logo {flex: 0 1 280px;}
  .gnb__menu {padding: 0 0 0 5%;}
  .gnb-1depth-link {padding:30px;font-size:16px}
  .gnb-2depth-link {font-size:15px}
  .gnb-1depth-item:nth-child(3) .gnb-1depth-link {padding:30px 40px}
}

@media screen and (max-width: 1200px) {
  .gnb__menu {display:none;}
  .gnb-1depth-link {padding:30px 20px;font-size:15px}
  .gnb-1depth-item:nth-child(3) .gnb-1depth-link {padding:30px 20px}
}

@media screen and (max-width: 1024px) {
  .gnb__logo {flex: 0 1 230px;}
  .gnb__logo img {flex: 0 1 200px;}
  .gnb-1depth-list {display:none}
}

@media screen and (max-width: 768px) {
  #header {padding: 0px 20px}
  .gnb {padding: 10px 0;}
  .gnb__logo {flex: 0 1 200px;}
}

@media screen and (max-width: 500px) {
  .gnb__logo {flex: 0 1 150px;padding: 15px 0}
}

.sitemap {flex: 0 1 150px;display: flex;align-items: center;justify-content: end;}
.sitemap__mypage {width: 40px;height: 40px;background: url('../img/icon_mypage.png') no-repeat center;padding: 20px;}
.sitemap__btn {width:70px;height:70px;border:0;background:transparent;/* padding:20px; */position:relative;z-index:10;transition: all .3s;display: flex;justify-content: center;align-items: center;}
.sitemap__btn img:nth-child(1) {}
.sitemap__btn img:nth-child(2) {display: none;}
.sitemap__btn--active img:nth-child(1) {display: none;}
.sitemap__btn--active img:nth-child(2) {display: block;}
.sitemap__btn--active .sitemap__btn--top {animation:ease .7s top forwards}
.sitemap__btn--no-active .sitemap__btn--top {animation:ease .7s top-2 forwards}
.sitemap__btn--active .sitemap__btn--mid {animation:ease .7s scaled forwards}
.sitemap__btn--no-active .sitemap__btn--mid {animation:ease .7s scaled-2 forwards}
.sitemap__btn--active .sitemap__btn--bot {animation:ease .7s bottom forwards}
.sitemap__btn--no-active .sitemap__btn--bot {animation:ease .7s bottom-2 forwards}

@keyframes top {
  0% {top:0;transform:rotate(0)}
  50% {top:6px;transform:rotate(0)}
  100% {top:6px;transform:rotate(45deg);background:#000}
}

@keyframes top-2 {
  0% {top:6px;transform:rotate(45deg)}
  50% {top:6px;transform:rotate(0deg)}
  100% {top:0;transform:rotate(0deg)}
}

@keyframes bottom {
  0% {bottom:0;transform:rotate(0)}
  50% {bottom:6px;transform:rotate(0)}
  100% {bottom:12px;transform:rotate(135deg);background:#000}
}

@keyframes bottom-2 {
  0% {bottom:6px;transform:rotate(135deg)}
  50% {bottom:10px;transform:rotate(0)}
  100% {bottom:0;transform:rotate(0)}
}

@keyframes scaled {
  50% {transform:scale(0)}
  100% {transform:scale(0)}
}

@keyframes scaled-2 {
  0% {transform:scale(0)}
  50% {transform:scale(0)}
  100% {transform:scale(1)}
}

.sitemap__menu {display:none;position:fixed;width:100%;height:100vh;top:0;left:0;background:#FFF;padding:100px 150px;overflow-y:scroll;flex-wrap:wrap;gap:50px;text-align: left;}
.sitemap__menu--active {display:flex;}
.sitemap__menu::-webkit-scrollbar {width:5px}
.sitemap__menu::-webkit-scrollbar-thumb {background-color:#2f2f2f;border-radius:10px}
.sitemap__menu::-webkit-scrollbar-track {background-color:#d8d8d8;border-radius:10px}
.sitemap__1depth {flex: 0 1 calc(100% / 3 - 38px);padding:60px 40px;border-radius:20px;border:1px solid #e5e5e5;box-shadow:0 0 15px rgb(0 0 0 / 14%)}
.sitemap__1depth-link {display:block;font-size:22px;line-height:30px;font-weight:700;padding:0 0 10px;margin:0 0 20px;border-bottom:3px solid #2f2f2f;}
.sitemap__2depth {}
.sitemap__2depth-link {display:block;font-size:18px;padding:0 0 10px;}
.sitemap__2depth-link:hover {font-weight:700;color: #005AD4;}
.sitemap__2depth-link:last-child {padding:0;}

@media screen and (max-width: 1400px) {	
	.sitemap {flex: 0 1 180px}
	.sitemap__menu {gap: 20px; padding:100px 80px;}
	.sitemap__1depth {flex: 0 1 calc(100% / 4 - 15px); padding: 50px 30px;}
}

@media screen and (max-width: 1200px) {
	.sitemap {flex: 0 1 calc(100% - 280px)}
	.sitemap__menu {padding: 80px 60px;}
	.sitemap__2depth-link {font-size: 18px;}
}

@media screen and (max-width: 1024px) {
	.sitemap {flex: 0 1 calc(100% - 230px)}
	.sitemap__1depth {flex: 0 1 calc(100% / 3 - 14px);}
	.sitemap__1depth-link {font-size: 20px;line-height: 28px;border-bottom: 1px solid #2f2f2f}
	.sitemap__2depth-link {font-size: 16px;}
}

@media screen and (max-width: 768px) {
	.sitemap {flex: 0 1 calc(100% - 200px)}
	.sitemap__menu {padding: 60px 40px;}
	.sitemap__1depth {flex: 0 1 calc(100% / 2 - 10px); padding: 30px}
	.sitemap__btn {width:45px;height:60px;}
	.sitemap__btn img {width: 45px;height: 45px;}
}

@media screen and (max-width: 500px) {
	.sitemap {flex: 0 1 calc(100% - 150px);}
	.sitemap__menu {padding: 60px 20px;gap: 10px;}
	.sitemap__btn {width: 40px;height: 50px;}
	.sitemap__btn img {width: 40px;height: 40px;}
	.sitemap__btn span {display:block;width:100%;height:3px;background:#FFF;transition:all .3s;position:relative}
	.sitemap__btn span+span {margin-top:6px;}
	
	.sitemap__1depth {flex: 0 1 100%;padding: 30px 20px;}
	.sitemap__1depth-link {font-size: 20px;margin: 0 0 15px}
	.sitemap__2depth-link {}

	.sitemap__mypage {width: 30px;height: 30px;padding: 15px;}
}




/* 풀페이지 수정 */
.fullpage__menu {position:fixed;z-index:100;top:50%;right: 25px;opacity:1;transform: translateY(-50%);}
.fullpage__menu-list {}
.fullpage__menu-list li {transition: all cubic-bezier(0, 0.02, 0.3, -0.04);padding: 5px 0;text-align: center;}
.fullpage__menu-list li.text {writing-mode:vertical-rl;transform: rotate(180deg);padding: 0 0 20px;font-size: 16px;color: #FFF;font-weight: 600;cursor: pointer;transition: all 0.2s;}
.fullpage__menu-list li.text:hover {font-weight: 700;}
.fullpage__menu-list li a {padding: 0px 20px 0px 0px;position: relative;font-size: 14px;color: #FFF;transition: all 0.3s;}

.fullpage__menu-list li a::before {display: block;content: '';width: 10px;height: 10px;border-radius: 100%;border: 1px solid #FFF;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);transition: all 0.3s;}
.fullpage__menu-list li a.active {font-size: 16px;font-weight: 600;}
.fullpage__menu-list li a.active::before {display: block;content: '';width: 10px;height: 10px;background: #FFF;}

.fp-viewing-sec04 .fullpage__menu-list li.text {color: #3578ab}
.fp-viewing-sec04 .fullpage__menu-list li a::before {border: 1px solid #ffffff;}
.fp-viewing-sec04 .fullpage__menu-list li a.active::before {background: #3578ab;border: 1px solid #3578ab;}
.fp-viewing-4 .fullpage__menu-list li.text {color: #000;font-weight: 700;letter-spacing: 3px;}
.fp-viewing-4 .fullpage__menu-list li a::before {border: 1px solid #b2d4ef;}
.fp-viewing-4 .fullpage__menu-list li a.active::before {background: #3578ab;}

@media screen and (max-width: 960px) {
	.fp-tableCell {height: 100% !important;}
}

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



/* 퀵메뉴 */
.quick__menu {width: 95%;max-width: 1700px;margin: 0 auto;position: fixed;bottom: 0;left: 50%;transform: translateX(-50%) translateY(calc(100% - 64px));opacity:1;transition: all 0.3s;}
.quick__menu.active {transform: translateX(-50%);}
.fp-viewing-sec01 .quick__menu {bottom: -100%;opacity: 0; transition: all 0.5s;}
.fp-viewing-4 .quick__menu {bottom: -100%;opacity: 0; transition: all 0.5s;}

.quick__menu-btn {display: block;width: 100%;background: linear-gradient(90deg, #009655 0%, #0389ba 100%);mix-blend-mode: normal;font-size: clamp(16px, 2vw, 20px);color: #FFF;padding: 20px;text-align: center;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.quick__menu-btn__txt {}
.quick__menu-btn__txt p {padding: 0 15px 0 0 ; display: inline-block;}
.quick__menu-btn__txt span {padding: 0 0 5px;}
.quick__menu-btn__txt span img {transition: all 0.3s linear;}
.quick__menu-btn__txt span.rotate img {transform: rotate(180deg);}
.quick__menu-con {padding: 50px 20px;background: #FFF;}
.quick__menu-list {display: flex;flex-wrap: wrap;gap: 30px;}
.quick__menu-item {flex: 0 1 calc(100% / 3 - 20px);display: flex;flex-wrap: wrap;padding: 0 30px;position: relative;align-items: center;}
.quick__menu-item::after {display: block;content:'';width:10px;height: 100%;background: url('../img/icon_quick_menu_line.png') no-repeat center;background-size: contain;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);}
.quick__menu-item:last-child:after {display:none;}
.quick__menu-ttl {font-size: clamp(18px, 2vw, 36px);color: #000;padding: 0 0 20px;text-align: center;flex: 0 1 100%;}
.quick__menu-txt {font-size: clamp(14px, 2vw, 18px);color: #404040;padding: 0 0 30px;text-align: center;flex: 0 1 100%;}
.quick__menu-inner {text-align: center;max-width: 350px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 20px;}
.quick__menu-inner__link {display: flex;padding: 30px 50px;flex: 0 1 100%;border-radius: 10px;gap: 10px;}
.quick__menu-inner__link:hover {font-weight: 600;}
.quick__menu-inner__link:nth-child(1) {background: url('../img/bg_quick_menu_inner_link01.png') no-repeat -7% 20px #003358;background-size: contain; transition:all 0.2s;}
.quick__menu-inner__link:nth-child(1):hover {background: url('../img/bg_quick_menu_inner_link01.png') no-repeat -7% 20px #00477a;background-size: contain;}
.quick__menu-inner__link:nth-child(2) {background: url('../img/bg_quick_menu_inner_link02.png') no-repeat -7% 20px #003358;background-size: contain; transition:all 0.2s;}
.quick__menu-inner__link:nth-child(2):hover {background: url('../img/bg_quick_menu_inner_link02.png') no-repeat -7% 20px #00477a;background-size: contain;}
.quick__menu-inner__link-img {flex:0 1 52px}
.quick__menu-inner__link-img img {}
.quick__menu-inner__link-txt {font-size:clamp(14px,2vw,18px);color:#FFF;flex: 0 1 calc(100% - 70px);}
.quick__menu-inner02 {display:flex;flex-wrap:wrap;gap:10px;max-width: 350px;margin: 0 auto;}
.quick__menu-inner02__link {flex: 0 1 100%;text-align: center;background: #003358;padding: 15px 0;color: #FFF;border-radius: 10px; transition:all 0.2s;}
.quick__menu-inner02__link:hover {background: #00477a; font-weight: 700;}
.quick__menu-inner03 {display: flex;flex-wrap: wrap;gap: 20px;}
.quick__menu-inner03__link {border-radius: 20px;flex: 0 1 100%;padding: 50px 30px;}
.quick__menu-inner03__link:nth-child(1) {background: url('../img/bg_quick_menu_inner03_01.jpg') no-repeat center;background-size: 100%;transition:all 0.3s;}
.quick__menu-inner03__link:nth-child(1):hover {background-size: 110%;}
.quick__menu-inner03__link:nth-child(2) {background: url('../img/bg_quick_menu_inner03_02.jpg') no-repeat center;background-size: 100%; transition:all 0.3s;}
.quick__menu-inner03__link:nth-child(2):hover {background-size: 110%;}
.quick__menu-inner03__link-ttl {font-size: clamp(16px, 2vw, 20px); color: #FFF; padding: 0 0 10px;}
.quick__menu-inner03__link-txt {font-size: clamp(14px, 2vw, 16px);line-height: 1.6em;color: #FFF;}

@media screen and (max-width: 1500px) {
	.quick__menu-inner03__link {padding: 40px 20px;}
}

@media screen and (max-width: 1024px) {
	.quick__menu { bottom: -10px;}
	.quick__menu-list {gap: 20px;}
	.quick__menu-item::after {right: -15px;}
	.quick__menu-btn {padding: 15px 0}
	.quick__menu-item {padding:0 10px;}

	.quick__menu-inner03__link:nth-child(1) {background: url('../img/bg_quick_menu_inner03_01.jpg') no-repeat center;background-size: auto;}
	.quick__menu-inner03__link:nth-child(1):hover {background-size: auto;}
	.quick__menu-inner03__link:nth-child(2) {background: url('../img/bg_quick_menu_inner03_02.jpg') no-repeat center;background-size: auto;}
	.quick__menu-inner03__link:nth-child(2):hover {background-size: auto;}
}

@media screen and (max-width: 768px) {
	.quick__menu {bottom: -15px;/* display: none; */}
	.quick__menu-con {padding: 20px 20px 30px;}
	
	.quick__menu-item{flex: 100%;justify-content: center;}
	.quick__menu-inner03__link{flex: 0 1 calc(100% / 2 - 10px);padding: 20px;background-size: auto !important;}
	.quick__menu-inner02__link{flex: 0 1 calc(100% / 3 - 10px);font-size: clamp(14px, 3vw, 18px);}
	.quick__menu-inner__link{flex: 1 0 calc(100% / 2 - 10px);padding: 20px;display: table;min-width: 190px;}
	.quick__menu-inner{max-width: unset;}
	.quick__menu-ttl{padding: 0 0 10px;}
	.quick__menu-txt{padding: 0 0 15px;}
	.quick__menu-inner__link-img img{display:none;}
	.quick__menu-inner02{max-width:unset;}
	.quick__menu-item::after{right:50%;transform:translateX(50%);width:100%;height:1px;top:auto;bottom:-12px;background:#00000017}
	.quick__menu-inner__link-txt{display:table-cell;vertical-align: middle;}
	.quick__menu-item:last-child{display:none;}
}

@media screen and (max-width: 500px) {
	.quick__menu-inner__link{min-width: 150px;}
}

@media screen and (max-width: 400px) {
	.quick__menu-inner__link{min-width: 120px;}
}


#section01{background-size:cover;height: 100vh !important;position:relative;overflow:hidden;}
#section01 .main__bg{background: url(../img/sec01_bg01.jpg) no-repeat center;height: 100%;width: 100%;background-size: cover;}
#section01 .slide-wr .visual-slide img{height:100%;width:100%;object-fit:cover;max-height: 380px;}
#section01 .slide-wr{position:relative;width: 100%;height: auto;}
#section01 .slide-wr .visual-slide{overflow:hidden;position:relative;/* padding:0 0 80px; */}
#section01 .slick-slide{display:block;float:left;}

#section01 .half {height: 100%;display: flex;align-items: center;flex: none;width: 60%;}
#section01 .main__bg .df {align-items: center;height: 100%;max-width: 1400px;margin: 0 auto;width: 100%;display: block;}
#section01 .half.right_con {display: flex;flex-wrap: wrap;align-items: center;align-content: center;width: 40%;}
#section01{display: flex;}
#section01 .text {}
#section01 .text .sub_txt {color: #8dcd54;font-size: 16px;padding: 0 0 clamp(18px,2vw,26px);font-family: 'Noto Sans KR';font-weight: 700;letter-spacing: 1px;}
#section01 .text .tit {font-size: 40px;color: #fff;font-weight: 300;padding: 0 0 clamp(20px,2.8vw,48px);line-height: 1.4em;}
#section01 .text .tit span {font-weight: 600;}
#section01 .text .txt { font-size: 15px; color: #fff; font-family: 'Noto Sans KR'; font-weight: 500; line-height: 1.6em;}
#section01 .half.right_con .top_con { font-size: clamp(24px,2vw,30px); color: #ffffff40; font-family: 'Noto Sans KR'; font-weight: 700; padding: 0 0 clamp(20px,2vw,34px);}
#section01 .half.right_con .df { justify-content: space-between; width: 100%; padding: 30px 0 40px; height: auto;}
#section01 .half.right_con .df a {width: 100%;max-width: 180px;display: flex;align-items: center;gap: 42px;border: 1px solid #fff;border-radius: 30px;padding: 20px 24px;color: #fff;}
#section01 .slick-slide .text {width: auto;text-align: left;}
#section01 .slick-slide .tit {padding: 0;}
#section01 .slick-slide .text .txt {text-align: left;font-size: 14px;font-weight: 700;}
#section01 .slick-slide .text .tit {text-align: left;font-family: 'Noto Sans KR';font-weight: 500;font-size: 33px;}
#section01 .half.right_con .btm_con {width: 100%;}
#section01 .controler {z-index: 1;text-align: center;width: 100%;margin: 0 auto;align-items: center;}
#section01 .controler .visual__progress {width: 100%;margin: 0 auto;background-size: 50% 100%;height: 3px;background-color: #ffffff69;background-repeat: no-repeat;background-image: linear-gradient(to right, #fff, #fff);transition: all ease .8s;}
#section01 .controler .slick--visual__paging .slick-dots li {display: none;color: #555;}
#section01 .controler .slick--visual__paging .slick-dots li.slick-active {display: flex;font-size: 15px;}
#section01 .controler .slick--visual__paging .slick-dots li span{font-weight:300;color:#ffffff38}
#section01 .controler .slick--visual__paging .slick-dots li span:nth-child(1){font-weight:700;color:#fff;min-width: 28px;}
#section01 .controler .slick--visual__paging .slick-dots li span:nth-child(2){padding:0 8px}
#section01 .controler .slick--visual__paging {display: inline-block;/* position: absolute; */letter-spacing: 2px;font-size: 20px;font-family: 'Montserrat';z-index: 2;width: auto;text-align: center;}
#section01 .controler .cer__slide-prev {/* padding-right: 30px; */}
#section01 .controler .cer__slide-next {}
#section01 .controler button {background: none;border: 0;}
#section01 .controler button.play {visibility: hidden;width: 0;padding-left: 0;}
#section01 .controler button.stop {width: 12px;}
#section01 .controler button img{width:12px}
#section01 .controler button img{width:12px}
#section01 .controler button.play{visibility:hidden;width:0;padding-left:0}
#section01 .controler button.stop{visibility:visible;width:12px}
#section01 .controler.paused button.play{visibility:visible;width:12px}
#section01 .controler.paused button.stop{visibility:hidden;width:0;padding-left:0}
#section01 .controler .df { max-width: 200px; align-items: center;}
#section01 .controler .cer__slide-pause img {
    width: 14px;
    height: 14px;
    object-fit: cover;
}

@media screen and (max-width:1520px) {
  #section01 .main__bg .df{padding: 0 42px;}
	#nav{padding: 0 0 0 42px;}
}

@media screen and (max-width:1024px) {
	#section01{height: 100% !important;}
	#section01 .main__bg{background: url(../img/sec01_bg01_m.jpg) no-repeat center;}
	#section01 .main__bg > .df{flex-direction: column;}
	#section01 .half{width: 100%;padding: 120px 0 64px;}
	#section01 .half.right_con{flex: 100%;width: 100%;max-width: 560px;margin: 0 auto;}
	#section01 .half.left_con {padding: 280px 0 226px;}
}

#section02 .text .sub_txt {color: #8dcd54;font-size: 16px;padding: 0 0 clamp(18px,2vw,26px);font-family: 'Noto Sans KR';font-weight: 700;letter-spacing: 1px;}
#section02 .text .tit {font-size: clamp(28px,2vw,40px);color: #000;font-weight: 400;font-family: 'Noto Sans KR';padding: 0 0 clamp(20px,2.8vw,48px);line-height: 1.4em;}
#section02 .text .tit span {font-weight: 600;}
#section02 .text .txt {font-size: 15px;font-family: 'Noto Sans KR';font-weight: 300;line-height: 1.6em;padding: 0 0 clamp(32px,2vw,48px);color: #8a8a8a;}
#section02 .half.right_con .top_con {font-size: clamp(24px,2vw,30px);color: #ffffff40;font-family: 'Noto Sans KR';font-weight: 700;padding: 0 0 clamp(20px,2vw,34px);}
#section02 {background-size: cover;height: 100vh !important;position: relative;overflow: hidden;}
#section02 .main__bg {background: url(../img/sec01_bg01.jpg);height: 100%;width: 100%;object-fit: cover;}
#section02 .slide-wr .visual-slide img {height: 100%;width: 100%;object-fit: cover;}
#section02 .slide-wr {position: relative;width: 100%;height: 100%;max-height: 600px;}
#section02 .slide-wr .visual-slide {overflow: hidden;position: relative;}
#section02 .slide-wr > div > div {width: 100%;padding: 0 !important;}
#section02 .slide {position: relative;width: 100% !important;}
#section02 .slick-slide {display: block;float: right;padding: 0 12px;}
#section02 .half {}
#section02 .main__bg .df {align-items: center;height: auto;max-width: 1650px;margin: 0 	0 0 auto;height: 100%;}
#section02 .half.left_con{flex: 0 1 calc(30%);width: auto;}
#section02 .half.right_con {flex: 0 1 calc(70%);display: flex;flex-wrap: wrap;align-items: center;width: 70%;}

#section02 .product_text {position: absolute;bottom: 100px;left: clamp(20px,2vw,48px);color: #fff;height: auto;display: flex;flex-direction: column;align-items: flex-start;width: calc(100% - 48px);}
#section02 .product_text .txt{text-align: left;padding: 0 0 clamp(12px,2vw,24px);font-size: 14px;}
#section02 .product_title {font-size: clamp(24px,2vw,33px);font-weight: 500;text-align: left;}
#section02 .view_product {font-size: 1em;color: #ffffff;text-decoration: none;border: 1px solid #ffffff;border-radius: 28px;padding: 20px 0px;display: inline-block;width: 100%;margin-top: clamp(20px,3.2vw,50px);max-width: 170px;}
#section02{background-size:cover;height: 100vh !important;position:relative;overflow:hidden;}
#section02 .main__bg{background: url(../img/sec02_bg01.png);height: 100%;width: 100%;object-fit: cover;}
#section02 .slick-arrow {height: 48px;width: 48px;border: 1px solid;}

#section02 .slick-arrow p {height: 100%;display: flex;justify-content: center;align-items: center;}
#section02 .half.left_con .df {gap: 12px;}

@media screen and (max-width: 1520px) {
  #section02 .half.left_con{padding: 0 42px;} 
	#section02 .half.right_con{padding: 0 42px;} 

}

@media screen and (max-width:1024px) {
	#section02{height: 100% !important;}
	#section02 .main__bg .df{align-items: flex-start;}
	#section02 .half.left_con{flex: 100%;padding: 84px 42px 42px;}
	#section02 .half.right_con{flex: 100%;width: 100%;height: 100%;padding: 0 42px 70px;}

	#section02 .slick-slide{padding: 0 24px 0 0 ;}
}

@media screen and (max-width:768px) {
	#section01 .text .tit br {display: none;}

}

#section03 .main__bg {background: url(../img/sec03_bg01.png) no-repeat center center;background-size: cover;width: 100%;min-height: 100vh; }
#section03 .menu-list a {   display: inline-block;   text-align: center;   white-space: pre; /* 줄바꿈을 강제 */   line-height: 1.5; /* 줄 높이 조정 */ }
      
/* section03 */
#section03{width: 100%;position: relative;background:url(../img/sec03_bg.png) no-repeat right bottom #04162a;height: 100%;padding: 70px 70px 70px 70px;background-size: contain;}
#section03 .wr-frame{position:relative;z-index: 1;padding-top: 80px;width: 100%;}
#section03 .more_btn {display: flex; justify-content: flex-end;}
#section03 .more_btn > p { border: 1px solid #fff; border-radius: 30px; width: 200px; line-height: 60px;color:#fff; position: relative; padding-left: 30px; margin-top: 50px;}
#section03 .more_btn > p::after {content: ''; background-image: url('../img/next_arrow03.png');width: 17px; height: 13px; background-size: cover; background-repeat: no-repeat;position: absolute;right: 26px;top: 50%;transform: translate(0%, -50%);}

#section03 .notice-wrap .title__line{color: #fff;font-size: clamp(26px, 3vw, 40px);letter-spacing: 0;line-height: clamp(50px, 2vw, 90px);border-bottom: 2px solid #fff;position: relative;padding-bottom: 20px;}
#section03 .notice-wrap .plus-btn{position:absolute;top: 0%;left:calc(100% - 210px);}
#section03 .notice-wrap .plus-btn::before{display:block;content:'';background:url(../img/plus-btn.png) no-repeat;width: 44px;height: 44px;transition:all ease .3s}
#section03 .notice-wrap .plus-btn:hover::before{transform:rotate(90deg);}

#section03 .gallery-wrap{position: relative;padding-top:50px;}
#section03 .gallery-wrap .gallery__text{color:#fff;font-size: clamp(26px, 3vw, 40px);letter-spacing:0;line-height: 90px;font-weight:700}
#section03 .gallery-wrap .gallery__content{}
#section03 .gallery-wrap .gallery__content .bx-wrapper{position:relative}
#section03 .gallery-wrap .gallery__content .bx-wrapper li{padding-right:40px}
#section03 .gallery-wrap .gallery__content .bx-pager-item{display:none}

#section03 .gallery-wrap .gallery__content .bx-controls-direction{position:absolute;top: -40px;right: 85px;}
#section03 .gallery-wrap .gallery__content .bx-controls-direction a{font-size:0;opacity: 0.6;transition: all ease 0.4s;}
#section03 .gallery-wrap .gallery__content .bx-controls-direction a:hover{opacity: 1;}
#section03 .gallery-wrap .gallery__content .bx-controls-direction .bx-prev {background:url(../img/sec03-arrow.png) no-repeat;position: absolute;width: 45px;height: 22px;right: 35px;transform: rotate(180deg);}
#section03 .gallery-wrap .gallery__content .bx-controls-direction .bx-next {background:url(../img/sec03-arrow.png) no-repeat;position: absolute;width: 45px; height: 22px;}

#section03 .gallery-wrap .gallery .slick-list{padding:0!important}
#section03 .gallery-wrap .news__slide-img img{width:500px;height:500px;object-fit: cover;}

#section03 .section-side__wrap{display: flex;justify-content: space-between;gap: clamp(15px,12vw,10px);width: 100%;}
#section03 .section-side__wrap .title__line {display: flex;flex-direction: column;align-items: center;width: calc(30%);}
#section03 .section-side__wrap .title__line > span {color: #fff; font-family: 'Noto Sans KR'; font-weight: bold; font-size: clamp(36px, 3vw, 40px);letter-spacing: 6px; padding-bottom: 20px;}
#section03 .section-side__wrap .title__line > span.sub_txt {color: #8dcd54;font-size: clamp(14px, 3vw, 16px);padding-bottom: 20px;}
#section03 .section-side__wrap .tab__line{width: 160px;}
#section03 .section-side__wrap .tab__line .menu-list{padding-top: 62px;}
#section03 .section-side__wrap .tab__line .menu-list ul{}
#section03 .section-side__wrap .tab__line .menu-list ul li{margin: 15px 0; }
#section03 .section-side__wrap .tab__line .menu-list ul li a{position: relative;width: 100%;font-size: clamp(20px, 3vw, 26px);font-weight: 600;line-height: 45px;transition: all ease 0.3s;color: #ffffff9c; padding: 10px 0}
#section03 .section-side__wrap .tab__line .menu-list ul li a:hover{color: #ffffff;font-weight: 700;}
#section03 .section-side__wrap .tab__line .menu-list ul li a.active{color: #ffffff;font-size: clamp(24px, 2vw, 34px);font-weight: 700;border-bottom: 1px solid #fff;}
#section03 .section-side__wrap .tab__line .menu-list ul li a.active::before {content: ''; width: 7px; height: 7px; background-color: #fff; border-radius: 50px; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
#section03 .section-side__wrap .tab__line .menu-list ul li a.active::after{display: block;content: '';position: absolute;top: 10px;left: 0;font-weight: 300;font-size: 40px;width: 20px;line-height: 43px;text-align: center;transition: all ease 0.3s;content: '';background:url(../img/check-icon.png) no-repeat;width: 25px;height: 25px;}

#section03 .section-content__wrap{width: calc(70%);}
#section03 .section-content__wrap .tab-contents:not(:first-child){display: none;}
#section03 .section-content__wrap .latest-list{}
#section03 .section-content__wrap .latest-list .more-link{text-align:right;}
#section03 .section-content__wrap .latest-list .more-link a{font-weight:800;color: #d51a42;}
#section03 .section-content__wrap .latest-list ul{margin-top: 30px;}
#section03 .section-content__wrap .latest-list ul li{font-weight: 600;max-width: unset;margin: 0;align-items: center;border-top: 1px solid #dddddd63;}
#section03 .section-content__wrap .latest-list ul li:first-child{border-top:0}
#section03 .section-content__wrap .latest-list ul li:last-child{border-bottom: 1px solid #dddddd63;}
#section03 .section-content__wrap .latest-list ul li .date__box{color: #ffffff73;width: 150px;font-size: 16px;font-weight: 300;text-align: right;}
#section03 .section-content__wrap .latest-list ul li .date__box .date{}
#section03 .section-content__wrap .latest-list ul li .date__box .date .year{}
#section03 .section-content__wrap .latest-list ul li .title__box{width: calc(100% - 150px);}
#section03 .section-content__wrap .latest-list ul li .title__box a{width: 100%;padding: 20px 0;}
#section03 .section-content__wrap .latest-list ul li .title__box .subject{color: #d51a42;font-size: 17px;font-weight: 700;margin-bottom: 8px;}
#section03 .section-content__wrap .latest-list ul li .title__box .title{color: #fff;font-size: 20px;font-weight: 500;}

@media screen and (max-width:1520px) {
	#section03{padding: 70px 42px;}
}

@media (max-width: 1440px){
	#section03 .section-content__wrap{}
}


@media (max-width: 1024px){
	#section03 .section-side__wrap .tab__line{width: 100%;/* padding-top: 20px; */}
	#section03 .section-side__wrap .tab__line .menu-list{padding: 0;}
	#section03 .section-side__wrap .tab__line .menu-list ul li{margin: 8px 0;}

	#section03 .section-content__wrap{padding: 0;}
	#section03 .section-content__wrap .latest-list ul{margin-top: 10px;}

	#section03 .gallery-wrap .gallery__content .bx-controls-direction{top:-60px;right:50px}
	
	#section03 .section-side__wrap{flex-direction: column;gap: 0;}
	#section03 .section-side__wrap .title__line{width: 100%;align-items: flex-start;}
	#section03 .section-content__wrap{width: 100%;}

	#section03 .section-side__wrap .tab__line .menu-list ul{display: flex;}
	#section03 .menu-list a{min-width: 148px;}

}

@media (max-width: 768px){

	#section03 .notice-wrap .plus-btn{left:unset;right:0}
	#section03 .section-side__wrap .tab__line{padding-top:20px}

	#section03 .section-content__wrap .latest-list ul li .date__box{width: 100px;font-size: 15px;}
	#section03 .section-content__wrap .latest-list ul li .title__box{width: calc(100% - 100px);}
	#section03 .section-content__wrap .latest-list ul li .title__box a{padding: 25px 0;}
	#section03 .section-content__wrap .latest-list ul li .title__box .subject{font-size: 16px;margin-bottom: 5px;}
	#section03 .section-content__wrap .latest-list ul li .title__box .title{font-size: 18px;}

	#section03 .gallery-wrap .gallery__content .bx-wrapper li{padding-right: 0;}
}

@media (max-width: 500px){
	#section03 .wr-frame{padding: 0;}

	#section03 .notice-wrap .plus-btn{display:none}
	#section03 .section-side__wrap .tab__line .menu-list ul li a.active::after{display:none}
	#section03 .section-side__wrap .tab__line .menu-list ul li{}
	#section03 .section-side__wrap .tab__line .menu-list ul li a{font-size: 17px;line-height: 35px;padding-left: 0;text-align: center;}
	#section03 .section-side__wrap .tab__line .menu-list ul li a::before{font-size: 25px;line-height: 28px;width: 10px;}

	#section03 .section-content__wrap .latest-list ul li .date__box{width: 63px;font-size: 14px;}
	#section03 .section-content__wrap .latest-list ul li .title__box{width: calc(100% - 80px);padding: 0 15px 0 0;}
	#section03 .section-content__wrap .latest-list ul li .title__box a{padding: 20px 0;}
	#section03 .section-content__wrap .latest-list ul li .title__box .subject{font-size: 14px;}
	#section03 .section-content__wrap .latest-list ul li .title__box .title{font-size: 16px;}

	#section03 .gallery-wrap .gallery__content .wr-1400{padding:0}
}






/* section04 */
#section04{padding: 100px 0;}
#section04 .wr-frame{position:relative;}
#section04 .title__wrap{}
#section04 .title__wrap .menu-list{}
#section04 .title__wrap .menu-list ul{}
#section04 .title__wrap .menu-list ul li{margin-right: 50px;}
#section04 .title__wrap .menu-list ul li:last-child{margin-right:0;}
#section04 .title__wrap .menu-list ul li a{font-size: 28px;color: #535353;}
#section04 .title__wrap .menu-list ul li a.active{color:#0039a2;font-weight: 600;}
#section04 .content__wrap{padding-top: 20px;}
#section04 .content__wrap .tab-contents{}
#section04 .content__wrap .tab-contents .latest-list{}
#section04 .content__wrap .tab-contents .latest-list .more-link{position:absolute;top: 0;right: 0;}
#section04 .content__wrap .tab-contents .latest-list .more-link a{width: 35px;height: 35px;line-height: 33px;font-size: 38px;background: #0039a2;color: #fff;text-align: center;}
#section04 .content__wrap .tab-contents .latest-list ul{justify-content:space-between;align-items: baseline;height: 372px;}
#section04 .content__wrap .tab-contents .latest-list ul li{width:45%;margin: 15px 0;}
#section04 .content__wrap .tab-contents .latest-list ul li a{display:table;width: 100%;border-bottom: 1px solid #ddd;padding: 30px 0;}
#section04 .content__wrap .tab-contents .latest-list ul li .content__box{display:table-cell;width: calc(100% - 130px);}
#section04 .content__wrap .tab-contents .latest-list ul li .content__box .title{font-size: 17px;font-weight: 500;transition: all ease 0.2s;}
#section04 .content__wrap .tab-contents .latest-list ul li .content__box .content{font-size: 16px;margin-top: 20px;line-height: 28px;height: 55px;overflow: hidden;}
#section04 .content__wrap .tab-contents .latest-list ul li .date__box{display:table-cell;width: 130px;font-weight: 500;text-align: right;}
#section04 .content__wrap .tab-contents .latest-list ul li a:hover .content__box .title{font-weight: 600;}

@media (max-width: 1650px){
	#section04{padding: 80px 0;}
}

@media (max-width: 1440px){
	#section04{}
	#section04 .title__wrap .menu-list ul li a{font-size: 26px;}
	#section04 .content__wrap .tab-contents .latest-list .more-link{right: 40px;}
	#section04 .content__wrap .tab-contents .latest-list .more-link a{width: 30px;height: 30px;line-height: 28px;font-size: 36px;}
}

@media (max-width: 1300px){
	#section04 .content__wrap .tab-contents .latest-list ul li{width: calc(50% - 20px);}
	#section04 .content__wrap .tab-contents .latest-list ul li a{padding: 25px 0;}
	#section04 .content__wrap .tab-contents .latest-list ul li .content__box .title{height: 40px;overflow: hidden;}
	#section04 .content__wrap .tab-contents .latest-list ul li .content__box .content{font-size: 14px;margin-top: 10px;line-height: 18px;height: 36px;}
	#section04 .content__wrap .tab-contents .latest-list ul li .date__box{width: 100px;}
}

@media (max-width: 1024px){
	#section04{padding: 60px 0;}
	#section04 .title__wrap .menu-list ul li{margin-right: 35px;}
	#section04 .title__wrap .menu-list ul li a{font-size: 22px;}
	#section04 .content__wrap .tab-contents .latest-list .more-link{}
	#section04 .content__wrap .tab-contents .latest-list .more-link a{width: 25px;height: 25px;line-height: 23px;font-size: 30px;}
	#section04 .content__wrap .tab-contents .latest-list ul{height: 325px;}
	#section04 .content__wrap .tab-contents .latest-list ul li{width: calc(50% - 15px);margin: 10px 0;}
	#section04 .content__wrap .tab-contents .latest-list ul li a{padding: 20px 0;}
	#section04 .content__wrap .tab-contents .latest-list ul li .content__box .title{font-size: 16px;}
	#section04 .content__wrap .tab-contents .latest-list ul li .date__box{width: 80px;font-size: 14px;}
}

@media (max-width: 768px){
	#section04{padding: 50px 0;}
	#section04 .title__wrap .menu-list ul li{margin-right: 25px;}
	#section04 .title__wrap .menu-list ul li a{font-size: 18px;}
	#section04 .content__wrap .tab-contents .latest-list .more-link{right: 20px;}
	#section04 .content__wrap .tab-contents .latest-list .more-link a{width: 20px;height: 20px;line-height: 18px;font-size: 24px;}
	#section04 .content__wrap .tab-contents .latest-list ul{height: auto;}
	#section04 .content__wrap .tab-contents .latest-list ul li{width: 100%;margin: 0;}
	#section04 .content__wrap .tab-contents .latest-list ul li a{padding: 15px 0;}
	#section04 .content__wrap .tab-contents .latest-list ul li .content__box .title{font-size: 16px;height: 38px;}
	#section04 .content__wrap .tab-contents .latest-list ul li .date__box{width: 70px;font-size: 13px;}
}

@media (max-width: 500px){
	#section04{padding: 40px 0;}
	#section04 .title__wrap .menu-list ul li{margin-right: 10px;}
}

@media (max-width: 400px){
	#section04 .title__wrap .menu-list ul{justify-content:center;}
	#section04 .title__wrap .menu-list ul li{margin: 3px 0;margin-right: 10px;}
	#section04 .title__wrap .menu-list ul li a{font-size: 15px;}
	#section04 .content__wrap .tab-contents .latest-list .more-link{top: 30px;}
}





















/* Footer */

#footer{z-index: 0;background-color: #fff;/*height: 100vh;*/height: 100%;border-top: 1px solid #04162a;}
/* #footer > .half{flex: 0 1 calc(50%);padding: clamp(55px,3.8vw,60px) clamp(20px,4.4vw,80px) clamp(20px,3.6vw,50px);background: #fff;}
#footer > .half:nth-child(2){background: #f8f8f8;position: relative;} */
/* #footer .half{flex: 0 1 calc(50%);z-index: 1;position: relative;} */
#footer .left_inner {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #00000015; padding-bottom: clamp(25px, 3vw, 40px);}
#footer .footer {padding: clamp(40px,4.2vw,70px) 0;}
/* #footer .half {flex: 0 1 calc(50% - clamp(10px,1.5vw,35px));} */
#footer ul.menu_inner {display: flex; width: 60%;}
#footer .menu_inner li {display: flex; flex-direction: column; flex: 0 1 calc(100% / 5); }
#footer .menu_inner li > a {color: #000; font-size: clamp(15px, 3vw, 18px); text-align: center;}
#footer .menu_inner li > a:hover {text-decoration: underline;}
#footer .menu_inner li > ul {padding-top: 15px;}
#footer .menu_inner li > ul > li {padding: 15px 0;}
#footer .menu_inner li > ul > li > a {color: #000; font-size: clamp(16px, 3vw, 21px); font-weight: 100;}
#footer .txt_inner {padding-top: clamp(40px, 3vw, 72px);font-size: clamp(18px,2vw,20px);font-weight: 300;color: #000;line-height: 1.6em;width: 100% !important;display: flex;flex-direction: column;}
#footer .txt_inner > .tit {font-size: clamp(18px,2vw,21px);color: #000;padding: 0 0 12px; display: flex; gap: 65px;}
#footer .txt_inner > .tit > span {font-weight: 500;}
#footer .txt_inner > a {color: #000;font-weight: 300;flex-direction: column;flex-wrap: nowrap;}
#footer .txt_inner > a > span {color: #000; font-weight: bold;}
#footer .txt_inner > .address {font-weight: 500;}
#footer .txt_inner > .txt_box {display: flex;gap: clamp(20px,2.8vw,50px);}
#footer .txt_inner > .txt_box > div {padding: 10px 0;gap: clamp(20px,2.8vw,50px);}
#footer .txt_inner > .txt_box > .address{font-weight: 500;}
#footer .txt_inner > .txt_box > div > a {color: #000; font-weight: 500;}
#footer .txt_inner > .txt_box > div a {color: #000; font-weight: 500;}
#footer .txt_inner > .txt_box > div > a > span {}
/* #footer .txt_inner > .txt_box > div > a > span {font-weight: bold;} */
#footer .txt_inner > div:first-child {top: 40px !important;}
#footer .txt_inner > .capyright {color: #00000050;font-size: clamp(16px, 3vw, 20px);letter-spacing: -1px;font-weight: 500;padding-top: clamp(18px,2.4vw,42px);}

#footer input, #footer form textarea, #footer form select{width: 100%;padding: 20px 0;border: 0;margin: 5px 0;background: #aaa0;border-bottom: 1px solid #bdbcbe;}
#footer textarea{height: 80%;margin: 0;border-bottom: 0;}
#footer > textarea{border-bottom: 1px solid #bdbcbe;height: 120px;}
#footer select {border: 1px solid #000;}
#footer .button{width:100%;padding: 30px;border:0;background: #020203;margin: clamp(12px,2vw,30px) 0 0;color:#fff;max-width: 220px;}
#footer .option-inline{display:flex;gap: clamp(20px,2.8vw,50px);}
#footer .option-inline #con-name{margin: 0;width: calc(50% - 25px);}

#footer .fregister_agree{display:flex;align-items:center;float:right;width: 100%;position: relative;justify-content: space-between;margin: 0 0 clamp(12px,2vw,30px);padding: 0 0 clamp(12px,2vw,30px);border-bottom: 1px solid #e7e7e7;}
#footer input#agree{width:auto;height: 26px;width: 38px;border-radius: 100%;border: 2px solid #ccc; /* 기본 테두리 */ /* 기본 체크박스 스타일 제거 */-webkit-appearance: none; /* 사파리 브라우저 지원 */-moz-appearance: none; /* 파이어폭스 브라우저 지원 */outline: none; /* 클릭 시 생기는 외곽선 제거 */cursor: pointer;padding: 0;margin: 0;}
#footer input#agree:checked {background-color: #060506; /* 체크된 상태의 배경색 */border-color: #060506; /* 체크된 상태의 테두리색 */}
#footer input#agree:checked::before {content: "✓"; /* 체크 표시 */display: block;text-align: center;color: white;font-weight: bold;}
#footer .fregister_agree span{color:#777777}
#footer .fregister_agree:before {content: '';position: absolute;left: 0;bottom: -2px;width: 200px;height: 3px;background: #000}
#footer input::placeholder, 
#footer textarea::placeholder,
#footer select::placeholder{font-weight: 700; color: #707070;}
#footer .completed{display: flex;justify-content: flex-end;}



#footer form .modal {display: none;position: absolute;z-index: 1;padding-top: 60px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.1);}
#footer form .modal-content {background-color: #fefefe;margin: 10% auto;padding: 20px;border: 1px solid #888;width: 83%;height: 47%;/* display: flex; */flex-direction: column;align-items: flex-end;justify-content: center;position: relative;overflow: scroll;line-height: 1.6em;}
#footer form .modal-content p {
    font-size: 15px;
    color: #212121;
    font-weight: 400;
}
#footer form .modal-content span{font-weight: 600;font-size: clamp(18px,2vw,22px);margin: 0 0 10px;color: #1c2b56;}
#footer form .close {color: #aaa;float: right;font-size: 28px;font-weight: bold;position: relative;}
#footer form .close:hover,#footer form .close:focus {color: black;text-decoration: none;cursor: pointer;}
body #footer form .modal-open {overflow: hidden; /* Prevent scrolling on body when modal is open */}



@media screen and (max-width: 1520px){
	#footer .footer{padding: clamp(40px,4.2vw,70px) 42px;}
}

@media screen and (max-width: 1024px){
  #footer {/* padding: 0 20px; */}
  #footer form .fregister_agree{flex-direction: column;}
  #footer form .fregister_agree .tit{width: 100%; padding: 0 0 12px;}
  #footer form .fregister_agree .sure{width: 100%;max-width: none;}
  #footer form input#agree{width: 26px; height: 26px;}



  .auto_page{display: none;}
}

@media screen and (max-width:768px) {
  #footer .footer{flex-direction: column;/* margin: 0 20px; */}

  #footer .left_inner {flex-direction: column; align-items: flex-start; gap: 40px;}
  #footer ul.menu_inner {width: 100%;}
	#footer .txt_inner > .txt_box > .address{padding: 0;}
	#footer .txt_inner > .txt_box{flex-direction: column;gap: 0;}
	#footer .txt_inner > .txt_box .df{flex: 100%;padding: 0;}
  #footer .txt_inner > .txt_box > div > a {display: flex; flex-direction: column;}
}

@media screen and (max-width:500px) {
  #footer ul.menu_inner {flex-wrap: wrap;}
  #footer .menu_inner li {flex: 0 1 calc(100% / 3); min-height: 40px;}
  #footer .txt_inner > .tit {flex-direction: column; gap: 10px;}
  #footer .txt_inner > .txt_box {flex-direction: column; gap: 10px;}
  #footer .txt_inner > .txt_box > div {padding: 0;}
}

@media screen and (max-width:300px) {
  #footer .txt_inner > div:first-child {flex-direction: column; gap: 10px;}
}

.slick-list {
	overflow: hidden; /* 슬라이드가 짤리지 않도록 설정 */
}

.slick-track {
	margin-left: 0 !important; /* 잘못된 여백 제거 */
}

.slick-slide {
	float: none; /* 슬라이드 정렬 문제 방지 */
}

@media screen and (max-width: 1024px) {
	#nav {
	  display: none !important;
	}
  }
/* tabs common */
.tab-contents {width: 200%; height: 100%; margin: 0 auto; display: none;}
.tab-contents.tab01 {display: block;}
.tab-contents.tab01 {width: 100%;}

#section03 .section-side__wrap{}