/* 레이아웃 */
#wrap{min-width:1280px; overflow: hidden; background: #000;}
#header{position: fixed;width: 100%;z-index: 20;top: 0; transition:0.3s;border-bottom:1px solid rgba(255,255,255,0);}
#header.scroll_on{ background:rgba(0,0,0,0.4); backdrop-filter: blur(10px);}
#header.scroll_on  .gnb{padding-top:0;}
#header.scroll_on  .gnb ul li a{font-size:1.1em;}

#header:hover{border-bottom:1px solid rgba(255,255,255,0.1); backdrop-filter: blur(15px);}
#header .gnb{max-width:1100px; margin:0 auto; padding-top:24px; transition:0.3s;}
#header .gnb ul{display:flex;justify-content: space-around; text-align:center;}
#header .gnb ul li{position: relative;width:100%; transition:0.3s; overflow: hidden;}
#header .gnb ul li a{display: block;padding:16px 0;color: #fff; font-family: "Gowun Batang", serif;  font-weight: 700;  font-style: normal; font-size:1.3em; border-bottom:2px solid transparent; transition:0.3s}
#header .gnb ul li a:hover{color: #dc0002;}

#header .gnb ul li:after{position: absolute; bottom: 0;left:50%;content:' '; width:0; height:2px; background:#dc0002 ;transition:0.5s}
#header .gnb ul li:before{position: absolute; bottom: 0;right:50%;content:' '; width:0; height:2px; background:#dc0002 ;transition:0.5s}
#header .gnb ul li:hover:after{width:100%;}
#header .gnb ul li:hover:before{width:100%;}

#header h1.logo{position: absolute;width: 100%; text-align: center;top:70px;}
#container{width: 100%; overflow: hidden;}
#container .content_inner{width:1280px; margin:0 auto;}
#footer{position: relative;padding:4em 0 15em; background:rgba(223,0,0,0.6); text-align:center; color: #eebb3f; z-index: 1;}
#footer .footer_inner ul{font-size: 0;}
#footer .footer_inner ul li{display:inline-block;  margin:4px; font-size:14px;}
#footer .footer_inner ul li strong{color: #eee;}
#footer .footer_inner ul li strong:after{display: inline-block;	content:':'; margin:0 2px;}
#footer .footer_inner cite{display: block; margin-top:16px;font-size:12px; opacity: 0.7;}


