@charset "utf-8";
.section{position: relative; overflow: hidden;}

/* 헤더 */
header{position: fixed; width: 100%; max-width: 1920px; z-index: 999; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
header nav{background: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0 5%; box-sizing: border-box;}
header nav ul{display: flex; align-items: center; justify-content: center; gap: 75px; height: 120px; transition: 0.5s;}
header nav ul.scroll_on{height: 100px;}
header nav ul.scroll_on li.logo img{width: 250px;}
header nav ul li{color: #000; font-size: 24px; font-weight: 600; cursor: pointer;}
header nav ul li.logo img{transition: 0.5s; width: 376px;}
header nav ul li.header_link{display: flex;}
header nav ul li.header_link .insta{margin: 0 5px;}

/* main01 */
#main01{background: url(../img/bg_main01.jpg) no-repeat bottom center / cover; height: 757px; margin-top: 120px;}
#main01 .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
#main01 .ctn_wrap .ctn{position: absolute; left: 50%;}
#main01 .ctn_wrap .ctn01{margin-left: -865px; top: 175px;}
#main01 .ctn_wrap .ctn02{margin-left: 500px; bottom: 0;}

#main01_article01{display: flex; margin-top: -1px; position: relative; z-index: 1; }
#main01_article01 .img{width: 50%; padding: 35px 0; text-align: center;} 
#main01_article01 .img:nth-child(1){background: #004d2f;}
#main01_article01 .img:nth-child(2){background: #c30d23;}
#main01_article01 .img img{animation: flash_ani 1s 1s infinite linear;}
@keyframes flash_ani{0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;}}

/* main01New */
#main01New{background: url(../img/bg_main01New.jpg) no-repeat bottom center / cover; height: 1039px; display: flex; align-items: center; justify-content: center;}

/* main02 */
#main02{background: url(../img/bg_main02.jpg) no-repeat center / cover; height: 2660px;}
#main02 .title{text-align: center; padding: 150px 0 100px;}
#main02 .ctn01{text-align: center;}

/* main03 */
#main03{background: url(../img/bg_main03.jpg) no-repeat center / cover; height: 1147px; position: relative;}
#main03 .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
#main03 .ctn-wrap img{position: absolute; bottom: 0;}
#main03 .ctn-wrap img:nth-child(1){left: 0;}
#main03 .ctn-wrap img:nth-child(2){right: 0;}

/* main04 */
#main04{background: url(../img/bg_main04.jpg) no-repeat center / cover; height: 1230px; display: flex; align-items: center; justify-content: center;}
#main04 .title_wrap{display: flex; align-items: center; justify-content: center; gap: 120px; padding-top: 75px;}
#main04 .ctn02{position: absolute; top: 50px; right: 50%; margin-right: -920px; animation: flash_ani 1s infinite linear;}

/* main05 */ 
#main05{background: url(../img/bg_main05.jpg) no-repeat center / cover; height: 1455px; display: flex; align-items: center; justify-content: center;}

/* main06 */
#main06{background: url(../img/bg_main06.jpg) no-repeat center / cover; height: 1099px; text-align: center;}

/* main07 */
#main07{background: url(../img/bg_main07.jpg) no-repeat center / cover; height: 2420px; margin-top: -5px;}
#main07 .title01{position: absolute; top: -5px;}
#main07 .title02{position: absolute; left: 50%; margin-left: 100px; top: 275px;}
#main07 .ctn{position: absolute; left: 50%; transform: translateX(-50%); top: 550px;}

/* main08 */
#main08{background: url(../img/bg_main08.jpg) no-repeat center / cover; height: 1200px; display: flex; justify-content: center; align-items: center;
flex-direction: column; row-gap: 75px;} 

/* main09 */
#main09{background: url(../img/bg_main09.jpg) no-repeat center / cover; height: 1700px; text-align: center;}
#main09 .title{margin: 150px 0 60px;}
#main09 .ctn01{position: absolute; top: 50px; right: 50%; margin-right: -900px;}

/* main10 */
#main10{background: #27684b; padding: 150px 0; text-align: center;}
#main10 .title_wrap{display: flex; justify-content: center; align-items: center; gap: 35px; margin-bottom: 70px;}

/* main01_new */
#main01_new{background: url(../img/bg_main01_new.jpg) no-repeat center / cover; height: 1000px;}
#main01_new .title_wrap{position: absolute; left: 50%; margin-left: -135px; top: 50%; transform: translateY(-50%);}
#main01_new .title_wrap h1{margin-bottom: 35px;}
#main01_new .img{position: absolute; bottom: 0; left: 50%; margin-left: -860px;}

