@charset "utf-8";
/* main.css */
/* 헤더 ~ 푸터 */
/* main.css */

/* 상단 레이아웃 */
body {background-color: transparent;}
.html5-video-player{background-color: transparent !important;}
#header {padding: 0px 100px 0;position:fixed;top:0;left:0;z-index: 110;width:100%;transition:all .3s;background: #0f2037;}

.gnb {display:flex;flex-wrap:wrap;align-items:center;width:100%;position: relative;}
.gnb__logo {flex: 0 1 560px;}
.gnb__logo-link {}
.gnb__logo-link img {max-width: none;width: 100%;}
.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__menu {display: none;}
.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: 0;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-5 #header {background: #FFF;}
.fp-viewing-sec02 .gnb__logo-link__item,
.fp-viewing-sec03 .gnb__logo-link__item,
.fp-viewing-sec05 .gnb__logo-link__item,
.fp-viewing-sec06 .gnb__logo-link__item
{display: none;}
.fp-viewing-sec02 .gnb__logo-link__item.active,
.fp-viewing-sec03 .gnb__logo-link__item.active,
.fp-viewing-sec05 .gnb__logo-link__item.active,
.fp-viewing-sec06 .gnb__logo-link__item.active
{display: block;}
.fp-viewing-5 .gnb__1depth-link {color: #000;}
.fp-viewing-5 .gnb__line {display: none;}

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

@media screen and (max-width: 1400px) {
	.gnb__logo {flex: 0 1 400px;}
	.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 350px;}
	.gnb__logo img {flex: 0 1 200px;}
	.gnb-1depth-list {display:none}
}

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

@media screen and (max-width: 500px) {
	.gnb__logo {flex: 0 1 200px;/* padding: 10px 0; */}
}

.sitemap {flex: calc(100% - 700px);display: flex;align-items: center;justify-content: end;}
.sitemap .go_link {display: flex;gap: 30px;margin-right: 20px;align-items: center;}
.sitemap .login_box{background: #ed4e27;padding: 8px 17px;border-radius: 20px;font-size: 14px;}
.sitemap .login_box .login {}
.sitemap .login_box .sign_up {}
.sitemap .login_box .login_sigin_bar {padding: 10px;}
.sitemap {}
.sitemap .login_box span {color: #fff;}

.sitemap__search {width: 40px;height: 40px;background: url('../img/icon_search.png') no-repeat center;padding: 20px;margin: 0 7px 0 0;}
.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:#fff}
}

@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:#fff}
}

@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: absolute;width: 100%;top: 100px;background: rgba(237, 79, 39, 0.85);padding: 50px 65px;overflow-y: auto;gap: 16px;text-align: left;border-radius: 20px;/* overflow-y: hidden; */height: 50vh;}
.sitemap__menu::-webkit-scrollbar {display: none;}
.sitemap__menu--active {display:flex;flex-wrap: nowrap;}
.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 {text-align: center;flex: 0 1 calc(100% / 6 - 21px);/* padding:60px 40px; */border-radius:20px;position: relative;}
.sitemap__1depth-link {border-radius: 10px;display:block;font-size: 24px;line-height:30px;font-weight: 600;padding: 20px 0px;margin: 0 0 40px;background: #fff;color: #ed4e27;}
.sitemap__2depth {}
.sitemap__2depth::after{display:block;content:"";position:absolute;/* bottom: -10%; *//* transform:translateY(-50%); */width: 1px;height: 82%;background-color: #ffffff63;right: -10px;top: 84px;}
.sitemap__1depth:last-child .sitemap__2depth::after{display:none;}

.sitemap__2depth-link {display:block;font-size: 20px;padding: 0 0 clamp(14px,3vw,20px);color: #fff;font-weight: 400;}
.sitemap__2depth-link:hover {font-weight:600;}
.sitemap__2depth-link:hover p{border-bottom:solid 2px #fff;display:inline}
.sitemap__2depth-link:last-child {padding:0;}

.sitemap__overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: -1;display: none;}

.sitemap__overlay.active {display: block;}

@media screen and (max-width: 1400px) {
	.sitemap {flex: calc(100% - 470px);}
	.sitemap__menu {gap: 20px; padding:100px 80px;}
	.sitemap__1depth {flex: 0 1 calc(100% / 4 - 15px);padding: clamp(30px,3vw,50px) 30px;}
	.sitemap__menu--active {display:flex;flex-wrap: wrap;}
}

@media screen and (max-width: 1200px) {
	.sitemap {flex: calc(100% - 470px);}
	.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;}
	.sitemap .go_link {gap:20px}
	.sitemap .go_link img {width:22px}
}

@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; */}
	.sitemap__2depth::after{display:none;}
	.sitemap .go_link{display: none;}
	.sitemap .login_box{display: none;}

}

