@charset "utf-8";

#main_bnr_wrap{width:100%;height:50rem;overflow:hidden;position:relative}
#main_bnr_wrap .main_inner{max-width:150rem;width:calc(100% - 4rem);height:100%;position:relative;left:50%;transform:translateX(-50%);z-index:10}
#main_bnr_wrap .main_txt_box{width:100%;position:relative;top:55%;left:50%;transform:translate(-50%,-50%);z-index:10}

#main_bnr_wrap .main_txt_box .txt_box{position:relative;top:-5rem;opacity:0}
#main_bnr_wrap .main_txt_box .s_tit{margin-bottom:1rem;font-size:1.8rem;font-weight:700;color:var(--pt-color)}
#main_bnr_wrap .main_txt_box .tit{margin-bottom:1rem;font-size:5rem;font-weight:700;line-height:130%;color:#333}
#main_bnr_wrap .main_txt_box .tit span{color:var(--pt-color)}
#main_bnr_wrap .main_txt_box .txt{font-size:1.7rem;line-height:150%;color:#888}

#main_bnr_wrap .main_txt_box .more_btn{width:26rem;height:5.5rem;margin-top:3rem;border-radius:5rem;background:var(--pt-color);font-size:1.7rem;font-weight:500;color:#fff;transition:all .3s;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;gap:1rem}
#main_bnr_wrap .main_txt_box .more_btn img{width:2rem}
#main_bnr_wrap .main_txt_box .more_btn:hover{box-shadow:0 2rem 2rem rgba(0,0,0,.2);gap:2rem}

