html {
  scroll-behavior: smooth;
}

.inner{max-width: 1440px; margin: 0 auto}

.main_head{position: absolute; left: 0; top: 0; width: 100%; height: 100px; z-index: 9998}
.main_head .inner{position: relative;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    align-items: center;}
.main_head .inner a{}

.main_slide_are{position: relative}
.main_slide_are .box div{position: relative}
.main_slide_are .box .txt{position: absolute;z-index: 2 ; left: 50%; bottom: 5rem; 
width: 100%; max-width: 1440px;     transform: translateX(-50%);}
.main_slide_are .box .txt p{color: #fff; font-size: 40px; font-weight: bold;  line-height: 150%; word-break: keep-all}


.slide_btn{position: absolute;z-index: 2 ; left: 50%; bottom: 5rem; 
width: 100%; max-width: 1440px;     transform: translateX(-50%);display: flex;
    justify-content: flex-end;
    align-items: center;}

.slide_btn_box{display: inline-flex; gap:10px; justify-content: flex-end;
    align-items: center; border-radius: 5px;
background: rgba(34, 34, 34, 0.80);
box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05); padding: 15px 25px;}
.slide_btn_box span{color: #fff; font-size: 16px; cursor: pointer}
.slider_controls{display: flex; gap:10px; justify-content: flex-end;
    align-items: center;}
.slide_btn_box i{width: 3px; height: 3px; background: #fff; border-radius: 2px; opacity: .8}



.main_section{padding: 80px 0}

.wowmap{border: 2px solid #E50012; border-radius: 5px; display: flex; justify-content: space-between;
    align-items: center; padding: 20px; margin-bottom: 80px;}
.wowmap .wowmap_btn{display: inline-flex; background: #E50012; border-radius: 5px; color: #fff; font-size: 20px;
font-weight: bold; padding: 15px 25px; text-align: center; transition-duration: .5s}

.wowmap p{font-size: 20px; display: flex; gap:10px; justify-content: flex-start;
    align-items: center; font-weight: bold}

.wowmap p b{background: url(../img/b_bg.png); background-position: left center; background-repeat: repeat-x}



.wowmap:hover .wowmap_btn{background: #1b1b1b}


.mid_banner{border-radius: 5px; overflow: hidden}



.sub_page{margin-top: 80px; padding: 80px 0}

.sub_title{margin-bottom: 80px;}
.sub_title h2{font-size: 40px}



.main_title{display: flex;     align-items: center;
    justify-content: space-between; margin-bottom: 50px}
.main_title h2{font-size: 40px; position: relative; padding-left: 20px}
.main_title h2:after{content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 80%; 
background:#E50012 ;    transform: translateY(-50%);}


* + .main_title{margin-top: 80px}

.main_title .main_go{display: flex; font-size: 18px; gap:20px;
 align-items: center;
    justify-content: flex-end;}

.main_product_are{margin-top: 50px;}
.main_product{ display: flex;  gap:40px 40px;    flex-wrap: wrap;}
.main_product li{width: calc(25% - 30px)}
.main_product li.empty_list{width: 100%}

.main_product li a.lt_img{display: block; border-radius: 5px; overflow: hidden}
.main_product li a img{max-width: 100%;
width: 100%; height: 100%;object-fit: cover;
    aspect-ratio: 1 / 1;}

.main_list_txt {margin-top: 25px}
.main_list_txt p{font-size: 18px;}

/*board*/

.board_common_btn_list{margin-top: 80px}
.board_common_btn_list ul{display: flex; gap:10px;align-items: center;
    justify-content: center;}
.board_common_btn_list a, .board_common_btn_list button{border: 1px solid #ddd; border-radius: 5px; background: #fff; font-size: 16px; 
padding: 0 15px; height: 40px; line-height: 40px; color: #333; display: inline-block; text-align: center}

.board_top_flex{display: flex; justify-content: space-between;
    align-items: flex-start; margin-bottom: 30px}

.total_board{}
.total_board p{font-size: 14px; color: #666}
.total_board p b{font-weight: bold; color: #222}

.search_board form{display: flex; gap:10px}
.search_board form select{background: #f5f5f5 url(../img/sub/drop_search.png); 
background-position: 90% center; background-repeat: no-repeat; background-size: 13px auto;
border-radius: 5px; padding: 0 20px; font-size: 15px; color: #666; height: 60px; line-height: 60px; border: 0;
-o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; position: relative}

.search_board form select::-ms-expand{ 
	display: none;
}

.search_board .sch_bar{background: #f5f5f5; border-radius: 5px; display: flex; overflow: hidden}
.search_board .sch_bar input{font-size: 15px; padding: 0 20px; line-height: 60px; border: 0; background: #f5f5f5}
.search_board .sch_bar button{padding: 0 20px; border: 0; background: #f5f5f5}


.board_tlb table{width: 100%; border-top:2px solid #20409A; border-spacing: 0 }
.board_tlb table td{font-size:18px; padding:35px 15px; border-bottom: 1px solid #ddd; font-weight: 500; color: #666 }
.board_tlb table td.empty_table{font-size: 1em;padding: 20px 0 !important;
    color: #666;
    text-align: center;}

.board_tlb table td.num{text-align: center; width: 80px; font-size: 15px; color: #999}
.board_tlb table td.num .notice_icon{color: #20409A}

.board_tlb table td.date{width: 170px;  }
.board_tlb table td.date p{font-size: 16px; color: #999; text-align: center;display: flex; gap:5px}
.board_tlb table td.down{text-align: center; width: 170px; font-size: 15px; color: #999}
.board_tlb table td a.flexa{display: flex; gap:10px}
.board_tlb table td .point{font-size: 14px; background:#FF8A00 ; padding:5px 10px ; border-radius: 3px; color: #fff}


.board_tlb .down_load{}

.board_tlb .down_load{display: inline-flex; gap:10px; justify-content: center;
    align-items: center; font-size: 16px; color: #fff; background: #18459D; padding: 15px 25px 15px 15px; border-radius: 100px}
.board_tlb .down_load i{background: #fff; width: 30px; height: 30px; display: flex; justify-content: center;
    align-items: center; border-radius: 30px}




.board_detail_content{padding: 0; margin-top: 80px}
.board_view_btn{text-align: center; margin-top: 100px}






.gall_list_style{display: flex; gap:40px 40px;    flex-wrap: wrap;}
.gall_list_style li{width: calc(25% - 30px)}
.gall_list_style li.empty_list{width: 100%}

.gall_list_style .gall_img{overflow: hidden; border-radius: 10px}
.gall_list_style .gall_img img{width: 100%; height: 100%;object-fit: cover;
    aspect-ratio: 1 / 1;}
    
.gall_list_style.certifications .gall_img img{aspect-ratio: 21 / 29;}
    
.gall_list_style.certifications li{width: calc(25% - 45px)}
    
.board_list_txt{margin-top: 25px}
.board_list_txt p{font-size: 16px; color: #aaa; margin-bottom: 10px}  
.board_list_txt h3{color: #010101; font-size: 18px; font-weight: bold;
word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 1; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }    


.gall_list_style.certifications .board_list_txt{text-align: center}
    
.if_video_are{max-width: 1024px; margin: 0 auto 50px}   



.gall_news_style{border-top: 2px solid #20409A}
.gall_news_style li{padding: 50px 40px; border-bottom: 1px solid #ddd}

.gall_news_style .gall_con{display: flex; gap:50px;justify-content: flex-start;
    align-items: center;}
    
    
.board_list_txt2{}
.board_list_txt2 p{font-size: 16px; color: #1b1b1b; margin-top: 10px;
word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 2; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }  
.board_list_txt2 h3{color: #1B1B1B; font-size: 24px; font-weight: bold;
word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 1; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }    
    
.board_list_txt2 p.list_date{color: #666; margin-top: 50px}  
    
    
.board_detail_content .video-container {
  position:relative;
  height:0;
  padding-bottom:56.25%;
  overflow: hidden; border-radius: 5px
}

.board_detail_content .video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


#bo_v_file li{padding: 25px 0; border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: none;
border-radius: 0}
#bo_v_file li a{display: flex; gap:20px; font-size: 18px}

#bo_v_file li i{float: none; margin: 0}
#bo_v_file li i img{margin: 0}

#bo_v_file li a strong{font-weight: 400}





.form_in{}
.form_in ul{display: flex; gap:30px 40px;flex-wrap: wrap}
.form_in ul li{width: calc(50% - 20px)}
.form_in ul li.w100{width: 100%}

.form_in ul li input,
.form_in ul li select{padding: 0 20px; line-height: 60px; 
font-size: 18px; word-break: keep-all; border: 1px solid #ddd; border-radius: 5px; width: 100%; height: 60px}

.form_in ul li textarea{padding: 20px; line-height: 150%; word-break: keep-all; 
font-size: 18px; width: 100%; height: 400px; border: 1px solid #ddd; border-radius: 5px;}

.form_in ul li input:placeholder,
.form_in ul li textarea:placeholder,{color: #666}
.form_in ul li label{font-size: 18px; color: #1d1d1b; font-weight: 700; display: block; margin-bottom: 10px;}
.form_in ul li label span{color: red}

.flex_input{display: flex; gap:20px; color: #999; font-size: 18px;justify-content: flex-start;
    align-items: center;}
.form_in ul li select{
	-o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/sub/drop.png) calc(100% - 20px) center no-repeat;;
}
.form_in ul li select::-ms-expand { display: none}


.file_are{display: flex; gap:20px; }
.file_are button{border-radius: 5px; height: 60px; line-height: 60px; text-align: center; padding: 0 45px; color: #fff; 
background: #1D1D1B; border:1px solid #1D1D1B; min-width: 155px; font-size: 18px}



.ck_agree{display: flex; gap:20px; margin-top: 30px;justify-content: flex-start;
    align-items: center;}
.ck_agree p{font-size: 18px}
.ck_agree p a{font-weight: bold}
.ck_agree input{width: 18px; height: 18px}

.iq_btn_are{margin-top: 100px; text-align: center}

.common_btn{display: inline-flex; gap:20px; height: 70px; background: #fff; border: 2px solid #20409A;
border-radius: 70px; padding: 0 45px;    justify-content: center;
    align-items: center; }
.common_btn p{font-size: 18px;color: #20409A}



.sub_head{position: fixed; left: 0; top: 0; width: 100%; background: #fff; border-bottom: 1px solid #ddd}
.sub_head .inner{position: relative; display: flex; justify-content: center;
    align-items: center; height: 80px}
.sub_head .inner .h_back{position: absolute; left: 0; top: 30px}


.floating{position: fixed; right: 3rem; bottom: 3rem; z-index: 9992}
.floating a{width: 85px; height: 85px; background: #fff; border-radius: 85px; display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; border: 1px solid #f5f5f5;
box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10); gap:5px}

.floating a span{font-size: 12px; color: #222}

.floating a + a{margin-top: 15px}


.floating a:first-child{background: #E50012; border-color: #E50012}
.floating a:first-child span{color: #fff}


.foot_are{background: #333}
.foot_are .foot_info{padding: 50px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.20);}
.foot_are .foot_copy{text-align: right;padding: 50px 0 }


.foot_are .foot_info {display: flex;     align-items: flex-start;
    justify-content: space-between}
.foot_are .foot_info ul{display: flex; gap:20px;flex-wrap: wrap;}
.foot_are .foot_info li{display: flex; gap:10px; }
.foot_are .foot_info li span{opacity: .6; }
.foot_are .foot_info li b{opacity: 1}
.foot_are .foot_info ul + ul{margin-top: 5px}

.foot_are .foot_info .foot_sns{display: flex; gap:10px; 
align-items: center;
    justify-content: flex-end}

.foot_copy p{opacity: .6}

.foot_are li a,
.foot_are p,
.foot_are li{font-size: 16px; color: #fff; line-height: 150%; word-break: keep-all}