@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, .section5 .new_r_navi .r_top a, .section4 .new_r_navi .r_top a {color:#222}
.section2 .new_r_navi  ul a, .section5 .new_r_navi  ul a, .section4 .new_r_navi  ul a {background:#222}

.section3 .new_r_navi .r_top a {color:#fff}
.section3 .new_r_navi  ul a {background:#fff}


@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:20vh 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;}
.main .msec01 .mn_listUl a:hover, .main .msec01 .mn_listUl a:hover .txt {color:#cd1b77}
.main .msec01 .mn_listUl .host_logo img {margin-top:10px;}

.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:220px}
	.main .msec01 .mn_listUl .tlt {font-size:22px;}
	.main .msec01 .mn_listUl .txt {font-size:16px;}
	.main .msec01 .mn_listUl .host_logo img {height:5.9vw}
}

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

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

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

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


@media screen and (max-height:850px){
	.main .msec01 .mcont {padding-top:18vh}
	.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}

.main .msec02 .bottom_contBox {position:relative; display:flex; align-items:center; border-top:1px solid #a9a9a9; margin-top:85px; padding-top:105px}
.introBox {max-width: 1200px; margin: 0 auto; display: flex; gap: 80px; align-items: flex-start;}
.introBox .bimos_poster {flex: 0 0 420px; margin-top:25px;}
.introBox .bimos_poster img {width: 100%; display: block;}
.introBox .bimos_content {flex: 1; color: #111;}
.introBox .bimos_title {display: block; font-size: 48px; font-weight: 800; color: #1f2d8f;}
.introBox .bimos_headline {font-size: 28px; font-weight: 700; color: #e6007e; margin: 40px 0 20px;}
.introBox .bimos_desc {font-size: 20px; line-height: 1.7; color: #333; margin-bottom: 18px;}
.introBox .bimos_info {margin-top: 40px; display: grid; grid-template-columns: 120px 1fr; row-gap: 20px;}
.introBox .bimos_info dt {font-weight: 700; font-size: 22px;}
.introBox .bimos_info dd {font-size:22px; margin:0; line-height:1.4em;}
.introBox .bimos_info .note {font-size:20px; color:#666;}
.introBox .bimos_info .host img {height:40px;}

@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;}

	.introBox{gap:50px;}
	.introBox .bimos_poster{flex:0 0 360px;}
}

@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}

	.introBox{flex-direction:column;}
	.introBox .bimos_poster{width:100%; max-width:420px; margin:0 auto;}
	.introBox .bimos_title img {height:70px;}
	.introBox .bimos_info .host img {height:30px;}
}

@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}
	
	.introBox .bimos_title{font-size:28px;}
	.introBox .bimos_title img {height:60px;}
	.introBox .bimos_headline{font-size:20px;line-height:1.3;}
	.introBox .bimos_desc{font-size:14px;line-height:1.6;}
	.introBox .bimos_info {grid-template-columns: 100px 1fr;}
	.introBox .bimos_info{margin-top:30px;}
	.introBox .bimos_info dt{font-size:16px;}
	.introBox .bimos_info dd{font-size:16px;line-height:1.5;}
	.introBox .bimos_info .note{font-size:12px;}
	.introBox .bimos_info .host img {height:25px;}
}

@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}

	.introBox{gap:40px;}
	.introBox .bimos_title{font-size:24px;}
	.introBox .bimos_title img {height:50px;}
	.introBox .bimos_headline{font-size:18px; margin: 20px 0 10px;}
	.introBox .bimos_desc{font-size:12px;}
	.introBox .bimos_info {grid-template-columns: 80px 1fr; row-gap: 15px;}
	.introBox .bimos_info dt{font-size:14px;}
	.introBox .bimos_info dd{font-size:14px;}
	.introBox .bimos_info dd.host img{max-width:120px;}
	.introBox .bimos_info .host img {height:20px;}
}


/* -------------------------------------------------- 섹션03 -------------------------------------------------- */
.main .msec03 .mcont {padding:95px 0 117px; color:#000}

.main .msec03 .bottom_contBox {display:flex; align-items:flex-start;}
.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:20px; line-height:1.5em; margin-top:20px}

.main .msec03 .contactBox {margin-top:40px;}
.main .msec03 .contactBox .contact_tlt {font-size:24px;font-weight:700;letter-spacing:0.05em;margin-bottom:10px;}
.main .msec03 .contactBox .contact_info {font-size:22px;line-height:1.6em;}

