@charset "UTF-8";

.sec01 {height: 680px; } 
.sec01 .container {height: 100%;}
.sec01 .text_box {display: flex; align-items: center; justify-content: center; height: 100%;}
.sec01 .text_box .text {font-weight: 600; font-size: 60px; line-height: 1; color: #ffffff; text-shadow: 4px 3px 1.98px rgba(0, 0, 0, 0.39); text-align: center;}
.sec01 .text_box .text .char {--char-index: 1; animation: slide-in .8s ease both; animation-delay: calc(.3s + (.06s * var(--char-index))); will-change: transform;	transform-origin: top left;}

.sec01 {position: relative; z-index: 1;}
.sec01 .bg_slide_wrap {position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 680px;  z-index: 0;}
.sec01 .bg_slide_wrap #bg_slide {}
.sec01 .bg_slide_wrap #bg_slide li {background-size: cover; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%;}
.sec01 .bg_slide_wrap #bg_slide li:first-child {background-image: url("/eng/images/main/sec01_bg01.jpg");}
.sec01 .bg_slide_wrap #bg_slide li:nth-child(2) {background-image: url("/eng/images/main/sec01_bg02.jpg");}
.sec01 .bg_slide_wrap #bg_slide li:nth-child(3) {background-image: url("/eng/images/main/sec01_bg03.jpg");}
.sec01 .play_btn_box {position: absolute; left: 50%; bottom: 130px; transform: translateX(-50%); z-index: 22;}
.sec01 .play_btn_box .bg_slide_dot {display: inline-block; vertical-align: middle;}
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet {display: inline-block; width: auto; height: auto; margin: 0 15px 0 0; background-color: inherit; vertical-align: top; opacity: 1;}
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet:last-child {margin: 0;}
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet span {display: inline-block; font-weight: 600; font-size: 14px; line-height: 21px; color: #fff;}
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet.swiper-pagination-bullet-active span {text-decoration: underline; text-underline-position: under;}
.sec01 .play_btn_box button {display: inline-block; width: 8px; height: 10px; margin: 0 0 0 15px; background-size: cover; background-position: center; background-repeat: no-repeat; font-size: 0; vertical-align: middle;}
.sec01 .play_btn_box button.play {background-image: url("/eng/images/main/main_play.png");}
.sec01 .play_btn_box button.stop {background-image: url("/eng/images/main/main_pause.png");}


@keyframes slide-in {
	from {transform: translateY(10px) scaleY(1.5); opacity: 0;}
}

.sec02 {margin: -110px 0 0;}
.sec02 .info_box {}
.sec02 .info_box .list {display: flex;}
.sec02 .info_box .list li {width: 100%;}
.sec02 .info_box .list li .box {height: 215px; padding: 35px 40px 30px;}
.sec02 .info_box .list li.bg01 .box {background-color: #c89433;}
.sec02 .info_box .list li.bg02 .box {background-color: #8a8989;}
.sec02 .info_box .list li .box .box_inner {position: relative; height: 100%; padding: 0 0 35px;}
.sec02 .info_box .list li .box .box_inner .text_box .title {font-weight: 700; font-size: 24px; line-height: 30px; color: #fff; text-transform: uppercase}
.sec02 .info_box .list li .box .box_inner .text_box .text {margin: 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff;}
.sec02 .info_box .list li .box .box_inner .apply_btn {position: absolute; right: 0; bottom: 0; display: block; width: 140px; background-color: #fff; border-radius: 20px; text-align: center;}
.sec02 .info_box .list li .box .box_inner .apply_btn .txt {padding: 0 30px 0 0; background: url("/eng/images/main/arrow_icon.png") no-repeat right center; font-weight: 500; font-size: 16px; line-height: 35px; color: #000000; transition: all 0.3s;}
.sec02 .info_box .list li .box .box_inner .apply_btn:hover .txt {background-position: right 5px center;}

.sec03 {padding: 65px 0;}
.sec03 .text_area {display: flex; align-items: center; }
.sec03 .text_area .img_box {width: 50%;}
.sec03 .text_area .img_box img {}
.sec03 .text_area .img_box img.pc {}
.sec03 .text_area .img_box img.mob {display: none;}
.sec03 .text_area .text_box {width: 50%; padding: 0 0 0 40px;}
.sec03 .text_area .text_box .title {font-weight: 600; font-size: 38px; line-height: 45px; color: #000000;}
.sec03 .text_area .text_box .text {margin: 30px 0 0; font-weight: 400; font-size: 18px; line-height: 30px; color: #000000; letter-spacing: -0.05em;}
.sec03 .text_area .text_box .view_btn {display: block; margin: 60px 0 0; text-align: right;}
.sec03 .text_area .text_box .view_btn .txt {display: inline-block; padding: 0 75px 0 0; background: url("/eng/images/main/arrow_circle.png") no-repeat right center; font-weight: 400; font-size: 16px; line-height: 60px; color: #3f3e3f;}
.sec04 {padding: 55px 0; background-color: #f3f3f3;}
.sec04 .container {max-width: 1360px}
.sec04 .title_box {}
.sec04 .title_box .title {font-weight: 600; font-size: 40px; line-height: 50px; color: #000000; text-align: center;}
.sec04 .faq_area {margin: 50px 0 0;}
.sec04 .faq_area .list {}
.sec04 .faq_area .list li {margin: 20px 0 0;}
.sec04 .faq_area .list li:first-child {margin: 0;}
.sec04 .faq_area .list li .box {padding: 14px 40px 14px 30px; border: 1px solid #cccccc; border-radius: 10px; background-color: #fff;}
.sec04 .faq_area .list li .box .q_cont {}
.sec04 .faq_area .list li .box .q_cont .q_tit {position: relative; display: block; width: 100%; text-align: left;}
.sec04 .faq_area .list li .box .q_cont .q_tit:before {content: ''; display: inline-block; position: absolute; top: 15px; right: 0; width: 14px; height: 1px; background-color: #000; transform: translateY(-50%); transition: 0.34s ease;}
.sec04 .faq_area .list li .box .q_cont .q_tit:after {content: ''; display: inline-block; position: absolute; top: 15px; right: 6px; width: 1px; height: 14px; background-color: #000; transform: translateY(-50%);}
.sec04 .faq_area .list li.on .box .q_cont .q_tit:before {transform: rotate(180deg); background-color: #000;}
.sec04 .faq_area .list li.on .box .q_cont .q_tit:after {display: none;}
.sec04 .faq_area .list li .box .q_cont .q_tit .txt_box {display: inline-block; position: relative; padding: 0 20px 0 50px; font-weight: 500; font-size: 18px; line-height: 30px; color: #000000;}
.sec04 .faq_area .list li .box .q_cont .q_tit .txt_box .q_txt {position: absolute; left: 0; top: 0; display: inline-block; width: 30px; border-radius: 50%; background-color: #c89433; font-weight: 600; font-size: 20px; line-height: 30px; color: #ffffff; text-align: center;}
.sec04 .faq_area .list li .box .a_cont {display: none; margin: 35px 0 0;}
.sec04 .faq_area .list li .box .a_cont .a_tit {}
.sec04 .faq_area .list li .box .a_cont .a_tit .txt_box {display: inline-block; position: relative; padding: 0 0 10px 50px; font-weight: 400; font-size: 18px; line-height: 30px; color: #000000;}
.sec04 .faq_area .list li .box .a_cont .a_tit .txt_box .a_txt {position: absolute; left: 0; top: 0; display: inline-block; width: 30px; border-radius: 50%; background-color: #999999; font-weight: 600; font-size: 20px; line-height: 30px; color: #ffffff; text-align: center;}




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

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

	.sec03 {padding: 50px 0;}
	.sec03 .text_area .text_box {padding: 0 0 0 20px;}
	.sec03 .text_area .text_box .title {font-size: 30px; line-height: 34px;}
	.sec03 .text_area .text_box .text {margin: 20px 0 0; font-size: 16px; line-height: 26px;}
	.sec03 .text_area .text_box .view_btn {margin: 50px 0 0;}
	.sec03 .text_area .text_box .view_btn .txt {padding: 0 60px 0 0; background-size: 50px auto; line-height: 50px;}

 }

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

@media screen and (max-width: 1400px) {
	.sec01 {height: 450px;}
	.sec01 .bg_slide_wrap {height: 450px;}
	.sec01 .text_box .text {font-size: 40px;}
	.sec01 .play_btn_box {bottom: 110px;}

	.sec02 {margin: -95px 0 0;}
	.sec02 .info_box .list li .box {height: 190px; padding: 25px;}
	.sec02 .info_box .list li .box .box_inner {padding: 0 0 30px;}
	.sec02 .info_box .list li .box .box_inner .text_box .title {font-size: 20px; line-height: 24px;}
	.sec02 .info_box .list li .box .box_inner .text_box .text {font-size: 14px; line-height: 20px;}
	.sec02 .info_box .list li .box .box_inner .apply_btn {width: 120px;}
	.sec02 .info_box .list li .box .box_inner .apply_btn .txt {padding: 0 25px 0 0; font-size: 14px; line-height: 30px;}




	.sec03 {padding: 40px 0;}
	.sec03 .text_area .text_box {padding: 0 0 0 10px;}
	.sec03 .text_area .text_box .title {font-size: 24px; line-height: 30px;}
	.sec03 .text_area .text_box .text {margin: 10px 0 0; font-size: 14px; line-height: 24px;}
	.sec03 .text_area .text_box .view_btn {margin: 30px 0 0;}
	.sec03 .text_area .text_box .view_btn .txt {padding: 0 40px 0 0; background-size: 30px auto; font-size: 14px; line-height: 30px;}
	

	.sec04 {padding: 40px 0;}
	.sec04 .title_box .title {font-size: 30px; line-height: 40px;}
	.sec04 .faq_area {margin: 40px 0 0;}
	.sec04 .faq_area .list li {margin: 15px 0 0;}
	.sec04 .faq_area .list li .box {padding: 12px 20px;}
	.sec04 .faq_area .list li .box .q_cont .q_tit .txt_box {padding:  0 20px 0 40px; font-size: 16px; line-height: 28px;}
	.sec04 .faq_area .list li .box .q_cont .q_tit .txt_box .q_txt {width: 28px; font-size: 18px; line-height: 28px;}
	.sec04 .faq_area .list li .box .a_cont {margin: 25px 0 0;}
	.sec04 .faq_area .list li .box .a_cont .a_tit .txt_box {padding: 0 0 10px 40px; font-size: 16px; line-height: 28px;}
	.sec04 .faq_area .list li .box .a_cont .a_tit .txt_box .a_txt {width: 28px; font-size: 18px; line-height: 28px;}


}

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

@media screen and (max-width: 1080px) {
	.sec01 {height: 320px;}
	.sec01 .text_box {height: 70%;}
	.sec01 .text_box .text {font-size: 30px;}
	.sec01 .bg_slide_wrap {height: 320px;}
	
	.sec02 {margin: -95px 0 0;}
	.sec02 .info_box .list li .box {height: 190px; padding: 15px;}
	.sec02 .info_box .list li .box .box_inner {padding: 0 0 26px;}
	.sec02 .info_box .list li .box .box_inner .text_box .title {font-size: 18px; line-height: 22px;}
	.sec02 .info_box .list li .box .box_inner .text_box .text {margin: 6px 0 0;}
	.sec02 .info_box .list li .box .box_inner .apply_btn {width: 100px;}
	.sec02 .info_box .list li .box .box_inner .apply_btn .txt {padding: 0 20px 0 0; background-size: 10px auto; line-height: 26px;}

	.sec03 {padding: 30px 0;}
	.sec03 .text_area {flex-direction: column; gap: 10px;}
	.sec03 .text_area .img_box {width: 100%;}
	.sec03 .text_area .img_box img.pc {display: none;}
	.sec03 .text_area .img_box img.mob {display: block;}
	.sec03 .text_area .text_box {width: 100%; padding: 0;}
	.sec03 .text_area .text_box .title {font-size: 20px; line-height: 24px;}
	.sec03 .text_area .text_box .title br {display: none;}
	.sec03 .text_area .text_box .view_btn {margin: 20px 0 0; text-align: left;}


	.sec04 {padding: 30px 0;}
	.sec04 .title_box .title {font-size: 24px; line-height: 30px;}
	.sec04 .faq_area {margin: 30px 0 0;}
	.sec04 .faq_area .list li {margin: 10px 0 0;}
	.sec04 .faq_area .list li .box {padding: 10px 15px;}
	.sec04 .faq_area .list li .box .q_cont .q_tit .txt_box {padding: 0 20px 0 30px; font-size: 14px; line-height: 24px;}
	.sec04 .faq_area .list li .box .q_cont .q_tit .txt_box .q_txt {width: 24px; font-size: 14px; line-height: 24px;}
	.sec04 .faq_area .list li .box .q_cont .q_tit:after {top: 12px;}
	.sec04 .faq_area .list li .box .q_cont .q_tit:before {top: 12px;}
	.sec04 .faq_area .list li .box .a_cont {margin: 15px 0 0;}
	.sec04 .faq_area .list li .box .a_cont .a_tit .txt_box {padding: 0 0 0 30px; font-size: 14px; line-height: 24px;}
	.sec04 .faq_area .list li .box .a_cont .a_tit .txt_box .a_txt {width: 24px; font-size: 14px; line-height: 24px;}

	
}

@media screen and (max-width: 767px) {
	.sec01 {height: 240px;}
	.sec01 .bg_slide_wrap {height: 240px;}
	.sec01 .text_box .text {font-size: 24px;}
	
	.sec01 .text_box {height: 100%;}
	.sec01 .play_btn_box {bottom: 10px;}
	.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet {margin: 0 10px 0 0;}
	.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet span {font-size: 12px;}
	.sec01 .play_btn_box button {margin: 0 0 0 10px;}


	.sec02 {margin: 0; padding: 10px 0;}
	.sec02 .info_box .list {flex-direction: column;}
	.sec02 .info_box .list li .box {height: auto; padding: 10px;}
	.sec02 .info_box .list li .box .box_inner {padding: 0;}
	.sec02 .info_box .list li .box .box_inner .apply_btn {position: inherit; right: inherit; bottom: inherit; margin: 10px 0 0 auto;}

	.sec03 {padding: 20px 0;}


	.sec04 {padding: 20px 0;}
	.sec04 .title_box .title {font-size: 20px; line-height: 24px;}
	.sec04 .faq_area {margin: 20px 0 0;}
	.sec04 .faq_area .list li {margin: 10px 0 0;}
	.sec04 .faq_area .list li .box {padding: 8px 10px;}
	.sec04 .faq_area .list li .box .q_cont .q_tit .txt_box {padding: 0 15px 0 26px; font-size: 12px; line-height: 20px;}
	.sec04 .faq_area .list li .box .q_cont .q_tit .txt_box .q_txt {width: 20px; font-size: 12px; line-height: 20px;}
	.sec04 .faq_area .list li .box .a_cont {margin: 10px 0 0;}
	.sec04 .faq_area .list li .box .a_cont .a_tit .txt_box {padding: 0 0 0 26px; font-size: 12px; line-height: 20px;}
	.sec04 .faq_area .list li .box .a_cont .a_tit .txt_box .a_txt {width: 20px; font-size: 12px; line-height: 20px;}
	.sec04 .faq_area .list li .box .q_cont .q_tit:before {width: 12px; top: 10.5px; } 
	.sec04 .faq_area .list li .box .q_cont .q_tit:after {height: 12px; top: 10.5px; right: 5px;}

}

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

	.sec03 {padding: 10px 0;}
	.sec02 .info_box .list li .box .box_inner .apply_btn {width: 100%;}
}