@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 .login_box .login {padding-right: 0;border-right: none;}
	.sitemap .login_box .sign_up{display: none;}
	
	.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__search {width: 30px;height: 30px;padding: 15px;margin: 0 7px 0 0;}
	.sitemap__mypage {width: 30px;height: 30px;padding: 15px;}

	
}




/* 풀페이지 수정 */

.fp-viewing-sec01  #header{background: none;}
.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: 0 20px 0 0;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: 5px;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);transition: all 0.3s;background: #e2e2e2;}
.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: 20px;background: #ed4e27;}

 
/* .fp-viewing-sec06 .fullpage__menu-list li.text {color: #3578ab}
.fp-viewing-sec06 .fullpage__menu-list li a::before {border: 1px solid #ffffff;}
.fp-viewing-sec06 .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;}
	#header{
    background: #0f2037 !important;
    padding: 13px 20px;}
	.fullpage__menu{display: none;}
}

@media screen and (max-width: 768px) {
	#header{padding: 0px 20px;}
}

/* 공통 */
.more {width: clamp(85px,7vw,133px);height: clamp(42px,5vw,50px);text-align: center;background: #ed5e3c;border-radius: 5px;margin: 0 auto;display: flex;justify-content: center;flex-direction: row;gap: clamp(5px, 2vw, 10px);align-items: center;}
.more:hover {background: #ea7d63;transition: all 0.3s ease-out;}
.more p{font-size: clamp(12px,2vw,13px);font-weight: 400;color: #ffffff;}
.sec_title_text h3{font-size: clamp(24px,4vw,40px);text-align: center;font-weight: 800;line-height: 1.4em;}
.sec_title_text p{font-size: clamp(16px,2vw,18px);text-align: center;font-weight: 400;padding: clamp(20px,2vw,32px) 0 clamp(20px,2vw,32px);}
.bold_700{font-weight: 700;}
.section{overflow: hidden;}
#section01 .wr__1600,
#section02 .wr__1600,
#section03 .wr__1600,
#section04 .wr__1600,
#section05 .wr__1600{height: 100%;}

 #section01 .main__visual {position: relative;height: 100vh;}


#section01 .main_title{color: #fff;text-align: start;position: absolute;left: 100px;bottom: clamp(2vh,3vw,5vh);/* transform: translateY(56.25%); */}
#section01 .main_title h2{font-family: 'GmarketSansTTF';font-weight: 300;font-size: clamp(32px,5vw,68px);line-height: 2em;}
#section01 .main_title h2{}
#section01 .main_title .sub_title{font-size: clamp(12px,2vw,32px);font-weight: 400;padding-bottom: clamp(1px,1.3vw,26px);line-height: clamp(1.1rem,1.5vw,2rem);}
#section01 .main_title .sub_text{font-size: clamp(10px,2vw,26px);font-weight: 900;letter-spacing: 0;}
#section01 .main_title .sub_title span.bold {font-weight: bold;}
#section01 .paly__button {position: absolute;left: 50%;bottom: calc(50% - 200px);transform: translateX(-50%);display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
#section01 .paly__button-img {flex: 0 1 100%;text-align: center;opacity: 0.8;}
#section01 .paly__button-img img {}
#section01 .paly__button-txt {flex: 0 1 100%;font-size: clamp(13px, 2vw, 16px);color: #FFF;text-align: center;opacity: 0.8;}


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

@media screen and (max-width: 1500px) {
	#section01 .main_title{left: 20px;}

}

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

}

@media screen and (max-width: 960px) {
	#section01 {height: calc(56.25vw + 60px) !important;max-height: calc(56.25vw) !important;}
	#section01 .main__visual {/* padding: 70px 0 0; */}
	#section01 .main__visual {min-height: unset;height: calc(56.25vw) !important;}
	#section01 .main_title{/* bottom: calc(50% - 100px); */}
	#section01 .main_title h2{line-height: 1.3em;}

}

@media screen and (max-width: 768px) {
	#section01 {height: calc(56.25vw) !important;}
	#section01 .main__visual {min-height: unset;}
	#section01 .paly__button {gap: 10px;bottom: calc(50% - 200px);}
	#section01 .paly__button-img img {width: 50px;}
}

@media screen and (max-width: 500px) {
	#section01 {height: 56.25vw !important;margin: 60px 0 0;}
	#section01 .main__visual {min-height: unset;}
	#section01 .main__visual .video {background: no-repeat center right -30px;background-size: cover;}
	#section01 .main_title{/* bottom: 5%; */}
	#section01 .paly__button-img img {width: 20px;}
	#section01 .main_title .sub_title{padding-bottom: 0;}

}
/* @media (max-aspect-ratio: 16/9) {
  #section01 .main__visual .video iframe {
    width: 100vw;
    height: calc(100vw * 9 / 16);
  }
} */



/* section02 */
#section02 {height: 100vh;}
#section02 .sns_box{padding: 110px 0;height: 100%;display: flex;flex-direction: column;justify-content: center;}
#section02 .sns_box .sec_title_text{}
#section02 .sns_box .sec_title_text h3 .hashtag {color: #ed5e3c;}
#section02 .sns_box .sec_title_text p{font-size: clamp(16px,2vw,18px);text-align: center;font-weight: 400;padding: 16px 0 5px;}
#section02 .sns_box .link_box {display: flex;justify-content: center;gap: 14px;padding: 20px 0 40px;}
#section02 .sns_box .link_box img{width: 59%;}
#section02 .sns_box .link_box >div{border-radius: 5px;border: solid 1px #cacaca;padding: clamp(7px,1vw,2px) clamp(10px,5vw,10px);text-align: center;transition: all 0.3s ease-out;}
#section02 .sns_box .link_box >div:hover {border: solid 1px #ed5e3c;}
#section02 .sns_box .link_box >div.active {border: solid 2px #ed5e3c;}
#section02 .sns_box .youtube_shorts_list {display: none;}

@media screen and (max-width: 1600px) {
	#section02 .sns_box{padding: clamp(40px,7.4vw,110px) 30px clamp(57px,4.2vw,80px);}

}

@media screen and (max-width: 1024px) {
	#section02 .sns_box{}

}
@media screen and (max-width: 960px) {
	#section02 {height: auto !important;}
}
@media screen and (max-width: 768px) {
	#section02 .sns_box .link_box img{max-width: 120px;}
}

@media screen and (max-width: 640px) {
	#section02 .sns_box .link_box {padding: 20px 0 20px;
}

}

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

}




