@charset "utf-8";
html,body,.wrap{height: 100%;}
:root {
	--main-color: #e7c953;
	--sub-color: #a4c313;
	--white:#fff;
	--black:#010101;
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out; /* data-scroll */
}

/*common*/
.fa-add::before, .fa-plus::before{content:"\2b";}
.fa-classic, .fa-regular, .fa-solid, .far, .fas{font-family:"Font Awesome 6 Free";}
.fa-regular, .far{font-weight:400;}

.sect .txt_wrap{margin-bottom:190px;text-align:center;}
.sect .s_sect_tit{font-family:'Cormorant';font-weight:400;font-size:32px;color:#000;margin-bottom:60px;}
.sect .sect_tit{font-size:6.2rem;color:#000;line-height:80px;font-weight:bold;}
.sect .sect_des{font-size:2.2rem;line-height:80px;color:#000;font-weight:350;}

.viewMore_btn{font-size:14px; width:140px; text-align:start;}
.viewMore_btn .btn-arrow{position:relative; display:block; width:100%; color:var(--main-color);}
.viewMore_btn .btn-arrow::before, .viewMore_btn .btn-arrow::after{content:""; position:absolute; top:50%; transform:translateY(-50%);}
.viewMore_btn .btn-arrow::before{right:26px; width:20px; height:2px; background-color:#fff; transition:background-color .3s;}
.viewMore_btn .btn-arrow::after{right:0; width:26px; height:26px; border-radius:50%; background-color:var(--main-color); transition:width .3s, border-radius .3s;}
.viewMore_btn .btn-arrow__icon{display:inline-block; position:absolute; top:50%; right:0; width:26px; height:26px; transform:translateY(-50%) ;z-index:55;}
.viewMore_btn .btn-arrow__icon::before, 
.viewMore_btn .btn-arrow__icon::after{content:""; display:inline-block; position:absolute; top:50%; transform:translateY(-50%);}
.viewMore_btn .btn-arrow__icon::after{left:50%; width:10px; height:10px; margin:-1px 0 0 -3px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg) translateY(-50%);}
.viewMore_btn:hover .btn-arrow::before{background-color:#fff; z-index:55;}
.viewMore_btn:hover .btn-arrow::after{width:55px; border-radius:15px;}
.viewMore_btn:hover .btn-arrow__icon::before{left:0; width:60%; height:2px; background-color:#fff;}

/*vis*/
#section0{width:100%; height:736px; top:98px; position:relative;margin-bottom:300px;}
#section0 .sec_con{position: relative; top:38%; left:50%; transform:translate(-50%, -50%); z-index:5;}

.vis{position: absolute; top:0; left:0;width:100%; height:736px;}
.vis_wrap{height: 100%;}
.vis_bg{background-repeat: no-repeat;background-position: center;background-size: cover;}

.vis1 .vis_bg{height: 100%; background-image: url('../../images/main-slide-01.png');}
.vis2 .vis_bg{height: 100%; background-image: url('../../images/main-slide-02.png');}
.vis3 .vis_bg{height: 100%; background-image: url('../../images/main-slide-03.png');}
.vis4 .vis_bg{height: 100%; background-image: url('../../images/main-slide-04.png');}
.vis5 .vis_bg{height: 100%; background-image: url('../../images/main-slide-05.png');}

.vis_txt{position:relative; text-align:start;}
.vis_txt .main_slide-tit{font-size:7rem; color:#fff; font-weight:600;}
.vis_txt .main_slide-sub{font-size:3rem; color:#fff; font-weight:500;margin-top:5px;}

/*  pagination */
#section0 .slide_con{position:absolute; bottom:106px; left:0; z-index:9; width:100%;}
#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet{width:82px; height:5px; background:#232323; transition:all 0.3s ease; border-radius:0;}
#section0 .slide_con .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
#section0 .slide_con .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 13px 0 0;}
#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet-active{background:white;}

/* sect1 */
.info_sect .cont_box {display: flex; align-items: flex-end;}
.info_sect .cont_box .cont {flex: 1;}
.info_sect .cont_box .cont .box {transition: transform 0.6s cubic-bezier(0, 0, 0.49, 1.01);}
.info_sect .cont_box .cont.center {margin-bottom: 20rem;text-align:left;}
.info_sect .cont_box .cont + .cont {margin-left: 10rem;}
.info_sect .cont_box .cont .txt_box .desc {color:#000;}
.info_sect .cont_box .cont .txt_box .tit {font-size: 4rem; font-weight: 600; font-family:'Cormorant';line-height: 46px; color:#000;margin-top: 10px;}
.info_sect .cont_box .cont .txt_box .tit span,
.info_sect .cont_box .cont .txt_box .desc span {display: block; transform: translateY(100%); transition:transform 1s cubic-bezier(0.68, 0.03, 0.33, 1); }
.info_sect .cont_box .cont .img {position: relative; padding-top: 130%; margin-top: 20px; transition: box-shadow 0.3s ease-in-out;}
.info_sect .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.info_sect .cont_box .cont .img:before {content: ""; position: absolute; left: -2px; top: -2px; background: #fff; width: calc(100% + 4px); height: calc(100% + 4px); z-index: 2; transition: width 1s cubic-bezier(0.68, 0.03, 0.33, 1) 0.4s , background-color 0.3s ease-in-out; }

.info_sect.active .cont_box .cont .txt_box .tit span,
.info_sect.active .cont_box .cont .txt_box .desc span {transform: unset;}
.info_sect.active .cont_box .cont .img:before {width: 0%;}

.more_pointer { position: fixed;top: 0;left: 0;z-index: 100;pointer-events: none;  }
.more_pointer .pointer_box {overflow: hidden;position: relative;width: 16rem;height: 16rem;transform: translate(-50%,-50%);border-radius: 50%;background-color:rgba(231, 201, 83, 0.7);backdrop-filter: blur(6px);border-radius: 50%;opacity: 0;transition: opacity 0.3s ease-in-out;}
.more_pointer .pointer_box .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1);}
.more_pointer .pointer_box .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 1.8rem; font-weight: 600; white-space: nowrap;}
.more_pointer.on .pointer_box {opacity: 1;}

/* sect2 */
#section2 {width:100%;height:696px;background:url('../../images/sect2_slide_bg.png') no-repeat center/cover;}
#section2 .sect-wrap_index{width:fit-content;}
#section2 .sect2_slide_con{width:100% !important;display:flex;justify-content:space-between;padding-top:65px;gap:65px;height:697px;}
#section2 .sect2_slide_left_top {display:flex;align-items:center;gap:20px;margin-bottom:45px;padding-top:40px;}
#section2 .sect2_slide_left_top .sect2_slide_tit{font-size:4.2rem;color:#fff;line-height:48px;}
#section2 .sect2_slide_left_bot .sect2_bot_tit{font-size:2.4rem;color:#fff;line-height:30px;white-space:nowrap;margin-bottom:20px;letter-spacing:-0.3px;font-weight:600;}
#section2 .sect2_slide_left_bot .sect2_bot_des{font-size:1.8rem;color:#fff;line-height:30px;font-weight:450;}
#section2 .sect2_slide_left_wrap{width:100%;margin-left:20px;position:relative;}
#section2 .sect2_slide_right_wrap{overflow:hidden;}
#section2 .view_btn_wrap{position:relative;z-index:999;}
#section2 .view_btn_wrap a{ 
	width:176px;height:46px;border-radius:30px;border:1px solid var(--main-color);
	text-align:center;line-height:46px;position:absolute;left:40px;bottom:100px;;
	display:flex;align-items:center;justify-content:center;gap:20px;
	color:var(--main-color);font-weight:bold;font-size:16px;
}
#section2 .con2 .view_btn_wrap{bottom:25px;}

#section2 .sd1_con{position:absolute;left:86px;}
#section2 .sd1_con .swiper-pagination-current{display:inline-block; min-width: 2ch;color:var(--main-color);font-weight:bold;}
#section2 .sd1_con .swiper-pagination-total{display:inline-block; min-width: 2ch;color:#fff;font-weight:bold;}
#section2 .sd1_con .swiper-pagination-current::before,
#section2 .sd1_con .swiper-pagination-total::before{ 
	content:'0';
}
#section2 .sd1_con .swiper-pagination-current:only-child::before,
#section2 .sd1_con .swiper-pagination-total:only-child::before{ 
	content:'';
}
#section2 .sect2_slide_right_wrap_mo{display:none;}

/* sect3 */
#section3{background-color: var(--main-color);padding-bottom: 420px;position:relative;overflow:hidden;}
#section3 .sect3_tit{font-size:5.4rem;color:#fff;font-weight:bold;text-align:center;line-height:46px;padding-bottom:50px;padding-top:180px;}
#section3 .pin-spacer{z-index:auto;float:none;display:block;margin:0px 0px 40px;inset:auto;position:relative;overflow:visible;box-sizing:border-box;width:100%;height:543px;padding:0;}
#section3 .pin{perspective: 300px; margin-bottom: 40px;}
#section3 .pin:last-child{margin-bottom: 0;}
#section3 .box{
	border-radius: 20px; display: flex; align-items: center; justify-content: space-between;
	background-color: #fff; transform-origin: center top;box-sizing: border-box;
	position: relative; top: 0; filter: brightness(1);
	height: 543px;translate:none;rotate:none;scale:none;transform:translate(0px);
}
#section3 .box > .txtBx{height: 100%;padding:80px 50px 0;}
#section3 .box > .txtBx em{font-family: 'Lora'; font-style: italic; font-size: 12.0rem;color: transparent; line-height: 46px;-webkit-text-stroke: 1px var(--main-color);}
#section3 .con .pin_tit{display:flex;align-items:center;gap:20px;margin:20px 0 10px;}
#section3 .con h3{color: var(--main-color);font-size: 4rem;font-weight: bold; line-height:46px;}
#section3 .con .pin_tit_s{font-size:26px;font-weight:600;}
#section3 .con p{font-size:1.8rem;color:#333;line-height:28px;font-weight:350;}
#section3 .pin_icon_wrap{display:flex;align-items:center;gap:20px;margin-top:55px;}
#section3 .pin_icon_wrap .pin_icon{display:flex;flex-direction:column;align-items:center;justify-content:center;}
#section3 .pin_icon_wrap .pin_icon_img{width:82px;height:82px;border-radius:50%;background:#f5f5f6;text-align:center;line-height:115px;}
#section3 .pin_icon_wrap .pin_icon_txt span{font-size:1.6rem;font-weight:500;color:#222;margin-top:10px;display:block;}
#section3 .box .imgBx img{border-top-right-radius:20px;border-bottom-right-radius:20px;margin-top:4px;}

/* marquee */
#section3 .marqueeBx{position:absolute;bottom:155px;}
#section3 .marquee{display: inline-flex; animation: marquee forwards infinite 3s linear;animation-duration: 12s;}
#section3 .marquee .m_con{display: flex; white-space: nowrap; font-size: 140px;}
#section3 .marquee .m_con b{font-family: 'Lora'; font-style: italic; color: #fff;font-weight:450;margin-right: .3em;}
#section3 .marquee .m_con p{
	font-family: 'Lora'; color: transparent;
	-webkit-text-stroke: 1px #fff; font-weight: 600;
	margin-right: .3em;
}

@keyframes marquee {
	from { transform:translateX(0) }
	to { transform:translateX(-50%) }
}

/* sect4 */
.sect .sect4_tit{font-size:4.2rem;line-height:46px;font-weight:bold;color:#222;text-align:center;}
#section4 .main_prd-slide_wrap{position:relative;}
#section4 .main_prd-slide_wrap .btn_wp{position:relative;z-index:99;}
#section4 .btn_wp button{width:55px; height:55px; border:0;border-radius:50%; background:var(--main-color); transition:0.3s; padding:0; cursor:pointer;}
#section4 .btn_wp .m-prd_arrow_prev{position:absolute;bottom:212px;left:-26px;}
#section4 .btn_wp .m-prd_arrow_next{position:absolute;bottom:212px;right:-26px;}
#section4 .btn_wp button span{width:100%; height:100%; position:relative; display:block;transition:.5s;}
#section4 .btn_wp .m-prd_arrow_prev span{background:url("../../images/main_slide-left.png") no-repeat center center;}
#section4 .btn_wp .m-prd_arrow_next span{background:url("../../images/main_slide-right.png") no-repeat center center;}
#section4 .main_prd-slide{padding-top:50px; width:100%;overflow:hidden; }
#section4 .swiper-wrapper{max-width:1360px; width:100%; display:flex;margin-left:2px;}
#section4 .swiper-wrapper .item{width:325px; height:100%;transition: 0.5s;}
#section4 .swiper-wrapper .item a{display:flex; flex-direction:column; height:100%;}
#section4 .swiper-wrapper .item .main-prd_imgBox{width:325px; height:325px; padding:5px;border:1px solid #cacaca;transition:0.2s;}
#section4 .swiper-wrapper .item .m-prd_img img{width:100%; height:100%; transition:0.2s;object-fit:cover;}
#section4 .swiper-wrapper .item:hover .main-prd_imgBox{box-shadow:0 0 0 2px #e7c953;border:1px solid #fff;}
#section4 .main-prd_txtBox{width:325px; padding-top:20px;}
#section4 .main-prd_txtBox h5{font-size:20px; font-weight:600; color:#000;margin-bottom:10px;}
#section4 .main-prd_txtBox p{font-size:16px; font-weight:350; color:#000;}

/* sect5 */
#section5{display:flex;flex-direction:column;align-items:center;justify-content:center;}
#section5 .video_wrap{margin:60px auto 0;position: relative;width: 900px;height:535px;cursor: pointer;background: #000;}
#section5 .video_wrap::after{ 
  content: '';position: absolute;left: 50%;bottom: -60px;transform: translateX(-50%);
  width: 70%;height: 30px;background: rgba(0, 0, 0, 0.35); 
  filter: blur(14px);border-radius: 50%;z-index: 99;
}
#section5 .video_thumb img {width: 100%;height: 535px;object-fit: cover;display: block;}
#section5 .play_btn { 
	position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;
	background: url('../../images/video_play.png') no-repeat center/contain;
	transform: translate(-50%, -50%);opacity: 0.8;transition: opacity 0.3s;
}
#section5 .video_wrap:hover .play_btn{opacity:1;}

/* sect6 */
#section6 {padding:490px 0 80px;background:#f6f6f6;margin-top:-270px;}
#section6 .global_txt_wrap .global_tit{font-size:5.2rem;color:#000;line-height:30px;font-weight:bold;}
#section6 .global_txt_wrap .global_txt{font-size:1.8rem;color:#333;font-weight:400;line-height:28px;margin-top:25px;}
#section6 .main-global-container{position: relative; display: flex; flex-wrap:wrap; justify-content: flex-end;}
#section6 .main-global-left{width:34.5rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 11;}
#section6 .main-global-info-list{width: 100%;}
#section6 .main-global-info-item{padding: 20px 0 30px;}
#section6 .main-global-info-item + .main-global-info-item{border-top: 1px solid #dfdfdf;}
#section6 .main-global-info-item .num{font-size: 4rem; font-weight: 700; letter-spacing: -0.025em; color: var(--main-color);}
#section6 .main-global-info-item .tit{margin-top: 1rem; font-size: 2rem; line-height: 28px; letter-spacing: -0.01em; font-weight: 700; color: #111;}
#section6 .main-global-info-item .txt{margin-top: 0.5rem; font-size: 1.6rem; line-height: 28px; letter-spacing: -0.01em; font-weight: 500; color: #333;}
#section6 .main-global-right{position: relative; width: 100%; right: -100px;}
#section6 .global-map-container-JS{display: flex; justify-content: flex-end;}
#section6 .global-map-con{position:relative; width: 1380px; height: 700px;}
#section6 .global-map-con-m{display:none;}
#section6 .global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#section6 .global-img-box{position: relative; width: 1380px; height: 700px;}
#section6 .global-img-box img{position: absolute; top: 0; left: 0;}
#section6 .global-img-box .bg{width: 100%; opacity: 0; transition:var(--transition-custom2);}
#section6 .global-img-box .marker{width: 100%; opacity: 0; transform: translateY(-30px); transition:var(--transition-custom2);}
#section6 .global-img-box .arrow{width: 100%; opacity: 0; transform: scale(0.2) rotate(15deg); transform-origin: 82% 44%; transition:var(--transition-custom2);}

#section6 .nation-circle{position:absolute; top: 230px; left:50%; margin-left: 354px; display:inline-block; width:160px; height:160px; opacity: 0; transition:var(--transition-custom2); transition-property: opacity;}
#section6 .nation-circle > span:nth-child(2) {animation-delay: 1s;}
#section6 .nation-circle > span:nth-child(3) {animation-delay: 1.5s;}
#section6 .nation-circle > span:nth-child(4) {animation-delay:2s;}
#section6 .nation-circle > span:nth-child(5) {animation-delay:2.5s;}
#section6 .nation-circle > span:nth-child(6) {animation-delay:4s;}
#section6 .nation-circle > span {border:1px solid rgba(231, 201, 83, 0.5); border-radius: 50%; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%; animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; box-sizing: border-box;}
#section6 .nation-circle i{display:block; position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px; width:10px; height:10px; background-color:var(--main-color); border-radius:10px; opacity:0.7;filter:Alpha(opacity=70);}
#section6 .nation-circle i:before{position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; width: 22px; height: 22px; background-color:var(--main-color); border-radius: 100%; opacity: 0.25; content: '';}
#section6 .nation-circle img{position: absolute; top: 30px; left: 50%; margin-left: -47px; width: 94px; height: 29px; opacity: 0;}

/* animated */
#section6 .global-map-con.animated .global-img-box .bg{opacity: 1; transition-delay:0.2s}
#section6 .global-map-con.animated .global-img-box .marker{opacity: 1; transform: translateY(0); transition-delay:0.2s;}
#section6 .global-map-con.animated .global-img-box .arrow{opacity: 1; transform: scale(1.0) rotate(0); transition-delay:0.5s;}
#section6 .global-map-con.animated .nation-circle{opacity: 1; transition-delay:0.5s;}

@keyframes nation-circle {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5; 
	}
	50% {
		opacity: 1.0; 
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0; 
	}
}

