@charset "utf-8";

/* ---공통--- */
.title h1{font-size: 3em; font-weight: 600; line-height: 1.2;}
.title h2{font-size: 1.3em;}
.title h2 span{color: #26ad82;}


/* ---메인--- */
main{height: auto; overflow:hidden;}
main .main_bg{background: url(../image/main_bg.jpg) no-repeat center / cover; max-width: 1920px; width: 100%; height: 1011px;}
main .main_bg .main_con{display:flex; padding: 100px 0 0 12%;}
main .main_bg .main_con .main_title{margin-left: 3%;}


/* ---섹션1--- */
.s01{padding: 100px 0; display: flex; justify-content: space-between;}
.s01 .s01_title{padding: 0 75px 0; align-self: flex-end; flex-shrink: 0;}
.s01 .s01_title h1{margin: 10px 0;}
.s01 .s01_title h2{margin-top: 5px;}
.s01 .img_wrap{height: auto; max-width: 1343px; width: 100%; overflow: hidden;}
.s01 .s01_img{background: url(../image/s01_img.jpg) no-repeat center / cover; height: 659px; max-width: 1343px; width: 100%;}


/* ---섹션2--- */
.s02{padding: 0 5%;}
.s02 .img_wrap{height: auto; overflow: hidden;}
.s02 .s02_img{background: url(../image/s02_img.jpg) no-repeat center / cover; height: 811px;}
.s02 .s02_title{text-align: right;}
.s02 .s02_title h1{margin: 50px 0 25px;}
.s02 .s02_title p{line-height: 1.8;}

/* ---섹션3--- */
.s03{padding: 150px 5%;}
.s03 .s03_list{display: flex; justify-content: space-between; max-width: 1740px; width: 100%; margin: 0 auto;}
.s03 .s03_list li{width: 20%; transition: 0.5s; cursor: pointer;}
.s03 .s03_list li:hover{transform: translate(-10px, -10px);}
.s03 .s03_list li h1{font-size: 1.2em; margin: 10px 0 10px;}
.s03 .s03_list li p{font-size: 0.9em; opacity: 0.5; font-weight: bold; line-height: 1.5;}
.s03 .s03_list li:nth-child(1) .list_img{background: url(../image/s03_img01.jpg) no-repeat center / cover; height: 655px;}
.s03 .s03_list li:nth-child(2) .list_img{background: url(../image/s03_img02.jpg) no-repeat center / cover; height: 655px;}
.s03 .s03_list li:nth-child(3) .list_img{background: url(../image/s03_img03.jpg) no-repeat center / cover; height: 655px;}
.s03 .s03_list li:nth-child(4) .list_img{background: url(../image/s03_img04.jpg) no-repeat center / cover; height: 655px;}
.s03 .s03_list li:nth-child(5) .list_img{background: url(../image/s03_img05.jpg) no-repeat center / cover; height: 655px;}


/* ---섹션4--- */
.s04{padding: 150px 5%; background: url(../image/s04_bg.jpg) no-repeat center / cover; text-align: center;}
.s04 .s04_title{color: #fff; margin-bottom: 25px;}
.s04 .s04_title h1{font-size: 3.7em;}
.s04 .s04_title p{font-weight: 200; margin-top: 15px; opacity: 0.8;}
.s04 .s04_title p br{display: none;}
.s04 .s04_list{display: flex; flex-wrap: wrap; justify-content: center;}
.s04 .s04_list li{background: rgba(0, 0, 0, 0.6); padding: 2.5% 1.5%; box-sizing: border-box; margin: 1%;}
.s04 .s04_list li .menu_text p{color: #26ad82; margin: 20px 0 10px; font-size: 1.2em;}
.s04 .s04_list li .menu_text span{color: #fff; opacity: 0.7; font-weight: 300; font-size: 0.9em;}
.s04 .s04_btn{display: inline-block; border: 1px solid #fff; color: #fff; padding: 25px 50px; font-size: 1.2em; margin-top: 50px; cursor: pointer; transition: 0.3s;}
.s04 .s04_btn:hover{background: #26ad82; border: 1px solid #26ad82;}


/* ---섹션5--- */
.s05{padding: 5% 5%;}
.s05 .img_wrap{height: auto; overflow: hidden;}
.s05 .s05_img{background: url(../image/s05_img01.jpg) no-repeat center / cover; height: 594px;}
.s05 .s05_con{display: flex; justify-content: space-between; align-items: center; margin-top: 50px; flex-wrap:wrap;}
.s05 .s05_con .con_title{text-align: center; width: 50%; flex-shrink: 0; padding: 0 2.5%; box-sizing: border-box;}
.s05 .s05_con .con_title h1{line-height: 1.3; margin-bottom: 15px;}
.s05 .s05_con .con_title .title_list{display: flex; justify-content: center; margin-top: 30px;}
.s05 .s05_con .con_title .title_list li+li{margin-left: 50px;}
.s05 .s05_con .con_title .title_list .list_icon{margin-bottom: 10px;}
.s05 .s05_con .con_title .title_list li p{font-size: 0.9em; font-weight: 500; line-height: 1.2;}
.s05 .s05_con .con_img01{background: url(../image/s05_img02.jpg) no-repeat center / cover; height: 426px; width: 25%;}
.s05 .s05_con .con_img02{background: url(../image/s05_img03.jpg) no-repeat center / cover; height: 426px; width: 25%;}


/* ---섹션6--- */
.s06{padding: 150px 0 0;}
.s06 .s06_slider{}
.s06 .s06_slider .swiper-wrapper{}
.s06 .s06_slider .swiper-wrapper .swiper-slide{position: relative; background: #121212;}
.s06 .s06_slider .swiper-wrapper .swiper-slide img{opacity: 0.8;}
.s06 .s06_slider .swiper-wrapper .swiper-slide .s06_title{position: absolute; z-index: 1; bottom: 7%; left: 7%; color: #fff;}
.s06 .s06_slider .swiper-wrapper .swiper-slide .s06_title h1{margin-bottom: 25px;}
.s06 .s06_slider .swiper-wrapper .swiper-slide .s06_title p{line-height: 1.8; font-weight: 300;}
.swiper-pagination{bottom: 3% !important;}
.swiper-pagination-bullet-active{background: #fff !important;}


/* ---섹션7--- */
.s07{padding: 5%;}
.s07 .s07_list{display: flex; flex-wrap: wrap;}
.s07 .s07_list li{width: 50%; text-align: center; display:flex; align-items: center; justify-content: center; overflow: hidden;}
.s07 .s07_list li:first-child{background: #067e49;}
.s07 .s07_list li:first-child img{width: 35%;}
.s07 .s07_list li:last-child{background: #1c1212;}
.s07 .s07_list li:last-child img{width: 35%;}
.s07 .s07_list li:nth-child(2) img{width: 100%;}
.s07 .s07_list li:nth-child(3) img{width: 100%;}


/* ---섹션8--- */
.s08{margin-top: 100px; background: url(../image/s08_bg.jpg) no-repeat center / cover; height: 813px; position: relative;}
.s08 .s08_title{text-align: right; position: absolute; bottom: 10%; right: 5%;}
.s08 .s08_title span{font-size: 1.2em; font-weight: 600;}
.s08 .s08_title h1{font-size: 2.7em; font-weight: 600; line-height: 1.3; margin: 10px 0 20px;}
.s08 .s08_title p{line-height: 1.5; opacity: 0.8;}


/* ---섹션9--- */
.s09{margin-top: 150px;}
.s09 .s09_title{text-align: center; margin-bottom: 30px;}
.s09 .s09_title br{display: none;}
.s09 .s09_slider{width: 1920px;}
.s09 .s09_slider .swiper-wrapper{transition-timing-function: linear;}


/* ---섹션10--- */
.s10{margin-top: 150px; padding: 0 5%;}
.s10 .s10_title{text-align: center; margin-bottom: 30px;}
.s10 .s10_con{display:flex; justify-content: center; flex-wrap: wrap; max-width:1920px; width: 100%;}
.s10 .s10_con>div{width: 50%;}
.s10 .s10_con>div img{width: 100%;}



/* ---섹션11--- */
.s11{margin-top: 150px; padding: 100px 5%; background: url(../image/s11_bg.jpg) no-repeat center / cover;}
.s11 .s11_title{text-align: center; color: #fff;}
.s11 .s11_title h1{font-size: 2.8em; font-weight: 500; line-height: 1.4;}
.s11 .s11_title h1 span{color: #1ca97d;}

.s11 .s11_list{display: flex; justify-content: center; margin: 35px 0;}
.s11 .s11_list li{text-align: center; padding: 0 2.5%;}
.s11 .s11_list li+li{border-left: 1px solid rgba(255, 255, 255, 0.2);}
.s11 .s11_list li .s11_icon{}
.s11 .s11_list li p{color: #fff; margin-top: 10px;}
.s11 .s11_list br{display: none;}

.s11_inquiry{background: url(../image/inquiry_bg.png) no-repeat center / cover; max-width: 1040px; width: 100%; height: 465px; margin: 0 auto;}
.s11_inquiry{display: flex; align-items: center; justify-content: center;}

.s11_inquiry .inquiry_con{text-align: center; color: #fff; cursor: pointer;}
.s11_inquiry .inquiry_con .inquiry_logo{}
.s11_inquiry .inquiry_con h1{font-size: 2em; font-weight: 500; margin: 25px 0 5px;}
.s11_inquiry .inquiry_con p{font-weight: 200; opacity: 0.8;}


/* ---푸터--- */
footer{background: #251818; color: #fff; font-size: 0.9em; padding: 100px 0 250px; text-align: center;}
footer .footer_inner .footer_logo{display: none;margin-bottom:24px;}
footer .footer_inner address ul li{display: inline-block; letter-spacing:1; font-size:14px; line-height:1.6;}
footer .footer_inner address ul li strong{margin-left:16px;}
footer .footer_inner cite{font-size:0.7em; opacity:0.8;}



/* ---db--- */
.db_wrap{position: fixed; max-width: 1920px; width: 100%; bottom: -250px; background: url(../image/db_bg.jpg) no-repeat center / cover; box-shadow:0 0 90px rgba(0,0,0,0.8);
		 transition:0.8s; z-index: 9998; padding: 20px 0;}
.db_wrap.scroll_on{bottom:0;}
.db_wrap .db{box-sizing:border-box; display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 0 auto;}
.db_wrap .db h2{margin-right: 25px;}
.db_wrap .db ul{display: flex; flex-wrap: wrap; max-width: 768px; width: 100%;}
.db_wrap .db ul li{width: 31%;}
.db_wrap .db ul li:nth-child(2){margin: 0 2%;}
.db_wrap .db ul li a{text-decoration:underline; cursor: pointer;}
.db_wrap .db ul li input[type="text"],.db_wrap .db ul li input[type="tel"]{width: 100%; padding: 0 10px; box-sizing: border-box; height:40px; background:#fff; border:1px solid #fff; border-radius: 5px;}
.db_wrap .db ul li input[type="text"]::placeholder,.db_wrap .db ul li input[type="tel"]::placeholder{color: #555; font-size: 0.9em; text-align: left; font-weight: 600; letter-spacing:-1px;}
.db_wrap .db .agree{margin-top: 10px; text-align: left; color: #fff; font-size:13px; letter-spacing:-1px;}
.db_wrap .db .agree a{text-decoration:underline;}
.db_wrap .db .agree input[type="checkbox"]{width:20px; height:20px; margin-right: 5px; vertical-align: middle;}
.db_wrap .db .db_submit{animation:submit_btn 0.3s 0s infinite alternate ease-in; line-height: 60px; background: #121212; font-size: 1.3em;
						letter-spacing: -1px; color: #fff; text-align: center; font-weight: 600; padding: 0 2.5%; border-radius: 5px}
.db_wrap .db .db_submit span{color: #03cb8a;}
.db_wrap .db .db_submit i{font-style:normal;}

.layer{position:fixed; display:none; left:0; top:50%; transform: translateY(-50%); z-index:3000000; width:100%; }
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#aa0000; border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background:rgba(0,0,0,0.95); text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.6; color: #fff;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:22px;border-bottom:1px solid #222; font-size:24px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #fff;border-radius:3px; padding:7px 10px; font-weight: bold; color: #333;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}


/* 스크롤바 가로 사이즈 */
::-webkit-scrollbar {
    width: 10px;
}
/* 스크롤바 막대기 */
::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #0ca371;
}
/* 스크롤바 백그라운드 */
::-webkit-scrollbar-track {
    background-color: #fff;
}












/* ---------반응형--------- */

@media all and (max-width:1280px){
	main .main_bg{background: url(../image/main_bg.jpg) no-repeat -200px / cover;}

	.s05 .s05_con .con_title{width: 100%; order: 1; margin: 0 0 50px;}
	.s05 .s05_con .con_img01{width: 49%; order: 2; height: 300px;}
	.s05 .s05_con .con_img02{width: 49%; order: 3; height: 300px;}

	.db_wrap .db h2{display: none;}
  }

 @media all and (max-width:1024px){

	.s01{flex-direction: column; padding: 100px 0 5%;}
	.s01 .s01_title{padding: 0 5% 50px; box-sizing: border-box; align-self: flex-start;}
	.s01 .s01_img{height: 500px;}

	.s03{padding: 0px 5% 100px; margin-top: 75px;}
	.s03 .s03_list{flex-direction: column;}
	.s03 .s03_list li{width: 100%; margin-top: 30px;}
	.s03 .s03_list li .list_img{height: 350px !important;}
	.s03 .s03_list li h1{margin: 10px 0 5px;}
	.s03 .s03_list li p br{display: none;}

	.s03 .s03_list li p{font-size: 0.9em; opacity: 0.5; font-weight: bold; line-height: 1.5;}
	.s03 .s03_list li:nth-child(1) .list_img{background: url(../image/s03_img01_1.jpg) no-repeat center / cover;}
	.s03 .s03_list li:nth-child(2) .list_img{background: url(../image/s03_img02_1.jpg) no-repeat center / cover;}
	.s03 .s03_list li:nth-child(3) .list_img{background: url(../image/s03_img03_1.jpg) no-repeat center / cover;}
	.s03 .s03_list li:nth-child(4) .list_img{background: url(../image/s03_img04_1.jpg) no-repeat center / cover;}
	.s03 .s03_list li:nth-child(5) .list_img{background: url(../image/s03_img05_1.jpg) no-repeat center / cover;}


	.s07 .s07_list li{width: 100%; height: 300px;}

	.s07 .s07_list li:nth-child(1){order: 1;}
	.s07 .s07_list li:nth-child(2){order: 2;}
	.s07 .s07_list li:nth-child(3){order: 4;}
	.s07 .s07_list li:nth-child(4){order: 3;}
	.s07 .s07_list li:nth-child(1) img{width: 30%;}
	.s07 .s07_list li:nth-child(4) img{width: 30%;}

	.s10 .s10_con>div{width: 100%; margin: 1%;}

	.s11_inquiry{background: #1ca97d;}


	.db_wrap .db{padding: 0 3%;}
	.db_wrap .db ul{justify-content: center; max-width: 1024px;}


	.db_wrap .db .agree{width: 50%;}

  }

@media all and (max-width:768px) {

	main .main_bg{height: 900px; background: url(../image/main_bg02.jpg) no-repeat center / cover;}
	main .main_bg .main_con{padding-left: 5%;}
	main .main_bg .main_con .main_title{margin-left: 0;}
	main .main_bg .main_con .main_title img{width: 90%;}
	main .main_bg .main_con .main_text{display: none;}

	.s02 .s02_img{height: 500px;}
	.s02 .s02_title p br{display: none;}

	.s03 .s03_list li .list_img{height: 250px !important;}

	.s04{padding: 100px 5%;}
	.s04 .s04_list li{display: flex; align-items: center; width: 100%; padding: 5%; box-sizing: border-box;}
	.s04 .s04_list li .menu_text{text-align: left; margin-left: 20px;}
	.s04 .s04_list li .menu_text p{margin: 0 0 10px;}
	.s04 .s04_list li .menu_text br{display: none;}
	.s04 .s04_list li .menu_img{flex-shrink: 0; width: 40%;}
	.s04 .s04_list li .menu_img img{width: 100%;}

	.s05 .s05_img{height: 400px;}
	.s05 .s05_con .con_title .title_list br{display: block;}
	.s05 .s05_con .con_title .title_list{flex-wrap: wrap;}
	.s05 .s05_con .con_title .title_list li{width: 50%; margin-left: 0 !important;}
	.s05 .s05_con .con_title .title_list li+li+li {margin-top: 25px;}
	.s05 .s05_con .con_img01{height: 200px;}
	.s05 .s05_con .con_img02{height: 200px;}


	.s06 .s06_slider .swiper-wrapper .swiper-slide img{width: 100%; height: 500px; object-fit : cover}

	.s07 .s07_list li:nth-child(1) img{width: 40%;}
	.s07 .s07_list li:nth-child(4) img{width: 40%;}
	.s07 .s07_list li:nth-child(2) img{width: auto;}
	.s07 .s07_list li:nth-child(3) img{width: auto;}


	.s08 .s08_title h1 br{display: none;}
	.db_wrap{padding:12px 0;}
	.db_wrap .db{display:flex;flex-wrap: nowrap;align-items: flex-start;}
	.db_wrap .db ul{gap:2px}
	.db_wrap .db ul li{width:calc(100% / 3 - 2px);}
	.db_wrap .db ul li:nth-child(2){margin:0;}
	.db_wrap .db .db_submit {height:42px;line-height:70px;width: 80px;height: 70px;}
	.db_wrap .db .db_submit i{display: none;}
	.db_wrap .db .agree{width:calc(50% - 2px); margin-top:4px;}
	.db_wrap .db .db_submit{ margin-top: 0; font-size:14px;}

  }

@media all and (max-width:500px){
	.s03 .s03_list li:nth-child(1) .list_img{background: url(../image/s03_img01_2.jpg) no-repeat center / cover;}
	.s03 .s03_list li:nth-child(2) .list_img{background: url(../image/s03_img02_2.jpg) no-repeat center / cover;}
	.s03 .s03_list li:nth-child(3) .list_img{background: url(../image/s03_img03_2.jpg) no-repeat center / cover;}
	.s03 .s03_list li:nth-child(4) .list_img{background: url(../image/s03_img04_2.jpg) no-repeat center / cover;}
	.s03 .s03_list li:nth-child(5) .list_img{background: url(../image/s03_img05_2.jpg) no-repeat center / cover;}
}


@media all and (max-width:415px) {

	main .main_bg{height: 800px; background: url(../image/main_bg02.jpg) no-repeat center / cover;}

	.s01 .s01_title h1{font-size: 2.3em;}
	.s01 .s01_title h2{font-size: 1.2em;}
	.s01 .s01_title p{font-size: 0.8em;}
	.s01 .s01_title>span{font-size: 0.8em;}

	.s02 .s02_title h1{font-size: 2.3em;}
	.s02 .s02_title p{font-size: 0.8em;}

	.s03 .s03_list li h1{font-size: 1em; margin: 10px 0 5px;}
	.s03 .s03_list li p{font-size: 0.8em;}
	.s03 .s03_list li:hover{transform: translate(0,0);}

	.s04 .s04_title h1{font-size: 2.8em;}
	.s04 .s04_title p{font-size: 0.8em; line-height: 1.5;}
	.s04 .s04_title p br{display: block;}
	.s04 .s04_list li .menu_text p{font-size: 1em; margin: 0;}
	.s04 .s04_list li .menu_text span{font-size: 0.8em;}
	.s04 .s04_btn{font-size: 1em;}

	.s05 .s05_con .con_title h1{font-size: 2.3em;}
	.s05 .s05_con .con_title p{font-size: 0.8em; line-height: 1.5;}
	.s05 .s05_con .con_title .title_list li p{font-size: 0.8em;}

	.s06 .s06_slider .swiper-wrapper .swiper-slide .s06_title h1{font-size: 2.3em;}
	.s06 .s06_slider .swiper-wrapper .swiper-slide .s06_title p{font-size: 0.8em;}

	.s08 .s08_title span{font-size: 1em; font-weight: 600;}
	.s08 .s08_title h1{font-size: 1.5em; font-weight: 600; line-height: 1.3; margin: 10px 0 20px;}
	.s08 .s08_title h1 br{display: block;}
	.s08 .s08_title p{font-size: 0.8em;}
	.s08{height: 500px; background: url(../image/s08_bg.jpg) no-repeat -450px / cover;}

	.s09{margin-top: 100px;}
	.s09 .s09_title{padding: 0 5%;}
	.s09 .s09_title h1{font-size: 2.3em;}
	.s09 .s09_title p{font-size: 0.8em;}
	.s09 .s09_title br{display: block;}

	.s10{margin-top: 100px;}
	.s10 .s10_title{padding: 0 5%;}
	.s10 .s10_title h1{font-size: 2.25em;}
	.s10 .s10_title p{font-size: 0.8em;}

	.s11 .s11_title h1{font-size: 2.3em;}
	.s11 .s11_list{width: 100%; justify-content: space-between;}
	.s11 .s11_list li{border: none !important;}
	.s11 .s11_list li p{font-size: 0.8em; line-height: 1.2;}
	.s11_inquiry .inquiry_con h1{font-size: 1.5em;}
	.s11_inquiry .inquiry_con p{font-size: 0.8em;}
	.s11_inquiry{height: 300px; background: #1ca97d;}
	.s11 .s11_list br{display: block;}

  }