/* main02_new */
#main02_new{background: url(../img/bg_main02_new.gif) no-repeat center / cover; height: 1539px; width: 1920px; left: 50%; transform: translateX(-50%);}
#main02_new .list li{position: absolute; left: 50%; transform: translateX(-50%); top: 740px;}
#main02_new .ctn{position: absolute; left: 50%; transform: translateX(-50%); top: 1100px;}

/* main03_new */
#main03_new{background: url(../img/bg_main03_new.jpg) no-repeat center / cover; height: 2000px;}
#main03_new .title_wrap{position: absolute; top: 150px; left: 50%; margin-left: -825px;}
#main03_new .title_wrap h1{padding-left: 70px;}
#main03_new .title_wrap h2{margin-top: 80px;}
#main03_new .ctn{position: absolute; left: 50%; transform: translateX(-50%); top: 1180px; z-index: 1;}
#main03_new .img{position: absolute; top: 407px; left: 50%; margin-left: 252px;}

/* main04_new */
#main04_new{background: url(../img/bg_main04_new.jpg) no-repeat center / cover; height: 1382px; display: flex; justify-content: center; align-items: center;}
#main04_new .title_wrap{display: flex; justify-content: center; align-items: center; gap: 55px;}
#main04_new .title_wrap .title{position: relative;}
#main04_new .title_wrap .title img:nth-child(2){position: absolute; bottom: -75px; left: 455px;}

/* main05_new */
#main05_new{background: url(../img/bg_main05_new.gif) no-repeat center / cover; height: 2070px; width: 1920px; left: 50%; transform: translateX(-50%);
text-align: center;}
#main05_new .title{padding-top: 90px;}
#main05_new .img{position: absolute; bottom: 0; left: 50%; margin-left: -810px;}

/* main06_new */
#main06_new{background: url(../img/bg_main06_new.jpg) no-repeat center / cover; height: 1080px; width: 1920px; left: 50%; transform: translateX(-50%);}
#main06_new .title{position: absolute; top: 75px; left: 50%; margin-left: -815px;}
#main06_new .img{position: absolute; bottom: 100px; right: 50%; margin-right: -895px;}

/* main09 */
#main11{background: url(../img/bg_main07.jpg) no-repeat center / cover; height: 1920px; text-align: center;}
#main11 .title01{margin: 85px 0 185px;}

/* main11 */
#main11{background: url(../img/bg_main11.jpg) no-repeat top center / cover; height: 1350px;}
#main11 .title{position: absolute; top: 450px; left: 50%; margin-left: -273px;}
#main11 .list{display: flex; gap: 25px; position: absolute; top: 750px; left: 50%; margin-left: -525px; z-index: 1;}
#main11 .group{width: 516px; height: 969px; position: absolute; top: 225px; left: 50%; margin-left: -830px; background: #fff;
overflow: hidden; border-radius: 65px;}
#main11 .group .frame{position: absolute; top: 0; z-index: 1; } 

/* main12 */
#main12{background: url(../img/bg_main12.jpg) no-repeat center / cover; height: 1127px; text-align: center;}
#main12 .title{padding: 170px 0 50px;}
#main12 .ctn-wrap img:nth-child(2){position: absolute; left: 50%; margin-left: 400px; top: 325px; animation: flash_ani 1s infinite linear;}
@keyframes flash_ani{0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;}}

/* main13 */
#main13{background: url(../img/bg_main13.jpg) no-repeat center / cover;  height: 2980px; text-align: center;}
#main13 .title{padding: 150px 0 50px;}
#main13 .line{width: 3px; height: 0; background: #004d2f; position: relative; left: 50%; margin-left: -28px;}
#main13 .history img{position: absolute; top: 500px; left: 50%; transform: translateX(-50%); opacity: 0;}
#main13 .history img:nth-child(1){left: 50%; transform: translate(-50%, 50px) !important;}
#main13 .history img:last-child{display: none;}

/* main14 */
#main14{background: url(../img/bg_main14.jpg) no-repeat center / cover;  height: 1434px; text-align: center; }
#main14 .title_wrap{padding-top: 300px;}
#main14 .title_wrap h1{margin-bottom: 75px;}