/* section03 */
#section03 {height: 100vh;}
#section03 .photo_box{padding: clamp(60px,7.4vw,110px) 30px clamp(40px,4.2vw,80px);height: 100%;display: flex;flex-direction: column;justify-content: center;}
#section03 .photo_box .hashtag_text{}
#section03 .photo_box .sec_title_text h3{font-size: clamp(24px, 4vw, 40px);text-align: center;font-weight: 800;padding: 0 18px 18px;position: relative;}
#section03 .photo_box .sec_title_text h3::after{content: '';display: block;width: 50px;height: 4px;background: #ed5e3c;left: 50%;position: absolute;transform: translate(-50%, 0%);bottom: 1px;}


@media screen and (max-width: 1600px) {
	#section03 .photo_box{padding: clamp(40px,7.4vw,110px) 30px clamp(40px,4.2vw,80px);}
}

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

}

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

}

@media screen and (max-width: 960px) {
#section03 {height: auto !important;}
}

@media screen and (max-width: 768px) {
#section03 .photo_box{padding: 0 30px 40px 30px;}
}

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

}




/* section04 */
#section04 {height: 100vh; background: url('../img/main_sec_04_bg.jpg') no-repeat bottom center/cover;}
#section04 .wr__1600{height: 100%;}
#section04 .content_box{padding: 150px 0;display: flex;gap: 42px;height: 100%;align-items: center;}
#section04 .content_box .left_box{background: rgba(255, 255, 255, 0.9);flex: 0 1 calc(40%);padding: clamp(28px,4.8vw,42px) clamp(20px,3.5vw,63px);border-radius: 10px;/* height: 100%; */display: flex;flex-direction: column;}
#section04 .content_box .left_box h4{font-size: clamp(24px,3vw,30px);font-weight: 800;padding-bottom: clamp(16px,2vw,9px);}
#section04 .content_box .left_box p{font-size: clamp(14px,1.5vw,17px);font-weight: 400;line-height: 1.5em;}
#section04 .content_box .left_box p.sub_text{padding-bottom: clamp(10px,2vw,10px);}
#section04 .content_box .left_box .youtube_box{border-radius: 10px;overflow: hidden;margin-bottom: 30px;position: relative; /* absolute는 부모가 relative일 때 부모를 따라간다. */width: 100%;padding-bottom: 56.3%;}
#section04 .content_box .left_box .youtube_box:before{content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: #ffffff00;z-index: 1;}
#section04 .content_box .left_box .youtube_box iframe {position: absolute;width: 100%;height: 100%;}
#section04 .content_box .left_box .link_box a{background: #faf6f4;border: solid 1px #ed4e27;border-radius: 5px;display: flex;justify-content: space-between;padding: 16px 40px;color: #ed4e27;}
#section04 .content_box .left_box .link_box a p{font-size: clamp(14px,1.7vw,18px);font-weight: 700;}
#section04 .content_box .rigth_box{flex: 0 1 60%;display: flex;flex-wrap: wrap;gap: clamp(15px,3vw,40px);height: 100%;}