#section6 .sns_wrap{padding-top:135px;display:flex;align-items:center;justify-content:center;gap:45px;}
#section6 .sns_wrap .sns_con a{width:331px;height:69px;border-radius:50px;border:2px solid #2544b7;display:flex;align-items:center;justify-content:center;gap:15px;}
#section6 .sns_wrap .sns_con a h5{font-size:2rem;color:#111;font-weight:bold;line-height:28px;}
#section6 .sns_wrap .sns_con.sns_con_02 a{ 
	background: linear-gradient(#f6f6f6 0 0) padding-box,
    linear-gradient(90deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5) border-box;
	border: 2px solid transparent;
}
#section6 .sns_wrap .sns_con.sns_con_03 a{border:2px solid #ff0012;}

/* ------------- response -------------- */
@media screen and (min-width: 1240px) {  
	.info_sect .cont_box .cont:hover .box {transform: translateY(-50px);}
	.info_sect .cont_box .cont:hover .img{box-shadow: 0 25px 30px 10px rgba(0,0,0,0.2);}
}
@media screen and (max-width: 1800px){ 
	/* #section2 .sect2_slide_left_wrap{margin-left:0;}
	#section2 .sect2_slide_left_bot .sect2_bot_des{width:600px;}
	#section2 .sect2_slide_right_wrap{margin-left:30px;}
	#section2 .sd1_con{left:83px;}
	#section2 .view_btn_wrap a{left:20px;} */
}
@media screen and (max-width: 1700px){ 
	#section0 .sec_con{padding:0;}
	
}
@media screen and (max-width: 1600px){ 
	#section6 .main-global-right{width:85%;right:0;}
}
@media screen and (max-width: 1450px){ 
	/* sect0 */
	.vis_txt .main_slide-tit{font-size:5rem;}
	#section4 .swiper-wrapper{margin-left:0;}
}