/*애니메이션
.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:85px 0 107px;}

	.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:18px;}
	
	.main .msec03 .contactBox .contact_tlt {font-size:22px;}
	.main .msec03 .contactBox .contact_info {font-size:20px;line-height:1.4em;}
}

@media screen and (max-width:1024px){
	.main .msec03 .mcont {padding:65px 0 97px;}

	.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:16px;}
	.main .msec03 .bottom_contBox .txtBox .txt .pc_bk {display:inline}

	.main .msec03 .contactBox .contact_tlt {font-size:20px;}
	.main .msec03 .contactBox .contact_info {font-size:18px;}
}

@media screen and (max-width:768px){
	.main .msec03 .mcont {padding:55px 0 87px;}

	.main .msec03 .bottom_contBox {display:block;}

	.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:14px;}
	
	.main .msec03 .contactBox {margin-top:30px;}
	.main .msec03 .contactBox .contact_tlt {font-size:18px;}
	.main .msec03 .contactBox .contact_info {font-size:16px;}
}

@media screen and (max-width:480px){
	.main .msec03 .mcont {padding:45px 0 77px;}

	.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:12px;}
	
	.main .msec03 .contactBox .contact_tlt {font-size:16px;}
	.main .msec03 .contactBox .contact_info {font-size:14px;}
}


/* -------------------------------------------------- 섹션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:120px;}
.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:100px;}
	.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_new -------------------------------------------------- */
.main .msec05 {color:#000;}
.main .msec05 .mcont {padding:105px 0; border-top:1px solid #a9a9a9}

.main .msec05 .sec05_slBox {position:relative;}

.main .msec05 .sec05_slBox .control_box .slick-arrow {position:absolute; top:12%; 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 .msec05 .sec05_slBox .control_box .slick-prev {left:0;}
.main .msec05 .sec05_slBox .control_box .slick-next {right:0;}
.main .msec05 .sec05_slBox .control_box .slick-arrow:hover {border-color:#cd1b77; color:#cd1b77}

.main .msec05 .sec05_slBox .tltBox {margin-bottom:45px}
.main .msec05 .sec05_slBox .tltBox .eng_tlt {font-size:47px; font-weight:700; letter-spacing:0.02em; line-height:1.1em; color:#000;}

.main .msec05 .sec05_slBox .txtBox .txt {font-size:26px; line-height:1.3em; margin-bottom:45px}

.main .msec05 .sec05_slBox .imgBox {margin-bottom:75px;}

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

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

.main .msec05 .info_listUl .img img {width:100%}
.main .msec05 .info_listUl .tlt {font-size:30px; font-weight:400; margin-top:25px}
.main .msec05 .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:1220px){
	.main .msec05 .mcont {padding:95px 0;}

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

	.main .msec05 .sec05_slBox .tltBox .eng_tlt {font-size:42px;}
	.main .msec05 .sec05_slBox .txtBox .txt {font-size:21px;}
	
	.main .msec05 .info_list_four li {width:23.7%}
	.main .msec05 .info_listUl .tlt {font-size:25px; margin-top:20px}
	.main .msec05 .info_listUl .tlt:before {margin:-5px 5px 0 0; width:22px; height:30px;}
}

@media screen and (max-width:1024px){
	.main .msec05 .mcont {padding:85px 0;}

	.main .msec05 .sec05_slBox .control_box .slick-arrow {top:10%; width:125px; height:125px; font-size:20px}

	.main .msec05 .sec05_slBox .imgBox {margin-bottom:65px;}
	.main .msec05 .sec05_slBox .tltBox .eng_tlt {font-size:37px;}

	.main .msec05 .sec05_slBox .tltBox {margin-bottom:40px}
	.main .msec05 .sec05_slBox .txtBox .txt {font-size:18px; margin-bottom:40px}

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

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

@media screen and (max-width:768px){
	.main .msec05 .mcont {padding:75px 0;}

	.main .msec05 .sec05_slBox .control_box .slick-arrow {top:5%; width:85px; height:85px; font-size:18px}

	.main .msec05 .sec05_slBox .tltBox {margin-bottom:30px;}
	.main .msec05 .sec05_slBox .tltBox .eng_tlt {font-size:31px; width:70%; margin: 0 auto;}
	.main .msec05 .sec05_slBox .txtBox .txt {font-size:16px; width:70%; margin: 0 auto 30px;}
	
	.main .msec05 .sec05_slBox .imgBox {margin-bottom:75px;}
	
	.main .msec05 .info_list_four, .main .msec05 .info_list_three {text-align:left}
	.main .msec05 .info_list_four li, .main .msec05 .info_list_three li {width:49%; margin:0 1% 30px 0; text-align:center}
	.main .msec05 .info_list_four li:nth-child(2n), .main .msec05 .info_list_three li:nth-child(2n) {margin-right:0}

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

@media screen and (max-width:480px){
	.main .msec05 .mcont {padding:65px 0;}

	.main .msec05 .sec05_slBox .control_box .slick-arrow {top:5%; width:60px; height:60px; font-size:16px}

	.main .msec05 .sec05_slBox .tltBox {margin-bottom:30px}
	.main .msec05 .sec05_slBox .tltBox .eng_tlt {font-size:29px; width:70%; margin: 0 auto;}
	.main .msec05 .sec05_slBox .txtBox .txt {font-size:14px; width:70%; margin: 0 auto 30px;}
	
		.main .msec05 .sec05_slBox .imgBox {margin-bottom:65px;}
}