/* 레이아웃 */
#wrap{min-width:1280px; overflow: hidden;}
#header{position: absolute;width: 100%;	z-index: 10; }
#header h1.logo{position: absolute; left:50%; margin-left:-600px;top:70px;}
#container{width: 100%; overflow: hidden;}
#container .content_inner{width:1280px; margin:0 auto;}
#footer{padding:4em 0 15em; background:#000; text-align:center; color: #aaa;}
#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 img{width:300px; margin-bottom:24px;}
#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;}

@font-face {
    font-family: 'Ansungtangmyun-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/Ansungtangmyun-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


.mq{position: relative;width: 100%; background:#000000; overflow: hidden;}
.mq .mq_logo{position: absolute; left:0; top: 0; width:14%; background: linear-gradient(90deg, rgba(0,0,0,1) 70%, rgba(255,255,255,0) 100%);z-index: 5;}
.mq .mq_logo_gr{position: absolute;height:50px; right:0; top: 0; width:12%; background: linear-gradient(270deg, rgba(0,0,0,1) 30%, rgba(255,255,255,0) 100%);z-index: 5;}
.mq .mq_logo img{height:16px; padding:7px; margin-left:20px;}
.mq .mq_slide{padding:10px 0 ;}
.mq .mq_slide .swiper-wrapper{transition-timing-function: linear;	color: #fff;}
.mq .mq_slide .swiper-wrapper .swiper-slide{ font-size:12.5px; letter-spacing:0; padding-right:5px;}

/* db */
.db_wrap{position: fixed;width: 100%; bottom:0;height:120px; z-index: 100;background:rgba(0,0,0,0.9); box-shadow:0 0 90px rgba(0,0,0,0.9);}
.db_wrap .db{display:flex;padding-top:16px;width:1280px; margin:0 auto; box-sizing:border-box; }
.db_wrap .db h2{ margin-right:16px;padding-top:4px;}
.db_wrap .db ul{display:flex;width:455px; flex-wrap:wrap; margin-right:16px;}
.db_wrap .db ul li{width:calc((100%/3) - 4px); margin-right:4px; margin-bottom:4px;}
.db_wrap .db ul li a{text-decoration:underline; cursor: pointer;}
.db_wrap .db ul li.memo{width:49%;}
.db_wrap .db ul li input[type="text"]{width: 100%;padding:6px 10px; height:38px; background:rgba(255,255,255,0.2); border:1px solid #666; border-radius:2px; font-size:0.9em; color: #fff;}
.db_wrap .db ul li textarea{width: 100%;padding:6px 10px; height:42px;  background:rgba(255,255,255,0.2); border:1px solid #666; border-radius:2px; font-size:0.9em; color: #fff;  box-sizing:border-box; resize:none}
.db_wrap .db ul li textarea::placeholder{color: #ccc; font-size:13px;letter-spacing:-1px;}
.db_wrap .db ul li input[type="text"]::placeholder{color: #ccc; font-size:0.9em;letter-spacing:-1px;}
.db_wrap .db ul li.agree{width:49%;margin-top:4px;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{float:left;margin-top:6px;}
.db_wrap .db .db_submit img{width:100%;}
@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%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#f0d176; border-radius:0 10px 0 10px; color: #000;}
.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:5px;top:30%; z-index:10; text-align: center;}
#quick img{margin-top:-6px;}
/* 컨텐츠 */
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{height:1000px; background: #000; overflow: hidden; z-index: 1;}
.main01 h2{position: absolute; left:50%; margin-left:-590px; top:180px; z-index:2}
.main01 h3{position: absolute;left:50%; margin-left:-390px; top:300px;z-index:2}
.main01 p{position: absolute;left:50%; margin-left:-390px; top:400px;z-index:2}
.main01 .ctn{position: absolute; right:50%; margin-right:-710px;top:-650px; z-index: 3;}
.main01 .ctn span{display: block; animation:sm_ani 3s 0s infinite alternate linear;}
@keyframes sm_ani{
	0%{transform:translate(0,0)}
	100%{transform:translate(0,-80px)}
}
.main01 .bg{position:absolute;width:1920px; left:50%; margin-left:-960px; height:100%;background:url(../image/bg_main01.jpg?ver=1) no-repeat 50%; z-index:1; filter:blur(40px);animation:blur_bg 1.5s 0s  linear forwards;}
@keyframes blur_bg{
	0%{filter:blur(70px) contrast(140%);}
	100%{filter:blur(0)}
}

.main02{height:1010px; padding-top:130px; background:url(../image/bg_main02.jpg) no-repeat 50%;}
.main02 .title{margin-bottom:40px;}
.main03{height:1276px;}
.main03>div{position: absolute;}
.main03 .left{width:960px;margin-left:-960px;height:1276px ; left:50%;background:url(../image/main03_ctn01.jpg) no-repeat 50%;}
.main03 .right{width:960px; padding-top:150px;margin-right:-960px;height:1276px ; right:50%;background:url(../image/main03_ctn02.jpg) no-repeat 50%; box-sizing:border-box}
.main03 .right div{margin:24px 0 ;}
.main03 .ctn{position: absolute; left: 50%;top:50%; margin-left:-118px; margin-top:-118px; z-index: 1;}
.main04{height:1313px; }
.main04>div{position: absolute;box-sizing:border-box;padding-top:420px; overflow: hidden;}
.main04 .left{width:960px;margin-left:-960px;height:1313px ; left:50%;background:#fff;  }
.main04 .left h4{margin-bottom:40px;}
.main04 .left .swiper-container{padding:0 230px;}
.main04 .left .swiper-container img{width:100%;}
.main04 .left .swiper-container .swiper-slide{font-family:'Ansungtangmyun-Bold'; font-size:25px;}
.main04 .left .swiper-container .swiper-slide b{display: inline-block;margin:18px 0 6px;padding:8px 20px;background: #c01700; color: #fff;border-radius:100px; font-size:19px;}
.main04 .right{width:960px; margin-right:-960px;height:1313px ; right:50%;background:url(../image/main04_bg.jpg) no-repeat 50%; }
.main04 .right .tab .tabs{display:flex; width:600px; margin:16px auto 24px;border-right:2px solid #fff;}
.main04 .right .tab .tabs li{width:calc( 100%/4 );font-family:'Ansungtangmyun-Bold';padding:12px 0 12px; color: #fff; border:2px solid #fff;border-right:none; box-sizing:border-box; cursor: pointer; font-size:19px;}
.main04 .right .tab .tabs li.on{background:#fff; color: #111;}
.main04 .right .tab .tab_container .tab_content ul{font-size: 0;}
.main04 .right .tab .tab_container .tab_content ul li{display: inline-block;width:160px; margin:10px; font-size:17px;}
.main04 .right .tab .tab_container .tab_content ul li img{width:100%;margin-bottom:6px; border-radius:100px; overflow: hidden;}
.main04 .right .tab .tab_container .tab_content ul li span{font-family:'Ansungtangmyun-Bold'; color: #fff;}
.main04>.ctn{position: absolute; top:0; left:50%; margin-left:-960px; z-index: 1;}
.main05{height:1068px; padding-top:190px; background:url(../image/bg_main05.jpg) no-repeat 50%;}
.main05>div{position: absolute; top:170px;}
.main05 .left{width:489px; left:-20px;}
.main05 .right{width:489px;  right:-20px;}
.main06{height:2116px; padding-top:130px; background:url(../image/bg_main06.jpg) no-repeat 50%;}
.main06 h2{margin-bottom:48px;}
.main06 .arrow{position: absolute;left: 0;  top:820px; left:50%; margin-left:-1000px;z-index: 10;	}
.main06 p{margin-bottom:80px;}
.main06 h3{position: absolute; width:1920px ; left:50%; margin-left:-960px;}
.main06 .ctn_img{position: absolute; bottom:90px; z-index: 1; left:50%; margin-left:-550px;}
.main06 .ctn_img img{animation:circle_ani 10s 0s infinite linear}
@keyframes circle_ani{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
.main07{height:912px; padding-top:60px;background:url(../image/bg_main07.jpg) no-repeat 50%;}
.main08{height:1935px;padding-top:120px; background:url(../image/bg_main08.jpg) no-repeat 50%;}
.main08 h2{margin-bottom:84px;}
.main09{height:844px;}
.main09>div{position: absolute;height:844px;}
.main09 .left{width:50%; left:0; background:url(../image/bg_main09.jpg) no-repeat 50%;}
.main09 .right{width:50%; right:0; overflow: hidden;}
.main09 .ctn{position: absolute;bottom:-3px; z-index:5; left:50%; margin-left:-384px;}
.main10{height:931px; background:url(../image/bg_main10.jpg) no-repeat 50%;}
.main10 .ctn{position: absolute;left:50%; top:130px;margin-left:-800px;}
.main10 .title{position: absolute;right:50%; top:170px;margin-right:-620px;}
.main11{height:1100px; background:url(../image/bg_main11.jpg) no-repeat 50%;}
.main11 .title{position: absolute;right:50%; top:190px;margin-right:-680px; z-index: 1;}
.main11 .ctn{position: absolute;left:50%; bottom:-160px;margin-left:-940px;z-index: 2;}
.main11 .slide{position: absolute;bottom:120px;width: 100%; z-index: 0;}
.main11 .slide img{border-radius:10px; overflow: hidden;}
.main11 .slide_review .swiper-wrapper{transition-timing-function: linear;	}
.main12{height:873px;padding-top:130px; background:url(../image/bg_main12.jpg) no-repeat 50%;}
.main12 h2{margin-bottom:24px;}
.main13{height:837px;padding-top:100px; background:url(../image/bg_main13.jpg) no-repeat 50%;}
.main14{height:950px;padding-top:160px; background:url(../image/bg_main14.jpg?ver=1) no-repeat 50%;}
.main14 h2{margin-bottom:36px;}

.slide_aw_wrap{position: relative;padding:0 20px;margin:48px auto 36px; max-width:1400px; overflow: hidden;	}
.slide_aw_wrap .swiper-slide img{width:100%; max-width:450px}
.slide_aw_wrap .swiper-button-next:after{display: none;}
.slide_aw_wrap .swiper-button-prev:after{display: none;}

.main15{height:820px;padding-top:180px; background:url(../image/bg_main15.jpg) no-repeat 50%;}
.main16{height:938px; background:url(../image/bg_main16.jpg) no-repeat 50%;}
.main16 .title{position: absolute; left: 50%; top:120px;margin-left:-500px;}
.main17{height:908px;padding-top:140px; background:url(../image/bg_main17.jpg) no-repeat 50%;}
.main17 h2{margin-bottom:24px;}











.main_new_slide{height:987px; padding-top:100px;background:url(../image/bg_main_new_slide.jpg) no-repeat 50%;}
.main_new_slide .slide_review02{margin:38px 0; background:none;font-size: 0;}
.main_new_slide .slide_review02 img{width:100%; border-radius:24px;transform:translate(-2px,0); margin-left:-2px; }
.main_new_slide .slide_review02 .swiper-wrapper{transition-timing-function: linear;	}

.main_new_slide .slide_review03{margin:38px 0;background: none;font-size: 0;}
.main_new_slide .slide_review03 img{border-radius:24px; overflow: hidden;transform:translate(-2px,0); margin-left:-2px;}
.main_new_slide .slide_review03 .swiper-wrapper{transition-timing-function: linear;	}



.main_new_slide2{height:1362px; padding-top:150px;background:url(../image/bg_main_new_slide2.jpg) no-repeat 50%;}
.main_new_slide2 .slide{max-width:1280px; margin:50px auto; overflow: hidden;}
.main_new_slide2 .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.main_new_slide2 .swiper-container img{width:100%;}
.main_new_slide2 .gallery-thumbs {box-sizing: border-box;padding: 10px 0;}
.main_new_slide2 .gallery-thumbs img{width:100%}
.main_new_slide2 .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.7; cursor: pointer;}
.main_new_slide2 .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:3px solid #fff}
.main_new_slide2 .swiper-container .swiper-button-next{right:30px; background:url(../image/common/slide_next2.png) no-repeat 50% / contain !important;}
.main_new_slide2 .swiper-container .swiper-button-prev{left:30px;background:url(../image/common/slide_prev2.png) no-repeat 50% / contain !important;}