@media screen and (max-width: 1380px){ 
	/* #section2 .sect2_slide_right_wrap{margin-left:-300px;}	 */
}
@media screen and (max-width: 1280px){ 
	#section3 .box{flex-direction: column; height: auto; align-items: center; padding: 40px;}
	#section3 .pin-spacer{height:auto;}
	#section3 .pin{height:auto !important;}
	#section3 .box > .txtBx{padding-right: 0; text-align: start;margin-bottom: 60px;display:flex;align-items:flex-start;gap:85px;padding:50px 50px 0;}
	#section3 .box > .txtBx em{font-size: 8rem;line-height:inherit;}
    #section3 .pin:first-child .box > .imgBx,
	#section3 .pin:last-child .box > .imgBx{border-radius: 20px; overflow: hidden;}

	#section6 .global-map-con{margin:auto;}
	#section6 .main-global-container{justify-content:center;margin-top:100px;}
	#section6 .main-global-right{width:100%;right:0;}
	#section6 .main-global-left{width:100%;position:static;transform:translateY(0);}

}
@media screen and (max-width: 1200px){ 
	.sect .s_sect_tit{font-size:28px;margin-bottom:60px;}
	.sect .sect_tit{font-size:5.5rem;}
	.sect .sect_des{line-height:48px;}

	#section2 .sect2_slide_left_top .sect2_slide_tit{font-size:3.8rem;}
	#section2 .sect2_slide_left_bot .sect2_bot_tit{font-size:2rem;margin-bottom:15px;}
	#section2 .sect2_slide_left_bot .sect2_bot_des{font-size:1.6rem;line-height:28px;}

	#section6 .sns_wrap{gap:13px;}
	#section6 .sns_wrap .sns_con a{width:280px;height:60px;}
	#section6 .sns_wrap .sns_con a h5{font-size:1.8rem;}
}
@media screen and (max-width: 1080px){ 
	.vis_txt .main_slide-tit{font-size:4.5rem;}

	.sect .s_sect_tit{margin-bottom:40px;}
	.sect .sect_tit{font-size:4.8rem;line-height:58px;}
	.sect .sect_des{font-size:2rem;}

	#section2 .sect2_slide_right_wrap{margin-left:-560px;margin-top:336px;}
	#section2 .sect2_slide_right_wrap img{width:500px;}

	#section4 .swiper-wrapper .item .main-prd_imgBox{width:100%;height:auto;}
	
}