/* main15 */
#main15{background: #004d2f; text-align: center; padding: 100px 0 150px;}
#main15 .title01{margin-bottom: 60px;}
#main15 .title02{margin: 70px 0 35px;}
#main15 .map-wrap{width: 1000px; height: 600px; margin: 0 auto; background: #fff; border: 9px solid #956134; position:relative;}
#main15 .logo{padding:20px 0 10px; text-align:center;}
#main15 .logo img{height:30px;}
#main15 .wgic_box{position:absolute; left:5%; top:10%; width:300px; height:80%; background:#000;z-index:10; border-radius:20px; overflow:hidden; box-shadow:5px 5px 5px rgba(0,0,0,.2);}
#main15 .wgic_box .wgic_seach{font-size:0; padding:15px;}
#main15 .wgic_box .wgic_seach input {width:calc(100% - 60px); padding:8px 10px; height:30px; font-size:14px; overflow:hidden; border:none; vertical-align:middle;}
#main15 .wgic_box .wgic_seach button {width:40px; height:46px; font-size:14px; background:#fff; overflow:hidden; border:none; vertical-align:middle;}
#main15 .wgic_white{height:100%;}
#main15 .wgic_white_box{height:80%;background:#fff; overflow-y:auto; border-radius:0;}
#main15 .wgic_white .wgic_white_box ul{padding:0 15px 10px;}
#main15 .wgic_white .wgic_white_box ul li{border-bottom:1px solid rgba(0,0,0,0.1); text-align:left;}
#main15 .wgic_white .wgic_white_box ul li a{display:block; padding:20px 0; color:#999; font-size:14px; transition:.3s;}
#main15 .wgic_white .wgic_white_box ul li a>*+* {margin-top:3px;}
#main15 .wgic_white .wgic_white_box ul li a h2 {margin-bottom:10px; font-size:18px; font-weight:700; color:#000; letter-spacing:-1.5px; display:block;}
#main15 .wgic_white .wgic_white_box ul li a span{margin-top:5px; display:block;}
#main15 .wgic_white .wgic_white_box ul li a:hover{background:#f9f9f9;}
#main15 .wgic_place{display:flex; margin-top:6px; flex-wrap:wrap}
#main15 .wgic_place select{width:49%; height:40px; border:none; border-radius:3px; overflow: hidden; color:#222;}
#main15 .wgic_place select:first-child{margin-right:2%;}
#main15 .wrap .info{background:#fff; text-align:left; box-shadow:5px 5px 5px rgba(0,0,0,.2); border-radius:10px 10px 0 10px; overflow:hidden;}
#main15 .wrap .info .desc {margin:0 !important;}
#main15 .wrap .info .desc>img {height:15px; width:15px; border:none;}
#main15 .wrap .info .close{position:absolute; right:12px; top:12px;}
#main15 .wrap .info .titles{background:#000; font-size:18px; font-weight:700; color:#fff; letter-spacing:-1.5px; width:100% !important;}
#main15 .wrap .info .titles a{display:block; padding:10px;color: #fff;}
#main15 .wrap .info .sub1{display:block; padding:0 10px;font-size:14px; margin-top:10px;}
#main15 .wrap .info .sub3{display:block; padding:5px 10px;}
#main15 .wrap .info .sub3 a {font-size:13px !important;}

/* main16 */
#main16{background: url(../img/bg_main16.jpg) no-repeat center / cover; height: 1200px; display: flex; justify-content: center; align-items: center;}

/* main17 */
#main17{background: url(../img/bg_main17.jpg) no-repeat center / cover; height: 1200px; display: flex; justify-content: center; align-items: center;}

/* main18 */
#main18{background: url(../img/bg_main18.jpg) no-repeat center / cover; height: 1200px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#main18 .title{margin-bottom: 50px;}

/* main19 */
#main19{background: url(../img/bg_main19.jpg) no-repeat center / cover; height: 1200px; display: flex; justify-content: center; align-items: center;}

