/* 메인슬라이드 */
.sc-newjp { margin: 0 auto; font-family: 'Meiryo'; }
.sc-newjp .sc-inner { position: relative; }
.sc-newjp .swiper.thbswip { position: relative; height: 700px; width: 100%; overflow: hidden; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide { position: relative; width: 100%; height: 100%; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg video { height: 100%; width: 100%; object-fit: cover; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg .pc_vdo { display: block; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg .mb_vdo { display: none; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .slide-wrap { position: relative; margin: 0 auto; max-width: 1200px; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box { color: #fff; margin-top: 90px; margin-left: -10px; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .inner-box { display: inline-block; padding: 20px 20px 80px 20px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0.3) 100%); border-radius: 10px; position: relative; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .inner-box .logo_box { width: 100%; height: 150px; background: url(/asp/images/intro/jp/mybus_logo.png)no-repeat; background-size: contain; padding-bottom: 20px; transform: translateX(-100px); opacity: 0; transition-property: transform, opacity; transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01); transition-delay: -0.3s; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .inner-box .logo_box.active { transform: translateX(0); opacity: 1; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .desc { max-width: 1200px; min-width: 400px; font-size: 14px; max-width: 450px; transform: translateX(-100px); opacity: 0; transition-property: transform, opacity; transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01); transition-delay: -0.3s; }
.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .desc.active { transform: translateX(0); opacity: 1; }
.sc-newjp .swiper.thbswip .control_box { position: relative; max-width: 1170px; margin: 0 auto; z-index: 10; margin-top: -290px; display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.sc-newjp .swiper.thbswip .control_box .contr_inner { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 10px 20px 10px 10px; z-index: 10; border-radius: 10px; }
.sc-newjp .swiper.thbswip .control_box .button-next { position: relative; width: 15px; height: 15px; z-index: 10; cursor: pointer; }
.sc-newjp .swiper.thbswip .control_box .button-next::before { position: absolute; left: 50%; content: ''; height: 75%; width: 2px; border-radius: 10px; background: #ccc; transform: rotate(-45deg); }
.sc-newjp .swiper.thbswip .control_box .button-next::after { position: absolute; left: 50%; top: 50%; content: ''; height: 75%; width: 2px; border-radius: 10px; background: #ccc; transform: rotate(45deg); }
.sc-newjp .swiper.thbswip .control_box .button-prev { position: relative; width: 15px; height: 15px; z-index: 10; cursor: pointer; }
.sc-newjp .swiper.thbswip .control_box .button-prev::before { position: absolute; left: 50%; content: ''; height: 75%; width: 2px; border-radius: 10px; background: #ccc; transform: rotate(45deg); }
.sc-newjp .swiper.thbswip .control_box .button-prev::after { position: absolute; left: 50%; top: 50%; content: ''; height: 75%; width: 2px; border-radius: 10px; background: #ccc; transform: rotate(-45deg); }
.sc-newjp .swiper.thbswip .control_box .play_stop { position: relative; display: block; width: 10px; height: 14px; margin-top: 3px; margin-left: 10px; cursor: pointer; }
.sc-newjp .swiper.thbswip .control_box .play_stop.on { position: relative; cursor: pointer; }
.sc-newjp .swiper.thbswip .control_box .play_stop::before { content: ''; position: absolute; left: 0; background: #d1d1d1; width: 2px; height: 100%; z-index: 10; }
.sc-newjp .swiper.thbswip .control_box .play_stop:after { content: ''; position: absolute; right: 0; background: #d1d1d1; width: 2px; height: 100%; z-index: 10; }
.sc-newjp .swiper.thbswip .control_box .play_stop.on::before { content: ''; position: absolute; left: 0; width: 0; height: 0; background: none; border-bottom: 7px solid rgba(0, 0, 0, 0.0); border-top: 7px solid rgba(0, 0, 0, 0.0); border-left: 10px solid #d1d1d1; border-right: 7px solid rgba(0, 0, 0, 0.0); }
.sc-newjp .swiper.thbswip .control_box .play_stop.on::after { display: none; }
.sc-newjp .swiper.thbswip .control_box .sw_pagination { color: #fff; font-size: 16px; margin-left: 20px; z-index: 10; }
.sc-newjp .swiper.thubpart { position: relative; max-width: 1220px; margin: 0 auto; margin-top: -130px; height: 110px; box-sizing: border-box; }
.sc-newjp .swiper.thubpart .swiper-slide { width: auto; height: 100%; cursor: pointer; position: relative; transition: 0.3s; transform: scale(0.8); }
.sc-newjp .swiper.thubpart .swiper-slide::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; border-radius: 20px; background: rgba(000, 000, 000, 0.3); }
.sc-newjp .swiper.thubpart .swiper-slide img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; border-radius: 20px; }
.sc-newjp .swiper.thubpart .swiper-slide-thumb-active { transform: scale(0.9); transition: 0.3s; }
.sc-newjp .swiper.thubpart .swiper-slide-thumb-active img { border: 2px solid #fff; }
.sc-newjp .swiper.thubpart .swiper-slide-thumb-active:after { background: none; }
.sc-newjp .swiper-pagination-current { color: #fff; }

/* 스와이퍼 상단영역 */
.l_jptemp { position: relative; overflow: hidden; margin: 0 auto; font-family: 'Meiryo'; }
.l_jptemp .temp_wrap { margin: 0 auto; padding: 50px; }
.l_jptemp .temp_wrap .title_wrap { margin: 0 auto; max-width: 1200px; }
.l_jptemp .temp_wrap .temp_title { text-align: left; font-size: 30px; font-weight: 600; margin-bottom: 10px; }
.l_jptemp .temp_wrap .temp_inner { position: relative; background: #f1f1f1; border-radius: 10px; max-width: 1200px; margin: 0 auto; }

/* 20250107 수정사항 */
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list { padding:30px; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item { display: flex; justify-content: space-between; gap: 30px; margin-bottom: 30px; padding-bottom: 30px; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item:last-child { margin-bottom: 0; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .swiper_box { width: 50%; height: 380px; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .swiper_box .swiper.contjp { overflow: hidden; position: relative; width: 100%; height: 100%; padding-bottom: 30px; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .swiper_box .swiper.contjp .swiper-slide .img_box { position: relative; width: 100%; height: 100%; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .swiper_box .swiper.contjp .swiper-slide .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .swiper_box .swiper.contjp .swiper-pagination { bottom: 0; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .swiper_box .swiper.contjp .swiper-pagination .swiper-pagination-bullet-active { background: #6f6f6f; width: 20px; border-radius: 5px; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box { width: 50%; position: relative; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .cont_tit { font-size: 28px; font-weight: 500; margin-bottom: 20px; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .cont_desc { font-size: 18px; margin-bottom: 25px; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .cont_detail { font-size: 14px; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .link_box { position: absolute; bottom: 0; left: 0; width: 100%; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .link_box .pc_link { display: block; border: 1px solid #DA291C; color: #DA291C; padding: 15px 0px; font-size: 16px; width: 60%; text-align: center; border-radius: 10px; }
.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .link_box .mb_link { display: none; border: 1px solid #DA291C; color: #DA291C; padding: 15px 0px; font-size: 16px; width: 60%; text-align: center; border-radius: 10px; }
.l_jptemp .temp_wrap .button_box { text-align: center; padding: 30px 0; }
.l_jptemp .temp_wrap .button_box .l_jplink_to { display: inline-block; padding: 15px 65px; font-size: 16px; border: none; background: #DA291C; color: #fff; border-radius: 10px; }

/* */

/* 인스타그램 영역 */
.instgram_part { padding: 50px; background: rgb(229,217,228); background: linear-gradient(180deg, rgba(229,217,228,1) 0%, rgba(235,219,225,1) 51%, rgba(241,221,222,1) 100%); font-family: 'Meiryo'; }
.instgram_part .inner_wrap { max-width: 800px; position: relative; margin: 0 auto; display: flex; justify-content: space-between; gap: 180px; }
.instgram_part .inner_wrap .img_box { position: relative; display: block; width: 300px; height: 400px; }
.instgram_part .inner_wrap .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; border-radius: 10px; }
.instgram_part .inner_wrap .button_box { position: relative; display: flex; flex-direction: column; justify-content: center; }
.instgram_part .inner_wrap .button_box .btn_wrap { display: block; }
.instgram_part .inner_wrap .button_box .btn_link { display: inline-block; border: 1px solid #FE8267; padding: 15px 65px; color: #FE8267; font-size: 16px; }

/* 인트로영역 */
.lounge_intro { position: relative; overflow: hidden; margin: 0 auto; padding: 50px; background: #fbfbfb; font-family: 'Meiryo'; }
.lounge_intro .title_wrap { margin: 0 auto; max-width: 1200px; }
.lounge_intro .intro_title { text-align: left; font-weight: 600; font-size: 30px; margin-bottom: 10px; }
.lounge_intro .inner_wrap { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 30px 0 60px; }
.lounge_intro .inner_wrap .img_box { position: relative; width: 40%; margin: 10px 50px 10px 0px; height: 350px; }
.lounge_intro .inner_wrap .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; border-radius: 10px; }
.lounge_intro .inner_wrap .text_box { width: 50%; padding: 0px 10px 30px 50px; }
.lounge_intro .inner_wrap .text_box .text { font-size: 16px; }

/* 스크롤 이벤트 */
.hidden-section { opacity: 0; transform: translateY(80px); transition: opacity 1s, transform 1s; transition-delay: 0.3s; }
.hidden-sectiontwo { opacity: 0; transform: translateY(-80px); transition: opacity 1s, transform 1s; transition-delay: 0.5s; }
.visible { opacity: 1; transform: translateY(0); }

@media(max-width: 1023px){
	.sc-newjp { width:auto; max-width: none; margin: 0 auto; }
	.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .slide-wrap { padding: 0 20px; text-align: center; }
	.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg .pc_vdo { display: none; }
	.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg .mb_vdo { display: block; }
	.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .desc { font-size: 15px; }
	.sc-newjp .swiper.thubpart { overflow: hidden; padding: 0 20px; }
	.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box { margin-top: 30px; }
	.sc-newjp .swiper.thbswip .control_box { padding: 0px 160px; margin-top: -310px; }

	/* 스와이퍼영역 */
	.l_jptemp .temp_wrap { padding: 20px 20px; margin-top: 20px; }
	.l_jptemp .temp_wrap .temp_title { font-size: 25px; }

	/* 콘텐츠 수정 20250107 */
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list { padding: 30px 15px; }
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item { display: block; }
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .swiper_box { width: 100%; height: 320px; }
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box { width: 100%; margin-top: 50px; }
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .cont_tit { font-size: 24px; }
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .cont_desc { font-size: 16px; }
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .cont_detail { font-size: 14px; }
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .link_box { position: relative; margin-top: 30px; }
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .link_box .pc_link { display: none; font-size: 14px; width: 100%; text-align: center; }
	.l_jptemp .temp_wrap .temp_inner .cont_wrap .cont_list .cont_item .text_box .link_box .mb_link { display: block; font-size: 14px; width: 100%; text-align: center; }

	/* 인스타그램영역 */
	.instgram_part { padding: 50px 20px; }
	.instgram_part .inner_wrap { gap: 40px; }
	.instgram_part .inner_wrap .img_box { margin: 0 auto; height: 400px; margin-bottom: 30px; }
	.instgram_part .inner_wrap .img_box img { object-fit: inherit; object-position: auto; }
	.instgram_part .inner_wrap .button_box { display: flex; margin: 0 auto; text-align: center; flex: 1; }
	.instgram_part .inner_wrap .button_box .btn_link { width: 100%; padding: 15px 0px; font-size: 14px; }

	/* 인트로영역 */
	.lounge_intro { padding: 20px; }
	.lounge_intro .inner_wrap { display: block; padding: 10px 0; }
	.lounge_intro .intro_title { font-size: 25px; }
	.lounge_intro .inner_wrap .img_box { width: 100%; margin: 0 auto; height: 250px; }
	.lounge_intro .inner_wrap .text_box { width: 100%; padding: 30px 0 0 0; }
	.lounge_intro .inner_wrap .text_box .text { font-size: 13px; }
 }

@media(max-width: 500px){
	.sc-newjp .swiper.thbswip .control_box { padding: 0 40px; margin-top: -250px; }
	.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box { margin-top: 10px; margin-left: 0; }
	.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .inner-box { display: block; padding: 20px 20px 100px 20px; min-height: 220px; margin-top: 100px; }
	.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .inner-box .logo_box { height: 80px; padding-bottom: 30px; }
	.sc-newjp .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .desc { min-width: auto; max-width: auto; font-size: 13px; }
	.sc-newjp .swiper.thubpart .swiper-wrapper { margin-left: 0; }
	.instgram_part .inner_wrap { display: block; }
	.instgram_part .inner_wrap .img_box {}
 }



 /* footer */
.footer_wrap {font-family: 'Meiryo';}