@media screen and (max-width: 980px){ 
	.sect .txt_wrap{margin-bottom:110px;}
	.sect .s_sect_tit{font-size:25px;}
	.sect .sect_tit{font-size:4rem;line-height:52px;}
	.info_sect .cont_box .cont + .cont{margin-left:6rem;}
	.info_sect .cont_box .cont.center{margin-bottom:13rem;}
	.info_sect .cont_box .cont .txt_box .tit{font-size:3.6rem;}
	
	#section5 .video_wrap{width:600px;height:355px;}
	#section5 .video_thumb img{height:355px;}
	
	
	#section6 .sns_wrap .sns_con a{width:165px;}
	#section6 .sns_wrap .sns_con a img{width:35px;height:25px;}
	#section6 .sns_wrap .sns_con a h5{font-size:1.6rem;}
}

@media screen and (max-width: 820px){ 
	.info_sect .cont_box .cont + .cont{margin-left:4rem;}
	.more_pointer .pointer_box{width:12rem;height:12rem;}
	
	#section3 .sect3_tit{font-size:4.2rem;}
	#section3 .con h3{font-size:3.5rem;}
	#section3 .con .pin_tit_s{font-size:23px;}
	#section3 .con p .pc_space{display:none;}
	#section3 .box > .txtBx{gap:30px;padding:15px 0 0;}
	#section3 .box .imgBx img{width:100%;}
	#section3 .marquee .m_con{font-size: 100px;}
}