/* main20 */
#main20 .group{height: 984px; text-align: center;}
#main20 .group01{background: #191919;}
#main20 .group02{background: #004d2f;}
#main20 .group03{background: #191919;}
#main20 .group h2{padding: 175px 0 50px;}
#main20 .db_inner{width: 1500px; margin:0 auto; display: flex; gap: 25px;}
#main20 .db_inner ul{width: 100%; display: flex; flex-direction: column; row-gap: 25px;}
#main20 .db_inner ul li{display: flex; flex-direction: column;}
#main20 .db_inner ul li h4{font-size: 30px; font-weight:500; color: #fff; text-align: left; margin-bottom: 5px;}
#main20 .db_inner ul li h4.must:after{content:'*'; margin-left:2px; color: #d7080a; display: inline-block; vertical-align: top; transform:translate(0,-5px);}
#main20 .db_inner ul li input[type="text"],
#main20 .db_inner ul li select{width:100%; height: 90px; font-size: 18px; font-weight: 600; color: #111; appearance: none; box-sizing: border-box; border: none;
padding-left: 10px;}
#main20 .db_inner ul li select{background:url(../img/select_arrow.png) no-repeat calc(100% - 16px) 50%; background-color: #fff;}
#main20 .db_inner ul li select option{color: #111;}
#main20 .db_inner ul li select,
#main20 .db_inner ul li input[type="text"]:focus{outline: none;}
#main20 .db_inner ul li input[type="text"]::placeholder{font-size: 18px; color: #888; letter-spacing:-0.5px;}
#main20 .db_inner ul li.db_textarea{height: 100%;}
#main20 .db_inner ul li.db_textarea textarea{resize: none; width:100%; height: 100%; font-size: 18px; font-weight: 600; color: #111;
box-sizing: border-box; outline: none; padding: 10px; font-family: 'Pretendard';}
#main20 .agree{display:flex; justify-content:center; align-items:center; color: #fff; font-size: 22px; margin: 75px 0 30px;}
#main20 .agree a{text-decoration:underline; font-weight:600; cursor:pointer;}
#main20 .agree input[type="checkbox"]{width:25px; height:25px; margin-right:6px;}
#main20  input[type="submit"]{width: 400px; height: 100px; line-height: 100px; background:#c30d23; color: #fff; font-size: 30px; cursor: pointer; appearance: none;
						   border:none; font-weight: 600;}
						   
/* 하단정보 */
footer{background: #eaeaea; color: #191919; display: flex; align-items: center; justify-content: space-between; padding: 75px 75px 150px;}
footer .inner{margin-bottom: 50px;}
footer .inner p{font-size: 18px; margin: 10px 0; font-weight: 400;}
footer .inner cite{font-size: 14px; font-style: normal; opacity: 0.8; font-weight: 400; letter-spacing: 1px;}
footer .inner p:last-child{text-decoration: underline;}

/* db */
.db_wrap{position: fixed; max-width: 1920px; width: 100%; bottom: -200px; background: #004d2f;
		 box-shadow:0 0 90px rgba(0,0,0,0.8); transition:0.8s; z-index: 9999; padding: 15px 0px 10px; box-sizing: border-box;}
.db_wrap.scroll_on{bottom:0;}
.db_wrap .db{width:1400px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
.db_wrap .db ul{display: flex; flex-wrap: wrap; row-gap: 0; margin: 0 10px;}
.db_wrap .db ul li{width: 30.3333%; margin: 0 1.5%;}
.db_wrap .db ul li a{text-decoration:underline; cursor: pointer;}
.db_wrap .db ul li input[type="text"],
.db_wrap .db ul li select{width: 100%; padding: 0px 5px; height:50px; line-height: 50px; background:#fff; border:1px solid #fff; font-size:15px;
appearance: none; border-radius: 50px;}
.db_wrap .db ul li select{background:url(../img/select_arrow.png) no-repeat calc(100% - 16px) 50%; background-color: #fff; padding-left: 10px; font-family: pretendard;}
.db_wrap .db ul li select option{color: #111;}
.db_wrap .db ul li select,
.db_wrap .db ul li input[type="text"]:focus{outline: none;}
.db_wrap .db ul li input[type="text"]::placeholder{color: #333; font-size:14px; text-align: left; letter-spacing: -1px; font-family: pretendard; padding-left: 10px; font-weight: 500;}
.db_wrap .db .agree{margin-top: 7.5px; text-align: left; color: #fff; font-size:14px; font-family: pretendard; font-weight: 500;}
.db_wrap .db .agree a{text-decoration:underline;}
.db_wrap .db .agree input[type="checkbox"]{width:15px; height:15px; margin-right: 5px; vertical-align: middle;}
.db_wrap .db .db_submit input[type="submit"]{width: 200px; height: 65px; line-height: 65px; background:#c30d23; color: #fff; font-size: 24px; cursor: pointer;
appearance: none; border:none; font-weight: 600; animation:submit_btn 0.3s 0s infinite alternate ease-in; border-radius: 50px;}
@keyframes submit_btn {0%{transform:translate(0,-4px)} 100%{transform:translate(0,0)}}
.db_wrap .db .db_submit input{transition:0.3s;}
.db_wrap .db .db_submit input:hover{filter:contrast(150%)}

.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%; font-family: pretendard;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#aa0000; 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; 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; 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;}