#section04 .content_box .rigth_box>a {flex: 0 1 calc(100% / 2 - 20px);}
#section04 .content_box .rigth_box .sub_box {background: #00000064;border: solid 3px #ffffff;color: #ffffff;padding: clamp(30px,3.5vw,50px) clamp(28px,3.5vw,50px);border-radius: 10px;height: 100%;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;gap: clamp(0px,2vw,34px);transition: all 0.3s ease-out;}
#section04 .content_box .rigth_box .sub_box:hover {background: rgba(255, 255, 255, 0.9);border: solid 3px #ffffff;color: #000;}
#section04 .content_box .rigth_box .sub_box .sub_title {display: flex;align-items: flex-end;justify-content: space-between;width: 100%;padding-bottom: 10px;}
#section04 .content_box .rigth_box .sub_box .sub_title h4{font-size: clamp(19px,2vw,28px);font-weight: 800;}
#section04 .content_box .rigth_box .sub_box .sub_title p{font-size: 25px; font-weight: 700;}
#section04 .content_box .rigth_box .sub_box:hover .sub_title p{color: #ed5e3c;}
@media screen and (max-width: 1600px) {
	#section04 .content_box{padding: 130px 30px;}
}

@media screen and (max-width: 1400px) {
	#section04 .content_box .left_box{ height: 100%;}

}



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

@media screen and (max-width: 960px) {
#section04 {height: auto !important;}
#section04 .content_box{flex-direction:column;align-items: stretch;padding: 40px 30px;gap: 10px;}
#section04 .content_box .left_box{flex: 0 1 calc(100%);}
	

}

@media screen and (max-width: 768px) {
		#section04 .content_box .rigth_box>a {flex: 0 1 calc(100% / 1); }
	#section04 .content_box .rigth_box .sub_box {/* padding: clamp(25px,4vw,60px) clamp(14px,1.5vw,25px) clamp(20px,4vw,50px); */border: solid 2px #ffffff;}
	#section04 .content_box .left_box .link_box a{padding: 10px 20px;color: #ed4e27;}

}

@media screen and (max-width: 500px) {
	#section04 .content_box .rigth_box>a {flex: 0 1 calc(100% / 1 );}
	#section04 .content_box .left_box p {line-height:18px}
	#section04 .content_box .rigth_box .sub_box .sub_title {padding:0}
}

/* section05 */

#section05 {}
#section05 .content_box{padding: 90px 0;}
#section05 .content_box .sec_title_text{}


#section05 .content_box .sec_title_text h3{color: #ed5e3c;padding: 0 18px 18px;position: relative;}
#section05 .content_box .sec_title_text h3::after{content: '';display: block;width: 50px;height: 4px;background: #ed5e3c;left: 50%;position: absolute;transform: translate(-50%, 0%);bottom: 1px;}

#section05 .content_box{}
#section05 .content_box{display: flex;flex-direction: column;justify-content: center;height: 100%;overflow: hidden;}

@media screen and (max-width: 1500px) {
	#section05 .content_box{padding: clamp(40px,7.4vw,110px) 30px clamp(40px,4.2vw,80px);}
}

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

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