@media screen and (max-width: 768px){ 
	.sect .sect_tit{line-height:45px;}

	#section0 .slide_con{left:10px;}
	
	#section2{height:750px;}
	#section2 .sect2_slide_con{height:100%;}
	#section2 .sect2_slide_left_top{padding-top:0;margin-bottom:25px;}
	#section2 .sect2_slide_left_bot .sect2_bot_des{width:100%;padding-right:20px;}
	#section2 .sect2_slide_right_wrap{margin-top:392px;}
	#section2 .view_btn_wrap a{bottom:300px;}
	#section2 .sd1_con{bottom:167px;}
}
@media screen and (max-width: 660px){ 
	.vis_txt{padding-left:20px;}
	.vis_txt .main_slide-tit{font-size:4rem;}
	.vis_txt .main_slide-sub{font-size:2.8rem;}

	#section2 .sect2_slide_left_bot .sect2_bot_tit{white-space:wrap;line-height:26px;}
	#section2 .sect2_slide_left_bot .sect2_bot_des{line-height:22px;}
		
	#section3 .box > .txtBx em{font-size:6rem;}
	#section3 .con h3{font-size:3rem;line-height:36px;}
	#section3 .con p{font-size:1.6rem;line-height:25px;}
	#section3 .pin_icon_wrap{gap:15px;margin-top:35px;}
	#section3 .pin_icon_wrap .pin_icon_img{width:70px;height:70px;line-height:95px;}
	#section3 .pin_icon_wrap .pin_icon_img img{width:51px;height:32px;}
	#section3 .pin_icon_wrap .pin_icon_txt span{font-size:14px;}

	#section5 .video_wrap{width:400px;height:235px;}
	#section5 .video_thumb img{height:235px;}

	.sect .sect4_tit{font-size:4rem;}
	#section6{padding:350px 0 80px;margin-top:-125px;}
	#section6 .global_txt_wrap .global_tit{font-size:4.8rem;}
	#section6 .global_txt_wrap .global_txt{font-size:1.6rem;}
}
@media screen and (max-width: 600px){ 
	#section0{margin-bottom:205px;}

	.sect .s_sect_tit{font-size:1.8rem;margin-bottom:30px;}
	.sect .sect_tit{font-size:3.2rem;}
	.sect .sect_des{font-size:1.6rem;}
	.info_sect .cont_box .cont + .cont{margin-left:-10rem;}
	.info_sect .cont_box .cont.center{margin-bottom:48rem;}
	
	#section2{height:900px;}
	#section2 .sect2_slide_right_wrap_pc{display:none;}
	#section2 .sect2_slide_right_wrap_mo{display:block;}
	#section2 .sect2_slide_right_wrap img{width:96%;}
	#section2 .sect2_slide_right_wrap{margin-top:238px;margin-left:-495px;}
	#section2 .sd1_con{bottom:-74px;}
	#section2 .view_btn_wrap a{bottom:56px;}
	/* #section2 .con4 .sect2_slide_right_wrap{margin-top:180px;} */

	#section3 .sect3_tit{padding-top:100px;}
	#section3 .marqueeBx{margin-top: 40px;}
	#section3 .marquee .m_con{font-size: 80px;}
	#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet{width:40px;}
	
	#section6 .sns_wrap{padding-top:45px;}
	#section6 .sns_wrap .sns_con a{width:140px;height:48px;}
	#section6 .sns_wrap .sns_con a h5{margin-left:-10px;}
}
@media screen and (max-width: 550px){ 
	#section2{height:880px;}
	#section2 .sect2_slide_right_wrap{margin-top:216px;}
	#section2 .sect2_slide_left_top img{width:70px;height:70px;}
	#section2 .sect2_slide_left_top .sect2_slide_tit{font-size:3rem;line-height:36px;}
	#section2 .sect2_slide_left_bot .sect2_bot_tit{font-size:1.8rem;}
	#section2 .sect2_slide_left_bot .sect2_bot_des{font-size:1.5rem;line-height:25px;}
	#section2 .sd1_con .swiper-pagination-current, 
	#section2 .sd1_con .swiper-pagination-total{font-size:14px;}
	#section2 .sd1_con{bottom:-93px;}
	#section2 .view_btn_wrap a{bottom:35px;}
	/* #section2 .con4 .sect2_slide_right_wrap{margin-top:319px;} */
}
@media screen and (max-width: 500px){ 
	/* section0 */
	#section0{margin-bottom: 0;}
	#section0 .sec_con{padding-left:10px;top:26%;}
	#section0 .slide_con{bottom:220px;}
	.vis_txt .main_slide-tit{font-size:3.5rem;}
	.vis_txt .main_slide-sub{font-size:1.8rem;}

	.vis1 .vis_bg{height:560px;background-image: url('../../images/main-slide-01_500.png');background-position:bottom;}
	.vis2 .vis_bg{height:560px;background-image: url('../../images/main-slide-02_500.png');background-position:inherit;}
	.vis3 .vis_bg{height:560px;background-image: url('../../images/main-slide-03_500.png');background-position:center center;}
	.vis4 .vis_bg{height:560px;background-image: url('../../images/main-slide-04_500.png');background-position:inherit;}
	.vis5 .vis_bg{height:560px;background-image: url('../../images/main-slide-05_500.png');background-position:center;}

	.sect .sect_tit{font-size:2.6rem;line-height:32px;}
	.sect .sect_des{font-size:1.4rem;margin-top:-6px;}

	.info_sect .cont_box .cont .txt_box .desc{font-size:14px;margin-bottom:-5px;}
	.info_sect .cont_box .cont .txt_box .tit{font-size:3rem;line-height:30px;}
	.info_sect .cont_box .cont + .cont{margin-left:-9rem;}
	.info_sect .cont_box .cont.center{margin-bottom:38rem;}
	
	#section2 .sect2_slide_right_wrap{margin-left:-413px;margin-top:170px;}
	#section2 .sect2_slide_right_wrap img{width:100%;}

	#section3{padding-bottom:340px;}
	#section3 .box > .txtBx{display:block;}
	#section3 .con .pin_tit_s{font-size:20px;display:block;}
	#section3 .con .pin_tit{align-items:baseline;}
	#section3 .sect3_tit{font-size:3.6rem;}
	#section3 .pin-spacer{margin:0 0 25px;}
	#section3 .pin_icon_wrap .pin_icon_txt span{white-space:nowrap;}

	.sect .sect4_tit{font-size:3.4rem;}
	#section4 .main-prd_txtBox h5{font-size:18px;}
	#section4 .main-prd_txtBox p{font-size:15px;}

	#section5 .video_wrap{margin:30px auto 0;}
	#section5 .play_btn{width:75px;height:75px;}
	
	#section6 .main-global-info-item .num{font-size:3.3rem;}
	#section6 .main-global-info-item .tit{font-size:1.8rem;}
	#section6 .main-global-info-item .txt{margin-top:0;}
	#section6 .global_txt_wrap .global_tit{font-size:4rem;}
	#section6 .global_txt_wrap .global_txt{margin-top:15px;line-height:24px;}
	#section6 .sns_wrap{gap:6px;}
	#section6 .sns_wrap .sns_con a{width:128px;}
	#section6 .sns_wrap .sns_con a h5{font-size:1.4rem;}
}

