.sub_visual{
	padding-top: 150px;
	border-bottom: 1px solid #DDDDDD
}

.sub_visual_ul{display: flex; gap:12px; align-items: center; margin-bottom: 20px;}
.sub_visual_ul li{font-size: 14px; word-break: keep-all; display: flex; align-items: center;}
.sub_visual_ul li i{width: 3px; height: 3px; display: inline-block; border-radius: 3px; background: #111}

.sub_visual h2{font-size: 40px; word-break: keep-all}

.sub_visual_nav{margin-top: 50px;}
.sub_visual_nav .deps_nav{display: flex;}
.sub_visual_nav a{padding: 15px 30px; text-align: center; color: #bababa;
 transition-duration: .8s; position: relative; font-size: 18px; font-weight: 600}
.sub_visual_nav a:hover,
.sub_visual_nav a.on{color: #111; }


.sub_visual_nav a:after{
	content: '';
	position: absolute; left: 0; bottom: 0; width: 0%;
	height: 2px; background: #0059FF;
	transition-duration: .8s
}


.sub_visual_nav a.on:after,
.sub_visual_nav a:hover:after{
	width: 100%;
	
}

.sub_visual_img{overflow: hidden; width: 60%; transition-duration: 2s; height: 49vh; margin: 0 auto}
.sub_visual_img img,
.sub_visual_img iframe{max-width: 100%;
width: 100%;
    height: 100%;
    object-fit: cover;}

.sub_visual_img.show{width: 100%; }

.sub_secion{padding-bottom: 150px;}
.sub_secion.board_section{padding-top: 60px}

.sub_secion.bu_section{padding-bottom: 50px}

.ceo_mes,
.location{padding-top: 50px;}
.ceo_mes p{font-size: 18px; color: #111; word-break: keep-all; line-height: 150%}
.ceo_mes p + p{margin-top: 25px}

.location h2{font-size: 24px; margin-bottom: 30px; word-break: keep-all}

.hisotry{display: flex; gap:6rem;
justify-content: flex-start;
    align-items: flex-start; margin-top: 60px}
.hisotry .thum {
    width: 45%;
    position: sticky;
    top: 160px;
    left: 0;
    border-radius: 10px;
    overflow: hidden
}
.hisotry .thum img{width: 100%}

.hisotry .txt{flex:1}
.hisotry .txt .box{}
.hisotry .txt .box + .box{margin-top: 50px;}

.hisotry .txt .box h2{color: #111; font-size: 30px; word-break: keep-all; transition-duration: .8s;
margin-bottom: 20px;}
.hisotry .txt .box .info .info_flex{display: flex;}
.hisotry .txt .box .info .info_flex + .info_flex{margin-top: 20px;}

.hisotry .txt .box.show h2{color: #0059FF}


.hisotry .txt .box .info h3{width: 60px; font-size: 20px; color: #111; word-break: keep-all }
.hisotry .txt .box .info ul{flex:1}
.hisotry .txt .box .info ul li{position: relative; padding-left: 15px; word-break: keep-all; line-height: 150%;
font-size: 16px; color: #666;}
.hisotry .txt .box .info ul li:after{content: '·'; position: absolute; left: 0; top: 0}

.hisotry .txt .box .info ul li + li{margin-top: 5px;}

.location{position: relative}
.location ul{display: flex; gap:15px 60px; flex-wrap: wrap;}
.location ul li{display: flex; font-size: 18px; color: #222; word-break: keep-all; font-weight: 500; gap:10px}
.location ul li b{ color: #BABABA; font-weight: 600}
.location ul li span{flex:1}

.location ul li.w100{width: 100%}

.location .common_btn{position: absolute; right: 0; top: 60px;
padding-right: 25px; background: #0059FF; border-color: #0059FF; width: auto; max-width: 300px;}


.location .common_btn span{width: auto; max-width: 150px; opacity: 1; visibility: visible}
.location .common_btn i{transform: rotate(-45deg)}




.business_top{padding: 60px 0}

.sub_title{}
.sub_title h2{color: #111; font-size: 40px; line-height: 140%; word-break: keep-all}
.sub_title p{font-size: 18px; color: #666; word-break: keep-all; line-height: 150%; margin-top: 20px;}



.sub_bu_flex{display: flex; margin-top: 60px;}
.sub_bu_flex .left{width: 35%; }
.sub_bu_flex .right{flex:1}

.sub_bu_flex .left .sub_title h2{color: #0059FF}


.sub_bu_flex .right h3{color: #111; font-size: 28px; line-height: 150%; word-break: keep-all}
.sub_bu_flex .right p{font-size: 18px; color: #666; word-break: keep-all; line-height: 150%; margin-top: 20px;}

.sub_bu_flex .bu_step{margin-top: 30px;}

.sub_bu_flex .bu_step li + li{margin-top: 15px}

.sub_bu_flex .bu_step li{padding: 30px 40px; background: #F9F9F9; display: flex; gap:30px; align-items: center; border-radius: 5px}
.sub_bu_flex .bu_step li i{width: 40px; }
.sub_bu_flex .bu_step li .txt{flex:1}
.sub_bu_flex .bu_step li .txt h4{font-size: 20px; color: #111; word-break: keep-all; line-height: 150%}
.sub_bu_flex .bu_step li .txt p{font-size: 16px; color: #666; word-break: keep-all; line-height: 150%; margin-top: 10px;}



.sub_secion.bu_section{overflow: hidden}

.bu_slide{margin-top: 60px;}

.bu_slide .box{}
.bu_slide .box .thum{overflow: hidden;}
.bu_slide .box .thum img{width: 100%}
.bu_slide .box .txt{padding: 35px 40px; background: #F9F9F9}
.bu_slide .box .txt h3{font-size: 20px; word-break: keep-all}
.bu_slide .box .txt p{margin-top: 10px; color: #666; font-size: 16px; word-break: keep-all; line-height: 150%}

.bu_slide .slick-slide{padding: 0 15px}




.bu_slide .slick-list {
    padding: 0 12rem; overflow: visible
}


.product_tab_are{text-align: left; position: relative;
    top: 0px; z-index: 3; border-bottom: 1px solid #ddd}

.product_tab{padding: 0; display:inline-flex;
justify-content: center;
align-items: center; gap:0; border-radius: 0px; 

 }
 
 
.product_tab.eng{
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
} 

.product_tab a{font-size: 18px; word-break: keep-all; color: #111; opacity: .6; transition-duration: .8s;
padding: 15px 20px; position: relative}
.product_tab a.on,
.product_tab a:hover{opacity: 1; font-weight: 600}


.product_tab a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #0059FF;
    transition-duration: .8s;
}

.product_tab a.on:after {
    width: 100%
}



.product_list{margin-top: 80px; display: flex; gap:50px 40px; flex-wrap: wrap;}


.product_list li a{display: block}
.product_list li{width: calc(25% - 30px)}

.product_list li .thum{aspect-ratio: 17/15; overflow: hidden; border-radius: 10px; display: block; border: 1px solid #efefef}
.product_list li .thum img{width: 100%; height: 100%; transition-duration: .8s; object-fit: cover;}

.product_list li a:hover .thum img{transform: scale(1.1);}
.product_list li .product_title{display: block; margin-top: 20px; word-break: keep-all; font-size: 18px; color: #111; font-weight: bold}






.product_detail{padding-top: 60px}


.detail_top{display: flex; gap:6rem}
.detail_top .thum_are{width: 500px;}

.detail_top .thum_are img{aspect-ratio: 1; width: 100%; height: 100%; object-fit: cover; border-radius: 10px;
border: 1px solid #efefef}


.thum_small_slide{margin:10px -5px 0}
.thum_small_slide .slick-slide{padding:10px 5px;}


.thum_small_slide .slick-track {
    transform: none !important;
}


.detail_top_info{flex:1}
.detail_top_info .product_name{}
.detail_top_info .product_name h2{color: #111; font-size: 30px; word-break: keep-all;}
.detail_top_info .product_name p{line-height: 150%; word-break: keep-all; color: #666; font-size: 18px;}
.detail_top_info .product_name .down_btn{display: inline-flex; height: 60px; padding: 0 30px; gap:10px; font-size: 16px; color: #fff;
background: #0059FF; border-radius: 60px; margin-top: 30px;    align-items: center;}


.product_info_txt{margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd}
.product_info_txt .box{}
.product_info_txt .box + .box{margin-top: 30px;}


.product_info_txt .box h3{font-size: 20px; color: #0059FF; margin-bottom: 15px}
.product_info_txt .box p{font-size: 16px; word-break: keep-all; line-height: 150%; color: #111}

.product_info_txt .box .list_info{}
.product_info_txt .box .list_info li{}
.product_info_txt .box .list_info li + li{margin-top: 15px}
.product_info_txt .box .list_info li h4{font-size: 16px; color: #111; word-break: keep-all; line-height: 150%; font-weight: 500}
.product_info_txt .box .list_info li h4 + .in_box{margin-top: 10px}

.product_info_txt .box .list_info li .in_box{padding: 15px 25px; border-radius: 5px; background: #f9f9f9;}
.product_info_txt .box .list_info li .in_box p{word-break: keep-all; font-size: 16px; line-height: 150%; color: #111}

.product_detail_bottom{margin-top: 120px;}


.product_detail_bottom .box + .box{margin-top: 60px;}

.product_detail_bottom .box h3{font-size: 24px; word-break: keep-all; margin-bottom: 20px; color: #111}

.gray_flex{display: flex; gap:30px; flex-wrap: wrap;}
.gray_flex .img_are{padding: 30px; display: flex; 
    justify-content: center;
    align-items: center;
    border-radius: 10px;
background: #F9F9F9; min-height: 240px}


.gray_flex .img_are.w3{width: calc(33.33% - 19.99px)}
.gray_flex .img_are.w5{width: calc(50% - 15px)}
.gray_flex .img_are.w10{width:100%}

.gray_flex img{max-width: 100%}

.type_flex{display: flex; gap:30px; flex-wrap: wrap;}
.type_flex .type{
    border-radius: 10px;
background: #fff; padding: 30px; 22px; border: 1px solid #ddd}

.type_flex .type.w3{width: calc(33.33% - 19.99px)}
.type_flex .type.w5{width: calc(50% - 15px)}
.type_flex .type.w10{width:100%}


.one_img{padding:0px; display: flex; 
    justify-content: center;
    align-items: center;
    border-radius: 10px;
background: #fff; min-height: 240px; border: 1px solid #ddd}


.one_img img{max-width: 100%}


.type_flex .type h4{text-align: center; font-size: 18px; font-weight: bold; word-break: keep-all}

.type_flex .type h4 + ul{margin-top: 20px;}
.type_flex .type h4 + ul li{padding: 10px 18px; border-radius: 5px; background: #f9f9f9;
font-size: 16px; color: #222; line-height: 150%; word-break: keep-all}
.type_flex .type h4 + ul li + li{margin-top: 8px;}






.detail_box_list{}
.detail_box_list li + li{margin-top: 6px;}
.detail_box_list li{padding: 15px 20px; border: 1px solid #ddd; border-radius: 5px;
font-size: 16px; color: #111; word-break: keep-all; line-height: 150%; }


.tlb_detail{overflow-x: auto}
.tlb_detail table{width: 100% !important; border-spacing: 0; border: 0 !important}

.tlb_detail *{
	font-family:"Poppins", 'Pretendard', sans-serif !important;
	font-size: 16px !important; line-height: 150% !important; 
}




.tlb_detail table th,
.tlb_detail table td{border: 0 !important; height: auto !important; }

.tlb_detail table th{background: #0059FF; padding: 12px 25px;color: #fff; font-size: 16px !important; 
line-height: 150% !important; word-break: keep-all; border-bottom: 1px solid #ddd !important; margin: 0 !important }
.tlb_detail table th + th{border-left: 1px solid #DDD !important;}


.tlb_detail table th.left_b,
.tlb_detail table td.left_b{border-left: 1px solid #DDD !important;}

.tlb_detail table td{background: #fff !important; padding: 12px 25px !important;color: #222; font-size: 16px !important; border-bottom: 1px solid #ddd !important; line-height: 150% !important; word-break: keep-all; margin: 0 !important }

.tlb_detail table td * {margin: 0 !important; font-size: 16px !important; }
.tlb_detail table td + td{border-left: 1px solid #DDD !important;}
.tlb_detail table td.center{text-align: center}

.tlb_detail table thead tr:first-child td{background: #0059FF !important; padding: 12px 25px;color: #fff; font-size: 16px !important; 
line-height: 150% !important; word-break: keep-all; border-bottom: 1px solid #ddd ; margin: 0 !important; text-align: center }


.tlb_detail table:not(:has(thead)) tr:first-child td {
  background: #0059FF !important;
  padding: 12px 25px;
  color: #fff;
  font-size: 16px !important;
  line-height: 150% !important;
  word-break: keep-all;
  border-bottom: 1px solid #ddd;
  margin: 0 !important;
  text-align: center;
}



.form_in{}


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

.form_in ul li label{display: block; margin-bottom: 10px;color: #111; font-size: 18px}
.form_in ul li label span{color: #0059FF}


.form_in ul li input[type="text"],
.form_in ul li input[type="email"],
.form_in ul li select{width: 100%;
border-radius: 5px;
border: 1px solid #ddd;
background: #fff; flex:1 ;height: 60px; padding: 0 20px; font-size: 18px; color: #222;
word-break: keep-all}

.form_in *::placeholder{color: #999}

.flex_input{display: flex; gap: 20px;     align-items: center}
.flex_input span{font-size: 16px; color: #999}

.form_in ul li textarea{width: 100%;
border-radius: 5px;
border: 1px solid #ddd;
background: #fff; flex:1 ;height: 300px; padding: 15px 20px; font-size: 18px; color: #222;
word-break: keep-all}

.file_are{display: flex; gap: 15px;}
.file_are button{
	border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: #1B1B1B;
height: 60px; word-break: keep-all; color: #fff; font-size: 18px;
padding: 0 25px;
min-width: 180px; text-align: center
}

.ck_agree{margin-top: 30px;display: flex; gap:15px;     align-items: center;}
.ck_agree p{font-size: 18px; color: #222; word-break: keep-all}
.ck_agree p a{color: #0059FF; text-decoration: underline}


.form_in_btn{text-align: center; margin-top: 80px;}






/*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: #fff}
.total_board p b{font-weight: bold; color: #1936B2}

.search_board form{display: flex; gap:10px}
.search_board form select{background: #1A1A1A 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: #1A1A1A; border-radius: 5px; display: flex; overflow: hidden}
.search_board .sch_bar input{font-size: 15px; padding: 0 20px; line-height: 60px; border: 0; background: #1A1A1A}
.search_board .sch_bar button{padding: 0 20px; border: 0; background: #1A1A1A}


.board_tlb table{width: 100%; border-top:1px solid rgba(255, 255, 255, 0.20); border-spacing: 0 }

.board_tlb table th{font-size:18px; padding:35px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.20);
 font-weight: 500; color: #fff ;
background: #1B1B1B}

.board_tlb table td{font-size:18px; padding:35px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.20); font-weight: 500; color: #fff }
.board_tlb table td a{color: #fff}
.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: #fff}
.board_tlb table td.num .notice_icon{color: #fff}

.board_tlb table td.date{width: 160px; text-align: center; font-weight: 400 }
.board_tlb table td.date p{font-size: 16px; color: #999; text-align: center;}
.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 table td.file,
.board_tlb table td.ofc{text-align: center; width: 160px; text-align: center}




.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 #D9D9D9; padding-top: 50px; border-bottom: 1px solid #D9D9D9}
.board_view_btn{text-align: center; margin-top: 100px}



.gall_list_style{display: flex; gap:50px 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; transition-duration: .8s; border: 1px solid #ddd; position: relative}
.gall_list_style .gall_img .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background: rgba(0, 89, 255, 0.50);
display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition-duration: .8s
}

.gall_list_style .gall_img .bg i{width: 60px; height: 60px; background: #fff; border-radius: 80px;
display: flex;
    justify-content: center;
    align-items: center;
}

.gall_list_style .gall_img .bg img{width: auto;
    height: auto;
    object-fit: none;
    aspect-ratio: auto;}

.gall_list_style .gall_img img{width: 100%; height: 100%;object-fit: cover;
    aspect-ratio: 16 / 9;}
    
.gall_list_style.certifications .gall_img img{aspect-ratio: 21 / 29;}
    
.gall_list_style.certifications li{width: calc(25% - 22.5px)}
    
    
    
    
    
.board_list_txt{margin-top: 25px; text-align: left}
.board_list_txt p{font-size: 16px; color: #666; 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_txt h3{color: #111; 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; transition-duration: .8s}    




.gall_list_style li:hover .board_list_txt h3{color: #0059FF}
.gall_list_style li:hover .gall_img .bg{opacity: 1}


.gall_list_style.certifications .board_list_txt{text-align: center}
    
.if_video_are{max-width: 1024px; margin: 0 auto 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:0; border-top: 0px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: none;
border-radius: 0}
#bo_v_file li a{display: flex; gap:20px; font-size: 16px; color: #ddd}

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


.board_title{margin-bottom: 60px; text-align: center}
.board_title h2{font-size: 40px; font-weight: 900; color: #111}
.board_title h3{margin-top: 20px; font-size: 16px; color: #999; font-weight: 300}

.contact_view{}
.contact_view li{font-size: 18px;}
.contact_view li + li{margin-top: 10px}

.contact_content *,
.contact_content{font-size: 18px; line-height: 150%; word-break: keep-all; }

#bo_v_con,
#bo_v_con *{color: #333; font-size: 16px; line-height: 150%; word-break: keep-all}


#bo_cate {margin:0px 0 60px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; display: flex; gap:20px}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 0px;border-radius:0px;border-bottom:1px solid #fff;color:#231815; 
font-size: 16px; transition-duration: .5s}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#fff;color:#DE9B25}
#bo_cate #bo_cate_on {z-index:2;background:#fff;color:#DE9B25;font-weight:bold;border-bottom:1px solid #DE9B25;}



.more_product{margin-top: 80px; text-align: center}




#faq_wrap {margin:0; border-top: 2px solid #fff}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-bottom:1px solid rgba(255, 255, 255, 0.20);;background:#111;position:relative; transition-duration: .5s}
#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li h3 {min-height:80px;padding:35px;padding-left:70px;position:relative; font-size: 18px; color: #fff;word-break:keep-all; line-height: 150%}
#faq_wrap li h3 a{color: #fff}
#faq_wrap li h3 .tit_btn {position:absolute;right:10px;top:30px;border:0;width:37px;height:37px;background:#111;color:#fff;font-size:18px}

#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:30px;left:10px;text-align:center;
width:37px;height:37px;background:#1936B2;color:#fff;font-size:18px; line-height: 37px}


#faq_wrap li h3 .tit_btn img{transition-duration: .8s;transform: rotate(180deg);}

#faq_wrap li h3.faq_li_open .tit_btn img{transform: rotate(0deg);}

#faq_con .con_inner {display:none;
padding: 30px 70px;
border-radius: 10px;
background: #1B1B1B;
}


#faq_con .con_inner,
#faq_con .con_inner *{color: #fff; font-size: 16px; word-break: keep-all; line-height: 150%}

#faq_wrap li:has(.faq_li_open) {
  border-bottom: 0
}



.view_more_r{padding: 20px 60px; color: #fff; font-size:18px; word-break: keep-all; border-radius: 90px; background: #0059FF; border: 0 }


.partner_flex{display: flex; gap:30px; flex-wrap: wrap;}
.partner_flex li{
	aspect-ratio: 21 / 7;
	border: 1px solid #ddd; border-radius: 10px;
	background: #fff; display: flex; 
	 justify-content: center;
    align-items: center;
    width: calc(25% - 22.5px)
    
}

.partner_flex li img{
	 object-fit: none;
    aspect-ratio: auto;
    max-width: 100%; height: auto
}