@media screen and (max-width: 960px) {
#section05 {height: auto !important;}
}

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

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


/* Footer */
#footer {}
.footer {padding: 50px 0;background: #0e0f11;}
.footer .gnb__line {bottom: 20px;background: #e5e5e5;height: 2px;width: 100%;max-width: 1700px;}
.footer .gnb__line:before {background: #e5e5e5;}
.footer .gnb__line:after {background: #e5e5e5;}
.footer__content {padding: 0 50px;}
.footer__logo {text-align: left;padding: 0 0 30px;}
.footer__con {display: flex;flex-wrap: wrap;padding: 0;gap: 20px;color: #a6a6a6;}
.footer__info {flex: 0 1 calc(100% / 2 - 10px);}
.footer__info-con {padding: 0 0 20px;text-align: left;}
.footer__info-ttl {font-size: clamp(16px, 2vw, 20px); padding: 0 0 10px;}
.footer__info-list {}
.footer__info-addr {font-size: clamp(14px, 2vw, 16px);line-height: 1.6em;display: inline-block;padding: 0 15px 0 0;position: relative;}
.footer__info-addr::after {display: block;content:'';width: 1px;height: 70%;background: #4c4c4c;position: absolute;top: 50%;right: 3px;transform: translateY(-50%);}
.footer__info-tel {display: inline-block;font-size: clamp(14px, 2vw, 16px);line-height: 1.6em;padding: 0 15px 0 0;position: relative;}
.footer__info-tel::after {display: block;content:'';width: 1px;height: 70%;background: #4c4c4c;position: absolute;top: 50%;right: -4px;transform: translateY(-50%);}
.footer__info-tel span {}
.footer__info-tel a {color: #a6a6a6;}
.footer__info-fax {display: inline-block;font-size: clamp(14px, 2vw, 16px); line-height: 1.6em;padding: 0 0 0 10px;}
.footer__info-fax span {}
.footer__info-link__list {display: flex;gap: 10px;width: 100%;max-width: 310px;}
.footer__info-link__item {border-radius: 5px; flex: 0 1 calc(100% / 2 - 10px);padding: 10px 0;;text-align: center;color:#fff;background: rgba(255, 255, 255, 0.2);}
.footer__info-link__item:hover {background: rgba(255, 255, 255, 0.5);}
.footer__info-link__item p {font-size: 15px;font-weight: 500;}
.footer__info-copyright {font-size: clamp(14px, 2vw, 16px);color: #a6a6a6;}

.footer__sitemap {flex: 0 1 calc(100% / 2 - 10px);display: flex;justify-content: flex-end;gap: 30px;align-items: center;margin-top: 30px;}
.footer__sitemap-menu {display: flex; flex-wrap: wrap; gap: 20px;}
.footer__sitemap-menu.one {}
.footer__sitemap-menu.two {}
.footer__sitemap-menu.three {}
.footer__sitemap-menu.four {}
.footer__sitemap-menu.five {}
.footer__sitemap-menu.six {}
.footer__sitemap-menu.seven {}
.footer__sitemap-1depth {}
.footer__sitemap-menu.one .footer__sitemap-1depth {flex: 0 1 calc(100%);}
.footer__sitemap-menu.two .footer__sitemap-1depth {flex: 0 1 calc(100% / 2 - 10px);}
.footer__sitemap-menu.three .footer__sitemap-1depth {flex: 0 1 calc(100% / 3 - 14px);}
.footer__sitemap-menu.four .footer__sitemap-1depth {flex: 0 1 calc(100% / 4 - 15px);}
.footer__sitemap-menu.five .footer__sitemap-1depth {flex: 0 1 calc(100% / 5 - 16px);}
.footer__sitemap-menu.six .footer__sitemap-1depth {flex: 0 1 calc(100% / 6 - 17px);}
.footer__sitemap-menu.seven .footer__sitemap-1depth {flex: 0 1 calc(100% / 7 - 18px);}
.footer__sitemap-1depth__link {font-size: clamp(16px, 2vw, 24px);color: #000;padding: 0 0 30px;display: block;}
.footer__sitemap-2depth {}
.footer__sitemap-2depth__link {display: block;font-size: clamp(14px, 1.5vw, 18px);color: #a6a6a6;padding: 0 0 10px;}
.footer__sitemap-2depth__link:hover {color:#000000; font-weight: 600;transition: all 0.3s cubic-bezier(0, 0, 0, 0.98);}
.footer__sitemap-2depth__link:last-child {padding: 0;}

/*sub_footer*/
.footer__sub .footer__info-addr {font-size: 14px;line-height: 1.6em;}
.footer__sub .footer__sitemap-2depth__link {display: block;font-size: 14px;color: #4c4c4c;padding: 0 0 6px;}
.footer__sub .footer__info-link__item img {width: 100px;}
.footer__sub .footer__sitemap-1depth__link {font-size: clamp(16px, 2vw, 18px);color: #000;padding: 0 0 14px;display: block;}
.footer__sub .footer__info-ttl {font-size: 16px;padding: 0 0 8px;}
.footer__sub .footer__logo {text-align: left;padding: 0 0 16px;}
.footer__sub .footer__logo img{width: 200px;}
.footer__sub .footer__info-tel {display: inline-block;font-size: 14px;line-height: 1.6em;padding: 0 10px 0 0;position: relative;}
.footer__sub .footer__info-copyright {font-size: 12px;}



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

@media screen and (max-width: 1400px) {
	.footer__sitemap-menu {gap: 10px;}
}

@media screen and (max-width: 1024px) {
	.footer__content {padding: 0 40px;}
}

@media screen and (max-width: 960px) {
	.footer {/* border-top: 1px solid #b9b9b9; */}
	.footer__content {padding: 0 20px;}
	.footer__con {gap: 20px;flex-direction:column-reverse}
	.footer__info {flex: 0 1 100%;display: flex;flex-wrap: wrap;}
	.footer__sitemap {flex: 0 1 100%;gap: 10px;margin-top: 10px;}
	.footer__sitemap-menu {gap: 0;line-height: 1.6em;}
	.footer__sitemap-menu.six .footer__sitemap-1depth {flex:0 1 100%;border-bottom: 1px solid #333;}
	.footer__sitemap-menu.six .footer__sitemap-1depth:last-child {border:0;}
	.footer__sitemap-1depth__link {padding: 10px 50px 10px 10px;display: block;position: relative;width: 100%;text-align: left;}
	.footer__sitemap-1depth__link::after {display: block;content: '';width: 15px;height: 15px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background: url('../img/plus.png') no-repeat center;background-size: contain;}
	.footer__sitemap-2depth {display:none;}
	.footer__sitemap-1depth.active .footer__sitemap-2depth {display:block;padding: 10px 20px;}
	.footer__sitemap-2depth__link {padding: 0 0 10px}

	.footer__logo img {width:300px;}
	.footer__info-con {flex: 0 1 calc(50% - 5px);}
	.footer__info-link__list {flex: 0 1 100%;max-width: unset;}
	.footer__info-link__item{max-width: 250px;}
	.footer__info-copyright {flex: 0 1 100%}

}

@media screen and (max-width: 768px) {
	.footer {padding: 20px 0;}
	.footer__logo img {width:250px;}
	.footer__info {gap: 10px;}
	.footer__info-con {padding:0;}
	.footer__info-link__list {gap: 5px;}
	.footer__info-link__item {flex: 0 1 calc(100% / 2 - 5px);padding: 8px 0;}
}

@media screen and (max-width: 640px) {
	.footer__logo img {width: 170px;}
	.footer__info-addr{/* min-height:46px; */line-height: 10px;}
	.footer__info-tel {display: block;line-height: 17px;}
	.footer__info-tel:after {display:none;}
	.footer__info-addr:after {display:none;}
	.footer__info-fax {display: block;padding:0;line-height: 17-x;}
	.footer__logo {padding: 0 0 15px;}
	.footer__info-link__item p {font-size: 13px;}

}

@media screen and (max-width: 500px) {
	.footer__info-con {flex: 0 1 calc(100% - 5px);}
}



/* page.css */
.nav-fixed {z-index: 100;position: fixed;top: 75px;width: 100%;background: #fff;box-shadow: 0px 0px 10px 3px #0000004d;}

.nav-list-wr {max-width: 1400px; margin: 0 auto;}
.nav-list-wr .nav-wrap .nav-ul{float:left;cursor: pointer;display: flex;flex-wrap: wrap;width: 100%;}
.nav-list-wr .nav-wrap .nav-ul li{position:relative;/* float:left; *//* min-width: 190px; */padding: 0px 20px;height: 60px;line-height: 48px;transition: 0.3s;flex:0 1 calc(100% / 6);border-bottom: 2px solid transparent}
.nav-list-wr .nav-wrap .nav-ul>li:hover{border-bottom: solid 5px #ed4e27;}
.nav-list-wr .nav-wrap .nav-ul li .nav_1a{display: block;font-size: 20px;color: #000;height: 60px;line-height: 60px;font-weight: 600;text-align: center;border-bottom: 2px solid transparent;}
.nav-list-wr .nav-wrap .nav-ul li .nav_1a::after{content:'';display:block;position:absolute;top: 50%;margin-top: -5px;right: clamp(20px,3vw,45px);width:12px;height: 10px;background: url('../img/sub/nav-plus_menu.png')no-repeat;}
.nav-list-wr .nav-wrap .nav-ul li .nav_1a.active::after{background: url('../img/sub/nav-plus_menu_active.png')no-repeat;}

.nav-list-wr .nav-wrap .nav-ul li ul{position:relative;display:none;position:absolute;top: 70px;left: 22px;z-index:10;border-radius: 5px;overflow: hidden;text-align: center;width: 88%;}
.nav-list-wr .nav-wrap .nav-ul li ul li{border-right:1px solid #e3e3e3;transition:0.3s;background:#fff;/* line-height: 60px; */height: 50px;}
.nav-list-wr .nav-wrap .nav-ul li ul li:hover{background: #f2efeb;}
.nav-list-wr .nav-wrap .nav-ul li ul li a{display:block;height: 50px;line-height: 50px;color:#000;font-size: 17px;font-weight: 600;border-bottom:1px solid #e3e3e3;}
.nav-list-wr .nav-wrap .nav-ul li ul li a.active{color:#ed4e27;}
.nav-list-wr .nav-wrap {justify-content: center;}

#sub-nav .sub_title {position: absolute;bottom: 0;background: #0f2037b3;width: 100%;}

#sub-nav .sub_title p {color: #fff;font-size: clamp(18px,2vw,22px);font-weight: 600;padding: 15px 0;}

.sub_text {line-height: 1.5em;}

@media screen and (max-width: 1500px) {
	#sub-nav .sub_title p {padding: 23px 20px;}

}

@media screen and (max-width: 1024px) {
	.nav-list-wr .nav-wrap .nav-ul li ul{width:100%; left:0}
	.nav-list-wr .nav-wrap .nav-ul li .nav_1a::after{right: 20px;}

}
	
@media screen and (max-width: 768px) {
	#sub-nav .sub_title  {display: none;}
	.nav-list-wr .nav-wrap .nav-ul li .nav_1a::after{display:none}
	.sub_text {line-height: 18px; font-size:14px}
}


#modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgba(0,0,0,.6);}
#modal__content {display: flex;flex-wrap: wrap;position: absolute;top: 54%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;/* padding: clamp(20px,4vw,60px); */background: #FFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.5);width: 920px;}
.modal__exit {position: absolute;width: clamp(40px,4vw,60px);height: clamp(40px,4vw,60px);top: 0px;right: 0px;font-size: 30px;font-weight: 300;background: #000;color: #FFF;text-align: center;z-index: 5;}
.modal__exit span {width: clamp(15px,1.5vw,30px);height: 3px;background: #FFF;display: block;margin: 0 auto;}
.modal__exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.modal__exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.modal__img {flex: 0 1 100%;text-align: center;}
.modal__img img {width:100%;max-width: 400px;}
.modal__ttl {flex: 0 1 100%;text-align: center;font-size: 16px;font-weight: 600;padding: 10px;}
.modal__media {width: 100%;position: relative;width: 100%;padding-bottom: 56.25%;}
.modal__media iframe {position: absolute;width: 100%;height: 100%;}

@media screen and (max-width: 920px) {
	#modal__content {width: 100%;}


}
.ex_img img{width: 100%;}





@media screen and (min-width: 768px){
	.main__visual {overflow: hidden;max-width: 100%;}
	.video {position: relative;padding-bottom: 56.25%; padding-top: 25px;width: 300%;left: -100%;}
	.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;pointer-events:none;}
}

@media screen and (max-width: 1450px){
	.video {padding-bottom: 75.25%; }
}

@media screen and (max-width: 960px){
	.video {padding-bottom: 56.25%; }
}

@media screen and (max-width: 767px){
	.video iframe {aspect-ratio: 16/9;pointer-events:none;}
}