@media screen and (max-width: 450px){ 
	.mb-270{margin-bottom:14rem;}
	.sect .txt_wrap{margin-bottom:70px;}

	#section2{height:840px;}
	#section2 .sect2_slide_left_wrap{margin-left:0;width:350px;}
	#section2 .sd1_con{bottom:-105px;left:57px;}
	#section2 .view_btn_wrap a{bottom:36px;left:10px;width:155px;height:40px;}

	#section3{padding-bottom:250px;}
	#section3 .marqueeBx{bottom:124px;}
	#section3 .marquee .m_con{font-size:60px;}
	#section3 .con .pin_tit{margin:10px 0;}
	#section3 .box > .txtBx em{font-size:4.5rem;}
	#section3 .box > .txtBx{margin-bottom:35px;}
	#section3 .pin_icon_wrap{gap:8px;}

	#section4 .swiper-wrapper .item .main-prd_imgBox{width:98%;margin:auto;}
	#section4 .btn_wp button{width:45px;height:45px;}
	#section4 .btn_wp .m-prd_arrow_prev{bottom:0;left:inherit;right:57px;}
	#section4 .btn_wp .m-prd_arrow_next{bottom:0;right:0;}
	
	#section5 .video_wrap{width:100%;}

	#section6{padding:300px 0 80px;}
	#section6 .sns_wrap{flex-direction:column;gap:10px;}
	#section6 .sns_wrap .sns_con a{width:340px;}
}

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


}

