/* 레이아웃 */
#wrap{min-width:1280px; overflow: hidden; background: #fff; }
#header{position: relative; z-index: 1000;}
#container{ margin:0 auto;width: 100%; overflow: hidden;}
#container .content_inner{width:1280px; margin:0 auto;}
#footer{position: relative;padding:6em 0 14em; background:#b11e29; text-align:center; color: #efdab2; z-index: 0;}
#footer .footer_inner{position: relative; z-index: 5;}
#footer .footer_inner ul{font-size: 0; margin-top:30px;}
#footer .footer_inner ul li{display:inline-block;  margin:4px; font-size:14px;}
#footer .footer_inner ul li strong{color: #efdab2;}
#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;}
#footer .cirlce_logo{width: 170px;left: 50%;transform:translate(-50%,-50%);}

.top_banner{position: fixed; width:100%;top:-80px; padding:10px 0;background:rgba(213,23,34,0.9);backdrop-filter: blur(10px); color: #fff; z-index: 1000; border-bottom:1px solid rgba(255,255,255,0.1);transition:0.8s;}
.top_banner.scroll_on{top:0; }
.top_banner .inner{max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap;justify-content: space-between; align-content:center; align-items:center;  }
.top_banner .inner h3{letter-spacing:5px;width:50%;font-size:21px; animation:text_ani01 0.3s 0s infinite linear alternate}
.top_banner .inner p{font-size:22px; font-weight:bold; width:25%;}
.top_banner .inner>div{width:25%;}
@keyframes text_ani01{
	0%{opacity:0.2; }
	70%{opacity:1;}
	100%{opacity:1;}
}

/* db */
.db_wrap{position: fixed; width: 100%; bottom:-200px;height:114px;padding-top:6px;z-index:100;background:rgba(0,0,0,0.8);backdrop-filter: blur(10px); box-shadow:0 0 90px rgba(0,0,0,0.9);
transition:0.8s; overflow: hidden;  justify-content:center; align-content:center; align-items:center;   z-index: 100;}
.db_wrap.scroll_on{bottom: 0;}
.db_wrap h2{margin-right:24px;}
.db_wrap .db_inner{display:flex; max-width:1280px; margin:0 auto;text-align:left; justify-content:center; align-content:center; align-items:center;  }
.db_wrap .db_inner h3{margin-right:24px; color: #fff; width:500px; font-size:26px; letter-spacing:-2px; line-height:1.2;}
.db_wrap .db_inner h3 strong{display:block; color: #fff;}
.db_wrap .db_inner h3 span{font-size:0.6em; color: #ccc;}
.db_wrap .db_inner h3 img{width:300px;}
.db_wrap .db_inner .db{position: relative;display:flex;gap:12px;margin:0 auto; box-sizing:border-box;z-index: 2;  justify-content:center; align-content:center; align-items:center;  }
.db_wrap .db_inner .db ul{display:flex; flex-wrap:wrap;}
.db_wrap .db_inner .db ul li{width:calc(100% / 4 );}
.db_wrap .db_inner .db ul li a{text-decoration:underline; cursor: pointer;}
.db_wrap .db_inner .db ul li input[type="text"]{width:100%; padding:6px 14px; height:46px;line-height:56px; background:rgba(0,0,0,0.9); border:1px solid rgba(255,255,255,0.3);border-radius:0; font-size:0.95em; box-sizing:border-box; color: #fff; font-weight: 600 !important; }
.db_wrap .db_inner .db ul li input[type="text"]::placeholder{color: #fff !important; font-size:0.95em;letter-spacing:-1px; font-weight:500; }
.db_wrap .db_inner .db ul li input[type="text"]:focus{border:1px solid #d4020d}
.db_wrap .db_inner .db ul li.agree{display:flex;text-align: left;color: #fff; font-size:13px; letter-spacing:-1px; justify-content:center; align-content:center; align-items:center;   }
.db_wrap .db_inner .db ul li.agree a{text-decoration:underline;}
.db_wrap .db_inner .db ul li.agree input[type="checkbox"]{width:30px; height:30px; margin-right: 5px; vertical-align: middle;}
.db_wrap .db_inner .db ul li.warr{width: 100%;margin-top:3px;font-size:0.7em; color: #fff;font-family:'MalgunGothic',sans-serif ; line-height:1.3;color: #aaa;}
.db_wrap .db_inner .db .db_submit{animation:submit_btn 0.3s 0s infinite alternate ease-in;}
.db_wrap .db_inner .db .db_submit input[type="submit"]{width:250px; padding:8px 0; line-height:36px;background: #bc131d; color: #fff; border:none; font-weight: bold; font-size:22px; letter-spacing:-1px; border-radius:0; cursor: pointer;}
.db_wrap .db_inner .db .db_submit input[type="submit"]:hover{background:#222 ;}
@keyframes submit_btn {0%{transform:translate(0,2px)} 100%{transform:translate(0,0)}}
#quick{position: fixed; right:20px; top:40%;transform:translate(0,-50%); z-index: 10;}


/* 레이어팝업 */
.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:#bc131d; 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;}


/* 컨텐츠 */
section{position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center; overflow: hidden; z-index: 2;}
.bg_ctn{width:1920px; left:50%; margin-left:-960px;}


.main01{display:flex;width: 100%; height:100vh; background:#000; flex-wrap:wrap;}
.main01 .visual{position: relative; height:100%; width:calc(100% / 3); overflow: hidden;}
.main01 .visual .bg{position: absolute; width: 100%; height:100%; left:0; top: 0;}
.main01 .visual .text{position: absolute;width: 100%; color: #fff; z-index:5;text-shadow:0 0 10px rgba(0,0,0,1);letter-spacing:2px; line-height:2; font-size:1.1em;}
.main01 .visual.list01 .bg{background:url(../image/main01_bg01.jpg) no-repeat 50% / cover; animation:bg_ani 10s 0s infinite linear alternate}
.main01 .visual.list01 .text{bottom:12%;}
.main01 .visual.list02{background:#ab1b23;}
.main01 .visual.list02 .text_line{position: absolute; width: 100%; bottom:27%;}
.main01 .visual.list02 .title{margin-top:22%;}
.main01 .visual.list02 .title h2{margin:32px 0 24px;}
.main01 .visual.list02 .title p{color: #fff; font-size:1.2em; line-height:1.6;text-shadow:0 0 3px rgba(0,0,0,0.3);}
.main01 .visual.list02 .food{position: absolute;width:90%; bottom:-33%; left:50%;transform:translate(-50%,0);}
.main01 .visual.list02 .food img{animation:rota_ani 35s 0s infinite linear; width:100%;}
.main01 .visual.list03 .bg{height:100%;background:url(../image/main01_bg02.jpg) no-repeat 50% / cover; animation:bg_ani2 10s 0s infinite linear alternate}
.main01 .visual.list03 .text{ top:12%;}
.text_line{height:60px;background-image:url(../image/text_line.png); background-position:0 50%; animation:line_ani 60s 0s infinite linear alternate}
@keyframes line_ani{
	0%{ background-position:7000px 50%;}
	100%{ background-position:1000px 50%;}
}

@keyframes bg_ani{
	0%{transform:scale(1)}
	100%{transform:scale(1.2)}
}
@keyframes bg_ani2{
	0%{transform:scale(1.2)}
	100%{transform:scale(1)}
}
@keyframes rota_ani{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}




.main02{height:1058px;  background:url(../image/bg_main02.jpg) no-repeat 50% / cover;}
.main02 .sub_title{position: absolute; top:12%; width:100%; color: #fff; letter-spacing:4px; color: #ccc; font-size:1.2em;}
.main02 .sub_title strong{color: #fff; font-weight:bold;}
.main02 .title{position: absolute; left:50%; margin-left:-550px; top:240px;}
.main02 .info{position: absolute; right:50%; margin-right:-580px; color: #fff; bottom:200px; text-align:left;}
.main02 .info p{font-size:23px; letter-spacing:-2px;}
.main02 .info p strong{color: #d31a24;}
.main02 .info div{font-size:52px; letter-spacing:10px; line-height:1; margin:8px 0 32px;}
.main02 .info ul li{margin-bottom:6px; color: #ccc; font-size: 0.85em;}

.main03{ height:100vh;padding:2.5% 0; background: #fff;}
.main03 .inner{display:flex;width:95%;height:100%; margin:0 auto;background:url(../image/bg_main03.jpg) no-repeat 50% fixed; overflow: hidden; justify-content:center; align-content:center; align-items:center;  }
.main03 .inner .img{}
.main03 .inner .title2{padding:0 3% 0 0;}
.main03 .inner .title1{text-align: left; color: #fff; letter-spacing:-1px;}
.main03 .inner .title1 h3{margin:1.2em 0 0.8em;font-size:1.7em;}
.main03 .inner .title1 h3 strong{color: #d31a24;}
.main03 .inner .title1 p{line-height:1.8; font-size: 1.05em;}
.main03 .inner .title1 p em{text-decoration:underline;}
.main03 .inner .title1 p i{display: block; margin-top:1.5em; opacity:0.8; font-size: 0.8em;}



.main04{background: #fff;}
.main04 .textimg{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; align-items:center;  }
.main04 .textimg:nth-child(even){flex-direction: row-reverse;}
.main04 .textimg>div{width:50%;}
.main04 .textimg .img img{width: 100%;}
.main04 .textimg .text img{margin-bottom:24px;}
.main04 .textimg .text {font-size:1.3em; line-height:1.8; line-height:-1px;}
.main04 .textimg .text strong{color: #ab1b23;}


.main05{margin-top:120px; background: #111;}
.main05 .list_wrap{position: relative;width:100%; margin:0 auto;display:flex; z-index:10;}
.main05 .list_wrap h2{position: absolute; top:200px; left: 50%;transform:translate(-50%,0); z-index: 10;}
.main05 .list_wrap>div{position: relative;width:100%; height:900px; cursor: pointer; border-right:1px solid rgba(255,255,255,0.1); overflow: hidden;}
.main05 .list_wrap>div .bg{position: absolute; width:100%; height:100%;filter:grayscale(1) brightness(0.4);transition:1s;}
.main05 .list_wrap>div.list01 .bg{background:url(../image/main05_list01.jpg) no-repeat 50% / cover;}
.main05 .list_wrap>div.list02 .bg{background:url(../image/main05_list02.jpg) no-repeat 50% / cover;}
.main05 .list_wrap>div.list03 .bg{background:url(../image/main05_list03.jpg) no-repeat 50% / cover;}
.main05 .list_wrap>div.list04 .bg{background:url(../image/main05_list04.jpg) no-repeat 50% / cover;}
.main05 .list_wrap>div .on{position: absolute; left:50%;width: 80%;  bottom:80px;transform:translate(-50%,0); z-index: 5; color: #777; text-align:left; }
.main05 .list_wrap>div .on h4{font-size:36px; font-weight:bold; margin-bottom:16px;}
.main05 .list_wrap>div .on p{line-height:1.7;}
.main05 .list_wrap>div:hover .bg{filter:grayscale(0) brightness(1); transform:scale(1.2)}
.main05 .list_wrap>div:hover .on{color: #fff; text-shadow:0 0 3px rgba(0,0,0,1)}


.main06{padding:120px 0;background: #0d0d0d;}
.main06 .inner{display:flex; max-width:1460px; margin:0 auto; color: #fff;justify-content: space-between;align-items: center;}
.main06 .inner .text01{margin-top:10%;text-align:left; line-height:2;}
.main06 .inner .text01 p{margin-bottom:24px; font-size:17px; letter-spacing:-0.5px;}
.main06 .inner .text01 strong{color: #ccb08e; font-weight: bold;}
.main06 .bg{position: absolute; top:12% ; right:12%;}
.main06 .bg img{animation:rota_ani 25s 0s infinite linear;}

.main07{padding:190px 0 110px;background: #efdab2;}
.main07 .title h2{margin-bottom:32px;}
.main07 .swiper-wrapper{transition-timing-function: linear;	}
.main07 .slide{margin-top:48px;}
.main07 .slide img{width:100%;}
.main07 .slide span{display: block; margin-top:20px;letter-spacing:-1px; font-size:13px;}
.main07 .slide h5{font-weight:bold; font-size:22px; line-height:-2.5px;}
.main07 .sub_title{position: absolute; top: 0; left:14%;padding-top:120px;writing-mode: vertical-lr; font-size:1.3em;}
.main07 .sub_title:after{position: absolute; left:50%; top: 0;transform:translate(-50%,0);content: ' ' ; width:1px; height:100px; background:#000;}
.main07 .menu_detail { display: none; position:absolute;width:100%;max-width:1200px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); z-index: 1000; }
.main07 .menu_detail img{width:100%;}
.main07 .menu_detail .close_btn { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 20px; }
.main07 .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; }


.main08{padding:190px 0 110px;background:url(../image/bg_main08.jpg) no-repeat 50% / cover;}
.main08 .swiper-wrapper{transition-timing-function: linear;	}
.main08 .slide{margin-top:48px;}
.main08 .slide img{border-radius:8px;}

.main09{padding:120px 0;background: #ab1b23;}
.main09 .inner{display:flex; flex-wrap:wrap;align-items: center;}
.main09 .inner>div{width:50%;}
.main09 .inner .img img{width:100%; max-width:960px}
.main09 .inner .video{max-width:540px;width: 100%; margin:0 auto;}
.main09 .inner .text iframe{margin:48px 0; border-radius:8px; box-shadow:20px 20px 30px rgba(0,0,0,0.3)}

.main10{padding:150px 0 110px;background:url(../image/bg_main10.jpg) no-repeat 50% / cover;}
.main10 .title{margin-bottom:48px;}

.main11{padding:150px 0 110px;background:#090a0a;font-size:16px;}
.main11 .title{margin-bottom:48px;}
.main11 .map_board{max-width:1080px;margin:24px auto; color: #fff; min-height:460px;}
.main11 .map_board .tab .tabs{display:flex; margin-bottom:16px;}
.main11 .map_board .tab .tabs li{width:calc(100% / 2);}
.main11 .map_board .tab .tabs li{padding:20px 0;background:#090a0a; color: #b9b9b9; border:1px solid #3a3b3b; font-size:26px; letter-spacing:-1px; cursor: pointer;}
.main11 .map_board .tab .tabs li.on{background:#ab1b23 ; border:1px solid #ab1b23; color: #fff;}
.main11 .map_board .tab .tab_container .tab_content p{display:flex; justify-content:center; align-content:center; align-items:center; font-size:24px; }
.main11 .map_board .tab .tab_container .tab_content p i img{width:20px; vertical-align:top; margin-right: 4px;}
.main11 .map_board .tab .tab_container .tab_content .map_detail{margin-bottom:24px; height:400px;}
.main11 .map_board .tab .tab_container .tab_content .map_detail .cont{display: none !important;}







.main12{padding:220px 0 110px; height:1903px;background:url(../image/bg_main12.jpg) no-repeat 50% / cover;}
.main12 .title{margin-bottom:180px;}