@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%;}



/* ---ǪÅÍ--- */
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{ max-width: 1920px; width: 100%; background:#371f15; 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: center; 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: 45%; margin:2%;}
.db_wrap .db ul li a{text-decoration:underline; cursor: pointer;}
.db_wrap .db ul li input[type="text"]{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{color: #555; font-size: 0.9em; text-align: left; font-weight: 600; letter-spacing:-1px;}
.db_wrap .db .agree{width:100%;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;}

.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 6%;}
	.db_wrap .db ul{justify-content: center; max-width: 1024px;}
	.db_wrap .db ul li{width: 32%;}
	.db_wrap .db .db_submit{width: 100%; margin-top: 20px;}
	.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;}


  }

@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;}

  }