/* db */
.db_wrap{position: fixed;width: 100%; bottom:-150px;height:100px; z-index: 100;background:url(../image/db_bg.jpg) no-repeat 50% / cover; box-shadow:0 0 90px rgba(0,0,0,0.9); transition:0.8s; border-top:1px solid rgba(255,255,255,0.2)}
.db_wrap.scroll_on{bottom:0;}
.db_wrap .neon_title2{left:50%; margin-left:-640px; top:-131px; z-index:1;}
.db_wrap .db{position: relative;display:flex;padding-top:13px;width:1110px; margin:0 auto; box-sizing:border-box;z-index: 2;}
.db_wrap .db h2{margin-right:24px;}
.db_wrap .db ul{display:flex;width:500px; flex-wrap:wrap}
.db_wrap .db ul li{width:32%; margin:0.1% 0.5%; height:42px;}
.db_wrap .db ul li a{text-decoration:underline; cursor: pointer;}
.db_wrap .db ul li input[type="text"]{width: 100%;padding:6px 10px; height:42px; background:#fff; border:1px solid #fff; border-radius:3px; font-size:0.9em; }
.db_wrap .db ul li input[type="text"]::placeholder{color: #666; font-size:0.9em;letter-spacing:-1px;}
.db_wrap .db ul li.agree{width:49%;margin-top:6px;text-align: left;color: #fff; font-size:13px; letter-spacing:-1px; }
.db_wrap .db ul li.agree a{text-decoration:underline;}
.db_wrap .db ul li.agree input[type="checkbox"]{width:20px; height:20px; margin-right: 5px; vertical-align: middle;}
.db_wrap .db .db_submit{margin-top:1px; animation:submit_btn 0.3s 0s infinite alternate ease-in;}
.db_wrap .db .db_submit img{width:100%;}
@keyframes submit_btn {0%{transform:translate(0,-2px)} 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%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#ff7a01; 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;}

#quick{position: absolute; right:30px;top:40px; z-index:10;}

/* 컨텐츠 */
section{position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center; overflow: hidden;}
.bg_ctn{width:1920px; left:50%; margin-left:-960px;}
.main01{height:100vh; background: #000; }
.main01 .title{position: absolute;padding-top:50px; left: 50%; margin-left:-316px; top:130px;width:633px; height:634px; background:url(../image/main01_titlebg.png) no-repeat 50%; box-sizing:border-box; z-index: 5;}
.main01 .title .title01{left:50%; top:95px;margin-left:-455px ;}
.main01 .title .title02{left:50%; top:340px;margin-left:-230px ;}
.main01 .title .bottom_p{position: relative; top:230px;}
.main01 .circle{position: absolute; top:-34px; left:-34px; animation:circle_ani 20s 0s infinite linear}
@keyframes circle_ani{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
.main01 .bg{position: fixed;width:100%; height:100%;background:url(../image/bg_main01.jpg) no-repeat 50% fixed; z-index: 0; animation:bg_ani 7s 0s infinite alternate linear}
@keyframes bg_ani{
	0%{transform:scale(1); opacity:0.5;}
	100%{transform:scale(1.1); opacity: 1;}
}
.main01 .text_line{position: absolute; bottom: 0;width:100%; height:60px; background:url(../image/main01_ctn02_new1111.jpg) no-repeat 0 50%; animation:text_line 60s 0s infinite linear alternate;z-index: 5;}
@keyframes text_line{
	0%{background:url(../image/main01_ctn02_new1111.jpg) no-repeat 0 50%;}
	100%{background:url(../image/main01_ctn02_new1111.jpg) no-repeat -4000px 50%;}
}

.lightctn{position: fixed;width: 100%; z-index: 10;}
.lightctn .ob{position: absolute;z-index:4;transition:1s}
.lightctn .ob.list01{left:12%; top:-240px;}
.lightctn .ob img{transition:1s; width:542px ;}
.lightctn .ob.list02{right:19%;top:-210px; }
.lightctn .ob.list02 img{width:400px;}
.lightctn .ob.list03{right:14%; top:-30px;}
.lightctn .ob.list03 img{width:320px;}
.lightctn.scroll_on .ob.list01{left:-70px;top:-140px; }
.lightctn.scroll_on .ob.list01 img{width:280px;}
.lightctn.scroll_on .ob.list02{right:30px;top:-60px; }
.lightctn.scroll_on .ob.list02 img{width:230px;}
.lightctn.scroll_on .ob.list03{right:-10px;top:-60px; }
.lightctn.scroll_on .ob.list03 img{width:150px;}

@media all and (max-width:1700px){
	.lightctn .ob.list01{left:8%;}
	.lightctn .ob.list02{right:15%;}
	.lightctn .ob.list03{right:10%;}
  }

@media all and (max-width:1500px){
	.lightctn .ob.list01{left:1%;}
	.lightctn .ob.list02{right:10%;}
	.lightctn .ob.list03{right:3%;}
  }


.main02{height:1357px;padding-top:160px; background:url(../image/bg_main02.jpg) no-repeat 50% / cover;}
.main02 h2{margin-bottom:40px;}
.main02.new0331{height:1400px;background:url(../image/bg_main02_new.jpg) no-repeat 50% 0 #fff;}
.main02.new0331 .ctn{position: relative;display:flex;max-width:1500px; margin:0 auto; z-index:2;}
.main02.new0331 .ctn article:first-child{width:75%; margin-right:3%; border-radius:30px; overflow: hidden;}
.main02.new0331 .ctn article:nth-child(2){padding-top:40px }
.main02.new0331 .img{position: absolute; width:500px; z-index: 0; right:50%;top:520px; margin-right:-290px;}
.main02.new0331 .img img{ animation:circle_ani02 20s 0s infinite linear}
.main02.new0331 p{position: relative; margin-top:200px;z-index:2;}
@keyframes circle_ani02{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}
.main03{height:1610px;padding-top:500px; background:url(../image/bg_main03.jpg) no-repeat 50% / cover;}
.main03 .ctn{position: absolute;left:50%;top: 0; margin-left:-1150px;}
.main03 h2{position: absolute;right:50%; top:105px;margin-right:-601px;}
.main03 ul{display:flex;position: absolute;width: 1430px; left:50%; transform:translate(-50%,0)}
.main03 ul li{width:50%;}
.main03 ul li:nth-child(2){width:697px;padding-top:260px; height:677px;margin-top:50px; background:url(../image/main03_list02.png) no-repeat 50%; box-sizing:border-box;}
.main03 ul li .video{width:83%; margin:0 auto; border-radius:10px; box-shadow:15px 15px 30px rgba(0,0,0,0.5); font-size: 0; line-height:0;	}
.main03 p{position: absolute; width:100%; bottom: 0;}
.main04{height:1172px;padding-top:260px; background:url(../image/bg_main04.jpg) no-repeat 50% / cover;}
.main04 p{margin-bottom:50px;}
.main04 .neon_title{top: 100px;right:50%; margin-right:-560px;}
.main05{height:1208px; background:url(../image/bg_main05.jpg) no-repeat 50% / cover;z-index: 11;}
.main05 .ctn{position: absolute;left:50%;top:-110px; margin-left:-76px;z-index: 5;}
.main05 .ctn2{position: absolute;right:50%; bottom:280px; margin-right:-590px;z-index: 5;}
.main05 .title{position: absolute;width:600px;left:50%; top:150px;margin-left:-700px;text-align: center;z-index: 5;}
.main05 .title h2{padding-top:440px;}
.main05 .title .neon_title{left:90px;}
.main05 .slide{position: absolute;width:50%; right: 0; overflow: hidden;}
.main05 .slide .swiper-pagination-bullet-active{background: #fff !important;}
.main06{height:1160px; padding-top:150px;background:url(../image/main06_ctn02.png) no-repeat calc(50% + 30px) 940px #fff;z-index: 11;}
.main06 h2{margin-bottom:120px;}
.main06 .slide_review .swiper-wrapper{transition-timing-function: linear;	}
.main06 .ctn{position: absolute;left:50%;top:340px; transform:translate(-50%,0);z-index: 5;}
.main07{padding-top:100px; padding-bottom:80px;background:url(../image/bg_main07.jpg) no-repeat 50% 0 #0b0b0b}
.main07 h2{margin-bottom:32px;}
.main07 .tab .tabs{display:flex; width:960px; margin:0 auto; }
.main07 .tab .tabs li{width:calc(100%/3);color: #fff; padding:28px 0;text-align: center; cursor: pointer; background:rgba(255,255,255,0.1); font-size:28px;font-family:'Gowun Batang';border-right:1px solid rgba(255,255,255,0.1)}
.main07 .tab .tabs li:last-child{border-right:none}
.main07 .tab .tabs li.on{ background:#e1172a;}
.main07 .tab .tab_container .tab_content{margin-top:40px;}
.main07 .tab .tab_container .tab_content>p{margin-bottom:42px;font-family:'Gowun Batang'; font-size:17px;color: #fff; letter-spacing:4px;line-height:1.4;}
.main07 .tab .tab_container .tab_content>p em{color: #e1172a;font-family:inherit;letter-spacing:inherit; font-weight:inherit;}
.main07 .tab .tab_container .tab_content ul{display:flex; flex-wrap:wrap; max-width:1280px; margin:0 auto;}
.main07 .tab .tab_container .tab_content ul li{position: relative;width:33%; margin-bottom:50px;text-align: center; }
.main07 .tab .tab_container .tab_content ul li .img{margin:0 auto;margin-bottom:14px; }
.main07 .tab .tab_container .tab_content ul li span{font-family:'Gowun Batang'; font-size:24px;color: #fff;}
.main07 .tab .tab_container .tab_content ul li span b{font-family:'Gowun Batang';display: block; font-size:18px; margin-bottom:6px; color: #fff; opacity:0.6;}
.main07 .tab .tab_container .tab_content ul li.new{}
.main07 .tab .tab_container .tab_content ul li.new:after{content:'대표'; font-family:'Gowun Batang';position: absolute;padding:14px; left:120px; top:10px; background:#e1172a ; color: #fff; font-size:18px;letter-spacing:-1px; font-weight:bold; border-radius:100px; animation:new_ani 0.5s 0s infinite alternate }
.main07 .tab .tab_container .tab_content ul li.best:after{content:'유일무이'; font-family:'Gowun Batang';position: absolute;padding:14px; left:120px; top:10px; background:#e1172a ; color: #fff; font-size:18px;letter-spacing:-1px; font-weight:bold; border-radius:100px; animation:new_ani 0.5s 0s infinite alternate }
@keyframes new_ani{
	0%{transform:translate(0,5px);}
	100%{transform:translate(0,0);}
}


.main08{height:1300px; background:url(../image/bg_main08.jpg?ver=1) no-repeat 50% / cover;}
.main08 h2{position: absolute; top:240px;left:50%;margin-left:-630px;}
.main08 .ctn{position: absolute;top:80px; right:50%; margin-right:-700px;}

.main08 .re_list_wrap{position: absolute;top:520px;	right:50%; margin-right:-660px;width:644px;overflow: hidden;}

.main09{height:860px; background:#006a50;}
.main09.new_0331{height:1340px; padding-bottom:100px; background:#006a50;}
.main09 h2{position: absolute; top:10px;left:50%;margin-left:-600px;}
.main09 .ctn{position: absolute;width:640px; top:300px; right:50%; margin-right:-670px; font-size:0; line-height:0;box-shadow:15px 15px 30px rgba(0,0,0,0.5);overflow: hidden;}
.main09 .tab2 .tabs02{display:flex; width:100%; margin:0 auto; }
.main09 .tab2 .tabs02 li{width:calc(100%/2);color: #fff; padding:28px 0;text-align: center; cursor: pointer; background:#00251a; font-size:19px; font-weight:bold;border-right:1px solid rgba(255,255,255,0.1)}
.main09 .tab2 .tabs02 li:last-child{border-right:none}
.main09 .tab2 .tabs02 li.on{ background:#dbaf6a;}
.main09 .tab2 .tab_container .tab_content02{height:350px;}
.main09 .ctn02{display:flex;position: absolute;width:1280px; top:760px; right:50%; margin-right:-670px; background:#001d16 ; overflow: hidden;box-shadow:15px 15px 30px rgba(0,0,0,0.5);}
.main09 .ctn02 article{width:45%; vertical-align:middle;}
.main09 .ctn02 article:nth-child(1){width:55%;}
.main09 .ctn02 article img{margin-top:100px;}



.youtube_list{position: relative;background:#006a50 ; padding:100px 0;}
.youtube_list .list_wrap{max-width:1280px;margin:0 auto;}
.youtube_list .list_wrap .youtube_ctn{display:flex; margin-bottom:36px;background:#001d16 ; overflow: hidden;box-shadow:15px 15px 30px rgba(0,0,0,0.5);}
.youtube_list .list_wrap .youtube_ctn:nth-child(even){display:flex;flex-direction: row-reverse}
.youtube_list .list_wrap .youtube_ctn article{width:45%; vertical-align:middle;}
.youtube_list .list_wrap .youtube_ctn article:nth-child(1){width:55%;}
.youtube_list .list_wrap .youtube_ctn article img{margin-top:100px;}




.main09 .text_line{position: absolute; bottom: 0;width:100%; height:92px; background:url(../image/main09_ctn01.jpg) no-repeat 0 50%; animation:text_line2 50s 0s infinite linear alternate;z-index: 5;}
@keyframes text_line2{
	0%{background:url(../image/main09_ctn01.jpg) no-repeat 0 50%;}
	100%{background:url(../image/main09_ctn01.jpg) no-repeat -3000px 50%;}
}
.main10{padding:130px 0 90px; background:url(../image/bg_main10.jpg) no-repeat 50% / cover;z-index: 11;}
.main10 .list_wrap{display:flex; max-width:1300px; margin:24px auto; flex-wrap:wrap}
.main10 .list_wrap li{width:24%;margin:0.5%;padding:36px 0 36px 32px; color: #fff; text-align:left; border:1px solid #563723; box-sizing:border-box;}
.main10 .list_wrap li.step02{background:url(../image/main10_list01.png) no-repeat 130px -70px #120c09;}
.main10 .list_wrap li.step02 em{color: #f8c342;}
.main10 .list_wrap li.step01{background:url(../image/main10_list01.png) no-repeat 130px -70px #22140d;}
.main10 .list_wrap li.step01 em{color: #f8c342;}
.main10 .list_wrap li.step03{background:#eebb3f ; color: #1d140f; font-weight: bold;}
.main10 .list_wrap li span{display: none;font-size: 22px;font-family:'Gowun Batang';}
.main10 .list_wrap li strong{display: block;margin:8px 0 12px;font-size:33px; letter-spacing:-3.5px;}
.main10 .list_wrap li em{display: block;font-size:22px; font-weight: bold; animation:text_ani2 0.4s 0s infinite alternate linear }
.main10 .list_wrap li em.ing{color: #24ff8b;}
.main10 .list_wrap li em.ing2{color: #ff671c;}
@keyframes text_ani2{
	0%{opacity:1;}
	100%{opacity:0.3;}
}
.main11{height:869px;padding-top:140px; background:url(../image/bg_main11.jpg) no-repeat 50%;}
.main12{height:1340px;padding-top:140px; background:url(../image/bg_main12.jpg?ver=1) no-repeat 50%;}

.neon_title{position: absolute;}
.neon_title .neon_off{position:absolute;z-index:1;}
.neon_title .neon_on{position: absolute;z-index:2; animation:neon_ani 2.3s 0s infinite linear}
.neon_title .del_01{animation-delay:0.1s}
.neon_title .del_05{animation-delay:0.5s}

.neon_title2{position: absolute;}
.neon_title2 .neon_off{position:absolute;z-index:1;}
.neon_title2 .neon_on{position: absolute;z-index:2; animation:neon_ani2 1s 0s infinite linear alternate}

@keyframes neon_ani{
	0%{opacity:0;}
	3%{opacity:0.8;}
	5%{opacity:0.4;}
	9%{opacity:1;}
	10%{opacity:0.8;}
	35%{opacity:1;}
	38%{opacity:0.3;}
	40%{opacity:1;}
	50%{opacity:0;}
	55%{opacity:1;}
	59%{opacity:0.7;}
	64%{opacity:1;}
	75%{opacity:1;}
	78%{opacity:0;}
	80%{opacity:1;}
	82%{opacity:0;}
	82%{opacity:0;}
	90%{opacity:1;}
	94%{opacity:0.5;}
	100%{opacity:1;}
}

@keyframes neon_ani2{
	0%{opacity:0;}
	100%{opacity:1;}
}

.main13{padding-bottom:100px;padding-top:160px; background:url(../image/bg_main13.jpg) no-repeat 50% #27241b;}
.main13 h2{margin-bottom:30px;}
.main13 .slide img{width:90%; border-radius:30px;}
.main13 .slide .new_slide2 .swiper-wrapper{transition-timing-function: linear;	}
.main13 .slide .swiper-container{padding:0 70px;}
.main14{height:568px;padding-top:70px; background:url(../image/bg_main14.jpg) no-repeat 50% #fff;}
.main14 .content_inner{display:flex; gap:30px;text-align: center; align-items:center}
.main15{padding:140px 0 ; background: #280404; }
.main15 h2{margin-bottom:32px;}
.main15 .table_wrap{max-width:940px; margin:0 auto; color: #fff; text-align:center;}
.main15 .table_wrap table{width:100%;}
.main15 .table_wrap table thead tr th{background:#110202; padding:20px; font-weight: bold; font-size:24px;}
.main15 .table_wrap table tbody tr td{padding:10px 0; font-size:14px;}
.main15 .table_wrap table tbody tr:hover {background:rgba(255,255,255,0.08);}
.main15 .table_wrap table tbody tr{border-bottom:1px solid rgba(255,255,255,0.2)}

.main16{height:564px;padding-top:110px; background:url(../image/bg_main16.jpg) no-repeat 50% #fff;}
.main16 .content_inner{display:flex; gap:50px;text-align: center; align-items:center;justify-content: center;}
.main16 .content_inner .video{width:600px;}
.main16 .content_inner .video iframe{border-radius:30px; overflow: hidden;}

.main16_2{height:564px;padding-top:110px; background:url(../image/bg_main16_250401.jpg) no-repeat 50% #fff;}
.main16_2 .content_inner{display:flex; gap:50px;text-align: center; align-items:center;justify-content: center;}
.main16_2 .content_inner .video{width:600px;}
.main16_2 .content_inner .video iframe{border-radius:30px; overflow: hidden;}

.main250812{height:564px;padding-top:110px; background:url(../image/bg_main16_250401.jpg) no-repeat 50% #fff;}
.main250812 .content_inner{display:flex; gap:50px;text-align: center; align-items:center;justify-content: center;}
.main250812 .content_inner .video{width:600px;}
.main250812 .content_inner .video iframe{border-radius:30px; overflow: hidden;}


.main17{height:564px;padding-top:110px; background:url(../image/bg_main17.jpg) no-repeat 50% #fff;}
.main17 .content_inner{display:flex; gap:50px;text-align: center; align-items:center;justify-content: center;}
.main17 .content_inner .video{width:600px;}
.main17 .content_inner .video iframe{border-radius:30px; overflow: hidden;}
.main18{height:564px;padding-top:110px; background:url(../image/bg_main18.jpg) no-repeat 50% #fff;}
.main18 .content_inner{display:flex; gap:50px;text-align: center; align-items:center;justify-content: center;}
.main18 .content_inner .video{width:600px;}
.main18 .content_inner .video iframe{border-radius:30px; overflow: hidden;}
.main19{height:1060px; background:url(../image/main19.jpg) no-repeat 50%;}

.main_new0926{height:837px; background:url(../image/main_new250812.jpg) no-repeat 50% / cover;}