.wide .txtbox {box-sizing:border-box;}
.wide .txtbox p {
	font-family:'NanumSquare'!important; margin:0; font-weight:400; color:#111; line-height:1.75em; word-break:keep-all; letter-spacing:-0.015em;
}
.title-wrap span {color:#1244c3; text-transform:inherit; letter-spacing:0.1em; font-family: 'Maven Pro'; font-weight: 900;}
.wide .title-wrap h1,.title-wrap .title {color:#151515; text-transform:inherit; letter-spacing:0.025em; margin:0; padding:15px 0 0;}

a.link-btn {
	font-family:'Maven Pro','NanumSquare'; display:inline-block; background:#fff; color:#000; font-size:16px; letter-spacing:0.05em ;padding:2px 16px; line-height:38px; box-sizing:border-box; font-weight:600; border: 1px solid #000; min-width: 150px; position: relative;}
a.link-btn:hover { transition:.3s;background: #1244c3; color: #fff; border: 1px solid #1244c3; }
a.link-btn-2 {
	font-family:'Maven Pro','NanumSquare'; display:inline-block; background:transparent; color:#fff; font-size:16px; letter-spacing:0.05em ;padding:2px 16px; line-height:38px; box-sizing:border-box; font-weight:600; border: 1px solid #fff; min-width: 150px; position: relative;}
a.link-btn-2:hover { transition:.3s;background: #fff; color: #000; border: 1px solid #fff; }
a.link-btn::after {content:""; background: url(../images/comm/btn-light-arrow.png) no-repeat 0px 0px;display: inline-block; width: 6px; height: 10px; background-size: contain; position: absolute; right: 20px; top: 50%; transform:translate(-50%,-50%);}
a.link-btn:hover:after {content:""; background: url(../images/comm/btn-w-light-arrow.png) no-repeat 0px 0px;display: inline-block; width: 6px; height: 10px; background-size: contain;}

.bottom .title-wrap {text-align:center;}
.bottom .title-wrap .title::before {margin:10px auto;}

@media (min-width:320px) {
	.wide {display:block;}
	.wide > div {display:block; width:100%; }
	.wide .txtbox {padding:30px;}
	.wide .title-wrap span {font-size:13px;}
	.wide .title-wrap h1, .title-wrap .title {font-size:30px;}
	.wide .txtbox p {max-width:100%; padding:10px 0;}
}

@media (min-width: 768px) {
	.media-slider button.slick-arrow {display:inline-block!important;}
	.wide > div {display:table-cell; vertical-align:middle; width:50%;}
	.media-list .thumb {height:150px; }
}


@media (min-width:1180px) {
	.wide {width:100%; display:table;}
	.wide .txtbox {padding:50px;}
	.wide .txtbox p { padding:10px 0 10px;}
	.wide .title-wrap span {font-size:1.1em;}
	.wide .title-wrap h1,.title-wrap .title {font-size:45px; }
	a.link-btn {padding:4px 20px; line-height:50px; min-width: 200px;}
	a.link-btn-2 {padding:4px 20px; min-width: 200px;}
}

@media (min-width:1420px) {
	.wide .txtbox { padding:100px 80px;}
	.wide .txtbox p {font-size:18px; max-width:65%; }
	.title-wrap span {font-size:20px; }
	.wide .title-wrap h1,.title-wrap .title {font-size:54px; }
}
/* sitemap slide */
.menu-right {display:none}
.btn_all_menu {display:none;}
.btn_sitemap {display:none}
.allMenuWrap {display:none}
.btn-language {display:none;}

@media(min-width:1600px) {
	.rd-navbar-static .menu-right {display:block; width:110px; height:110px; position: absolute; top: 0; right: 0; background: linear-gradient(to right, #19d1af 0%, #1e6cff 100%);}
    .rd-navbar-inner.load.ov .menu-right {background: linear-gradient(to right, #19d1af 0%, #1e6cff 100%);}
	.menu-right {display:block; width:90px; height:90px; position:relative; transition:all .3s ease-in-out;}
	.menu-right .btn_sitemap {display:block; width:90px; height:90px; transform: translate(-51%,-51%); left:50%; top:50%; position:absolute; z-index:999;}
	.allMenuWrap {z-index: 99;position: absolute;width: 100%;right: -100%;top: 0;box-sizing:border-box;background-color:rgba(0, 0,0, .8);transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out; opacity:0;}
	.allMenuWrap.active {right: 0;  opacity:1; display:block;}
	.allMenuWrap .allMenuWrap_inner {display: table;table-layout: fixed;height: 100%;width: 100%;}
	.allMenuWrap .allMenu_inner{/*display: table-cell;*/vertical-align: top;height: 100%;padding:0; /*overflow-y: auto;*/}
	.allMenu{}
	.allMenu {font-size: 0; height:100%;}
	.allMenu > li {display:inline-block; width:20%; vertical-align: top;color: #fff;box-sizing:border-box;text-align: left;margin-bottom: 30px; height:100%; border-left:1px solid rgb(255,255,255,.3); padding-top:10%; transition:all .2s ease-in-out}
	.allMenu > li:last-child {margin-bottom: 0;}
	.allMenu > li:last-child {margin-right: 0;}
	.allMenu > li > p {display: none;font-weight: bold;}
	.allMenu > li > a {font-weight: 500; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out; transition:all .4s ease-in-out; position:relative; text-align:center;}
	.allMenu > li > a:after {left: 50%; transform:translate(-50%,0); content:'';position: absolute;width: 0;bottom: 0;height: 100%;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
  .allMenu > li:hover {/*background:rgba(0,0,0,.9);*/}
	.allMenu > li:hover > a {color: #fff;}
	/*
	.allMenu > li:hover > a:after {content:''; display:block; width: 50%; background:#fff; position:absolute; bottom:0; color:#fff; z-index:-1}
	*/
	.allMenu > li > a span {position: absolute;line-height: 14px;font-weight: bold;color: #004ea2;left: 0;top: 0;}
	.allMenu .dep2 {padding-top:40px; text-align:center;}
	.allMenu .dep2 > li {display:block;}
	.allMenu .dep2 > li > a{line-height:30px; color:#fff; padding:10px 0; display:block;transition:all ease .3s}
	.allMenu .dep2 > li > a:hover {color: #fff; display:block; padding:10px 0; font-weight: 500; background:#1e6cff; width:100%}
	.allMenu .dep3 {margin-top: 4px;}
	.allMenu .dep3 > li > a{line-height: 30px;font-weight: 300;color: #646464;}
	.allMenu .dep3 > li > a:before{content:'-';margin-right: 4px;}
	.allMenu > li  a{display:block;vertical-align: top; color:#fff;}
	.amDim {display: none; position: absolute; width: 100%; background-color: rgba(0,0,0,.5); right: 0; top: 0; z-index: 98;}


	.btn_all_menu {z-index:100; display:block; position:absolute; width:31px; height:31px; top: 50%; left:50%; transform:translate(-50%,-50%);}
	.btn_sitemap .on {z-index:100; position:absolute; width:31px; height:31px; left:0; top:50%; transform:translate(-51%,-51%); display:block;}
	.btn_all_menu div {position:absolute; width:7px; height:7px;}
	.btn_all_menu div:nth-child(2) {position:absolute; width:7px; height:7px; right:0;}
	.btn_all_menu div:nth-child(3) {position:absolute; width:7px; height:7px; left:12px;}
	.btn_all_menu.on div {display:none}
	.btn_all_menu.on div:nth-child(2) {display:block; position:absolute; width:31px; height:31px;}
	.btn_all_menu.on div:nth-child(3) {display:none}

	.rd-navbar-static .ov .btn_all_menu span{background-color: #fff;}

	.btn_all_menu span{position:absolute; right:0; width:8px; height:8px; border-radius: 50%; background-color:#fff; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
	.btn_all_menu span.barTop{top: 0; background:#fff;}
	.btn_all_menu span.barMid{top: 12px; background:#fff;}
	.btn_all_menu span.barBot{top: 24px; background:#fff;}
	.btn_all_menu.on .barTop{width: 100%; transform:rotate(45deg);-webkit-transform:rotate(45deg); top:12px; background:#333; width:31px; height:3px; border-radius: 0;}
	.btn_all_menu.on .barBot{width: 100%; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:12px; background:#333; width:31px; height:3px; border-radius: 0;}
	.btn_all_menu.on .barMid {width: 0;}
}


.scroll-item {
    display: none;
	opacity:1;
	position:absolute;
	left:50%;
	top:83vh;
	transform:translate(-50%, -50px);
	z-index:1;
	color:#fff;
	font-size:10px;
	font-weight:600;
	letter-spacing:0em;
	transition:0.3s;
}
.scroll-item > span:before {
	display:block;
	width:24px;
	height:38px;
	margin:0 auto 6px;
	border-radius:12px;
	content:"";
	border:2px solid #fff;
}
.scroll-item > span:after {
	width:4px;
	height:4px;
	border-radius:100%;
	background:#fff;
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:10px;
	margin-left:-2px;
	animation: scroll-wheel 1.6s ease-out infinite both;
}
@keyframes scroll-wheel {
	0% {
		transform:translateY(0); 
		opacity:1; 
	}
	50% {
		transform:translateY(6px); 
		opacity:0; 
	}
	100% {
		transform:translateY(0); 
		opacity:1; 
	}
}
.main-swiper .swiper-slide .main-vidWrap {
    background-size: cover!important;
    height: 70vh;
    overflow: hidden;
    position: relative;
    background-position: 70% !important;
}
.main-swiper .swiper-slide .main-vidWrap:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 100%);
}
.main-swiper .swiper-slide .main-vidWrap:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient( to bottom, rgba(3,13,27,0) 30%, rgba(3,13,27,0.3) 55%, #030d1b 90%, #030d1b 100%);
    z-index: 1;
}
.main-swiper .swiper-slide.soft-border-bg .main-vidWrap:before{
    background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);
}
.main-swiper .swiper-slide.soft-border-bg .main-vidWrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 26%;
    background: linear-gradient(
        to bottom,
        rgba(3,13,27,0) 0%,
        rgba(3,13,27,0.3) 50%,
        rgba(3,13,27,0.7) 85%,
        #030d1b 100%
    );
    z-index: 1;
}

.main-swiper .swiper-slide .main-vidWrap video{position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.main-swiper .swiper-slide1 .main-vidWrap {  background: url("../images/main/main-visual-img4.jpg") no-repeat center;}
.main-swiper .swiper-slide2 .main-vidWrap { background: url("../images/main/main-visual-img5.jpg") no-repeat center; }
.main-swiper .swiper-slide3 .main-vidWrap { background: url("../images/main/main-visual-img6.jpg") no-repeat center;}
.main-slogan{position: absolute; bottom: 20px; left: 20px; transform: translate(0%, 0%);color: #000;  text-align: left; z-index: 2; width: 90%; font-family: 'play'; word-break: keep-all;}
.main-slogan .ms-2{color: #bdbab1;}
.main-slogan .slogan-middle-txt{color: #999; font-weight: 300;} 
.main-swiper-button{display: none;}
.br-txt{display: block;}
.main-visual-frame{position: relative; background: #030d1b;}
@media(min-width:992px) {

}
@media(min-width:1200px) {
    .main-swiper .swiper-slide .main-vidWrap {height: 100vh;}

}
@media(min-width:1440px) {
    .main-slogan{position: absolute; top: calc(70% - 0px); left: calc(50% + 60px); transform: translate(-50%, -50%); color: #000; width: 100%; text-align: left;}
    .main-swiper-button{display: block;}
    .br-txt{display: inline-block;}
}

.main-slogan .slogan-big-txt{font-size: 26px; /*text-shadow: 2px 2px 4px rgba(0,0,0,0.2);*/ color: #fff; font-weight: 700; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}
.main-slogan .slogan-middle-txt{font-size: 14px; /*text-shadow: 2px 2px 4px rgba(0,0,0,0.2)*/ text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); color: #fff;}
.main-slogan .slogan-mini-txt{color: #fff; font-size: 12px; text-shadow: 2px 2px 3px #959595;}
@media(min-width:992px) {
    .main-slogan .slogan-big-txt{font-size: 50px;}
    .main-slogan .slogan-middle-txt{font-size: 20px;}
    .main-slogan .slogan-mini-txt{color: #bdbab1; font-size: 16px; text-shadow: none;}
    .scroll-item{display: block;}
}
@media(min-width:1440px) {
    .main-slogan .slogan-big-txt{font-size: 60px;}
}

.main-menu-box .main-menu-list{width: 100%;}
.main-menu-box .main-menu-list a{display: block; padding: 30px 20px; font-weight: 700;}
.main-menu-box .main-menu-list.mml-1 a{background: linear-gradient(45deg, rgba(195, 13, 35, 0.8), rgba(195, 13, 35, 1)); color: #fff;}
.main-menu-box .main-menu-list.mml-1 a:after{content: ""; display: inline-block; width: 12px; height: 12px; border-color: #fff; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); vertical-align: middle; margin-bottom: 3px; margin-left: 20px;}
.main-menu-box .main-menu-list.mml-2 a{background: rgba(255,255,255,0.8); color: #b62538; border-bottom: 1px solid #c61d31;}
.main-menu-box .main-menu-list.mml-2 a:after{content: ""; display: inline-block; width: 12px; height: 12px; border-color: #b62538; border-top: 2px solid #b62538; border-left: 2px solid #b62538; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); vertical-align: middle; margin-bottom: 3px; margin-left: 20px;}
.main-menu-logo{display: none;}
@media(min-width:992px) {
    .main-menu-box{position: absolute; width: 100%; left: 0; bottom: 0; z-index: 2; font-size: 0;}
    .main-menu-box .main-menu-list{width: calc(100%/2); display: inline-block; position: relative;}
    .main-menu-box .main-menu-list a{padding: 45px 50px;}
    .main-menu-logo{display: block;position: absolute; bottom: 0; right: 0;}
}
@media(min-width:1919px) {
    .main-menu-box .main-menu-list.mml-1 a{padding-left: 240px;}
    .main-menu-box .main-menu-list.mml-2 a{border-bottom: 0;}
}

.main-slider .slick-slide .main-vidWrap {
    width: 100%;
    height: 845px;
    background-size: cover !important;
    transform: scale(1.1);
    transition: transform 3s ease-in-out;
}

.main-slider .slick-slide.slick-current .main-vidWrap {
    transform: scale(1.0);
}

#myvideo::-webkit-media-controls {
    display: none !important;
}
#myvideo::-webkit-media-controls-enclosure {
    display: none !important;
}
#myvideo::-webkit-media-controls-panel {
    display: none !important;
}

/*메인공통*/
.play-txt{font-family:'play'!important;}
.main-title-eng{font-weight: 800; text-transform:uppercase; padding-bottom: 10px;}
.main-title{font-weight: 800;}
.br-txt{display: inline;}
.over-hidden{overflow: hidden;}
.keep-all{word-break: keep-all;}
@media(min-width:992px) {
    .br-txt{display: block;}
    .main-title{margin-top: 30px;}
}


/* 메인 움직이는 효과*/
/*.main-vidWrap:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.6) 40%);}*/
.main-vidWrap {
    width: 100%;
    height: 100vh; /* 화면 꽉 채우기 */
    background-size: cover;
    background-position: center;
    transform: scale(1.1); /* 처음에는 약간 확대된 상태 */
    transition: transform 4s ease-out; /* 부드러운 크기 변화 */
    position: relative;
}

/* 활성화된 슬라이드에서 원래 크기로 줄어듦 */
.main-swiper .swiper-slide-active .main-vidWrap {
    transform: scale(1.0);
}


.main-swiper .swiper-slide-active .slogan-middle-txt {
    opacity: 1;
    transform: translateY(0);
}
@media(min-width: 768px) {
    .main-vidWrap:before{content: none;}
}
.main-map .cont{display: none;}


/*메인 특이한 레이아웃*/
.main-visual-frame .main-right-con{margin: 20px 20px 0 20px;}
@media(min-width: 1200px) {
}


/*메인쪽 행사안내*/
.main-right-con .main-event-top{background: #fafafa; padding: 20px; border-radius: 30px; overflow: hidden;}
.main-right-con .main-event-top .main-event-con{position: relative;}
.main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-prev, .main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-next{position: absolute; right: 37px; top: -55px; margin-top: 0; left: auto; margin: 0;}
.main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-prev{right: 60px; transform: rotate(0deg);}
.main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-next{right: 0px; transform: rotate(0deg);}
.main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-prev:after, .main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-next:after{content: ""; display: inline-block; width: 16px; height: 16px;  border-color: #949494; border-top: 2px solid #949494; border-left: 2px solid #949494}
.main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-prev:after{; -webkit-transform: rotate(316deg); -moz-transform: rotate(316deg);  -ms-transform: rotate(316deg);  -o-transform: rotate(316deg); transform: rotate(316deg);}
.main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-next:after{ -webkit-transform: rotate(316deg); -moz-transform: rotate(139deg);  -ms-transform: rotate(139deg);  -o-transform: rotate(139deg); transform: rotate(139deg);}
.main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-prev:before{content: ""; position: absolute; right: 0; top: calc(50% - 10px); width: 1px; height: 20px; background: #bbb; transform: translateX(-50%);}


.main-visual-frame .main-right-con .main-event-top .swiper-container{overflow: visible;}
.main-event-top .main-event-con .main-event-left{text-align: center;}
.main-event-top .main-event-con .main-event-right{margin-top: 20px!important; background: #fafafa;}
.main-event-top .main-event-con .main-event-left .month-circle{width: 90px; height: 90px; border-radius: 50%; background: #b12e55; color: #fff; position: relative; margin: 0 auto;}
.main-event-top .main-event-con .main-event-left .month-circle .event-month-number{font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main-event-top .main-event-con .main-event-left .month-circle .event-month-number .event-month{font-size: 15px;}
.main-event-right .event-day{display: inline-block; width: 40px; text-align: center; vertical-align: middle;}
.main-event-right .event-txt{display: inline-block; width: calc(100% - 84px); margin-left: 20px; vertical-align: top; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-event-right li + li{margin-top: 8px;}
.main-event-right li:hover .event-txt{color: #b12e55;}
@media(min-width: 992px) {
    .main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-prev, .main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-next{top: -70px;}
    .main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-prev:after, .main-visual-frame .main-right-con .main-event-top .main-event-con .swiper-button-next:after{content: ""; width: 20px; height: 20px; border-top: 3px solid #949494; border-left: 3px solid #949494}
}
@media(min-width: 1200px) {
    .main-right-con .main-event-top{padding: 30px;}
    .main-event-top .main-event-con .main-event-left{width: 25%; display: inline-block; vertical-align: middle;}
    .main-event-top .main-event-con .main-event-right{width: calc(100% - 25% - 24px); margin-left: 20px!important; margin-top: 0!important; display: inline-block; vertical-align: middle; height: 160px; overflow: auto;}
    .main-event-top .main-event-con .main-event-left .month-circle{width: 100px; height: 100px;}
    .main-event-top .main-event-con .main-event-left .month-circle .event-month-number{font-size: 20px;}
    .main-event-top .main-event-con .main-event-left .month-circle .event-month-number .event-month{font-size: 18px;}
}
@media(min-width: 1440px) {
    .main-event-top .main-event-con .main-event-left .month-circle{width: 120px; height: 120px;}
    .main-event-top .main-event-con .main-event-left .month-circle .event-month-number{font-size: 24px;}
    .main-event-top .main-event-con .main-event-left .month-circle .event-month-number .event-month{font-size: 20px;}
}


.main-top-tab-box { display: flex; gap: 2px; align-items: center; }
.main-top-tab { padding: 15px 15px 10px 15px; cursor: pointer; border-radius: 20px 20px 0 0; background-color: #f1f1f1; color: #aaa; }
.main-top-tab.active { background-color: #343465; color: #fff; }
.main-top-tab-content { padding: 20px; border: 2px solid #343465; background: #343465; border-radius: 0 30px 30px 30px;}
.main-top-tab-content .tab-post-box{padding: 0!important;}
.main-top-tab-box .main-more-btn {margin-left: auto; width: 36px; height: 36px; padding: 5px 13px; background-color: #7b7b7b; color: #fff; border: none; cursor: pointer; border-radius: 10px;}
.tab-post-box .tab-post-list  + .tab-post-list {margin-top: 16px;}
.tab-post-box .tab-post-list .tab-post-lnk .tab-post-calss{display: none;}
.tab-post-box .tab-post-list .tab-post-lnk .tab-post-title{display: inline-block; vertical-align: middle; width: calc(100% - 59px); margin: 0 10px 0 0; color: #fff; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tab-post-box .tab-post-list .tab-post-lnk .tab-post-date{display: inline-block; vertical-align: middle; width: 45px; color: #b3b3b3;}
@media(min-width: 600px) {
    .main-top-tab-box {gap: 6px;}
    .main-top-tab { padding: 16px 25px 9px 25px;}
    .main-top-tab-box .main-more-btn{width: 42px; height: 42px; padding: 9px 16px; margin-right: 15px;}
    .tab-post-box .tab-post-list .tab-post-lnk .tab-post-calss{width: 90px; text-align: center; background: #fff; padding: 8px 10px; display: inline-block; vertical-align: middle; border-radius: 20px; color: #343465; font-weight: 800;}
    .tab-post-box .tab-post-list .tab-post-lnk .tab-post-title{width: calc(100% - 68px);  margin: 0 10px; }
    .tab-post-box .tab-post-list  + .tab-post-list {margin-top: 25px;}
}
@media(min-width: 992px) {
    .main-top-tab-content { padding: 25px; height: 285px; }
}
@media(min-width: 1200px) {
   .main-top-tab { padding: 16px 15px 9px 15px;}
}
@media(min-width: 1440px) {
     .main-top-tab { padding: 16px 25px 9px 25px;}
}

/* Quick menu*/
.main-quick-box {font-size: 0;}
.main-quick-box .main-quick-title{text-align: center;}
.main-quick-box .main-quick-con{margin-top: 20px!important; padding: 0!important;}
.main-quick-box .main-quick-con .main-quick-list{display: inline-block; width: calc(100% / 2);}
.main-quick-box .main-quick-con .main-quick-list .main-quick-lnk{display: block;}
.main-quick-box .main-quick-con .main-quick-list .main-quick-img{width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; background: #f3f5ff; position: relative; transition: transform 1s; transform-style: preserve-3d;}
.main-quick-box .main-quick-con .main-quick-list:nth-child(n+3){margin-top: 20px;}
.main-quick-box .main-quick-con .main-quick-list .main-quick-img img{position: absolute; top: 50%; left: 50%; transform: translate(-50.5%, -50.5%); max-width: 38px;}
.main-quick-box .main-quick-con .main-quick-list:hover .main-quick-img {transform: rotateY( 360deg ); transition: transform 1s;}
.main-quick-box .main-quick-con .main-quick-list:hover .main-quick-stxt{color: #7283c5;}
@media(min-width: 768px) {
    .main-quick-box .main-quick-con .main-quick-list{display: inline-block; width: calc(100% / 3);}
    .main-quick-box .main-quick-con .main-quick-list:nth-child(n+3){margin-top: 0px;}
    .main-quick-box .main-quick-con .main-quick-list:nth-child(n+4){margin-top: 20px;}
}
@media(min-width: 992px) {
    .main-quick-box .main-quick-title{width: 15%; display: inline-block; vertical-align: middle; text-align: left;}
    .main-quick-box .main-quick-con{width: calc(85% - 20px); margin-left: 20px; display: inline-block; vertical-align: middle; margin-top: 0!important;}
    .main-quick-box .main-quick-con .main-quick-list{width: calc(100% / 5);}
    .main-quick-box .main-quick-con .main-quick-list .main-quick-img{width: 130px; height: 130px;}
    .main-quick-box .main-quick-con .main-quick-list .main-quick-img img{max-width: 75px;}
    .main-quick-box .main-quick-con .main-quick-list:nth-child(n+4){margin-top: 0px;}
}



/*스크롤 막대효과*/
.mouse_scroll{display: none;}
@media(min-width:1400px) {
    .mouse_scroll { position: absolute; bottom: 0%;  left: 50%;  transform: translateX(-50%);  z-index: 10; display: flex; flex-direction: column; align-items: center;}
    .mouse_scroll .mouse {color: #fff; font-weight: 600; margin-bottom: 15px; display: block; opacity: 0.6;}
    .mouse_scroll .line {width: 1px; height: 70px; background: rgba(255, 255, 255, 0.4); position: relative; overflow: hidden;}
    .mouse_scroll .line .line-on { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 1); transform: translateY(-100%); animation: scrollEffect 1.5s infinite ease-in-out;}
    @keyframes scrollEffect {
        0% {
            transform: translateY(-100%);
        }
        50% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(100%);
        }
    }
} 


/* 포인트 움직이는 효과 시작*/
@keyframes float-up-down {
  0% { transform: translateY(0); }
  50% { transform: translateY(-40px); }
  100% { transform: translateY(0); }
}

@keyframes float-down-up {
  0% { transform: translateY(0); }
  50% { transform: translateY(40px); }
  100% { transform: translateY(0); }
}


/* 인트로 */
.intro-bg { position: fixed; inset: 0; background: #fff; /*background: url(../images/main/intro-bg.jpg) center center / cover no-repeat;*/ z-index: 9999; overflow: hidden; will-change: opacity; transform: translateZ(0); backface-visibility: hidden;}
.intro-bg .intro-stage { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.intro-bg .intro-zoom { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 28px; transform-origin: center center; will-change: transform; transform: translateZ(0); backface-visibility: hidden;}
.intro-bg .reveal { position: relative; display: block; opacity: 1; --mask-size: 0%; will-change: transform, opacity;}
.intro-bg .reveal-down { -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 var(--mask-size), transparent var(--mask-size), transparent 100% ); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-image: linear-gradient(  to bottom,  #000 0%,  #000 var(--mask-size),  transparent var(--mask-size),  transparent 100%); mask-repeat: no-repeat; mask-size: 100% 100%;}
.intro-bg .reveal-up {-webkit-mask-image: linear-gradient( to top, #000 0%, #000 var(--mask-size), transparent var(--mask-size), transparent 100%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%;
 mask-image: linear-gradient( to top, #000 0%, #000 var(--mask-size), transparent var(--mask-size),  transparent 100%); mask-repeat: no-repeat; mask-size: 100% 100%;}
.intro-bg .reveal-top { width: 350px; max-width: 65vw;}
.intro-bg .reveal-logo { width: 550px; max-width: 80vw;}
.intro-bg .reveal-bottom { width: auto; text-align: center; line-height: 1.4; word-break: keep-all; letter-spacing: 0.02em; font-weight: 800!important;}

@media (max-width: 1200px) {
  .intro-zoom { gap: 22px; padding: 0 24px;}
  .intro-bg .reveal-top {width: 220px;}
  .intro-bg .reveal-logo {width: 420px;}
}

@media (max-width: 768px) {
  .intro-zoom { gap: 18px; padding: 0 20px;}
  .intro-bg .reveal-top { width: 180px; }
  .intro-bg .reveal-logo {width: 300px;}
}


/* 공통으로 들어가는 흐르는 글씨 효과 */
/* 공통 */
.txt-reveal,
.txt-reveal-scroll {
  opacity: 0;
}

.txt-reveal.show,
.txt-reveal-scroll.show {
  opacity: 1;
}

.txt-reveal .char,
.txt-reveal-scroll .char {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
  backface-visibility: hidden;
}

.txt-reveal.show .char,
.txt-reveal-scroll.show .char {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* swiper 전용 */
.txt-reveal-swiper {
  opacity: 1;
}

.main-visual-frame:not(.motion-ready) .txt-reveal-swiper {
  visibility: hidden;
}

.main-visual-frame.motion-ready .txt-reveal-swiper {
  visibility: visible;
}

.txt-reveal-swiper .char {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
  backface-visibility: hidden;
}

.txt-reveal-swiper.show .char,
.txt-reveal-swiper.show-now .char {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.txt-reveal-swiper.show-now .char {
  transition: none !important;
}


/* 메인 짤림현상 수정 */
.main-swiper,
.main-swiper .swiper-wrapper,
.main-swiper .swiper-slide {width: 100%;}
.main-swiper .swiper-slide {overflow: hidden;}
.main-swiper.swiper-fade .swiper-slide {pointer-events: none;}
.main-swiper.swiper-fade .swiper-slide-active {pointer-events: auto;}
.main-vidWrap { width: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}


/* main-con1*/
.main-con1{overflow: hidden; position: relative; padding: 80px 0 0; background: #030d1b; word-break: keep-all;}
.main-con1 .title-55size{font-size: 25px;}
.main-con1 .txt-reveal-scroll br{display: none;}
.main-con1 .con1-left-txt{width: 100%; word-break: keep-all;}
.main-con1 .border-tit{border: 2px solid #000; padding: 4px 14px; font-weight: 700; display: inline-block;}

.main-con1 .con1-left-01{display: none;}
.main-con1 .con1-right-01{display: none;}

.main-con1 .main-bg{ position: absolute; left:0; top:0; width:100%; height:100%; background: url(../images/main/main-bg-wave.png) center bottom no-repeat; background-size: cover; opacity:0.3;  z-index:1;}
.main-con1 .container-2{ position: relative; z-index:2;}
.main-con1 .con1-right .con1-right-01 { animation: float-up-down 3s ease-in-out infinite;}
.main-con1 .con1-right .con1-right-02 { animation: float-down-up 3s ease-in-out infinite;}

.main-con1 .main-video-link{ position: relative; display: inline-flex; align-items: center; justify-content: flex-start; min-width: 200px; padding: 20px 80px 20px 35px; border: 2px solid #fff; border-radius: 999px; overflow: hidden; text-decoration: none; color: #fff; background: transparent; transition: transform .4s ease, box-shadow .4s ease, border-color .45s ease, color .45s ease;}
.main-con1 .main-video-link:hover{ transform: translateY(-3px); border-color: #4478e7; box-shadow: 0 10px 30px rgba(68,120,231,.28);}
.main-con1 .main-video-link::before{ content: ""; position: absolute; top: -2px; bottom: -2px; left: -45%; width: 160%; background: #4478e7; transform: translateX(-100%) skewX(-32deg); transform-origin: left center; transition: transform .75s cubic-bezier(.22,1,.36,1); z-index: 0;}
.main-con1 .main-video-link:hover::before{transform: translateX(0) skewX(-32deg);}
.main-con1 .main-video-link::after{ content: ""; position: absolute; top: 0; left: -130%; width: 52%; height: 100%; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.22) 50%, rgba(255,255,255,0) 100%); transform: skewX(-32deg); transition: left .9s ease; z-index: 1; pointer-events: none;}
.main-con1 .main-video-link:hover::after{left: 130%;}
.main-con1 .main-video-link .main-video-txt{ position: relative; z-index: 3; color: #fff; line-height: 1; white-space: nowrap; transition: color .35s ease;}
.main-con1 .main-video-link:hover .main-video-txt{color: #fff;}
.main-con1 .main-video-link .main-video-icon{ position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; border-radius: 50%; background: #4478e7; transform: translateY(-50%); z-index: 4; transition: background .35s ease, transform .35s ease, box-shadow .35s ease;}
.main-con1 .main-video-link .main-video-icon::before{ content: ""; position: absolute; top: 50%; left: calc(50% + 2px); transform: translate(-50%, -50%); border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #fff; transition: border-left-color .35s ease;}
.main-con1 .main-video-link:hover .main-video-icon{ background: #fff; box-shadow: 0 4px 14px rgba(255,255,255,.22);}
.main-con1 .main-video-link:hover .main-video-icon::before{border-left-color: #4478e7;}

.main-banner-1 {padding: 0;}
.main-banner-1 .mb1-list +.mb1-list{margin-top: 20px;}
.main-banner-1 .mb1-list .mb1-lnk{ display:flex; align-items:flex-start; justify-content:flex-start; height:100%; background:#fff; padding: 40px 30px; border-radius:10px; text-align:left; min-height: 150px; position: relative; transition: 0.5s;}
.main-banner-1 .mb1-lnk .main-circle-arrow{width: 50px;height: 50px;border-radius: 50%;background: #030d1b;position: absolute;bottom: 20px;right: 20px;}
.main-banner-1 .mb1-lnk .main-circle-arrow .mca-icon{background: url(../images/main/main-circle-arrow-icon.png); width: 15px; height: 15px; background-position: 0 0; background-size: 15px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.5s;}
.main-banner-1 .mb1-list .mb1-lnk:hover{background: #4478e7; transition: 0.5s; color: #fff;}
.main-banner-1 .mb1-list .mb1-lnk:hover .color-5{color: #fff!important;}
.main-banner-1 .mb1-list .mb1-lnk:hover .main-circle-arrow{background: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.main-banner-1 .mb1-list .mb1-lnk:hover .main-circle-arrow .mca-icon{background-position: 0 -15px; transition: 0.5s;}

.main-counter-box{ width:100%; padding:0; margin:0; z-index:1; color:#fff; background:rgba(255,255,255,0.15); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top:1px solid rgba(255,255,255,0.3); box-shadow:0 10px 40px rgba(0,0,0,0.15);}
.main-counter-box .main-counter-list{ position:relative; min-width:0; list-style:none; display:flex; flex-direction:column; justify-content:center; align-items:center; min-height: 120px; text-align:center;}
.main-counter-box .main-counter-list + .main-counter-list::before{ content:""; position:absolute; left:0; top:0%; transform:translateY(-50%); width:100%; height:1px; background:rgba(255,255,255,0.25);}
.main-counter-box .main-counter-list .counter{ line-height:1.1; word-break:keep-all;}
.main-counter-box .main-counter-list .counter-txt{ margin-top:10px; line-height:1.4; word-break:keep-all;}

@media(min-width:768px) {
    .main-con1{ padding: 120px 0 0;}
    .main-con1 .con1-left-01{display: block; position: absolute; max-width: 100px; left: 2%; top: 10%;animation: float-up-down 3s ease-in-out infinite;}
    .main-con1 .con1-right-01{display: block; position: absolute; right: 2%; max-width: 30px; top: 30%; animation: float-down-up 3s ease-in-out infinite;}
}

@media(min-width:992px) {
    .main-con1{padding: 150px 0 300px;}
    .main-con1 .title-55size{font-size: 55px;}
    .main-con1 .txt-reveal-scroll br{display: block;}
    .main-con1 .main-video-link{ min-width: 260px; padding: 24px 85px 24px 35px; border: 2px solid #fff;}
    .main-con1 .main-video-link:hover .main-video-txt{color: #fff;}
    .main-con1 .main-video-link .main-video-icon{width: 45px; height: 45px;}
    .main-con1 .con1-left-01{ max-width: 170px; top: 5%;}
    .main-con1 .con1-right-01{ max-width: 50px;}
    
    .main-banner-1{ display:flex; justify-content:center; gap:20px;}
    .main-banner-1 .mb1-list{ flex:1; max-width: 20%;}
    .main-banner-1 .mb1-list +.mb1-list{margin-top: 0px;}
    .main-banner-1 .mb1-list .mb1-lnk{min-height: 200px;}
    .main-banner-1 .mb1-lnk .main-circle-arrow{width: 60px; height: 60px;}
    
    .main-counter-box{position:absolute; bottom:0; left:0; display:flex; align-items:stretch;}
    .main-counter-box .main-counter-list{ flex:1; min-height: 260px;}
    .main-counter-box .main-counter-list + .main-counter-list::before{  top:50%; transform:translateY(-50%); width:1px; height:100%;}
}


/* 메인 유튜브*/
.main-company-video .youtube-video:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 50%; background: rgba(247, 0, 0, 0.7); z-index: 1;}
.main-company-video .youtube-video:after { content: ""; position: absolute; top: 50%; left: calc(50% - -2px); transform: translate(-50%, -50%); border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 2;}
@media(min-width: 992px) {
   .main-company-video .youtube-video:before { width: 80px; height: 80px;}
   .main-company-video .youtube-video:after { border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 22px solid #fff;}
}
/* 메인 유튜브 모달*/
.noback-modal.modal{background: rgba(0, 0, 0, 0.8);}
.noback-modal .modal-content{border:0; box-shadow:none; background: rgba(0,0,0,0);}
.noback-modal.modal .modal-header{background: rgba(0,0,0,0); border:0; padding:10px 10px 0; margin-bottom: 20px;}
.noback-modal.modal .modal-body{background: rgba(0,0,0,0); height:100%; color:#fff; padding:10px 10px 20px;}

/* 상단 플레이어 */
.noback-modal .youtube-video{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:12px;}
.noback-modal .youtube-video iframe,
.noback-modal .youtube-video object,
.noback-modal .youtube-video embed{position:absolute; top:0; left:0; width:100%; height:100%;}

/* 모달 크기/닫기 */
.noback-modal.modal .modal-dialog{width:80%;}
.noback-modal.modal .close{font-size:35px; color:#fff; opacity:1; text-shadow:none;}
.noback-modal.modal .close:hover{opacity:.7;}

/* 재생목록 */
.noback-modal .youtube-playlist{margin-top:20px;}
.noback-modal .playlist-title{font-size:16px; font-weight:600; margin-bottom:12px; color:#fff;}

/* 가로 스크롤 목록 */
.noback-modal .playlist-items{ display:flex; gap:12px; overflow-x:auto; padding-bottom:8px; -webkit-overflow-scrolling:touch;}
.noback-modal .playlist-items::-webkit-scrollbar{height:6px;}
.noback-modal .playlist-items::-webkit-scrollbar-thumb{background:#666; border-radius:3px;}

/* 아이템(썸네일+제목) */
.noback-modal .playlist-item{ border:0; background:transparent; padding:0; text-align:left; min-width:150px; cursor:pointer; color:#fff; position: relative;}
.noback-modal .playlist-item img{ width:100%; border-radius:10px; transition:transform .2s ease, outline .2s ease, opacity .2s ease; display: block;}
.noback-modal .playlist-item div{ font-size:13px; margin-top:6px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px;}
.noback-modal .playlist-item.active::before{ content:""; position:absolute; top:0; left:0; width:100%; height: calc(100% - 19px);  background: rgba(0,0,0,0.6); border-radius:10px; pointer-events:none;}

/* 반응형 */
@media (min-width: 992px){
  .noback-modal.modal .modal-dialog{width:70%;}
  .noback-modal.modal .close{font-size:40px;}
  .noback-modal.modal .modal-body{padding:14px 14px 24px;}
  .noback-modal .playlist-item{min-width:160px;}
  .noback-modal .playlist-item div{max-width:160px;}
}

@media (max-width: 768px){
  .noback-modal.modal .modal-dialog{width:92%;}
  .noback-modal .playlist-item{min-width:120px;}
  .noback-modal .playlist-item div{font-size:12px; max-width:120px;}
}

/* main-con2 */
.main-con2{padding: 120px 0; position: relative; overflow: hidden;}
.big-one-section{ max-width:85%; margin:0 auto; padding:80px 0; position:relative;}
.big-one-section .big-one-img-box{ display:flex; gap:18px; margin:0; padding:0; list-style:none; width:100%; height:600px; position:relative;}
.big-one-section .big-one-img-list-item{ flex:1; position:relative; overflow:hidden; border-radius:32px; transition: transform .7s cubic-bezier(.22,1,.36,1),  filter .45s ease; will-change:transform; backface-visibility:hidden; -webkit-backface-visibility:hidden; background:#000;}
.big-one-section .big-one-img-list-item a{ display:block; width:100%; height:100%; position:relative; color:#fff; text-decoration:none;}
.big-one-section .big-one-img-list-item .thumb{ display:block; width:100%; height:100%; border-radius:32px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; z-index:1; transform:scale(1); opacity:1; filter:brightness(1); transition: opacity .75s cubic-bezier(.22,1,.36,1), transform 1.15s cubic-bezier(.22,1,.36,1), filter .75s ease; will-change:transform, opacity, filter; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.big-one-section .big-one-img-list-item .thumb::after{ content:""; position:absolute; inset:0; border-radius:32px; background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,.08)); transition:opacity .6s cubic-bezier(.22,1,.36,1);}
.big-one-section .big-one-img-list-item:hover .thumb{ transform:scale(1.015);}
.big-one-section .big-one-img-list-item::before{ content:""; position:absolute; inset:0; z-index:2; opacity:0; border-radius:32px; background-image:var(--piece-image); background-repeat:no-repeat; background-size:var(--piece-size); background-position:var(--piece-position); transform:scale(1.035); transition: opacity .9s cubic-bezier(.22,1,.36,1), transform 1.2s cubic-bezier(.22,1,.36,1); pointer-events:none; will-change:transform, opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.big-one-section .piece-position .big-one-img-list-item::after{ content:""; position:absolute; inset:0; z-index:3; opacity:0; border-radius:32px; background:linear-gradient(to top, rgba(0,0,0,.30), rgba(0,0,0,.05)); transition:opacity .85s cubic-bezier(.22,1,.36,1); pointer-events:none;}
.big-one-section .big-one-img-list-item .txt_l{ position:absolute; left:30px; right:24px; bottom:60px; z-index:4; color:#fff; transition: transform .55s cubic-bezier(.22,1,.36,1), opacity .45s ease;}
.big-one-section .big-one-img-list-item .txt_l div:first-child{ margin-bottom:10px; letter-spacing:-0.03em; word-break:keep-all;}
.big-one-section .big-one-img-list-item .txt_l div:last-child{ opacity:.92; word-break:keep-all;}
.big-one-section .big-one-img-box.is-merged .big-one-img-list-item .thumb{ opacity:.16; transform:scale(1.01); filter:brightness(.82);}
.big-one-section .big-one-img-box.is-merged .big-one-img-list-item .thumb::after{ opacity:.85;}
.big-one-section .big-one-img-box.is-merged .big-one-img-list-item::before{ opacity:1; transform:scale(1);}
.big-one-section .big-one-img-box.is-merged .big-one-img-list-item::after{ opacity:1;}
.big-one-section .big-one-img-box.is-merged .big-one-img-list-item.active{ filter:brightness(1.03);}
.big-one-section .big-one-img-box.is-merged .big-one-img-list-item.active .txt_l{ transform:translateY(-4px);}

/* 마우스 원 */
.mouse-viewmore{ position:fixed; left:0; top:0; width:110px; height:110px; border-radius:50%; background:#4478e7; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; pointer-events:none; z-index:9999; opacity:0; transform:translate(-50%,-50%) scale(.86); transition: opacity .3s cubic-bezier(.22,1,.36,1), transform .3s cubic-bezier(.22,1,.36,1);}
.mouse-viewmore.on{ opacity:1; transform:translate(-50%,-50%) scale(1);}

/*모바일버전 min기준으로하면 문제발생해서 max로함*/
@media all and (max-width:992px){
    .main-con2{padding: 30px 0;}
    .big-one-section{ max-width:90%; padding:20px 0;}
    .big-one-section .big-one-img-box{ display:flex; flex-direction:column; height:auto; gap:18px;}
    .big-one-section .big-one-img-list-item{ flex:none; width:100%; height:200px; transform:none !important;}
    .big-one-section .big-one-img-list-item .txt_l{ left:24px; right:20px; bottom:34px;}
    .big-one-section .big-one-img-list-item .txt_l div:first-child{ font-size:28px;}
    .mouse-viewmore{display:none;}
}


/* 상단에 흐르는 텍스트 */
.main-flowing-handwriting{ position: absolute; width:100%; overflow:hidden; white-space:nowrap; margin:0 auto 30px; pointer-events:none; user-select:none; line-height:1; top: 50%;}
.main-flowing-handwriting .flowing-track{ display:flex; align-items:center; width:max-content; white-space:nowrap; animation:flowingHandwriting 60s linear infinite; will-change:transform; color: #e8e8e8; font-weight: 900; font-family: 'play';}
.main-flowing-handwriting .flowing-track span{ flex:none; display:inline-flex; align-items:center; margin-right:90px; text-transform:uppercase; font-size:clamp(44px, 6vw, 170px); font-weight:900; letter-spacing:0.08em;}

/* 완전 끊김 없이 좌측으로 계속 흐르기 */
@keyframes flowingHandwriting{
    0%{
        transform:translate3d(0,0,0);
    }
    100%{
        transform:translate3d(-50%,0,0);
    }
}

/* main-con3 */
.main-con3{padding:50px 0; position:relative;overflow:hidden; word-break: keep-all;}
.main-con3:before{content:"";position:absolute;inset:0;background:url(../images/main/main-R&D-center-bg.png) no-repeat center/cover;opacity:0.7;width:100%;height:100%;}
.main-con3:after{ content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255,255, 0.3) 55%, #ffffff 90%, #ffffff 100%); z-index: 0; bottom: 0;}
.main-con3.bg-quality:before{background:url(../images/main/main-quality-bg.png) no-repeat center/cover;}

.main-con-width{max-width:85%;width:100%;margin:0 auto;position: relative;z-index: 1;}
.custom-tab-wrap{width:100%;}
.custom-tab-menu{display:flex;margin:0;padding:0;list-style:none;max-width:300px;}
.custom-tab-menu li{width:50%;padding:16px 10px; font-weight: 600; text-align:center;border: 2px solid #20386b;cursor:pointer;box-sizing:border-box;background:#fff;transition:background .35s ease,color .35s ease;color: #20386b;}
.custom-tab-menu li:first-child{border-radius:60px 0 0 60px;border-right:none;}
.custom-tab-menu li:last-child{border-radius:0 60px 60px 0;}
.custom-tab-menu li.active{background: #20386b;color:#fff;}
.custom-tab-content-wrap{position:relative;box-sizing:border-box;overflow:hidden;}
.custom-tab-content{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease,visibility .55s ease;}
.custom-tab-content.active{position:relative;opacity:1;visibility:visible;transform:translateY(0);}

.main-con3 .main-lab-box{padding:0;}
.main-con3 .main-lab-box .main-lab-list{display:flex;max-width:100%;flex:1;}
.main-con3 .main-lab-box .main-lab-list + .main-lab-list{margin-top: 20px;}
.main-con3 .main-lab-box .main-lab-lnk{display:flex;flex-direction:column;width:100%;border-radius:10px;overflow:hidden;}
.main-con3 .main-lab-box .main-lab-con-box{display:flex;flex-direction:column;height:100%;}
.main-con3 .main-lab-box .main-lab-txt-box{position: relative; background:#fff;padding:30px 20px 70px;flex-grow:1; overflow: hidden; border-radius: 0 0 10px 10px; transition: 0.5s;}
.main-con3 .main-lab-box .main-lab-img{overflow: hidden;}

.main-con3 .main-lab-txt-box .main-circle-arrow{width: 50px;height: 50px;border-radius: 50%;background: #030d1b;position: absolute;bottom: 20px;right: 20px;}
.main-con3 .main-lab-txt-box .main-circle-arrow .mca-icon{background: url(../images/main/main-circle-arrow-icon.png); width: 15px; height: 15px; background-position: 0 0; background-size: 15px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.5s;}
.main-con3 .main-lab-lnk:hover .main-lab-txt-box{background: #4478e7; color: #fff; transition: 0.5s;}
.main-con3 .main-lab-lnk:hover .main-lab-txt-box .color-5{color: #fff; transition: 0.5s;}
.main-con3 .main-lab-lnk:hover .main-lab-txt-box .main-circle-arrow{background: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.main-con3 .main-lab-lnk:hover .main-lab-txt-box .main-circle-arrow .mca-icon{background-position: 0 -15px; transition: 0.5s;}

@media(min-width:768px) {
    .custom-tab-menu{max-width:350px;}
    .custom-tab-menu li{padding:20px 10px;}
    .main-con3 .main-lab-box{display:flex;gap:20px;}
    .main-con3 .main-lab-box .main-lab-list{max-width:30%;}
    .main-con3 .main-lab-box .main-lab-list + .main-lab-list{margin-top: 0px;}
    .main-con3 .main-lab-box .main-lab-img{margin: 0 10px 0 0; border-radius: 10px 10px 0 0;}
    .main-con3 .main-lab-box .main-lab-txt-box{box-shadow:2px 4px 10px rgba(0,0,0,0.05);margin:0 10px 10px 0;}
    .main-con3 .main-lab-box .main-lab-txt-box{padding:40px 20px 100px;}
}

@media(min-width:992px) {
    .main-con3{padding: 100px 0;}
    .custom-tab-menu{max-width:420px;}
    .main-con3 .main-lab-txt-box .main-circle-arrow{width: 60px; height: 60px;}
}


/* main-con4 */
.main-con4{ padding:0; word-break:keep-all; position:relative; overflow:hidden;}
.main-con4 .main-con-width{max-width:100%;}
.main-con4 .main-newsroom-bg{ width:97%; height:310px; border-radius:40px 0 0 40px; position:absolute; top:0; right:0; overflow:hidden; z-index:0; background:#333;}
.main-newsroom-video{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.main-con4 .main-newsroom-bg::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:linear-gradient( 90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.65) 30%, rgba(0,0,0,0.35) 55%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0) 100%);}
.main-con4 .main-newsroom-box{ padding:40px 40px 0; position:relative; z-index:2;}
.main-con4 .main-newsroom-box .m-newsroom-top{ color:#fff;}
.main-more-box{ display:inline-block; padding:14px 40px; border:1px solid #fff; transition:0.5s;}
.main-more-box:hover{ background:#4478e7; color:#fff; border:1px solid #4478e7;}

@media(min-width:768px){
    .main-con4 .main-con-width{max-width:85%; }
    .main-con4 .main-newsroom-box{padding:80px 0 0;}
    .main-con4 .main-newsroom-bg{height:500px;}
    .main-more-box{ padding:14px 50px;}
}
@media(min-width:992px){
    .main-con4{ padding:0 0 140px; }
}



/* section-4 스와이퍼*/
.main-noti-swiper{padding-bottom: 30px!important;}
.main-noti-swiper .notice-card{display: block;}
.main-noti-swiper .notice-card .notice-card-img{width: 100%; padding-bottom: 66.65%; position: relative; overflow: hidden; border-radius: 20px;}
.main-noti-swiper .notice-card .notice-card-img img { position: absolute; width: 100%; object-fit: cover;left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: none; height: 100%; transition: transform 0.5s ease;}
.main-noti-swiper .notice-card:hover .notice-card-img img { transform: translate(-50%, -50%) scale(1.08);}
.main-noti-swiper .notice-card-category{color: #4478e7;}
.main-noti-swiper .notice-card-title{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-noti-swiper .notice-card-txt{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-noti-swiper .notice-card-date{color: #bbb; font-weight: 400;}
.main-noti-swiper .main-noti-pagination{top: auto!important; bottom: 0!important;}
.main-noti-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #4478e7;}
.main-noti-swiper .swiper-horizontal>.swiper-pagination-progressbar,.main-noti-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal{background: #f2f2f2;}

.newsroom-swiper-wrap{ position: relative;}
.newsroom-swiper-wrap .main-noti-arrow{ position:absolute; top:-90px; right:0; display:flex; gap:15px;}
.newsroom-swiper-wrap .main-noti-prev,
.newsroom-swiper-wrap .main-noti-next{ width: 50px; height: 50px; border:1px solid #ddd; border-radius:50%; cursor:pointer; transition:all 0.3s; position: absolute; right: 0; top: -70px; background: rgba(255,255,255,1);}
.newsroom-swiper-wrap .main-noti-prev{right: 55px;}
.newsroom-swiper-wrap .main-noti-next{ right: 0px;}
.newsroom-swiper-wrap .main-noti-prev:hover,
.newsroom-swiper-wrap .main-noti-next:hover{ background:#4478e7; border-color:#4478e7;}
.newsroom-swiper-wrap .main-noti-prev::after,
.newsroom-swiper-wrap .main-noti-next::after{ content:''; position:absolute; top:50%; left:50%; width: 10px; height: 10px; border-top:2px solid #111; border-right:2px solid #111; transform:translate(-50%,-50%) rotate(45deg);}
.newsroom-swiper-wrap .main-noti-prev::after{ transform:translate(-50%,-50%) rotate(-135deg);}
.newsroom-swiper-wrap .main-noti-prev:hover::after,
.newsroom-swiper-wrap .main-noti-next:hover::after{ border-color:#fff;}

@media (min-width:768px) {
    .main-noti-swiper{padding-bottom: 30px!important;}
    .newsroom-swiper-wrap .main-noti-prev,
    .newsroom-swiper-wrap .main-noti-next{ width: 80px; height: 80px; top: -200px; }
    .newsroom-swiper-wrap .main-noti-prev{right: 90px;}
    .newsroom-swiper-wrap .main-noti-next{ right: 0px;}
    .newsroom-swiper-wrap .main-noti-prev::after, 
    .newsroom-swiper-wrap .main-noti-next::after{ width: 14px; height: 14px; }
}