@charset "utf-8";

.mcont {position:relative; max-width:1200px; margin:0 auto; font-family:'Pretendard'; word-break:keep-all; overflow-wrap: break-word;}

.mtltBox {padding-bottom:70px; text-align:center;}
.mtltBox .stxt {color:#0f1a1b; font-size:22px; margin-bottom:10px; line-height:1.3em;}
.mtltBox .big {color:#cd1b77; font-size:40px; line-height:1.2em; letter-spacing:-0.05em;}

@media screen and (max-width:1220px){
	.mcont {max-width:94%}
}

@media screen and (max-width:1024px){
	.mtltBox {padding-bottom:60px}
	.mtltBox .stxt {font-size:20px; margin-bottom:18px;}
	.mtltBox .big {font-size:36px;}
}

@media screen and (max-width:768px){
	.mtltBox {padding-bottom:50px}
	.mtltBox .stxt {font-size:18px; margin-bottom:16px;}
	.mtltBox .big {font-size:26px;}
}

@media screen and (max-width:480px){
	.mtltBox {padding-bottom:30px}
	.mtltBox .stxt {font-size:16px; margin-bottom:14px;}
	.mtltBox .big {font-size:20px;}
}



/* --------------------------------------------------오른쪽 네비-------------------------------------------------- */
.r_navi {position:fixed; top:50%; right:40px; ; transform: translateY(-50%); font-size:14px; z-index:2}

.r_navi ul {margin:0 auto; text-align:center}
.r_navi ul a {width:9px; height:9px; display:inline-block; block; margin:1px 0; border-radius:50%;}

.new_r_navi .r_top a {color:#fff}
.new_r_navi ul a {background:#fff}
.new_r_navi ul li a.active {background:#00aeef}

.section2 .new_r_navi .r_top a, .section3 .new_r_navi .r_top a {color:#222}
.section2 .new_r_navi  ul a, .section3 .new_r_navi  ul a {background:#222}


@media screen and (max-width:1220px){
	.r_navi {display:none}
}

/* --------------------------------------------------메인 섹션01-------------------------------------------------- */
.msec01 {height:100vh}
.main_vsBox {position:relative; background:url(/share/img/main/main_vs.jpg) no-repeat 50% 0; height:900px;}
.main_vscont {position:relative; max-width:1200px; margin:0 auto; height:100%; overflow:hidden}

.mvs_lBox, .mvs_rBox {position:absolute; top:53%; transform:translateY(-50%);}
.mvs_lBox {left:0; width:40%;}
.mvs_rBox {right:0; width:58%;}

.mvs_lBox .txtBox .stxt {font-size:17px; line-height:1.5em;}
.mvs_lBox .txtBox .stxt span {display:block; color:#00aeef;}

.mvs_lBox .txtBox .bigtxt {margin-top:25px;}
.mvs_lBox .txtBox .bigtxt span {display:block; font-size:60px; color:#00aeef; line-height:1.1em;}

.mvs_lBox .txtBox .datatxt {margin-top:30px; font-size:17px;}
.mvs_lBox .txtBox .datatxt span {font-size:27px;}
.mvs_lBox .txtBox .datatxt img {margin-left:15px; margin-top:-10px;}

.mvs_lBox .mvs_host {margin-top:200px;}
.mvs_lBox .mvs_host li {display:inline-block; margin-right:20px;}
.mvs_lBox .mvs_host li:last-child {margin-right:0}

.mvs_rBox > div {position:relative}
.mvs_rBox .txt01 {margin-bottom:44px;}
.mvs_rBox .txt02 {margin-bottom:50px;}
.mvs_rBox .txt03 {margin-bottom:44px;}

.mvs_rBox .txt01 .car {position:absolute; top:53px; left:252px}
.mvs_rBox .txt02 .car01 {position:absolute; top:0; left:165px}
.mvs_rBox .txt02 .car02 {position:absolute; top:37px; left:105px}
.mvs_rBox .txt04 .car {position:absolute; top:0; right:37px}

.main_vscont .mvs_bottom {position:absolute; bottom:25px; left:50%; transform:translateX(-50%);}
.main_vscont .mvs_bottom img {animation: float 1.6s; animation-iteration-count: infinite;}

/*애니메이션*/

.main .msec01.active .mvs_lBox .txtBox .stxt, .main .msec01.active .mvs_lBox .txtBox .bigtxt, .main .msec01.active .mvs_lBox .txtBox .datatxt, .main .msec01.active .mvs_lBox .mvs_host {animation-fill-mode: both !important; animation: fade-in 0.8s; animation-timing-function: ease-in-out;}

.main .msec01.active .mvs_rBox .txt01, .main .msec01.active .mvs_rBox .txt02, .main .msec01.active .mvs_rBox .txt03, .main .msec01.active .mvs_rBox .txt04 {animation-fill-mode: both !important; animation: fade-in-up 0.5s;animation-timing-function: ease-out; animation-delay:0.3s}
.main .msec01.active .mvs_rBox .txt01 .car img {animation-fill-mode: both !important; animation: fade-in-right 0.7s;animation-timing-function: ease-out; animation-delay:0.3s}
.main .msec01.active .mvs_rBox .txt02 .car01 img {animation-fill-mode: both !important; animation: fanfare2 0.3s; animation-delay:0.5s}
.main .msec01.active .mvs_rBox .txt02 .car02 img {animation-fill-mode: both !important; animation: fanfare2 0.3s; animation-delay:0.6s}
.main .msec01.active .mvs_rBox .txt04 .car img {animation-fill-mode: both !important; animation: fanfare2 0.3s;animation-timing-function: ease-out; animation-delay:0.7s}

@media screen and (max-width:1220px){
	.main_vsBox {height:80vw}
	.main_vscont {max-width:94%}
	
	.mvs_lBox .txtBox .stxt {font-size:1.4vw;}

	.mvs_lBox .txtBox .bigtxt {margin-top:2vw;}
	.mvs_lBox .txtBox .bigtxt span {font-size:5.5vw;}
	.mvs_lBox .txtBox .bigtxt img {height:4.6vw}

	.mvs_lBox .txtBox .datatxt {margin-top:2.5vw; font-size:1.2vw;}
	.mvs_lBox .txtBox .datatxt span {font-size:2.3vw;}
	.mvs_lBox .txtBox .datatxt img {margin-left:1vw; margin-top:-0.5vw; height:2vw}

	.mvs_lBox .mvs_host {margin-top:16vw;}
	.mvs_lBox .mvs_host li {margin-right:1.5vw;}
	.mvs_lBox .mvs_host li img {height:2.7vw}

	.mvs_rBox .txt01 {margin-bottom:3.8vw;}
	.mvs_rBox .txt02 {margin-bottom:4.4vw;}
	.mvs_rBox .txt03 {margin-bottom:3.8vw;}

	.mvs_rBox .txt01 .car {top:4vw; left:15vw}
	.mvs_rBox .txt02 .car01 {top:0; left:12.3vw}
	.mvs_rBox .txt02 .car02 {top:2vw; left:7.3vw}
	.mvs_rBox .txt04 .car {top:0; right:3.6vw}


	.mvs_rBox .txt01 .txt img {height:7.8vw}
	.mvs_rBox .txt02 .txt img {height:7.9vw}
	.mvs_rBox .txt03 .txt img {height:7.8vw}
	.mvs_rBox .txt04 .txt img {height:8vw}

	.mvs_rBox .txt01 .car img {height:5vw}
	.mvs_rBox .txt02 .car01 img {height:8.2vw}
	.mvs_rBox .txt02 .car02 img {height:8.2vw}
	.mvs_rBox .txt04 .car img {height:12.5vw}

	.main_vscont .mvs_bottom {bottom:2.2vw;}

}

@media screen and (max-width:768px){
	.main_vsBox {height:90vw}
	.mvs_lBox, .mvs_rBox {top:55%;}

	.mvs_lBox .txtBox .stxt {font-size:2vw;}

	.mvs_lBox .txtBox .datatxt {font-size:1.8vw;}
	.mvs_lBox .txtBox .datatxt span {font-size:2.9vw;}
	

	.mvs_lBox .mvs_host {margin-top:8vw}
	.mvs_lBox .mvs_host li {display:block; margin-bottom:1.5vw;}
	.mvs_lBox .mvs_host li img {height:3.7vw}

	.main_vscont .mvs_bottom img {height:3.6vw}
}

@media screen and (max-width:540px){
	.main_vsBox {height:105vw}
	.mvs_lBox, .mvs_rBox {top:60%;}
	.mvs_lBox .txtBox .stxt {font-size:2.5vw;}

	.mvs_lBox .txtBox .datatxt {font-size:2.3vw;}
	.mvs_lBox .txtBox .datatxt span {font-size:3.2vw;}
	

	.mvs_lBox .mvs_host {margin-top:4vw}
	.mvs_lBox .mvs_host li {margin-bottom:1vw;}
	.mvs_lBox .mvs_host li img {height:3.9vw}

	.main_vscont .mvs_bottom img {height:3.8vw}
}


/* -------------------------------------------------- 섹션01 -------------------------------------------------- */
.main .msec01 {position:relative; height:100vh; background:url(/share/img/main2026/bg01.jpg) no-repeat 50% 0; background-size:cover; overflow:hidden}
.main .msec01 .mcont {padding:25vh 0 10vh; height:100%; box-sizing:border-box}
.main .msec01 .tltBox {position:relative; z-index:2}


.main .msec01 .mn_listUl {opacity:0; position:absolute; left:0; bottom:15vh; display:grid; /*grid-template-columns: repeat(2, 1fr);*/ grid-template-columns:1fr; gap:35px 40px; z-index:2}
.main .msec01 .mn_listUl li {min-width:150px}
.main .msec01 .mn_listUl a {color:#fff; font-family: 'Pretendard';}
.main .msec01 .mn_listUl .tlt {font-size:24px; font-weight:600}
.main .msec01 .mn_listUl .txt {font-size:18px; color:#ababab; margin-top:5px}
.main .msec01 .mn_listUl a:hover, .main .msec01 .mn_listUl a:hover .txt {color:#cd1b77}

.main .msec01 .imgBox > div {position:absolute; top:55%; right:-18vw; transform:translateY(-50%); z-index:1}
.main .msec01 .imgBox .img01 img{
  --mask-width: 220%;
  -webkit-mask-image: linear-gradient(
    90deg,
    rgba(0,0,0,0.15) 0%,
    rgba(0,0,0,1) 50%,
    rgba(0,0,0,0.15) 100%
  );
  -webkit-mask-size: var(--mask-width) 100%;
  -webkit-mask-repeat: no-repeat;
  animation: maskSweep 2s ease-in-out infinite alternate;
}

@keyframes maskSweep{
  0%   { -webkit-mask-position: 0% 0%; }
  100% { -webkit-mask-position: 100% 0%; }
}

/*애니메이션
.main .msec01.active .tltBox img {opacity:1; animation-fill-mode: both !important; animation: fade-in-down 0.3s; animation-timing-function: ease-out; animation-delay:0.3s}
.main .msec01.active .mn_listUl {opacity:1; animation-fill-mode: both !important; animation: fade-in-up 0.3s; animation-timing-function: ease-out; animation-delay:0.3s}*/


@media screen and (max-width:1620px){
	.main .msec01 .imgBox img {height:65vw}
}

@media screen and (max-width:1220px){
	.main .msec01 .imgBox img {height:60vw}
}

@media screen and (max-width:1024px){
	.main .msec01 .tltBox img {height:190px}
	.main .msec01 .mn_listUl .tlt {font-size:22px;}
	.main .msec01 .mn_listUl .txt {font-size:16px;}
}

@media screen and (max-width:768px){	
	.main .msec01 .tltBox img {height:160px}
	.main .msec01 .mn_listUl .tlt {font-size:20px;}
	.main .msec01 .mn_listUl .txt {font-size:14px;}

	.main .msec01 .imgBox > div {right:-23vw}
	.main .msec01 .imgBox img {height:60vw}
}

@media screen and (max-width:480px){
	.main .msec01 .tltBox img {height:130px}
	.main .msec01 .mn_listUl .tlt {font-size:18px;}
	.main .msec01 .mn_listUl .txt {font-size:14px;}
}

@media screen and (max-height:1000px){
	.main .msec01 .mcont {padding-top:25vh}
}


@media screen and (max-height:850px){
	.main .msec01 .mcont {padding-top:23vh}
	.main .msec01 .mn_listUl {bottom:6vh; gap:25px 40px}
}


/* -------------------------------------------------- 섹션02 -------------------------------------------------- */
.main .msec02 {color:#000;}
.main .msec02 .mcont {padding:105px 0; border-bottom:1px solid #a9a9a9}
.main .msec02 .top_tltBox {margin-bottom:80px;}
.main .msec02 .top_tltBox .tlt01 {font-size:36px; line-height:1.3em; letter-spacing:0.09em}
.main .msec02 .top_tltBox .tlt02 {font-size:40px; line-height:1.3em; margin-top:20px; font-weight:700}

.main .msec02 .sec02_slBox {position:relative;}

.main .msec02 .sec02_slBox .control_box .slick-arrow {position:absolute; top:80%; transform:translateY(-50%); width:155px; height:155px; background:#fff; color:#000; border:2px solid #b8b8b8; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; letter-spacing:0.02em; font-family:'Pretendard'; cursor:pointer; transition:all 0.2s; z-index:2}
.main .msec02 .sec02_slBox .control_box .slick-prev {left:0;}
.main .msec02 .sec02_slBox .control_box .slick-next {right:0;}
.main .msec02 .sec02_slBox .control_box .slick-arrow:hover {border-color:#cd1b77; color:#cd1b77}

.main .msec02 .sec02_slBox .imgBox {margin-bottom:75px;}
.main .msec02 .sec02_slBox .img_listUl li {display:inline-block; vertical-align:top; width:32%; margin-right:1.3%}
.main .msec02 .sec02_slBox .img_listUl li:last-child {margin-right:0}
.main .msec02 .sec02_slBox .img_listUl img {width:100%}

.main .msec02 .sec02_slBox .tltBox {margin-bottom:45px}
.main .msec02 .sec02_slBox .tltBox .eng_tlt {font-size:47px; font-weight:900; letter-spacing:0.02em; line-height:1.1em; color:#cd1b77}
.main .msec02 .sec02_slBox .tltBox .ko_tlt {font-size:36px; line-height:1.3em; margin-top:15px}

.main .msec02 .sec02_slBox .txtBox .tlt {font-size:36px; line-height:1.3em}
.main .msec02 .sec02_slBox .txtBox .txt {font-size:26px; line-height:1.3em; margin-top:20px}

/*애니메이션*/


@media screen and (max-width:1220px){
	.main .msec02 .mcont {padding:95px 0;}
	.main .msec02 .top_tltBox .tlt01 {font-size:31px;}
	.main .msec02 .top_tltBox .tlt02 {font-size:35px;}

	.main .msec02 .sec02_slBox .control_box .slick-arrow {width:145px; height:145px; font-size:22px}

	.main .msec02 .sec02_slBox .img_listUl li {width:32%; margin-right:1.3%}
	.main .msec02 .sec02_slBox .tltBox .eng_tlt {font-size:42px;}
	.main .msec02 .sec02_slBox .tltBox .ko_tlt {font-size:31px;}

	.main .msec02 .sec02_slBox .txtBox .tlt {font-size:31px;}
	.main .msec02 .sec02_slBox .txtBox .txt {font-size:21px;}
}

@media screen and (max-width:1024px){
	.main .msec02 .mcont {padding:85px 0;}
	.main .msec02 .top_tltBox {margin-bottom:70px;}
	.main .msec02 .top_tltBox .tlt01 {font-size:26px;}
	.main .msec02 .top_tltBox .tlt02 {font-size:30px; margin-top:15px}

	.main .msec02 .sec02_slBox .control_box .slick-arrow {top:65%; width:125px; height:125px; font-size:20px}

	.main .msec02 .sec02_slBox .imgBox {margin-bottom:65px;}
	.main .msec02 .sec02_slBox .img_listUl li {width:32%; margin-right:1.3%}
	.main .msec02 .sec02_slBox .tltBox .eng_tlt {font-size:37px;}
	.main .msec02 .sec02_slBox .tltBox .ko_tlt {font-size:26px; margin-top:10px}

	.main .msec02 .sec02_slBox .tltBox {margin-bottom:40px}
	.main .msec02 .sec02_slBox .txtBox .tlt {font-size:26px;}
	.main .msec02 .sec02_slBox .txtBox .txt {font-size:18px; margin-top:15px}
}

@media screen and (max-width:768px){
	.main .msec02 .mcont {padding:75px 0;}
	.main .msec02 .top_tltBox {margin-bottom:60px;}
	.main .msec02 .top_tltBox .tlt01 {font-size:21px;}
	.main .msec02 .top_tltBox .tlt02 {font-size:25px; margin-top:10px}

	.main .msec02 .sec02_slBox .control_box .slick-arrow {top:60%; width:85px; height:85px; font-size:18px}

	.main .msec02 .sec02_slBox .imgBox {margin-bottom:75px;}
	.main .msec02 .sec02_slBox .img_listUl li {width:32%; margin-right:1.3%}
	.main .msec02 .sec02_slBox .tltBox .eng_tlt {font-size:31px;}
	.main .msec02 .sec02_slBox .tltBox .ko_tlt {font-size:21px; margin-top:10px}

	.main .msec02 .sec02_slBox .tltBox {margin-bottom:30px}
	.main .msec02 .sec02_slBox .txtBox .tlt {font-size:21px;}
	.main .msec02 .sec02_slBox .txtBox .txt {font-size:16px; margin-top:15px}
}

@media screen and (max-width:480px){
	.main .msec02 .mcont {padding:65px 0;}
	.main .msec02 .top_tltBox {margin-bottom:50px;}
	.main .msec02 .top_tltBox .tlt01 {font-size:18px;}
	.main .msec02 .top_tltBox .tlt02 {font-size:23px; margin-top:10px}

	.main .msec02 .sec02_slBox .control_box .slick-arrow {top:50%; width:60px; height:60px; font-size:16px}

	.main .msec02 .sec02_slBox .imgBox {margin-bottom:65px;}
	.main .msec02 .sec02_slBox .img_listUl li {width:32%; margin-right:1.1%}
	.main .msec02 .sec02_slBox .tltBox .eng_tlt {font-size:29px;}
	.main .msec02 .sec02_slBox .tltBox .ko_tlt {font-size:19px; margin-top:10px}

	.main .msec02 .sec02_slBox .tltBox {margin-bottom:30px}
	.main .msec02 .sec02_slBox .txtBox .tlt {font-size:19px;}
	.main .msec02 .sec02_slBox .txtBox .txt {font-size:14px; margin-top:15px}
}


/* -------------------------------------------------- 섹션03 -------------------------------------------------- */
.main .msec03 .mcont {padding:75px 0 117px; color:#000}
.main .msec03_new .mcont {padding:0 0 180px 0 !important}

.main .msec03 .top_contBox {position:relative; display:flex; align-items:center;}
/*.main .msec03 .top_contBox .lBox, .main .msec03 .top_contBox .rBox {opacity:0}*/
.main .msec03 .top_contBox .lBox .txt {margin-top:114px;}
.main .msec03 .top_contBox .rBox {margin-left:auto; width:63%}
.main .msec03 .top_contBox .rBox .tlt {font-size:47px; font-weight:700; line-height:1.3em}
.main .msec03 .top_contBox .rBox .txt {margin-top:30px; font-size:22px; line-height:1.7em}

.main .msec03 .bottom_contBox {position:relative; display:flex; align-items:center; border-top:1px solid #a9a9a9; margin-top:85px; padding-top:105px}
/*.main .msec03 .bottom_contBox .img, .main .msec03 .bottom_contBox .txtBox {opacity:0}*/
.main .msec03 .bottom_contBox .img {width:54%}
.main .msec03 .bottom_contBox .img img {width:100%}
.main .msec03 .bottom_contBox .txtBox {margin-left:auto; width:41%}
.main .msec03 .bottom_contBox .txtBox .tlt {font-size:47px; font-weight:700; color:#cd1b77; line-height:1.3em}
.main .msec03 .bottom_contBox .txtBox .txt {font-size:27px; line-height:1.5em; margin-top:20px}

.main .msec03 .bottom_contBox .btnBox {margin-top:50px;}
.main .msec03 .bottom_contBox .btnBox li {display:inline-block; vertical-align:top; margin-right:10px}
.main .msec03 .bottom_contBox .btnBox li:last-child {margin-right:0}
.main .msec03 .bottom_contBox .btnBox a {position:relative; display:inline-block; width:152px; height:157px; border:2px solid #b8b8b8; padding:20px; transition:all 0.3s}
.main .msec03 .bottom_contBox .btnBox a:hover {border-color:#cd1b77}
.main .msec03 .bottom_contBox .btnBox .btn_txt {font-size:24px; line-height:1.2em}
.main .msec03 .bottom_contBox .btnBox .icon {position:absolute; bottom:20px; right:25px}

/*애니메이션
.main .msec03.active .top_contBox .lBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-right 0.3s; animation-timing-function: ease-out; animation-delay:0.3s}
.main .msec03.active .top_contBox .rBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-left 0.3s; animation-timing-function: ease-out; animation-delay:0.3s}

.main .msec03.active .bottom_contBox .img {opacity:1; animation-fill-mode: both !important; animation: fade-in-right 0.3s; animation-timing-function: ease-out; animation-delay:0.3s}
.main .msec03.active .bottom_contBox .txtBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-left 0.3s; animation-timing-function: ease-out; animation-delay:0.3s}*/


@media screen and (max-width:1220px){
	.main .msec03 .mcont {padding:65px 0 107px;}
	.main .msec03_new .mcont {padding:0 0 170px 0 !important}

	.main .msec03 .top_contBox .lBox .logoBox img {height:70px}
	.main .msec03 .top_contBox .lBox .txt img {height:100px}

	.main .msec03 .top_contBox .rBox .tlt {font-size:42px;}
	.main .msec03 .top_contBox .rBox .txt {font-size:18px;}

	.main .msec03 .bottom_contBox {margin-top:75px; padding-top:95px}
	.main .msec03 .bottom_contBox .img {width:51%}
	.main .msec03 .bottom_contBox .img img {width:100%}
	.main .msec03 .bottom_contBox .txtBox {width:44%}
	.main .msec03 .bottom_contBox .txtBox .tlt {font-size:42px;}
	.main .msec03 .bottom_contBox .txtBox .txt {font-size:22px;}

	.main .msec03 .bottom_contBox .btnBox {margin-top:40px;}
	.main .msec03 .bottom_contBox .btnBox li {margin-right:5px}
	.main .msec03 .bottom_contBox .btnBox a {width:132px; height:147px;}
	.main .msec03 .bottom_contBox .btnBox .btn_txt {font-size:20px;}
}

@media screen and (max-width:1024px){
	.main .msec03 .mcont {padding:55px 0 97px;}
	.main .msec03_new .mcont {padding:0 0 160px 0 !important}

	.main .msec03 .top_contBox .lBox .logoBox img {height:55px}
	.main .msec03 .top_contBox .lBox .txt img {height:90px}

	.main .msec03 .top_contBox .rBox .tlt {font-size:37px;}
	.main .msec03 .top_contBox .rBox .txt {font-size:16px;}
	.main .msec03 .top_contBox .rBox .txt .pc_bk {display:inline}

	.main .msec03 .bottom_contBox {margin-top:55px; padding-top:75px}

	.main .msec03 .bottom_contBox .img {width:48%}
	.main .msec03 .bottom_contBox .txtBox {width:47%}
	.main .msec03 .bottom_contBox .txtBox .tlt {font-size:37px;}
	.main .msec03 .bottom_contBox .txtBox .txt {font-size:20px;}
	.main .msec03 .bottom_contBox .txtBox .txt .pc_bk {display:inline}

	.main .msec03 .bottom_contBox .btnBox {margin-top:30px;}
	.main .msec03 .bottom_contBox .btnBox li {margin-right:1px}
	.main .msec03 .bottom_contBox .btnBox a {width:105px; height:100px; padding:15px 10px}
	.main .msec03 .bottom_contBox .btnBox .icon {bottom:15px; right:10px}
	.main .msec03 .bottom_contBox .btnBox .btn_txt {font-size:18px;}
	.main .msec03 .bottom_contBox .btnBox .icon img {height:16px}
}

@media screen and (max-width:768px){
	.main .msec03 .mcont {padding:45px 0 87px;}
	.main .msec03_new .mcont {padding:0 0 150px 0 !important}

	.main .msec03 .top_contBox {display:block; text-align:center;}
	.main .msec03 .top_contBox .lBox {display:flex;  justify-content:center; margin-bottom:30px}
	.main .msec03 .top_contBox .lBox .txt {margin-top:0; margin-left:20px;}

	.main .msec03 .top_contBox .lBox .logoBox img {height:45px}
	.main .msec03 .top_contBox .lBox .txt img {height:80px}

	.main .msec03 .top_contBox .rBox {width:100%}
	.main .msec03 .top_contBox .rBox .tlt {font-size:32px;}
	.main .msec03 .top_contBox .rBox .txt {font-size:14px; margin-top:20px}

	.main .msec03 .bottom_contBox {display:block; margin-top:45px; padding-top:65px}

	.main .msec03 .bottom_contBox .img {width:100%; margin-bottom:40px}
	.main .msec03 .bottom_contBox .txtBox {width:100%}
	.main .msec03 .bottom_contBox .txtBox .tlt {font-size:32px;}
	.main .msec03 .bottom_contBox .txtBox .txt {font-size:18px;}

	.main .msec03 .bottom_contBox .btnBox {margin-top:20px;}
	.main .msec03 .bottom_contBox .btnBox a {width:122px; height:107px; padding:15px}
	.main .msec03 .bottom_contBox .btnBox .btn_txt {font-size:16px;}
	.main .msec03 .bottom_contBox .btnBox .icon img {height:14px}
}

@media screen and (max-width:480px){
	.main .msec03 .mcont {padding:35px 0 77px;}
	.main .msec03_new .mcont {padding:0 0 140px 0 !important}

	.main .msec03 .top_contBox .lBox {margin-bottom:20px}
	.main .msec03 .top_contBox .lBox .txt {margin-left:10px;}

	.main .msec03 .top_contBox .lBox .logoBox img {height:35px}
	.main .msec03 .top_contBox .lBox .txt img {height:60px}

	.main .msec03 .top_contBox .rBox .tlt {font-size:27px;}
	.main .msec03 .top_contBox .rBox .txt {font-size:12px; margin-top:15px}

	.main .msec03 .bottom_contBox {margin-top:25px; padding-top:45px}

	.main .msec03 .bottom_contBox .img {margin-bottom:30px}
	.main .msec03 .bottom_contBox .txtBox .tlt {font-size:27px;}
	.main .msec03 .bottom_contBox .txtBox .txt {font-size:16px;}

	.main .msec03 .bottom_contBox .btnBox {margin-top:15px;}
	.main .msec03 .bottom_contBox .btnBox a {width:100px; height:87px; padding:10px}
	.main .msec03 .bottom_contBox .btnBox .icon {bottom:10px; right:15px}
	.main .msec03 .bottom_contBox .btnBox .btn_txt {font-size:14px;}
	.main .msec03 .bottom_contBox .btnBox .icon img {height:13px}
}


/* -------------------------------------------------- 섹션04 -------------------------------------------------- */
.main .msec04 {background:#110e26; color:#000}
.main .msec04 .mcont {padding:105px 0 93px;}

.main .msec04 .top_tltBox {font-size:42px; color:#cd1b77; line-height:1.3em; margin-bottom:55px}
.main .msec04 .sec04_mvBox {display:flex; align-items:center;}
.main .msec04 .sec04_mvBox .txt_listUl li {margin-bottom:40px;}
.main .msec04 .sec04_mvBox .txt_listUl li > span {display:inline-block; vertical-align:middle;}
.main .msec04 .sec04_mvBox .txt_listUl .tlt {font-size:24px; width:100px;}
.main .msec04 .sec04_mvBox .txt_listUl .num {font-size:50px; line-height:1.3em; font-weight:900}

.main .msec04 .sec04_mvBox .mvBox {margin-left:auto; width:70%}
.main .msec04 .sec04_mvBox .mvBox video {width:100%}

/*애니메이션*/


@media screen and (max-width:1220px){
	.main .msec04 .mcont {padding:95px 0 83px;}

	.main .msec04 .top_tltBox {font-size:37px;}
	.main .msec04 .sec04_mvBox .txt_listUl li {margin-bottom:30px;}
	.main .msec04 .sec04_mvBox .txt_listUl .tlt {font-size:22px; width:90px;}
	.main .msec04 .sec04_mvBox .txt_listUl .num {font-size:45px;}

	.main .msec04 .sec04_mvBox .mvBox {width:65%}
}

@media screen and (max-width:1024px){
	.main .msec04 .mcont {padding:75px 0 63px;}
	.main .msec04 .top_tltBox {font-size:32px;}

	.main .msec04 .sec04_mvBox {display:block;}
	.main .msec04 .sec04_mvBox .txt_listUl {text-align:center}
	.main .msec04 .sec04_mvBox .txt_listUl li {display:inline-block; margin:0 60px 0 0;}
	.main .msec04 .sec04_mvBox .txt_listUl li:last-child {margin-right:0}
	.main .msec04 .sec04_mvBox .txt_listUl li > span {display:block;}
	.main .msec04 .sec04_mvBox .txt_listUl .tlt {width:auto; font-size:20px;}
	.main .msec04 .sec04_mvBox .txt_listUl .num {font-size:40px; margin-top:10px}

	.main .msec04 .sec04_mvBox .mvBox {margin-top:50px; width:100%}
}

@media screen and (max-width:768px){
	.main .msec04 .mcont {padding:65px 0 53px;}
	
	.main .msec04 .top_tltBox {font-size:27px;}

	.main .msec04 .sec04_mvBox .txt_listUl li {margin-right:25px}
	.main .msec04 .sec04_mvBox .txt_listUl .tlt {font-size:18px;}
	.main .msec04 .sec04_mvBox .txt_listUl .num {font-size:35px; margin-top:5px}

	.main .msec04 .sec04_mvBox .mvBox {margin-top:40px;}
}

@media screen and (max-width:480px){
	.main .msec04 .mcont {padding:55px 0 43px;}
	
	.main .msec04 .top_tltBox {font-size:22px;}

	.main .msec04 .sec04_mvBox .txt_listUl li {margin-right:15px}
	.main .msec04 .sec04_mvBox .txt_listUl .tlt {font-size:16px;}
	.main .msec04 .sec04_mvBox .txt_listUl .num {font-size:25px; margin-top:5px}

	.main .msec04 .sec04_mvBox .mvBox {margin-top:35px;}
}


/* -------------------------------------------------- 섹션05 -------------------------------------------------- */
.main .msec05 {position:relative; height:100vh; padding:125px 0 80px; background:#000; overflow:hidden}
.main .msec05 .mcont {position:relative; height:100%; display:flex; align-items:center; justify-content:center;}

.main .msec05 .mvBox {position:absolute; top:50%; left:50%; width:100%; height:auto; transform: translate(-50%,-50%); z-index:1}
.main .msec05 .mvBox video {width:100%; height:100%}

.main .msec05 .info_listBox {position:relative; width:100%; color:#000; z-index:2}
.main .msec05 .info_list {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:860px; padding:80px 30px 70px; background:#fff;}
/*.main .msec05 .info_list01 {z-index:2}
.main .msec05 .info_list02 {z-index:1}*/

.main .msec05 .info_list .top_txtBox {margin-bottom:60px}
.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt {position:relative; font-size:30px; font-weight:500;}
.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:before, .main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:after {content:""; display:inline-block; vertical-align:middle; width:10px; height:3px; background:#000}
.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:before {margin-right:18px}
.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:after {margin-left:18px}
.main .msec05 .info_list .top_txtBox .tltBox .ko_tlt {font-size:47px; font-weight:700; line-height:1.3em; margin-top:25px}
.main .msec05 .info_list .top_txtBox .txtBox {margin-top:40px; font-size:26px; line-height:1.5em;}

.main .msec05 .info_list .info_listUl li {display:inline-block; vertical-align:top}
.main .msec05 .info_list .info_list_four li {width:24%; margin-right:1%;}
.main .msec05 .info_list .info_list_four li:last-child {margin-right:0}

.main .msec05 .info_list .info_list_three li {width:32%; margin-right:1.4%;}
.main .msec05 .info_list .info_list_three li:last-child {margin-right:0}

.main .msec05 .info_list .info_listUl .img img {width:100%}
.main .msec05 .info_list .info_listUl .tlt {font-size:30px; font-weight:400; margin-top:25px}
.main .msec05 .info_list .info_listUl .tlt:before {content:""; display:inline-block; vertical-align:middle; margin:-5px 5px 0 0; width:25px; height:33px; background:url(/share/img/main2026/icon05.png) no-repeat 0 0; background-size:100% 100%}


/*@media screen and (max-width:1620px){
	.main .msec05 .mvBox {width:200%}
}*/

@media screen and (max-width:1220px){
	.main .msec05 .info_list {height:auto; padding:70px 30px 60px;}

	.main .msec05 .info_list .top_txtBox {margin-bottom:50px}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt {font-size:25px;}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:before, .main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:after {width:10px; height:2px;}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:before {margin-right:13px}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:after {margin-left:13px}
	.main .msec05 .info_list .top_txtBox .tltBox .ko_tlt {font-size:42px; margin-top:20px}
	.main .msec05 .info_list .top_txtBox .txtBox {margin-top:35px; font-size:21px;}

	.main .msec05 .info_list .info_list_four li {width:23.7%}

	.main .msec05 .info_list .info_listUl .tlt {font-size:25px; margin-top:20px}
	.main .msec05 .info_list .info_listUl .tlt:before {margin:-5px 5px 0 0; width:22px; height:30px;}
}

@media screen and (max-width:1024px){
	.main .msec05 {height:auto; padding:110px 0 70px;}
	.main .msec05 .mvBox {width:320%}

	.main .msec05 .info_list {position:relative; top:inherit; left:inherit; transform:inherit; padding:60px 20px 50px; margin-bottom:40px;}

	.main .msec05 .info_list .top_txtBox {margin-bottom:40px}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt {font-size:20px;}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:before, .main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:after {width:8px;}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:before {margin-right:10px}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:after {margin-left:10px}
	.main .msec05 .info_list .top_txtBox .tltBox .ko_tlt {font-size:37px; margin-top:15px}
	.main .msec05 .info_list .top_txtBox .txtBox {margin-top:30px; font-size:16px;}

	.main .msec05 .info_list .info_list_four li {width:23.7%}

	.main .msec05 .info_list .info_listUl .tlt {font-size:20px; margin-top:15px}
	.main .msec05 .info_list .info_listUl .tlt:before {margin:-5px 5px 0 0; width:19px; height:27px;}
}

@media screen and (max-width:768px){
	.main .msec05 {padding:100px 0 60px}

	.main .msec05 .mvBox {width:700%}
	.main .msec05 .info_list {padding:50px 10px 40px; margin-bottom:30px}

	.main .msec05 .info_list .top_txtBox {margin-bottom:30px}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt {font-size:15px;}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:before {margin-right:7px}
	.main .msec05 .info_list .top_txtBox .tltBox .eng_tlt:after {margin-left:7px}
	.main .msec05 .info_list .top_txtBox .tltBox .ko_tlt {font-size:32px; margin-top:10px}
	.main .msec05 .info_list .top_txtBox .txtBox {margin-top:25px; font-size:12px;}

	.main .msec05 .info_list .info_list_four, .main .msec05 .info_list .info_list_three {text-align:left}
	.main .msec05 .info_list .info_list_four li, .main .msec05 .info_list .info_list_three li {width:49%; margin:0 1% 30px 0; text-align:center}
	.main .msec05 .info_list .info_list_four li:nth-child(2n), .main .msec05 .info_list .info_list_three li:nth-child(2n) {margin-right:0}

	.main .msec05 .info_list .info_listUl .tlt {font-size:15px; margin-top:10px}
	.main .msec05 .info_list .info_listUl .tlt:before {margin:-5px 5px 0 0; width:14px; height:20px;}
}

@media screen and (max-width:480px){
	.main .msec05 {padding:90px 0 50px}
	.main .msec05 .mvBox {width:850%}
	.main .msec05 .info_list {padding:40px 10px 30px;}
	.main .msec05 .info_list .top_txtBox .tltBox .ko_tlt {font-size:28px}
}