/*header 헤더*/
#header {transition-duration: 0.5s;box-sizing:border-box;width:100%;z-index:99;}
#header .header-bg {padding:0 4%;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:end;position:relative;height:140px;background:#000;}
.logo-box {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.logo-box .main-logo {font-size:68px;font-family:"futura-pt-bold";color:#fff;}

header .menu-bg {
	max-width:2543px;
	margin:0 auto;
	box-sizing:border-box;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
}
.menu-flex , .menu-flex > div , header .menu-bg .main-menu {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
header .menu-bg .main-menu {z-index:3;}

/*모바일메뉴*/
.m-menu {display:none;}
.m-menu-con {
	position: fixed;
	width:100%;
	height:100vh;
	top:-1500px;
	right:0px;
	background:#fff;
	z-index: 9999;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	/*overflow-y:scroll;*/
	background:#000;
}

.m-menu-btn ul {display:flex;flex-direction:column;align-items:end;}
.m-menu-btn ul li {width:30px; height:3px; background:#fff;margin-bottom:7px;transition:0.5s;}
.m-menu-btn ul li:last-child {margin-bottom:0px;}
.m-menu-btn ul li:nth-child(2) {width:25px;}
.m-menu-btn ul li:nth-child(3) {width:30px;}
.m-menu-btn:hover ul li {width:30px;}

.m-menu .close {position:absolute;z-index:9999;display:block !important;top:15px;right:30px;color:#fff;font-size:24px;cursor:pointer;}
.m-menu .gnb-total-logo {padding:30px;}
.m-menu .gnb-total-logo img{width:100%;}
.m-menu .menu-title {padding:20px 30px;background:#000;}
.m-menu .menu-title > ul {display:flex;align-items:center;margin-right:30px;}
.m-menu .menu-title > ul li {margin-right:20px;}
.m-menu .menu-title > ul li:last-child {margin-right:0px;}
.m-menu .menu-title > ul li a {color:#fff;font-size:15px;}

.m-menu .gnb-total-menu {text-align:left;padding:30px;}
.m-menu .gnb-total-menu > li {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.2);}
.m-menu .gnb-total-menu > li:last-child {border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.m-menu .gnb-total-menu > li > a {position:relative;display:block;line-height:1.5 !important;}
.m-menu .gnb-total-menu > li > a:after {transition:0.2s;content:'';position:absolute;top:50%;right:10px;transform:translateY(-75%) rotate(45deg);width:10px;height:10px;border-right:2px solid rgba(255,255,255,0.8);border-top:2px solid rgba(255,255,255,0.8);}
.m-menu .gnb-total-menu > li.active > a {color:#fff;}
.m-menu .gnb-total-menu > li.active > a:after {transform:translateY(-35%) rotate(135deg);border-color:#fff;}
.m-menu .gnb-total-menu li a {color:rgba(255,255,255,0.8);font-size:26px;}
.m-menu .gnb-total-menu li a:hover {color:#fff;}
.m-menu .gnb-total-menu li a:hover:after {border-color:#fff;}
.m-menu .gnb-total-menu li ul {margin-top:10px;}
.m-menu .gnb-total-menu li ul a{display:inline-block;font-size:18px;cursor:pointer;color:rgba(255,255,255,0.8);transition:0.5s;}
.m-menu .gnb-total-menu li ul li {margin-bottom:10px;}
.m-menu .gnb-total-menu li ul li ul {border-bottom:1px solid #ccc;}
.m-menu .gnb-total-menu li ul li ul li a {background:#fff;font-size:14px;color:#717171;padding:5px 15px;border-bottom:none;}

.m-menu .m-menu-ft {padding:30px;}
.m-menu .m-menu-ft p {color:#fff;font-size:16px;margin-bottom:10px;padding-left:12px;position:relative;}
.m-menu .m-menu-ft p:after {content:'';position:absolute;top:11px;left:0px;width:4px;height:4px;background:rgba(255,255,255,0.5);display:block;}
.m-menu .m-menu-ft p:last-child {margin-bottom:0px;}

.m-menu.on .m-menu-con {top:0px;}
.scrollOff{position:fixed;overflow:hidden;height:100%;}
.m-menu-bg {background:rgba(0,0,0,0.8);width:100%;height:100vh;position:fixed;top:0;right:0;z-index:9998;display:none;transition: right 0.7s;cursor:pointer;}
.accordian li ul {display:none;}

.menu-flex, .menu-flex > div {display:block;}
.m-mian-menu-flex {display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:end;align-items:center;}
.m-main-menu-flex>div:first-child {margin-right:30px;}
.m-main-menu-flex > ul {display: flex;align-items:center;margin-right:30px;}
.m-main-menu-flex > ul li {margin-right:15px;}
.m-main-menu-flex > ul li:last-child {margin-right:0px;}


/* 메인 배너 시작 */
.main_banner {position:relative;position:relative;width: 100vw;left: calc(-50vw + 50%);/*height:65vh;*/}
.main_banner .swiper-slide {overflow:hidden;height:100%;}
.main_banner .swiper-slide img{width:100%;height:100%;object-fit:cover;}

.main_banner .swiper-button-prev {background:url('/theme/ondo/img/icon-prev.png') no-repeat center;width:14px;height:26px;background-size:14px;z-index:3;}
.main_banner .swiper-button-next {background:url('/theme/ondo/img/icon-next.png') no-repeat center;width:14px;height:26px;background-size:14px;z-index:3;}

.main_banner .swiper-button-next:after {display:none;}
.main_banner .swiper-button-prev:after {display:none;}

/*움직이는 마우스 이미지*/
.scroll_icon {position:absolute;z-index:2;bottom:60px;left:50%;transform:translateX(-50%);
	animation-name: scroll_down;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes scroll_down {
    0% {bottom: 100px;}
    50% {bottom: 60px;}
    100% {bottom: 100px;}
}

#footer {background:#000;display:flex;align-items:center;}
.ft_con {width:100%;margin:0 auto;padding:60px 0;text-align:center;}
.ft_con p {font-family:"futura-pt";color:#fff;font-size:15px;}

#top_btn {display:none;}
#move-top-btn {transition:0.5s;position:fixed;bottom:-100px;right:45px;z-index:2;width:60px;height:60px;background:rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#move-top-btn.on {bottom:45px;}
#move-top-btn:hover {background:rgba(255,255,255,1);}
#move-top-btn div {position:relative;}
#move-top-btn img {opacity:0.7;transition: opacity 0.3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#move-top-btn img.hover { opacity: 0;}
#move-top-btn:hover img.default {opacity:0;}
#move-top-btn:hover img.hover {opacity:1;}

.image-container {
            width: 300px; /* 이미지의 너비 */
            height: 200px; /* 이미지의 높이 */
            overflow: hidden;
        }
        .image-container img {
            width: 100%;
            height: auto;
            transition: opacity 0.3s ease; /* 부드러운 전환 효과 */
        }
        .image-container img.hover {
            opacity: 0; /* 기본 이미지 숨기기 */
        }
        .image-container:hover img.default {
            opacity: 0; /* 기본 이미지 숨기기 */
        }
        .image-container:hover img.hover {
            opacity: 1; /* hover 이미지 보이기 */
        }


/*.flex-box {display:flex;}
.section:nth-child(2n+2) {background:#111;}
.section .content {width:100%;margin:0 auto;padding:75px;} 
.section .flex-box > div:first-child {margin-right:75px;}
.section .inner {width:33.3333%;}
.section .con {width:66.6666%;}
.section .con img {width:100%;}
.section .title {margin-top:75px;margin-bottom:30px;}
.section .title h3 {font-size:20px;margin-bottom:10px;}
.section .title h2 {font-size:64px;}
.section p {font-size:20px;line-height:2;}
.section a {border:2px solid #fff;border-radius:50px;width:170px;padding:5px;display:flex;align-items:center;justify-content:center;margin-top:115px;transition:0.5s;}
.section a:hover {background:#333;border:2px solid #333;}
.section a p {font-size:16px;color:#fff;font-family:'Pretendard-Bold';}
.section a img {margin-left:27px;}*/

.section01 {margin-top:75px;}

.sub-wr {max-width:1340px;margin:0 auto;}
.sub-wr .zul {background:#cdcdcb;opacity:0.5;width:100%;max-width:800px;height:1px;margin:0 auto;margin-top:70px;margin-bottom:70px;}

.about-con {text-align:center;margin-top:100px;}
.about-con h2 {font-size:18px;color:#fff;font-family: "source-han-serif-korean", serif;font-weight: 400;font-style: normal;margin-bottom:15px;}
.about-con p {font-size:20px;font-family:"futura-pt", sans-serif; font-weight: 400; font-style: normal;margin-bottom:50px;color:#cdcccb;}
.about-con span {font-size:16px;display:block;margin-bottom:100px;color:#cdcccb;}
.about-con span.span_01 {margin-bottom:30px;}
.about-con img {width:100%;}

.contact-con {text-align:center;margin-top:100px;}
.contact-con h2 {font-size:24px;font-family:"myriad-pro", sans-serif;font-weight: 700;font-style: normal;margin-bottom:60px;}
.contact-con p {font-size:16px;color:#cdcccb;}
.contact-con > p {letter-spacing:-0.25;}
.contact-con div {display:inline-block;}
.contact-con a {display:flex;align-items:center;justify-content:center;margin-top:15px;}
.contact-con a img {margin-right:10px;opacity:0.8;transition:0.5s;width:26px;}
.contact-con a p {font-size:16px;font-family: "myriad-pro", sans-serif;font-weight: 400;font-style: normal;transition:0.5s;color:#cdcccb;width:172px;}
.contact-con a:hover img {opacity:1;}
.contact-con a:hover p {color:#fff;}
.contact-con a:last-child {margin-top:7px;}
.contact-con a:last-child img {width:20px;}
.address-con {text-align:center;}
.address-con p {font-size:16px;color:#cdcccb;}
.address-con div {display:inline-flex;align-items:start;margin-top:20px;}
.address-con div p {text-align:left;margin-left:10px;color:#cdcccb;line-height:1.3;}
.address-con div img {width:13px;margin-top:4px;}

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

}

@media screen and ( max-width:1310px ) {
	#header .header-bg {width:100%;}
	
	#hd, #wrapper, #ft {min-width:100%;}
	#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100% !important;}
	
	.logo-box .main-logo {font-size:56px;}
	.gnb_1da {font-size:20px;}
	
}	

@media screen and ( max-width:1020px ) {
	#gnb_1dul {display:none;}
	.m-menu {display:block;}
	#header .header-bg {height:80px;}
	
	.section01 {margin-top:50px;}

	.sub-wr .zul {margin-top:50px;margin-bottom:50px;}

	.contact-con {text-align:center;}
	.contact-con a {margin-top:20px;}
	.contact-con a img {margin-right:15px;width:26px;}
	.contact-con a:last-child img {width:20px;}
	.address-con div {margin-top:10px;}
}


@media screen and ( max-width:720px ) {
	.logo-box .main-logo {font-size:36px;}
	.ft_con p {font-size:15px;}
	
	#container {margin:0 0 50px 0 !important;}
	
	.about-con, .contact-con {margin-top:50px;}
}

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

	#move-top-btn {right:20px;width:45px;height:45px;}
	#move-top-btn.on {right:20px;bottom:20px;}
	#move-top-btn img {width:14px;}
	
	.main_banner .swiper-button-prev {left:15px;width:11px;height:20px;background-size:11px;}
	.main_banner .swiper-button-next {right:15px;width:11px;height:20px;background-size:11px;}
	

	.scroll_icon {bottom:30px;}
	.scroll_icon img {width:15px;}
	@keyframes scroll_down {
		0% {bottom: 40px;}
		50% {bottom: 20px;}
		100% {bottom: 40px;}
	}
	
	.about-con h2 {font-size:18px;}
	.about-con p {font-size:20px;margin-bottom:30px;}
	.about-con span {font-size:16px;margin-bottom:70px;}
	.about-con span br {display:none;}

	.contact-con h2 {font-size:22px;margin-bottom:30px;}
	.contact-con p {font-size:16px;}
	.contact-con a img {margin-right:10px;width:22px;}
	.contact-con a:last-child {margin-top:10px;}
	.contact-con a:last-child img {width:16px;}
	.contact-con a p {font-size:16px;width:153px;line-height:1;}
	.address-con p {font-size:16px;}
	.address-con div {margin-top:10px;}
	.address-con div p {margin-left:10px;}
	.address-con div img {width:10px;margin-top:3px;}
}