@charset "utf-8"; 
 
section{position: relative; width: 1920px; left: 50%; transform: translateX(-50%);} 
 
#main01{background: url(../image/bg_main01.jpg) no-repeat center / cover; height: 956px;} 
#main01 .ctn{position: absolute; left: 50%; transform: translateX(-50%); top: 635px; filter: drop-shadow(22px 22px 18px rgba(174,6,0,0.3)); cursor: pointer;}
  
#new01{background: url(../image/bg_new01.jpg) no-repeat center / cover; height: 957px;}  
 
#main02{background: url(../image/bg_main02.jpg) no-repeat center / cover; height: 1720px;}   
   
#main03{background: url(../image/bg_main03.jpg) no-repeat center / cover; height: 2364px;}      
#main03 .title{padding: 125px 0 40px; text-align: center;} 
#main03 .hall_wrapper{display: flex; flex-wrap: wrap; justify-content: space-between; width: 768px; margin: 0 auto; row-gap: 40px;}  
#main03 .hall_wrapper .hall_list{width: 370px; text-align: center;}   
#main03 .hall_wrapper .hall_list .img{height: 235px;}    
#main03 .hall_wrapper .hall_list .img img{width: 100%; height: 100%; object-fit: cover;}
#main03 .hall_wrapper .hall_list p{font-size: 20px; color: #fff; margin-top: 15px;}   
       
#new02 .title{padding: 125px 0 40px; text-align: center;}                    
#new02 .small_wrapper{display: flex; flex-wrap: wrap; justify-content: space-between; width: 768px; margin: 0 auto; row-gap: 40px;}        
#new02 .small_wrapper .small_list{width: 370px; text-align: center;}        
#new02 .small_wrapper .small_list .img{height: 235px;}         
#new02 .small_wrapper .small_list .img img{width: 100%; height: 100%; object-fit: cover;}     
#new02 .small_wrapper .small_list p{font-size: 20px; color: #333; margin-top: 15px;}       
   
#main04{background: url(../image/bg_main04.jpg) no-repeat center / cover; height: 960px;}            

#main05 .studio{display: flex; width: 1720px; margin: 100px auto 0; position: relative;}         
#main05 .studio>div{width: 50%;}           
.studio_swiper .swiper-slide p{position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); width: 100%;                  
display: flex; justify-content: center; align-items: center; padding: 15px 0; text-align: center; font-size: 20px; color: #fff;}
.studio_swiper .swiper-slide img{width: 100%;}
#main05 .studio .ctn{position: absolute; z-index: 9999; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
#main05 .bottom{background: url(../image/main05_img.jpg) no-repeat center / cover; height: 2070px;}

#main06{background: url(../image/bg_main06.jpg) no-repeat center / cover; height: 7978px;}

#main07{background: url(../image/bg_main07.jpg) no-repeat center / cover; height: 450px; text-align: center;}
#main07 .title{padding: 110px 0 35px;}
.main07_swiper .swiper-wrapper{transition-timing-function: linear;}
.main07_swiper .swiper-wrapper img{width: 100%;} 

#main08{background: url(../image/bg_main08.jpg) no-repeat center / cover; height: 1448px;}   
 