#main_bnr_wrap .main_txt_box.on .txt_box{top:0;opacity:1;transition:opacity 2s, top 1s;}
.main_btn_area{padding:1.2rem 2rem;border-radius:2.5rem 2.5rem 0 0;background:#fff;position:absolute;bottom:0;right:0;display:flex;flex-wrap:wrap;align-items:center;gap:2rem;}
.main_btn_area:before,.main_btn_area:after{content:'';width:2.3rem;height:2.4rem;position:absolute;bottom:0}
.main_btn_area:before{background:url(/hd/main_banner/pt.png) no-repeat center/cover;left:-2.3rem;}
.main_btn_area:after{background:url(/hd/main_banner/pt02.png) no-repeat center/cover;right:-2.3rem;}

.main_btn_area .main_num{font-size:1.6rem;font-weight:700;text-align:center;color:rgba(0,0,0,.3);display:flex;flex-wrap:wrap;align-items: center;gap:1.5rem;font-family:'Poppins'}
.main_btn_area .main_num span{width:2rem}
.main_btn_area .main_num .s_num{color:var(--pt-color);position:relative}
.main_btn_area .main_num .s_num:before{content:'';width:1px;height:1rem;background:#ddd;position:absolute;right:-.8rem;top:50%;transform:translateY(-50%)}
.main_btn_area .timeline{width:8rem;height:2px;background:rgba(0,0,0,.1);position:relative}
.main_btn_area .timeline .bar{width:0;height:2px;background:var(--pt-color);position:absolute;left:0;top:0;animation-name:timeline;animation-duration:4s;}
.main_btn_area .timeline .bar:before{content:'';width:6px;height:6px;border-radius:6px;background:var(--pt-color);position:absolute;right:0;top:-2px}
.main_btn_area .timeline.on .bar{animation-name:timeline;animation-duration:4s;}
@keyframes timeline {from{width:0}to{width:100%}}

.main_btn_area .slide_btn{display: flex;flex-wrap: wrap;align-items: center;gap: .5rem;}
.main_btn_area .slide_btn .main_btn {width: 3rem;height: 3rem;border-radius: 3rem;background:#ddd;transition: all .3s;cursor: pointer;display: flex;align-items: center;justify-content: center}
.main_btn_area .slide_btn .c_btn{border:0;background:var(--pt-color)}
.main_btn_area .slide_btn .main_play_btn {display:none}
.main_btn_area .slide_btn .main_btn:hover {background: #666}

#main_bnr_wrap .m_inq_btn{display:none}
#main_bnr_wrap .inq_btn{width:31.5rem;height:9rem;margin-top:5rem;border-radius:1rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.05);transition:all .3s;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 1.5rem;}
#main_bnr_wrap .inq_btn .icon{width:6.5rem;height:6.5rem;border-radius:100%;background:rgba(255,255,255,.1);overflow:hidden;position:relative;transition:all .3s;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#main_bnr_wrap .inq_btn .icon:before{content:'';width:100%;height:100%;background: linear-gradient(161deg, #faa21a, #f8902b);position:absolute;top:0;left:0;transition:all .3s}
#main_bnr_wrap .inq_btn .icon img{position:relative;z-index:1}

#main_bnr_wrap .inq_btn .inq_txt_box{}
#main_bnr_wrap .inq_btn .box_s_tit{margin-bottom:.5rem;font-size:1.4rem;font-weight:500;color:#888;transition:all .3s}
#main_bnr_wrap .inq_btn .box_tit{font-size:2rem;font-weight:700;color:#222;transition:all .3s}
#main_bnr_wrap .inq_btn:hover{background:var(--pt-color);box-shadow:0 1rem 1rem rgba(0,0,0,.1)}
#main_bnr_wrap .inq_btn:hover .box_s_tit{color:rgba(255,255,255,.8)}
#main_bnr_wrap .inq_btn:hover .box_tit{color:#fff}
#main_bnr_wrap .inq_btn:hover .icon:before{opacity:0}



/*메인 이미지 영역*/
#main_bnr_wrap .main_slider{width:100%;height:100%;position:absolute;top:0;left:0;}
#main_bnr_wrap .main_slider .swiper-slide{width:100%;overflow:hidden;position:relative;opacity:0 !important;transition:opacity 1}
#main_bnr_wrap .main_slider .swiper-slide-active{opacity:1 !important}

#main_bnr_wrap .main_bg {width:100%;height:100%;transform:scale(1.1);transition:transform 1s ease;will-change:transform, opacity;backface-visibility:hidden}
#main_bnr_wrap .main_bg01{background:url(/hd/main_banner/bg01.jpg) no-repeat center/cover}
#main_bnr_wrap .main_bg02{background:url(/hd/main_banner/bg02.jpg) no-repeat center/cover}
#main_bnr_wrap .main_slider .main_bt{width:100%;height:10.1rem;position:absolute;bottom:0;left:0}
#main_bnr_wrap .main_slider .main_bt01{background:url(/hd/main_banner/bg01_bt.png) no-repeat center/cover}
#main_bnr_wrap .main_slider .main_bt02{background:url(/hd/main_banner/bg02_bt.png) no-repeat center/cover}
#main_bnr_wrap .swiper-slide-active .main_bg{transform:scale(1)}



/*두번째 색상 변경 007d5e*/
#main_bnr_wrap .main_txt_box.main_txt_box02 .tit span{color:#007d5e}
#main_bnr_wrap .main_txt_box.main_txt_box02 .more_btn{background:#007d5e}

.main_btn_area02 .main_num .s_num{color:#007d5e}

.main_btn_area02 .timeline .bar,
.main_btn_area02 .timeline .bar:before,
.main_btn_area02 .slide_btn .c_btn{background:#007d5e}


@media(max-width:1280px){
	#main_bnr_wrap .main_txt_box .tit{font-size:4.7rem}
	#main_bnr_wrap .main_bg01,
	#main_bnr_wrap .main_bg02{background-position-x: 58% !important;}
}
@media(max-width:1024px){

	#main_bnr_wrap .main_txt_box .tit{font-size:4.4rem}
	
	
	.main_btn_area{margin-top:2rem;justify-content:center}
	

	
	#main_bnr_wrap .main_slider .main_bt01{height:2.5rem;background:url(/hd/main_banner/bg01_bt_m.png) no-repeat center / cover;bottom:-1px }
	#main_bnr_wrap .main_slider .main_bt02{height:2.5rem;background:url(/hd/main_banner/bg02_bt_m.png) no-repeat center / cover;bottom:-1px }
	
	
	
	#main_bnr_wrap .pc_inq_btn{display:none}
	#main_bnr_wrap .m_inq_btn{display:flex;position:absolute;bottom:3rem;right:2rem;z-index:10}
	#main_bnr_wrap .inq_btn{width:26rem;height:8rem}
	#main_bnr_wrap .inq_btn .icon{width:5rem;height:5rem}
	#main_bnr_wrap .inq_btn .icon img{width:2.5rem}
	#main_bnr_wrap .inq_btn .box_tit{font-size:1.8rem}
	
}
@media(max-width:767px){
	
	#main_bnr_wrap .main_inner{width:100%;padding:0 2rem}
	#main_bnr_wrap .main_txt_box{width:100%;text-align:center;top:10rem;left:0;transform:none}
	#main_bnr_wrap .main_txt_box .tit{font-size:4rem}
	#main_bnr_wrap .main_txt_box .tit br{display:none}
	
	
	#main_bnr_wrap .main_txt_box .more_btn{width:22rem;height:4.5rem;margin:2rem auto 0;font-size:1.5rem}
	#main_bnr_wrap .main_txt_box .more_btn img{width:1.8rem}
	
	
	#main_bnr_wrap .main_bg01,
	#main_bnr_wrap .main_bg02{background-position-x:center !important;}
	#main_bnr_wrap .main_bg01{background:url(/hd/main_banner/bg01_m.jpg) no-repeat center bottom/cover}
	#main_bnr_wrap .main_bg02{background:url(/hd/main_banner/bg02_m.jpg) no-repeat center bottom/cover}
	
	.main_btn_area{border-radius:2rem 0 0 0}
	.main_btn_area .timeline{width:5rem}
	#main_bnr_wrap .m_inq_btn{bottom:1rem;right:50%;transform:translateX(50%)}
	
	
}
@media(max-width:480px){
	#main_bnr_wrap .main_txt_box .tit{font-size:3.5rem}
}
@media(max-width:320px){
	#main_bnr_wrap .main_txt_box .tit{font-size:3rem}
}