#bo_v_file a{color: #fff !important}

.sub_top{padding: 200px 0 0 0}
.sub_top .sub_title h2{font-weight: bold; color: #fff; font-size: 60px;}
.sub_top .sub_title p{color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 8px}


.sub_top .sub_title h2 span{position: relative; max-width: max-content;}
.sub_top .sub_title h2 span:after{content: ''; position: absolute; right: -28px; top: 0; width: 18px; height: 18px; 
background: url(../img/point_title.svg); background-position: center;
background-repeat: no-repeat;  transition-duration: .5s; }


.sub_nav{display: flex; padding: 60px 0; gap:50px}
.sub_nav a{color: #fff; font-size: 24px; font-weight: 500; transition-duration: .5s}
.sub_nav a.on, .sub_nav a:hover{font-weight: 600; color: #551C87}


.sub_section{padding: 150px 0}

.sub_bg{overflow: hidden}
.sub_bg img{display: block; max-width: 100%; width: 100%; scale: 1.1; transition-duration: 5s}
.show .sub_bg img{scale: 1.0;}


.emt150{height: 150px;}




.gall_list_style{display: flex; gap:60px; justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;}
.gall_list_style li{width: calc(33.33% - 39.99px)}

.gall_list_style li .gall_img{overflow: hidden; border-radius: 10px; transition-duration: .5s}

.gall_list_style li .gall_img img{width: 100%;
    aspect-ratio: 16 / 10;
    height: 100%;
    object-fit: cover;}

.gall_list_style li:hover .gall_img{box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.20);}


.board_list_txt{margin-top: 30px}
.board_list_txt h3{font-size: 24px; white-space: nowrap; /* 텍스트가 한 줄에 나타나도록 설정 */
  overflow: hidden; /* 넘치는 텍스트 숨기기 */
  text-overflow: ellipsis; /* 넘치는 부분을 생략 부호로 표시 */}
.board_list_txt p{font-size: 18px; margin-top: 10px; opacity: .7}

.board_common_btn_list{margin-top: 60px}
.board_common_btn_list ul{display: flex; gap:20px}
.board_common_btn_list ul a, .board_common_btn_list ul button{border: 1px solid #fff; height: 50px; 
line-height: 50px; color: #fff; background: transparent; padding: 0 25px; border-radius: 10px; display: inline-block; font-size: 16px; font-weight: 400}

.board_list_btn{text-align: center}
.board_list_btn .common_btn{display: inline-flex}
.board_list_btn + .admin_only{margin-top: 30px}



.board_detail_title{text-align: center}
.board_detail_title h2{color: #fff; font-size: 40px}
.board_detail_title p{margin-top: 10px; color: #fff; font-size: 16px; opacity: .8}

.board_detail_content{margin-top: 60px; border-top: 1px solid rgba(255,255,255,.2); 
border-bottom: 1px solid rgba(255,255,255,.2); padding: 50px }

.board_detail_content *{color: #fff }
.board_detail_content p{font-size: 18px;}

.video-container {
  position:relative;
  height:0;
  padding-bottom:56.25%;
}

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

.sub_subject{margin-bottom: 70px}
.sub_subject h2{font-size: 40px; line-height: 60px; font-weight: 700; color: #fff}


.ceo_flex{display: flex; gap:100px;justify-content: flex-start;
    align-items: center;}
.ceo_txt h3{color: #fff; font-size: 30px; font-weight: 700; margin-bottom: 40px}
.ceo_txt p{color: #fff; font-size: 18px; line-height: 32px; word-break: keep-all}
.ceo_txt p + p{margin-top: 30px}

.ceo_txt p.ceo_sign{display: flex; text-align: right;align-items: center;
    justify-content: flex-end;
    gap: 15px}


.ceo_flex .thum{border-radius: 60px 10px;
box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.20); overflow: hidden}

.ceo_flex .thum img{width: 100%; height: 100%; object-fit: cover;}



.history_flex{display: flex; gap:100px;justify-content: flex-start;
    align-items: flex-start;}

.history_flex .thum{border-radius: 60px 10px;
box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.20); overflow: hidden;position: sticky;
    top: 120px;
    left: 0;}

.history_flex .thum img{width: 100%; height: 100%; object-fit: cover;}

.history_txt{flex:1}
.history_txt .box{display: flex; padding-bottom: 35px; gap:90px}
.history_txt .box + .box{padding-top: 35px; border-top: 1px solid rgba(255,255,255,.5)}

.history_txt .box h3{width: 100px; font-size: 40px; color: #fff; font-weight: 700}
.history_txt .box ul{flex:1; padding-top: 5px}
.history_txt .box ul li{display: flex; gap:15px; font-size: 22px; line-height: 35px; color: #fff}
.history_txt .box ul li + li{margin-top: 15px}


.organization_img{}
.organization_img img{display: block; margin: 0 auto; }




.awards + .sub_subject{margin-top: 150px}

.awards{display: flex; gap:70px 60px; flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;}
.awards .box{width:calc(25% - 45px)}
.awards .box .thum{}
.awards .box .thum img{width: 100%}
.awards .box p{margin-top: 30px; color: #fff; font-size: 18px; word-break: keep-all}


.partner_sub .tab {
  display: flex;
  gap:20px;
}
.partner_sub .tab__item {
  height: 70px; border-radius: 20px 5px 20px 20px; border: 4px solid rgba(255,255,255,.2);
  width: 200px; text-align: center; font-size: 18px; color: #fff; line-height: 66px; font-weight: 500;
  transition-duration: .5s; cursor: pointer
}
.partner_sub .tab__item.active, .partner_sub .tab__item:hover {
  border-color: #551C87; 
}
.partner_sub .tab__content-wrapper {
  margin-top: 80px;
}
.partner_sub .tab__content {
  display: none;
}
.partner_sub .tab__content.active {
  display: block;
}

.partner_flex_sub{display: flex; gap:70px 24px;flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;}
.partner_flex_sub .box{width: calc(25% - 18px); text-align: center}
.partner_flex_sub .box .thum{border-radius: 10px; border: 1px solid #DDDDDD; display: flex;
    justify-content: center;
    align-items: center; padding: 15px; height: 250px}

.partner_flex_sub .box p{margin-top: 30px; color: #fff; font-size: 18px; word-break: keep-all; opacity: .8}



.product_list{display: flex; gap:70px 60px;flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;}

.product_list a{width: calc(25% - 45px);}
.product_list a p{margin-top: 30px; color: #fff; font-size: 18px; word-break: keep-all; }


.product_list a .thum{border-radius: 10px; overflow: hidden; transition-duration: .5s; display: block}


.product_list a .thum img{width: 100%; height: 100%; object-fit: contain;
    aspect-ratio: 1;}

.product_list a:hover .thum{box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.20);}


.top_product_flex{display: flex; gap:90px;     justify-content: flex-start;
    align-items: flex-start;}

.product_slide_are{width: 640px;}
.product_big img, .product_small img{max-width: 100%}



.product_big .slick-arrow{position: absolute; left: 0; top: 50%; z-index: 2; transform: translateY(-50%); width: 56px; height: 56px;}
.product_big .slick-arrow.slick-prev{left: 15px; background: url(../img/sub/product/prev.png);
 background-position: center; background-repeat: no-repeat; background-size: 56px auto; border: 0; font-size: 0}
.product_big .slick-arrow.slick-next{right: 15px; left: auto; background: url(../img/sub/product/next.png);
 background-position: center; background-repeat: no-repeat; background-size: 56px auto; border: 0; font-size: 0}

.product_small{margin: 0 -5px; padding-top: 5px}
.product_small .slick-slide{padding: 5px;  }
.product_small .slick-slide img{border-radius: 10px}
.product_small .slick-slide.slick-current img{border: 2px solid #551C87}

.product_big .slick-slide img{border-radius: 10px; width: 100%}


.prodcut_info_are{flex:1}
.prodcut_info_are h2{color: #fff; font-size: 60px; font-weight: bold}
.prodcut_info_are .box{margin-top: 40px}
.prodcut_info_are .box h3{color: #551C87; font-size: 24px; font-weight: 700; margin-bottom: 20px}
.prodcut_info_are .box li{font-size: 18px; line-height: 32px; color: #fff; display: flex; gap:10px;     justify-content: flex-start;
    align-items: flex-start;}
.prodcut_info_are .box li b{font-weight: bold; }
.prodcut_info_are .box li span{opacity:.8 }
.prodcut_info_are .box li + li{margin-top: 10px;}

.down_cate{margin-top: 60px; display: flex; gap:20px}

.down_cate a{border: 2px solid rgba(255,255,255,.8); height: 70px; line-height: 70px; 
width: 370px; border-radius: 20px 5px 20px 20px; color: #fff; font-size: 18px; 
font-weight: bold; display: flex; gap:30px; justify-content: center;
    align-items: center; transition-duration: .5s}

.down_cate a:hover{box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.20); background: #551C87; border-color: #551C87}
.prodcut_detail_img_are img{max-width: 100%; display: block; margin: 0 auto}
.prodcut_detail_img{margin-top: 100px}


.inquiry_flex{display: flex; gap:200px;align-items: flex-start;
    justify-content: flex-start;}

.form_in{flex:1}

.form_in ul{display: flex; gap:40px 20px;flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;}
.form_in ul li{width: calc(50% - 10px)}
.form_in ul li.w100{width: 100%}

.form_in input, .form_in select{background: #141413; height: 70px; line-height: 70px;
 border-radius: 8px; padding: 0 20px; font-size: 16px; color: #fff; border: 0; width: 100%}

.form_in ul li label{color: #fff; font-size: 16px; margin-bottom: 15px; display: block}

.form_in ul li .file_are{display: flex; gap:20px;background: #141413; height: 70px;border-radius: 8px; padding: 0 8px;justify-content: flex-start;
    align-items: center;}
.form_in ul li .file_are button{font-size: 16px; height: 52px; 
line-height: 25px; background: #fff; color: #1D1D1B; border-radius: 8px; width: 140px; font-weight: 600}
.form_in ul li .file_are input{background: transparent}


.form_in textarea{background: #141413; height: 200px; line-height: 22px;
 border-radius: 8px; padding: 15px 20px; font-size: 16px; color: #fff; border: 0; width: 100%}



.inquiry_flex .sub_subject{position: sticky;
    top: 120px;
    left: 0;}

.ck_agree{display: flex; margin-top: 40px; gap:10px}
.ck_agree input{display: none}
.ck_agree input + label{width: 20px; height: 20px; background: #141413; border: 1px solid rgba(255,255,255,.5); display: block; cursor: pointer}

.ck_agree p{color: #fff; font-size: 16px;}

.ck_agree input:checked + label{background: #551C87}


.inquiry_bg{background:url(../img/sub/inquiry_bg.png); background-repeat: no-repeat; background-size: cover }

.send_iq{margin-top: 80px}
.send_iq button{border: 2px solid rgba(255,255,255,.8); height: 70px; line-height: 70px; 
width: 370px; border-radius: 20px 5px 20px 20px; color: #fff; font-size: 18px; 
font-weight: bold; display: flex; gap:30px; justify-content: center;
    align-items: center; transition-duration: .5s; background: transparent}




.send_iq button:hover{box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.20); background: #551C87; border-color: #551C87}

.notice_custom{}
.notice_custom li{display: flex; position: relative; border: 2px solid rgba(255,255,255,.3); 
border-radius: 10px 10px 50px 10px; padding: 60px 45px; transition-duration: .5s; gap:40px}
.notice_custom .date{text-align: center; width: 60px;}
.notice_custom .date h2{font-size: 30px; font-weight: bold; color: #fff; opacity: .5; transition-duration: .5s}
.notice_custom .date p{font-size: 14px; color: #fff; opacity: .5; transition-duration: .5s}

.notice_custom li + li{margin-top: 20px}


.notice_custom li:hover{border-color: #551C87}

.notice_custom li:hover .date h2, .notice_custom li:hover .date p{opacity: 1;color: #551C87 }

.notice_custom .notice_txt{opacity: .8; transition-duration: .5s}
.notice_custom .notice_txt h3{font-size: 24px; font-weight: 600; color: #fff}
.notice_custom .notice_txt p{font-size: 16px; color: #fff; margin-top: 10px}


.notice_custom li:hover .notice_txt{opacity: 1}


.total_top{margin-bottom: 35px}
.total_top p{font-size: 18px; color: #fff}



.notice_custom li.empty_list{padding: 0; border: 0}

.notice_custom li .chk_box{position: absolute; left: 0; top: 0; z-index: 2}