#main09{background: #038f59; text-align: center; padding: 125px 0 100px;} 
#main09 .inner .title{margin-bottom: 35px;} 
#main09 .inner .db{background: #fff; width: 1600px; border-radius: 50px; margin: 0 auto; padding: 100px 0;
display: flex; justify-content: center; gap: 65px;}
#main09 .inner .db .progress_wrap {width: 550px;}  
#main09 .inner .db .progress_wrap .progress_title{display:flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px;}
#main09 .inner .db .progress_wrap .progress_title h1{font-size: 24px; font-weight: bold;}      
#main09 .inner .db .progress_wrap .progress_title span{font-size: 16px; opacity: 0.7;}
#main09 .inner .db .progress_wrap .progress_list{display: inline-block; width: 100%; height: 500px; background: #fff; box-sizing:border-box; overflow: hidden;} 		
#main09 .inner .db .progress_wrap .progress_list .list ul{text-align: center;}
#main09 .inner .db .progress_wrap .progress_list .list ul::after{content:""; display: block; clear: both;}
#main09 .inner .db .progress_wrap .progress_list .list ul li{float:left; padding:16px 0; box-sizing:border-box;} 
#main09 .inner .db .progress_wrap .progress_list .list.title{margin-bottom:6px;}
#main09 .inner .db .progress_wrap .progress_list .list.title ul{overflow: hidden;} 
#main09 .inner .db .progress_wrap .progress_list .list.title ul li{background:#efefef; color: #333; box-sizing:border-box; font-size:16px; font-weight:600;}
#main09 .inner .db .progress_wrap .progress_list .list ul li.list_title01{width:25%;}
#main09 .inner .db .progress_wrap .progress_list .list ul li.list_title02{width:25%;}
#main09 .inner .db .progress_wrap .progress_list .list ul li.list_title03{width:25%;}
#main09 .inner .db .progress_wrap .progress_list .list ul li.list_title04{width:25%;}
#main09 .inner .db .progress_wrap .progress_list .list ul li em{display:inline-block;width:80px; padding:5px 0;margin-top:-4px; box-sizing:border-box; font-size:14px; vertical-align: middle; font-style: normal;}
#main09 .inner .db .progress_wrap .progress_list .list ul li em.stage_ing{background:#35a57a; color: #fff; border-radius: 50px; animation:flash_ing 1s 0s infinite linear;}
#main09 .inner .db .progress_wrap .progress_list .list ul li em.stage_fi{background:#efefef; color: #333; border-radius: 50px;}
@keyframes flash_ing {0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;}}
#main09 .inner .db .progress_wrap .progress_list .list.body{height: auto; overflow: hidden;}
#main09 .inner .db .progress_wrap .progress_list .list.body ul li{width:100%; padding: 0px 0;color: #333; font-size:14px;letter-spacing:0;vertical-align: middle;border-bottom:1px solid #ddd; }
#main09 .inner .db .progress_wrap .progress_list .list.body ul li span{display:block; float:left; width:25%; text-align:center; vertical-align: middle; padding:16px 0 16px 0;	}
#main09 .inner .db .progress_wrap .progress_list .list.body ul:last-child{border:none;}
#main09 .inner .db .progress_wrap .progress_list .list.body .list_title01{font-size: 14px;}
#main09 .inner .db .progress_wrap .progress_list .list.body .list_title04{font-weight:600; color: #333;}
#main09 .inner .db .progress_wrap .off .progress_list .list.body ul{display:none;}
#main09 .inner .db .db_wrap{display: flex; align-items: center; justify-content: center; width: 100%; max-width: 550px;}
#main09 .inner .db .db_wrap .db_inner .db_list{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto;}
#main09 .inner .db .db_wrap .db_inner .db_list>li{width: 49%; text-align: left;}
#main09 .inner .db .db_wrap .db_inner .db_list>li+li+li{margin-top: 35px;}
#main09 .inner .db .db_wrap .db_inner .db_list>li h2{font-size: 24px; font-weight: bold; margin-bottom: 10px;}
#main09 .inner .db .db_wrap .db_inner .db_list>li input{width: 100%; height: 55px; border: none; box-sizing: border-box; background: #fff; 
border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2);} 
#main09 .inner .db .db_wrap .db_inner .db_list li input[type="text"]{font-size: 16px; font-weight: 500; padding-left: 15px; font-family: 'Pretendard';}
#main09 .inner .db .db_wrap .db_inner .db_list li input::placeholder{font-size: 16px; font-weight: 500; font-family: 'Pretendard';}
#main09 .inner .db .db_wrap .db_inner .db_list li input:focus{outline: none;}
#main09 .inner .db .db_wrap .db_inner .db_list li.select{width: 100%;}
#main09 .inner .db .db_wrap .db_inner .db_list li.select h2{margin-bottom: 12px;}
#main09 .inner .db .db_wrap .db_inner .db_list li.select ul{display: flex; gap: 15px; width: 100%;}
#main09 .inner .db .db_wrap .db_inner .db_list li.select ul li{position: relative; display: flex; align-items: center;}
#main09 .inner .db .db_wrap .db_inner .db_list li.select ul li input[type="radio"]{width: 24px; height: 24px; margin-right: 5px; cursor: pointer; appearance: none;
border: 1px solid #000; border-radius: 50%; background: #fff; position: relative;}
#main09 .inner .db .db_wrap .db_inner .db_list li.select ul li label{height: 100%; cursor: pointer; font-weight: 600; display: flex; align-items: center; justify-content: center;
font-size: 20px; cursor: pointer;}    
#main09 .inner .db .db_wrap .db_inner .db_list li.select ul li input[type="radio"]:checked{border: none; background: #038f59;}
#main09 .inner .db .db_wrap .db_inner .db_list li.select ul li input[type="radio"]:checked::before{content: ''; display: block; width: 13px; height: 13px; background-color: #fff;
border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#main09 .inner .db .db_wrap .db_inner .db_list>li:nth-child(4){width: 100%;}
#main09 .inner .db .db_wrap .db_inner .db_list>li:nth-child(4) p{font-size: 17px; margin-top: 10px; font-weight: 500; letter-spacing: -0.5px;}
#main09 .inner .db .db_wrap .db_inner .db_list li.agree{width: 100%; margin-top: 50px; display: flex; align-items: center; font-size: 16px;} 
#main09 .inner .db .db_wrap .db_inner .db_list li.agree a{cursor: pointer;}
#main09 .inner .db .db_wrap .db_inner .db_list li.agree input{width: 18px; height: 18px; margin-right: 5px; cursor: pointer;}
#main09 .inner .db .db_wrap .db_inner .db_list li.agree input[type="checkbox"]{accent-color: #111;}
#main09 .inner .db .db_wrap .db_inner .db_list li.db_submit{width: 100%; margin-top: 15px;}
#main09 .inner .db .db_wrap .db_inner .db_list li.db_submit input{height: 85px; border: none; background: #038f59; color: #fff; font-size: 28px;
cursor: pointer; border-radius: 10px; font-weight: 600; border-radius: 50px; font-family: 'Pretendard';}

.layer{position:fixed; display:none; left:0; top: 50%; transform: translateY(-50%); z-index: 99999; width:100%;}
.layer h2{color: #fff !important;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#038f59; 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%; background: #333; 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;}

footer{background: #fff; color: #333; padding: 75px 0; text-align: center; font-size: 16px; line-height: 1.8; font-weight: 500;}