@media screen and (max-width: 400px){ 
	.vis_txt .main_slide-sub{font-size:1.6rem;}

	#section2{height:750px;}
	#section2 .sect2_slide_left_bot .sect2_bot_tit{font-size:1.6rem;}
	#section2 .sect2_slide_left_top .sect2_slide_tit{font-size:2.6rem;line-height:30px;}
	#section2 .sect2_slide_left_bot .sect2_bot_des{font-size:1.4rem;line-height:23px;}
	#section2 .sect2_slide_con{gap:145px;}
	#section2 .sect2_slide_con .sect-wrap{margin-left:-10px;padding:0;}
	#section2 .sect2_slide_right_wrap{margin-top:194px;margin-left:-485px;}
	
}

@media screen and (max-width: 390px){ 
	.sect .sect_des{font-size:1.3rem;white-space:nowrap;letter-spacing:-0.1px;}
	.info_sect .cont_box .cont.center{margin-bottom:33rem;}
	.info_sect .cont_box .cont + .cont{margin-left:-7rem;}

	#section3 .con h3{font-size:2.4rem;line-height:30px;}
	#section3 .con p{font-size:1.4rem;line-height:23px;}
	#section3 .pin_icon_wrap .pin_icon_txt span{font-size:13px;}
	#section3 .pin_icon_wrap{margin-top:25px;}

	.sect .sect4_tit{font-size:3rem;}
	#section6 .main-global-container{margin-top:70px;}
	#section6 .global_txt_wrap .global_tit{font-size:3.5rem;}
	#section6 .global_txt_wrap .global_txt{font-size:1.4rem;line-height:20px;margin-top:10px;}
	#section6 .main-global-info-item .num{font-size:3rem;}
	#section6 .main-global-info-item .tit{font-size:1.6rem;line-height:20px;}
	#section6 .main-global-info-item .txt{font-size:1.4rem;}
}
@media screen and (max-width: 375px){ 
	.sect .sect_tit{font-size:2.4rem;}
	
	#section6 .global_txt_wrap .global_tit{font-size:3.6rem;}
}
@media screen and (max-width: 360px){ 
	#section3 .pin_icon_wrap .pin_icon_txt span{font-size:12px;}
}