/* 레이아웃 */
#wrap{min-width:1280px; overflow: hidden; background: #fff; font-family: "Gowun Batang", serif;}
#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:#8e644c; text-align:center; color: #fff; 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%);}

.db_wrap_quick{position: fixed; width: 100%; bottom:0;height:100px;z-index:100;background:#a60600; 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_quick h2{margin-right:24px;}
.db_wrap_quick .db_inner{display:flex; max-width:1280px; margin:0 auto;text-align:left; justify-content:center; align-content:center; align-items:center;  }
.db_wrap_quick .db_inner h3{margin-right:24px;}
.db_wrap_quick .db_inner h3 img{width:300px;}
.db_wrap_quick .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_quick .db_inner .db ul{display:flex; gap:2px;}
.db_wrap_quick .db_inner .db ul li{}
.db_wrap_quick .db_inner .db ul li a{text-decoration:underline; cursor: pointer;}
.db_wrap_quick .db_inner .db ul li input[type="text"]{width:100%; padding:6px 14px; height:46px;line-height:56px; background: #fff; border:none;border-radius:0; font-size:0.90em; box-sizing:border-box; color: #222; border:2px solid transparent;font-family: 'Malgun Gothic'; }
.db_wrap_quick .db_inner .db ul li input[type="text"]::placeholder{color: #666 !important; font-size:0.90em;letter-spacing:-1px; font-weight:500; }
.db_wrap_quick .db_inner .db ul li input[type="text"]:focus{border:2px solid rgba(255,255,255,0.1)}
.db_wrap_quick .db_inner .db ul li.agree{display:flex; margin-left:8px;text-align: left;color: #fff; font-size:13px; letter-spacing:-1px; justify-content:center; align-content:center; align-items:center;   }
.db_wrap_quick .db_inner .db ul li.agree a{text-decoration:underline;}
.db_wrap_quick .db_inner .db ul li.agree input[type="checkbox"]{width:30px; height:30px; margin-right: 5px; vertical-align: middle;}
.db_wrap_quick .db_inner .db .db_submit{animation:submit_btn 0.3s 0s infinite alternate ease-in;}
.db_wrap_quick .db_inner .db .db_submit input[type="submit"]{width:250px; padding:8px 0; line-height:36px;background: #080404; color: #fff; border:none; font-weight: bold; font-size:22px; letter-spacing:-1px; border-radius:0; cursor: pointer;}
.db_wrap_quick .db_inner .db .db_submit input[type="submit"]:hover{background:#222 ;}


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

.swiper-wrapper{transition-timing-function: linear;	}

.main01{height:1097px; background:url(../image/bg_main01.jpg) no-repeat 50% / cover;}
.main01 .bg{position: absolute; top: 40px; left: 50%; margin-left:-940px;z-index: 0;}
.main01 .title{position: absolute; z-index:10; width: 100%;top: 180px;}
.main01 .subtitle{position: absolute; left: 50%; top: 150px; z-index: 15;margin-left:-500px;}
.main01 .ctn{position: absolute;  z-index:10; top:500px; width: 100%;}
.main01 .ctn .list1{position: absolute; left:50%; margin-left:-800px; margin-top:50px;}
.main01 .ctn .list2{position: absolute; left:50%; margin-left:-390px;z-index: 1;}
.main01 .ctn .list3{position: absolute; right:50% ; margin-right:-690px;margin-top:50px;}

.main02{height:1528px;padding-top:80px; background:url(../image/bg_main02.jpg) no-repeat 50% / cover;}
.main02 .title{margin-bottom:64px;}
.main02 .menu{display:flex; width: 100%; gap:16px; justify-content:center; align-content:center; align-items:center;  }
.main02 .menu>div{position: relative;width:50%; max-width:640px; overflow: hidden;padding:48px 48px 64px 48px;text-align: center;}
.main02 .menu>div.main_menu{background: url(../image/main02_ctn02.png) no-repeat 50% / cover;}
.main02 .menu>div.side_menu{background: url(../image/main02_ctn03.png) no-repeat 50% / cover;}
.main02 .menu>div .menu_title{position: absolute; left:40px; top: 40px;z-index: 5;}
.main02 .menu>div .stemp{position: absolute; right:40px; top: 40px;z-index: 5;}
.main02 .menu>div .slide_menu{width:100%; text-align: center;padding-top:60px;}
.main02 .menu>div .slide_menu p{color: #fff; margin-top:24px;font-size:24px; letter-spacing:-1px; }
.main02 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:none;}
.main02 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:none;}

.main03{background:#fff;}
.main03 .title{position: absolute; top:180px; z-index:2; text-align:center; width:100%;}
.main03 .inner{position: relative;display:flex; height:92vh;width:94%; margin:3% auto; overflow: hidden;}
.main03 .inner .list{position: relative;height: 100%;display:flex;width:calc(100% / 4);flex-direction: column;    justify-content: flex-end; z-index: 1; background:rgba(36,19,10,0.7); transition:0.5s; border-right:1px solid rgba(255,255,255,0.1); cursor: pointer;backdrop-filter: blur(5px);}
.main03 .inner .list:hover{ background:linear-gradient(0deg, rgba(36,19,10,1) 0%, rgba(255,255,255,0) 70%);backdrop-filter: blur(0px);}
.main03 .inner .list h4{margin-bottom:100px}
.main03 .inner .list h4 img{filter: saturate(0); opacity:0.7;}
.main03 .inner .list:hover h4 img{filter: saturate(1); opacity:1;}
.main03 .inner .inner_bg{position: absolute; z-index: 0;width: 100%; height:100%;background: #000;}

.main05{height:1147px; width: 94%; margin:0 auto;padding-top:150px;background:url(../image/bg_main05.jpg) no-repeat 50% / cover; overflow: initial;}
.main05 .title{margin-bottom:-36px}
.main05 .ctn1{position: absolute; left:-180px; top: 120px;}
.main05 .ctn2{position: absolute; right:-180px; top: 300px;}

.main06{height:940px; background:url(../image/bg_main06.jpg) no-repeat 50% / cover;}
.main06 .ctn{display:flex; gap:64px;height:100%; justify-content:center; align-content:center; align-items:center;  }
.main06 .scroll-wrap {height:100%; overflow:hidden; position:relative;}
.main06 .scroll-list {display:flex; flex-direction:column; animation:scrollUp 20s linear infinite;}
.main06 .right_slide .scroll-list {animation:scrollDown 20s linear infinite;}
.main06 .scroll-list img {width:100%; display:block; margin-bottom:36px;}
.main06 .scroll-wrap .scroll-list {transform:translateY(-25%);} /* 💡 시작 위치 조정 */
@keyframes scrollUp {0% {transform:translateY(0);} 100% {transform:translateY(-50%);}}
@keyframes scrollDown {0% {transform:translateY(-50%);} 100% {transform:translateY(0);}}

.main07{height:1015px; padding-top:180px; background:url(../image/bg_main07.jpg) no-repeat 50% / cover;}
.main07 .title{margin-bottom:54px;}

.main08{height:974px; background:url(../image/bg_main08.jpg) no-repeat 50% / cover;}
.main08 .ctn_inner{position: absolute; right:50%; margin-right:-750px;top: 160px;text-align: left;}
.main08 .ctn_inner .title{margin-bottom:48px;}
.main08 .ctn_inner a img{margin-right:8px;}


.main09{height:958px; background:url(../image/bg_main09.jpg) no-repeat 50% / cover;}
.main10{height:1042px; padding-top:140px;background:url(../image/bg_main10.jpg) no-repeat 50% / cover}
.main10 .title{margin-bottom:36px;}
.main10 .ctn{display:flex; justify-content:center; align-content:center; align-items:center; gap:30px  }
.main10 .ctn a{display: inline-block;}

.main11{ height:1200px;padding-top:140px; padding-bottom:100px; background:#fff}
.main11 .ctn{position: absolute;left:50%;top:340px; transform:translate(-50%,0);z-index: 5;}
.main11 .slide{margin-top:150px;}

.main12{height:1061px; background:url(../image/bg_main11.jpg) no-repeat 50% / cover;}
.main13{height:918px; background:url(../image/bg_main12.jpg) no-repeat 50% / cover;}

.main13{display: flex; justify-content:center; align-content:center; align-items:center;  }
.main13 .title_wrap{background: url(../image/main11_bg01.jpg) no-repeat center / cover; width: 35%; height: 846px; display: flex; align-items: center; justify-content: center;}
.main13 .db_wrap{display: flex; align-items: center; justify-content: center; width: 40%;}
.main13 .db_wrap .db_inner h2{font-size: 39px; color: #e80113; text-align: center; margin-bottom: 25px;}
.main13 .db_wrap .db_inner .db_list{display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 590px; margin: 0 auto; color: #e80113;}
.main13 .db_wrap .db_inner .db_list li{width: 49%; height: 50px;}
.main13 .db_wrap .db_inner .db_list li+li+li{margin-top: 35px;}
.main13 .db_wrap .db_inner .db_list li input{width: 100%; height: 100%; border: none; box-sizing: border-box; border-bottom: 1px solid #e80113;  padding:0 12px; border-radius:4px}
.main13 .db_wrap .db_inner .db_list li input[type="text"]{font-size: 16px; color: #e80113; font-weight: 700;}
.main13 .db_wrap .db_inner .db_list li input::placeholder{font-size: 16px; color: #e80113; font-weight: 700;}
.main13 .db_wrap .db_inner .db_list li input:focus{outline: none;}
.main13 .db_wrap .db_inner .db_list li.select ul{display: flex; justify-content: space-between;}
.main13 .db_wrap .db_inner .db_list li.select ul li{width: 50%;}
.main13 .db_wrap .db_inner .db_list li.select ul li input{position: absolute; top: 0; left: 0; width: 0; height: 0;}
.main13 .db_wrap .db_inner .db_list li.select ul li label{display: block; height: 100%;	cursor: pointer; font-weight: 700; font-size: 16px; border-bottom: 1px solid #e80113;display: flex; align-items: center; justify-content: center; color: #fff;}
.main13 .db_wrap .db_inner .db_list li.select ul li input[type="radio"]:checked+label{background: #e80113; color: #fff;}
.main13 .db_wrap .db_inner .db_list li.text_area{width:49%;}
.main13 .db_wrap .db_inner .db_list li.text_area textarea{width: 100%;border-radius:4px; height: 50px;  padding:0 12px;line-height: 50px; resize: none; border: none; border-bottom: 1px solid #e80113; color: #e80113; font-weight: 700; font-size: 16px; box-sizing:border-box; overflow: hidden;}
.main13 .db_wrap .db_inner .db_list li.text_area textarea::placeholder{ color: #111; font-weight: 700; font-size: 16px;}
.main13 .db_wrap .db_inner .db_list li.text_area textarea:focus{outline: none;}
.main13 .db_wrap .db_inner .db_list li.agree{width: 100%; margin-top: 0; display: flex; align-items: center; font-size: 16px; color: #fff;}
.main13 .db_wrap .db_inner .db_list li.agree a{cursor: pointer;}
.main13 .db_wrap .db_inner .db_list li.agree input{width: 17px; height: 17px; margin-right: 5px; cursor: pointer;}
.main13 .db_wrap .db_inner .db_list li.agree input[type="checkbox"]{accent-color: #e80113;}
.main13 .db_wrap .db_inner .db_list li.db_submit{width: 100%; margin-top: 35px;}
.main13 .db_wrap .db_inner .db_list li.db_submit input{height: 85px; border-bottom: none; background: #e80113; color: #fff; font-size: 28px; font-weight: 500; cursor: pointer;}