.sub_visual{
	height: 500px;
	background-position: center;
	background-size: cover;
	display: flex;
    align-items: center;
    justify-content: center;
}

.sub_visual.bg01{background-image: url(../img/sub/bg01.png)}
.sub_visual.bg02{background-image: url(../img/sub/bg02.png)}
.sub_visual.bg03{background-image: url(../img/sub/bg03.png)}
.sub_visual.bg04{background-image: url(../img/sub/bg04.png)}
.sub_visual.bg05{background-image: url(../img/sub/bg05.png)}




.sub_head_title{text-align: center}
.sub_head_title h2{color: #fff; font-size: 50px; font-weight: 800; word-break: keep-all}
.sub_head_title ul{display: flex; gap: 15px;     justify-content: center;
    align-items: center; margin-top: 15px}
.sub_head_title ul li{font-size: 16px; word-break: keep-all; line-height: 140%;color: #fff}
.sub_head_title ul li span{width: 4px; height: 4px; border-radius: 4px; background: #fff; display: inline-block}



.sub_page{padding: 150px 0}

.ceo{padding: 0 6rem; display: flex; gap:10rem;
    align-items: flex-start;
    justify-content: space-between;}
.ceo .left{width: 50%}
.ceo .left h2{font-size: 40px; font-weight: 800; color: #20409A; word-break: keep-all; margin-bottom: 60px;}
.ceo .left p{color:#1B1B1B; font-size: 18px; line-height: 150%; word-break: keep-all; }
.ceo .left p + p{margin-top: 40px;}
.ceo .left h4{text-align: right; margin-top: 60px; 
font-size: 18px; line-height: 150%; word-break: keep-all; font-weight: 800;color:#1B1B1B; }

.ceo .right{display: flex; gap:40px; width: 50%;
justify-content: flex-end;
    align-items: flex-start;}
.ceo .right .box{border-radius: 10px;
background: url(<path-to-image>) lightgray 50% / cover no-repeat;
box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10); overflow: hidden}

.ceo .right .box img{max-width: 100%; display: block}

.ceo .right .box + .box{margin-top: 80px}


.sub_title{margin-bottom: 100px}
.sub_title h2{color: #20409A; font-size: 60px; font-weight: 800}

.sub_title.board_title h2{color: #1B1B1B}
.sub_title.board_title p{font-size: 16px; margin-top: 30px; color: #aaa}



.history{}
.history .sub_title{text-align: center}

.history_are{position: relative; padding-bottom: 150px}
.history_are:after{content: ''; width: 2px; left: 50%; background: #F5F5F5; height: 100%; position: absolute; 
 transform: translateX(-50%); top: 0; z-index: -1}

.history_are .history_down {
    width: 80px;
    height: 80px;
    display: flex;
    background: #20409A;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}


.history_are .history_down + .history_flex{margin-top: 150px}

.history_flex{display: flex;}
.history_flex .box{width: 50%;}

.history_flex .box h2{color: #20409A; font-size: 30px; font-weight: 800; margin-bottom: 50px; position: relative; display: block}
.history_flex .box h2:after{content: ''; width: 10px; left: 50%; background: #ddd; height: 10px;
 position: absolute; top: 10px; right: -105px; border-radius: 10px; left: auto}



.history_flex .box:first-child{padding-right: 100px; text-align: right}
.history_flex .box:last-child{padding-left: 100px; text-align: left}


.history_flex .box:last-child h2:after{right: auto; border-radius: 10px; left: -105px}



.history_flex .box p{position: relative; padding-left: 50px; font-size: 18px; color: #1b1b1b; line-height: 150%; word-break: keep-all}
.history_flex .box p b{position: absolute; color: #1B1B1B; font-weight: bold; font-size: 20px; top: 0}
.history_flex .box p em{font-style: normal; margin-top:10px; color: #534F4F; font-size: 16px; display: block}


.history_flex .box p em strong,
.history_flex .box p em span{display: block}

.history_flex .box p em strong{margin-bottom: 5px}

.history_flex .box p em + em{margin-top: 10px;}


.history_flex .box:first-child p{padding-right: 50px}
.history_flex .box:first-child p b{right: 0}



.history_flex .box:last-child p{padding-left: 50px}
.history_flex .box:last-child p b{left: 0}


.history_flex .box img{max-width: 100%; border-radius: 10px;
box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10);}

.history_flex .box p + p{margin-top: 50px;}
.history_flex .box p + img{margin-top: 50px;}
.history_flex .box img + p{margin-top: 50px}




.history_flex + .history_flex{margin-top: 50px}



.organization{}

.organization + .organization{margin-top: 150px;}

.organization h3{color: #1B1B1B; font-size: 40px; font-weight: 800; margin-bottom: 50px; line-height: 150%; word-break: keep-all}

.organization_flex{display: flex; gap:40px;     flex-wrap: wrap;}
.organization_flex .box{padding: 25px; border: 1px solid #e9e9e9; border-radius: 10px; display: flex; 
justify-content: space-between;
    align-items: flex-end; width: calc(50% - 20px)}
    
    
.organization_flex.box_4{}    
.organization_flex.box_4 .box{width: calc(25% - 30px)}

.organization_flex .box .thum{border-radius: 10px; overflow: hidden}
.organization_flex .box .thum img{max-width: 100%; display: block}


.organization_flex .box .txt{}
.organization_flex .box .txt p{color: #534F4F; font-size: 16px; font-weight: 600; line-height: 150%; word-break: keep-all}

.organization_flex .box .txt p + p{margin-top: 10px}
.organization_flex .box .txt p b{color: #1B1B1B; font-size: 18px;}


.organization_flex .box .txt p.tag{color: #fff; font-size: 14px; padding: 5px 15px; display: inline-block; background: #20409A; border-radius: 50px; margin-bottom: 35px}





 .regulations .collapsible {
            background-color: #fff;
            color: #1B1B1B;
            cursor: pointer;
            padding: 40px 0;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 30px;
            position: relative;
            transition-duration: .5s;
            font-weight: bold;
            border-bottom: 1px solid #f0f0f0
        }
 .regulations .collapsible:after{content: ''; position: absolute; right: 0; top: 50px; 
 background: url(../img/sub/drop_arr.png); width: 15px; height: 9px; background-position: center; background-repeat: no-repeat; background-size: 15px auto;
 transition-duration: .5s}
         
 .regulations .active{border: 0}        
        
 .regulations .active:after {
            transform: rotate(180deg);
        }
        
        
        
 .regulations .content {
            padding:0 30px ;
            max-height: 0;
            overflow: hidden;
			height: 0%;
			transition-duration: .5s
        }




 .regulations .active + .content{padding: 30px; border-radius: 20px; background: #F0F0F0;
 max-height: max-content; height: 100%; border: 0;}



.regulations .content .box{}
.regulations .content .box + .box{border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px;}
.regulations .content .box h3{margin-bottom: 20px; word-break: keep-all; font-size: 20px; color: #010101; line-height: 150%}
.regulations .content .box p{font-size: 16px; color: #534F4F; line-height: 150%; word-break: keep-all}
.regulations .content .box p + p{margin-top: 10px;}
.regulations .content .box p em{padding-left: 15px; font-style: normal; display: block}







/*board*/

.board_common_btn_list{margin-top: 80px}
.board_common_btn_list ul{display: flex; gap:10px;align-items: center;
    justify-content: flex-end;}
.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{border-top: 2px solid #20409A; padding: 50px 0; border-bottom: 1px solid #ddd}
.board_view_btn{text-align: center; margin-top: 100px}






.gall_list_style{display: flex; gap:40px 60px;    flex-wrap: wrap;}
.gall_list_style li{width: calc(33.33% - 40px)}
.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: 16 / 10;}
    
.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_img{max-width: 200px; max-height: 200px; overflow: hidden}
.gall_news_style .gall_img img{    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;}

.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}





#bo_v_con *{font-size: 16px; line-height: 150%}