/*서브 비주얼*/

.sub_visual{position: relative; margin: margin: 0 auto;  border-radius: 0; height: 100vh; 
display: flex; 
    justify-content: center;
    align-items: center; overflow: hidden; z-index: 3}

.sub_visual.show{margin: 0 auto;  border-radius: 0; height: 100vh}

.sub_visual_bg{position: absolute; left:50%; top: 0; width: 100%; height: 100%; border-radius: 0px; 
transform: translateX(-50%); transition-duration: .8s; overflow: hidden}
.sub_visual_bg img{width: 100%; height: 100%; object-fit: cover;}

.sub_visual.show .sub_visual_bg{border-radius: 0; width: 100%}


.sub_visual .txt{position: relative; z-index: 2; text-align: center}
.sub_visual .txt p{font-size: 18px; color: #fff; font-weight: bold; opacity: .8; transition-duration: .8s}
.sub_visual .txt p + h3{margin-top: 15px;}
.sub_visual .txt h3{font-size: 80px; font-weight: 800; color: #fff; }


.sub_visual_nav{position: absolute; z-index: 2;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100px;
background: rgba(255, 255, 255, 0.10); padding: 20px; opacity: 1; 
transition-duration: .8s;  transition-delay: 1s;
width: max-content; }

.sub_visual_nav .sub_deps{display: flex; gap:20px;}
.sub_visual_nav .sub_deps a{padding: 20px 35px; font-size: 18px; color: #fff; border-radius: 80px; transition-duration: .8s;}
.sub_visual_nav .sub_deps a.on,
.sub_visual_nav .sub_deps a:hover{background: #1936B2}


.sub_visual.show .sub_visual_nav{bottom: 3rem; opacity: 1}

/*서브 공통*/

.sub_section{padding: 150px 0}
.sub_section.ani{padding: 0 0 150px; transition-duration: 1s}

.sub_section.product_detail{padding-top: 250px; overflow: hidden}

.sub_title{margin-bottom: 80px}
.sub_title.center{text-align: center}
.sub_title h4{color: #fff; font-size: 18px; opacity: .6; margin-bottom: 20px;}
.sub_title h2{color: #fff; font-size: 60px; font-weight: 800; word-break: keep-all; }











/*서브 인사말*/



.pinned-section {
  position: relative;
  min-height: 100vh; /* 충분한 스크롤 영역 */
  background: #111;
  color: white;
  overflow: hidden;
}

/* flex로 가운데 맞추던 걸 절대배치로 고정 */
.pinned-section .title{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  /* 항상 정확히 중앙 */
  margin: 0;
  width: 100%;
  text-align: center;

  font-size: 88px;
  font-weight: 700;
  opacity: 0;
  line-height: 1.1;
  will-change: opacity, transform;    /* 미세 흔들림 방지에 도움 */
}
.pinned-section .title span{display: block}






.company_01{display: flex; gap:30px; align-items: center; overflow: hidden;
justify-content: space-between;}
.company_01 .thum{border-radius: 20px; overflow: hidden}
.company_01 .thum img{max-width: 100%; display: block}
.company_01 .mid{display: flex; gap:60px;  align-items: center;}


.company_01 .thum.left{border-radius: 0 20px 20px 0}
.company_01 .thum.right{border-radius: 20px 0 0 20px}

.company_01 .mid .thum{max-width: 380px}


.company_01 .thum{}
.company_01 .txt{flex:1}
.company_01 .sub_title{margin-bottom: 60px}
.company_01 p{color: #fff; font-size: 18px; word-break: keep-all ;line-height: 150%; }
.company_01 p + p{margin-top: 20px;}
.company_01 h5{margin-top: 50px; font-weight: 300; line-height: 150%; word-break: keep-all; color: #fff; font-size: 22px;}





/*서브 경영이념*/


.vision_flex{display: flex; gap:30px}
.vision_flex .box{border-radius: 20px; padding: 50px; background-position: center; background-size: cover;
flex:1 1 0%; transition-duration: .8s; height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;}
.vision_flex .box:nth-child(1){background-image: url(../img/sub/vision_flex01.png)}
.vision_flex .box:nth-child(2){background-image: url(../img/sub/vision_flex02.png)}
.vision_flex .box:nth-child(3){background-image: url(../img/sub/vision_flex03.png)}
.vision_flex .box:nth-child(4){background-image: url(../img/sub/vision_flex04.png)}

.vision_flex .box h3{color: #fff; font-size: 20px;}

.vision_flex .box ul{margin-top: 0px;
visibility: hidden; height: 0; max-height: 0; transition-duration: .8s; overflow: hidden}
.vision_flex .box ul li{padding-left: 15px; color: #fff; 
font-size: 16px; word-break: keep-all; line-height: 150%; position: relative; }
.vision_flex .box ul li:after{content: '·'; position: absolute; left: 0; top: 0; opacity: .8}

.vision_flex .box:hover ul{margin-top: 15px; height: auto; max-height: 30vh; visibility: visible}



.vision_flex .box:hover{
	flex: 1 1 0%;
}

.vision_flex .box:last-child {
    margin: 0 auto 0;
}




.vision_are .sub_title{margin: 0}


.vission .cards .card_wrapper .icon{display: flex; gap:60px;     align-items: center; flex:1}
.vission .cards .card_wrapper .icon h3{color: #fff; font-size: 24px; font-weight: 400; word-break: keep-all}

.vission .cards .card_wrapper .txt{width: 40%}
.vission .cards .card_wrapper p{font-size: 18px; line-height: 150%; word-break: keep-all; color: #fff}


.vision_are{ position:relative; padding:150px 0 240px; background:#111; height: 120vh}
.vision_are .pin-anchor{ height:0; } /* 보이지 않는 앵커 */

.vission{ position:relative; }
.vission .card_list_wrapper{ position:relative; perspective:1000px; transform-style:preserve-3d; z-index:3; }
.vission .cards{ position:relative; transform-style:preserve-3d; }

/* 절대배치 + transition 제거(스크럽 충돌 방지) */
.vission .cards .card_wrapper{
  position:sticky; top:100px; left:0; width:100%;
  display:flex; gap:50px; align-items:center; padding:80px 100px;
  border-radius:20px; border:1px solid rgba(255,255,255,.1);
  background:#1a1a1a; backdrop-filter:blur(9px);
  transform-style:preserve-3d; backface-visibility:hidden;
  /* transition: none; */
    align-items: center;
}




.vission .cards .card_wrapper + .card_wrapper{margin-top: 60px}





/*조직도*/

.organization{text-align: center}
.organization .box_ceo{width: 200px; height: 200px; border-radius: 200px; gap:10px; 
display: flex; margin: 0 auto; background: #1936B2;
justify-content: center;
    align-items: center;
    flex-direction: column; position: relative}
    
    
.organization .box_ceo:after{content: ''; position: absolute; left: 50%; top: 0; margin-left: -0.5px;
height: calc(100% + 42px); background: rgba(255, 255, 255, 0.20); width: 1px; z-index: -1}    

.organization *{word-break: keep-all}    
.organization .box_ceo *{color: #fff}    
.organization .box_ceo p{font-weight: 800; font-size: 16px;}
.organization .box_ceo h3{font-size: 30px; font-weight: 800}
    
.organization ul{margin-top: 80px; display: flex; gap:40px;justify-content: center;
   align-items: stretch;}
.organization ul li{width: 260px;
    display: flex;
    flex-direction: column; position: relative} 

.organization ul li:after{
	content: '';
	position: absolute; left: 50%; top: -40px;
	height: 1px; width: calc(50% + 40px); 
	background: rgba(255, 255, 255, 0.20);
}

.organization ul li:before{
	content: '';
	position: absolute; left: 0%; top: -40px;
	height: 1px; width: 50%; 
	background: rgba(255, 255, 255, 0.20);
}


.organization ul li:first-child:before{display: none}
.organization ul li:last-child:after{display: none}


.organization ul li .box{height: 70px;
border-radius: 10px;
border: 2px solid var(--Color, #1936B2);
background: rgba(17, 17, 17, 0.10);justify-content: center;
    align-items: center; display: flex; position: relative}
    
.organization ul li .box p{font-size: 18px; color: #fff}

.organization ul li .box:after{content: ''; position: absolute; left: 50%; top: -40px; margin-left: -0.5px;
height: 40px; background: rgba(255, 255, 255, 0.20); width: 1px; z-index: -1} 


.organization ul li .sub_box{
border-radius: 10px;
border: 2px solid rgba(255, 255, 255, 0.20);
background: rgba(255, 255, 255, 0.02);
    padding: 25px; margin-top: 30px; flex:1; position: relative}
  
.organization ul li .sub_box:after{content: ''; position: absolute; left: 50%; top: -31px; margin-left: -0.5px;
height: 30px; background: rgba(255, 255, 255, 0.20); width: 1px; z-index: -1} 
  
  
  
  
    
.organization ul li .sub_box p{font-size: 18px; color: #fff; opacity: .8}
.organization ul li .sub_box p span{display: block; font-size: 16px;}


.organization ul li .sub_box p + p{margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ddd}



/*설비현황*/

.equipment_flex{display: flex; gap:30px;}
.equipment_flex .box{padding: 60px;
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.10);
background: #1A1A1A;

/* blur */
backdrop-filter: blur(9px); position: relative; flex:1}


.equipment_flex .box h3{font-size: 30px; color: #fff; word-break: keep-all;}
.equipment_flex .box ul{margin-top: 40px;}

.equipment_flex .box img{position: absolute; right: 60px; top: 60px;}

.dot li{position: relative; padding-left: 15px;
color: #fff; font-size: 18px; word-break: keep-all; line-height: 150%}
.dot li:after{content: '·'; position: absolute; left: 0; top: 0}




.equipment{margin-top: 80px;}
.equipment .box{padding: 50px;
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.10);
background: #1A1A1A;
backdrop-filter: blur(9px);
display: flex; gap:80px; align-items: center;}

.equipment .box .thum{border-radius: 20px; overflow: hidden}
.equipment .box .thum img{max-width: 100%; display: block}
.equipment .box .txt{flex:1}
.equipment .box .txt *{color: #fff}
.equipment .box .txt h3{font-size: 30px; font-weight: 400}
.equipment .box .txt p{opacity: .8; font-size: 16px; word-break: keep-all; margin-top: 15px}

.equipment .box .txt ul{margin-top: 80px;}
.equipment .box .txt ul li{font-size: 18px; word-break: keep-all; line-height: 150%; font-weight: 500}    

.equipment .box + .box{margin-top: 45px}



/*오시는길*/

.location{}
.location .map{overflow: hidden; border-radius: 20px; }
.location .map iframe{display: block; width: 100%}
.location .txt{display: flex; margin-top: 55px;    justify-content: space-between;
    align-items: flex-start; padding: 0 25px}

.location .txt *{color: #fff}
.location .txt h3{font-size: 40px; font-weight: 800; word-break: keep-all; text-transform: uppercase}

.location .txt ul li{font-size: 20px; line-height: 150%; word-break: keep-all; display: flex; gap:25px;
align-items: flex-start;
    justify-content: flex-start}
.location .txt ul li span{opacity: .8}

.location .txt ul li + li{margin-top: 15px}




.history{display: flex; gap:10rem;
align-items: flex-start;
    justify-content: flex-start;}
.history .thum{border-radius: 20px; overflow: hidden;
    position: sticky;
    top: 50px;
    left: 0;}
.history .thum img{max-width: 100%; display: block}

.history .history_are{}



.history .history_are .box + .box{margin-top: 100px;}

.history .history_are .box h3{color: #fff; font-size: 40px; 
word-break: keep-all; margin-bottom: 30px; opacity: .3}

.history .history_are .box li{opacity: .8}
.history .history_are .box li + li{margin-top: 10px}

.history .history_are .box.show h3{opacity: 1}





.tab_form{display: flex; gap:25px;    justify-content: center; }
.tab_form input{display: none}
.tab_form input + label{
	padding: 20px 35px;
    font-size: 18px;
    color: #fff;
    transition-duration: .8s;
    cursor: pointer;
    border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: #1B1B1B;
}
.tab_form input:checked + label{
	background: #1936B2;
}


.form_in{margin-top: 80px;}


.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: #FFF; font-size: 18px}
.form_in ul li label span{color: #FF0004}


.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 rgba(255, 255, 255, 0.10);
background: #111; flex:1 ;height: 60px; padding: 0 20px; font-size: 18px; color: #fff;
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 rgba(255, 255, 255, 0.10);
background: #111; flex:1 ;height: 300px; padding: 15px 20px; font-size: 18px; color: #fff;
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: #fff; word-break: keep-all}
.ck_agree p a{color: #fff}


.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:40px 30px;    flex-wrap: wrap;}
.gall_list_style li{width: calc(33.33% - 19.99px)}
.gall_list_style li.empty_list{width: 100%}

.gall_list_style .gall_img{overflow: hidden; border-radius: 10px; transition-duration: .8s; border: 1px solid #1b1b1b; position: relative}
.gall_list_style .gall_img .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background: rgba(253, 164, 36, 0.90);
display: flex;
gap:10px;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition-duration: .8s
}

.gall_list_style .gall_img .bg em{color: #fff; font-size: 18px; font-style: normal}

.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: center}
.board_list_txt p{font-size: 16px; color: #aaa; margin-top: 10px}  
.board_list_txt h3{color: #fff; 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: #1936B2}
.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: #fff}
.board_title h3{margin-top: 20px; font-size: 16px; color: #ddd; 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: #fff; 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
}








.system{
	border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.10);
background: #111;
backdrop-filter: blur(9px);
padding: 60px 50px;
display: flex; gap:24px
}

.system .system_box{flex:1}

.system .system_box ul{display: flex; flex-direction: column; gap:20px;}
.system .system_box ul li{height: 80px; text-align: center; position: relative}
.system .system_box ul li p{color: #fff; font-size: 18px; word-break: keep-all; line-height: 150%}

.system .system_box ul li .box{
	border-radius: 10px;
border: 1px solid #434343;
background: #1A1A1A;
height: 80px;
display: flex;
    justify-content: center;
    align-items: center;
}


.system .system_box ul li .arow{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    position: relative
}

.system .system_box ul li .arow p{position: absolute; bottom: 0px}



.system_video{margin-top: 50px;overflow: hidden; border-radius: 20px}   
    
.system_video video{width: 100%;}


.system_slide .thum{border-radius: 20px; overflow: hidden; margin-bottom: 30px;}
.system_slide .thum img{width: 100%}
.system_slide h4{color: #fff; font-size: 18px; line-height: 150%; word-break: keep-all}
.system_slide p{color: #fff; margin-top: 15px; font-size: 16px; line-height: 150%; word-break: keep-all; opacity: .6}



.system_slide .slick-slide{padding: 0 20px}

.system_slide .slick-list{overflow: visible; padding: 0 16rem}



.system_slide_are{overflow: hidden}




.slide_about{overflow:hidden; position:relative; --slideSize:1100px;}
.slide_about [data-motion-rail]{opacity:0.06; top:50%; font-size:300px; font-weight:700; margin-top:-150px;}
.slide_about .obj_bg{position:relative;}
.slide_about .obj_bg i{display:block; box-sizing:border-box; margin:0 auto;}
.slide_about .obj_bg *[class*="circle"]{border-radius:100%;}
.slide_about .obj_bg .circle01{width:var(--slideSize); height:var(--slideSize); border:1px solid rgba(255, 255, 255, 0.10);}
.slide_about .obj_bg .circle02{opacity:0.2; position:absolute; top:0px; left:50%; width:var(--slideSize); height:var(--slideSize); background:#131313;; transform:translateX(-50%);}
.slide_about .obj_bg .circle02:before{content:''; display:block; width:100%; height:100%; background-color:#111; border-radius:100%; transform:scale(0.8);}


	/* circle */
.circle-carousel{position:relative; padding-top:100%; --btnSize:60px;}
.circle-carousel .slides{position:absolute; top:0; left:0; width:100%; height:100%; background:#1936B2; border-radius:100%;}
.circle-carousel .slides:before,

.circle-carousel .slide{opacity:0; display:flex; align-items:center; justify-content:center; 
position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; transition:0.3s ease-in-out 0s;}
.circle-carousel .slide.active{z-index:1; opacity:1;}
.circle-carousel .pagination{position:absolute; top:50%; left:50%; z-index:1; width:135%; height:135%; 
border-radius:50%; border:1px dashed rgba(255, 255, 255, 0.10); transition-property:transform; transition-timing-function:ease-out; pointer-events:none; user-select:none; transform:translate(-50%, -50%);}
.circle-carousel .pagination .dot{display:flex; align-items:center; justify-content:center; position:absolute; 
top:0; left:50%; width:110px; height:110px; box-sizing:border-box; 
background:#1B1B1B; border:1px solid rgba(255, 255, 255, 0.10);; border-radius:50%; pointer-events:auto; transform:translate(-50%, -50%); transition:0.3s;}
.circle-carousel .pagination .dot:hover{transform:translate(-50%, -50%) scale(1.05); cursor:pointer; }
.circle-carousel .pagination .dot:before{content:''; opacity:0; display:block; position:absolute; top:-2px; left:-2px; width:calc(100% + 4px); height:calc(100% + 4px); 
box-sizing:border-box; border-radius:100%; transition:opacity 0.3s ease 0s;}
.circle-carousel .pagination .item{position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%;}
.circle-carousel .pagination .item.active .dot{border: 3px solid #1936B2}
.circle-carousel .pagination .item.active .dot:before{opacity:1;}
.circle-carousel .next,
.circle-carousel .prev{position:absolute; top:50%; z-index:1; width:var(--btnSize); height:var(--btnSize); 
background:#111; border-radius:100%; font-size:0px; text-transform:uppercase; transition:0.3s; user-select:none; 
cursor:pointer; transform:translateY(-50%); transition:0.3s ease 0s;}
.circle-carousel .next:before,
.circle-carousel .prev:before{content:''; opacity:0.7; display:block; position:absolute; top:50%; left:50%; width:59px; 
height:23px; 
margin:-8px 0 0 -10.5px; background:url(../img/sub/btn_circle_arrow.png) no-repeat 50% 50%; background-size:100% auto; transition:opacity 0.3s ease 0s;}
.circle-carousel .prev{left:50%; margin-left:-750px;}
.circle-carousel .prev:before{transform:rotate(180deg);}
.circle-carousel .next{right:50%; margin-right:-750px;}

.circle-carousel .next:hover:before,
.circle-carousel .prev:hover:before{opacity:1;}
	/* circle - custom */
.slide_about_box{position:absolute; top:50%; left:50%; z-index:50; width:450px; transform:translate(-50%, -50%);}
.slide_about_box .circle-carousel .slide{flex-direction:column; color:#fff;}
.slide_about_box .circle-carousel .slide .slide_ani{opacity:0; transform:translateY(20px); transition:0.3s ease-in-out 0s;}
.slide_about_box .circle-carousel .slide.active .slide_ani{opacity:1; transform:translateY(0px); transition-delay:0.6s;}
.slide_about_box .circle-carousel .slide h4,
.slide_about_box .circle-carousel .slide p{padding-left:60px; padding-right:60px; line-height:150%; text-align:center; word-break:keep-all; color: #fff}
.slide_about_box .circle-carousel .slide h4{font-size:30px;}
.slide_about_box .circle-carousel .slide p{margin-top:15px; font-size:18px; font-weight:300;}
.slide_about_box .circle-carousel .slide i{display:block; width:68px; height:62px; margin:0 auto 30px;}
.slide_about_box .pagination .dot *[class*="pin"]{font-size:0px;}
.slide_about_box .pagination .dot *[class*="pin"]:before{content:''; display:block; width:44px; height:44px; margin:0 auto; background-repeat:no-repeat; background-position:50% 0; background-size:100% auto;}
.slide_about_box .pagination .dot .pin01:before{background-image:url(../img/sub/ico_about01.svg);}
.slide_about_box .pagination .dot .pin02:before{background-image:url(../img/sub/ico_about02.svg);}
.slide_about_box .pagination .dot .pin03:before{background-image:url(../img/sub/ico_about03.svg);}
html[lang="en"] .slide_about_box .circle-carousel .slide h4,
html[lang="en"] .slide_about_box .circle-carousel .slide p{line-height:1.2em;}
	/* circle - svg */
.slide_about_box .circle-carousel .slide .cls-1,
.slide_about_box .circle-carousel .slide .cls-2,
.slide_about_box .circle-carousel .slide .cls-3{fill:none;}
.slide_about_box .circle-carousel .slide .cls-2{stroke:#fff;}
.slide_about_box .circle-carousel .slide .cls-2,
.slide_about_box .circle-carousel .slide .cls-3{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.slide_about_box .circle-carousel .slide .cls-3{stroke:#fff;}




.product_list{display: flex; gap:60px 20px;flex-wrap: wrap;}
.product_list li{width: calc(25% - 15px)}


.product_list li .thum{border-radius: 10px; overflow: hidden; position: relative}
.product_list li .thum img.thum_img{width: 100%;
    height: 100%;
    object-fit: cover;aspect-ratio: 1}

.product_list li p{margin-top: 30px; color: #fff; font-size: 18px; word-break: keep-all; line-height: 150%}


.product_list li .thum .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background: rgba(25, 54, 178, 0.80); display: flex; gap:10px;
    justify-content: center;
    align-items: center; opacity: 0; visibility: hidden; transition-duration: .8s; z-index: 2}

.product_list li .thum:hover .bg{opacity: 1; visibility: visible}

.product_list li .thum .bg a{width: 70px; height: 70px; border-radius: 70px; background: #fff;     justify-content: center;
    align-items: center; display: flex}




.detail_top{display: flex; gap:8rem}
.detail_top .thum_are{width: 640px;}

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


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


.product_name{}

.product_name p{font-size: 18px; word-break: keep-all; line-height: 150%; color: #fff; word-break: keep-all}
.product_name p.tag{opacity: .6; font-weight: 800; margin-bottom: 15px}
.product_name h2{word-break: keep-all; color: #fff; font-size: 60px; font-weight: 800}
.product_name h2 + p{margin-top: 40px;}

.product_name + .product_icon{margin-top: 60px;}
.product_icon{}
.product_icon .box{display: flex; gap:25px;}
.product_icon .box + .box{margin-top: 15px;}


.product_icon .box i{width: 90px; height: 90px;
border-radius: 10px;
background: #1D1D1B;
justify-content: center;
    align-items: center; display: flex}

.product_icon .box .txt{flex:1; padding-top: 15px}
.product_icon .box .txt h4{font-size: 18px; color: #fff; word-break: keep-all}
.product_icon .box .txt ul.dot li{font-size: 16px; opacity: .8}
.product_icon .box .txt p{font-size: 16px; color: #fff; line-height: 150%; word-break: keep-all; opacity: .8}

.product_icon .box .txt h4 + ul,
.product_icon .box .txt h4 + p{margin-top: 10px}

.product_btn{margin-top: 60px; display: flex; gap:20px;}
.product_btn a{
	border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: #1A1A1A;
display: flex; height: 70px;
justify-content: center;
    align-items: center; display: flex;
    gap:30px;
    flex:1;
    box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, 0.20);
    font-size: 18px; word-break: keep-all; color: #fff
}

.product_btn a.pdf_down{background: #1936B2; border-color: #1936B2}




.product_content{margin-top: 150px;}
.product_content_title{margin-bottom: 60px}
.product_content_title h3{color: #fff; word-break: keep-all; line-height: 150%; font-size: 40px;}


* + .product_content_title{margin-top: 150px;}

.product_content .tlb{overflow-x: auto}
.product_content .tlb table{width: 100%; border-spacing: 0; border-top: 2px solid rgba(255, 255, 255, 0.40);}

.product_content .tlb table th,
.product_content .tlb table td{text-align: left; color: #fff; font-size: 18px; word-break: keep-all; padding: 30px 40px;}

.product_content .tlb table th{
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
background: #1A1A1A;
backdrop-filter: blur(9px);
}


.product_content .tlb table td{
background: #111;
backdrop-filter: blur(9px);
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
background: #111;
backdrop-filter: blur(9px);
}

.product_content .tlb table td + td,
.product_content .tlb table th + th{
	border-left: 1px solid rgba(255, 255, 255, 0.20);
}


.product_pop_info .form_in{margin: 0}

.product_pop_info .form_in ul{gap:20px}
.product_pop_info .form_in ul li{width: 100%}


.product_pop_info .form_in ul li input[type="text"], .product_pop_info .form_in ul li input[type="email"], 
.product_pop_info .form_in ul li select{
	background: #fff;border: 1px solid #ddd; color: #222; font-size: 16px
}

.product_pop_info .form_in ul li label{color: #666; }

.pop_ok_btn_are{margin-top: 50px; text-align: center}
.pop_ok_btn{
	border-radius: 5px;
border: 4px solid #1936B2;
background: #1936B2;
box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, 0.20);
color: #fff; font-size: 18px; word-break: keep-all;
width: 100%; max-width: 380px; display: inline-flex;
justify-content: center;
    align-items: center;
    height: 70px
}








/* ✅ 이미지 팝업 모달 기본 스타일 */
.thumb-modal { position: fixed; inset: 0; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%;}
.thumb-modal__backdrop {
  position: absolute; inset: 0; background: rgba(0,0,0,0.6);
}
.thumb-modal__dialog {
  position: relative; max-width: 90vw; max-height: 90vh;
  display: flex; flex-direction: column; align-items: center;
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
}
.thumb-modal__dialog img {
  max-width: 86vw; max-height: 72vh; display: block;
}
.thumb-modal__caption {
  margin-top: 8px; color: #fff; font-size: 14px; text-align: center; word-break: keep-all;
}
.thumb-modal__close {
  position: absolute; top: 6px; right: 8px; width: 36px; height: 36px; line-height: 34px;
  border: 0; border-radius: 50%; background: rgba(255,255,255,0.15); color: #fff; font-size: 22px; cursor: pointer;
}



#bo_v_img a.view_image{margin: 0 auto}

#bo_v_img a.view_image img{margin: 0 auto 20px; display: block}



@media (max-width: 1640px) {

.vision_flex .box {height: 60vh}
.vision_flex .box h3{word-break: keep-all}

.vision_are{height: 100vh; margin-bottom: 300px}





}






@media (max-width: 1500px) {


.sub_title h4,
.sub_visual .txt p{font-size: 16px}
.sub_title h2{font-size: 40px}
.company_01 p{font-size: 16px}
.company_01 h5{font-size: 18px}

.pinned-section .title,
.sub_visual .txt h3{font-size: 60px}

.sub_visual_nav .sub_deps a{padding: 15px 35px; font-size: 16px}

}


@media (max-width: 1370px) {

.sub_visual_nav{width:max-content }
.equipment .box .txt h3{font-size: 24px}
.equipment .box .txt p{font-size: 16px}
.equipment .box ul li{font-size: 16px}
.equipment .box .thum{width: 40%}

.organization ul li .box p,
.organization ul li .sub_box p{font-size: 16px}

.vission .cards .card_wrapper .txt{width: auto; }

.vision_are{margin-bottom: 150px}

.vission .cards .card_wrapper .icon h3{font-size: 18px}

.company_01 .thum.left,
.company_01 .thum.right{display: none}

.company_01{padding: 0 6rem}

.history{gap:6rem}



.system .system_box ul li .arow img{max-width: 100%}


.slide_about {
    overflow: hidden;
    position: relative;
    --slideSize: 800px;
}

.circle-carousel .next, .circle-carousel .prev{display: none}

.detail_top .thum_are{width: 40%}

.product_name p{font-size: 16px}
.product_name h2{font-size: 30px}


.product_content_title h3{font-size: 24px}

.detail_top{gap:4rem}

}


@media (max-width: 1280px) {

.vision_flex .box{padding: 40px}
.vision_flex .box h3{font-size: 18px}
.vission .cards .card_wrapper p{font-size: 16px}
.vision_are{margin-bottom: 250px}

.location .txt h3{font-size: 24px}
.location .txt ul li{font-size: 16px}

.company_01{padding: 0 3rem}



.history .history_are .box h3{font-size: 30px}

.dot li{font-size: 16px}

.equipment_flex .box{padding: 50px;}

.equipment_flex .box h3{font-size: 24px}

.equipment_flex .box img{right: 50px; top: 40px; max-width: 40px;}


.product_content .tlb table th, .product_content .tlb table td,
.board_tlb table td,
.board_tlb table th{padding: 20px 25px; font-size: 16px}
.product_content_title{margin-bottom: 30px}

.product_btn a,
.board_list_txt h3{font-size: 16px}

.system .system_box ul li .box,
.system .system_box ul li,
.system .system_box ul li .arow{height: 60px}

.system .system_box ul li p{font-size: 14px}

.system_slide h4{font-size: 16px}
.system_slide p{font-size: 14px; margin-top: 5px}



.board_title h2{font-size: 24px}
.board_title h3{font-size: 14px; margin-top: 8px}

.form_in ul li label,
.form_in ul li input[type="text"], .form_in ul li input[type="email"], .form_in ul li select,
.form_in ul li textarea,
.ck_agree p,
.file_are button{font-size: 16px}





}


@media (max-width: 1024px) {
	
	
.equipment_flex {
    flex-direction: column;
}
	
	

	
	
	
	
.sub_visual,
.sub_visual.show{margin: 0 auto; height: 60vh}	
.sub_visual_bg{border-radius: 0; width: 100%}
.equipment .box{gap:40px}
.equipment .box .txt ul{margin-top: 30px}

.vision_flex {
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.vision_flex .box,
.vision_flex .box:hover{flex:none; height: 50vh; width: 100%}

.vision_are .sub_title,
.sub_title{margin-bottom: 50px}

.vission .cards .card_wrapper{
	position: relative; top: 0
}
.vision_are {
        margin-bottom: 0;
        height: auto;
        padding: 0 0 150px 0;
}


.company_01 .thum{width: 30%}

.company_01 .mid {
    gap: 30px;
    align-items: flex-start;
}





.product_name p br{display: none}	

.product_list,
.gall_list_style,
.form_in ul{gap:40px 20px}

.product_list li,
.gall_list_style.certifications li,
.gall_list_style li,
.form_in ul li {
    width: calc(50% - 10px);
}

.system {
    flex-direction: column;
    align-items: flex-start;
}

.system .system_box{width: 100%}
.system .system_box ul {
    flex-direction: row;
}

.system .system_box ul li{flex:1; height: auto}

.system .system_box ul li .arow{height: 100px}

.system .system_box ul li .arow img {
        transform: rotate(90deg);
}

.system .system_box ul li .arow p{bottom: auto; top: 50%;
transform: translateY(-50%);}


.system_slide .slick-list{padding: 0 6rem}

}


@media (max-width: 860px) {


.history {
    flex-direction: column;
    gap:80px;
}

.history .thum{top:0; position: relative; width: 100%}
.history .thum img{width: 100%}





.sub_visual_nav .sub_deps{gap:0}


    .sub_visual_nav .sub_deps a {
        padding: 10px 25px;
        font-size: 14px;
    }



.pinned-section .title, .sub_visual .txt h3{font-size: 40px}


.sub_title h2{font-size: 30px}
.sub_title,
.company_01 .sub_title{margin-bottom: 30px}

.company_01 h5{margin-top: 30px}

.vission .cards .card_wrapper{padding: 25px; height: 20vh}

.vission .cards .card_wrapper .icon{gap:30px}
.vission .cards .card_wrapper .icon img{max-width: 50px}

.equipment .box{padding: 25px; gap:30px;}

.equipment .box .txt h3{font-size: 18px}
.equipment .box .txt p{margin-top: 5px}


.tab_form{gap:10px}
.tab_form input + label{padding: 15px 20px; font-size: 16px}

.board_top_flex{display: none}

#faq_wrap li h3{font-size: 16px}
#faq_con .con_inner, #faq_con .con_inner *{font-size: 14px; }


#faq_con .con_inner{padding: 25px}

.system{gap:10px; padding: 25px; border-radius: 5px; overflow-x: auto}

.system .system_box ul{gap:10px}

    .system .system_box ul li {
        flex: none;
        height: auto;
        width: 30%;
        text-align: center
    }

.system .system_box ul li .arow {height: 80px; width: 80px; margin: 0 auto}
.system .system_box ul li .arow img {
    transform: rotate(90deg);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* 부모 안에 비율 유지하며 맞춤 */
    display: block; /* inline 요소 기본 여백 제거 */
}
.system .system_box ul li .arow p{font-size: 12px}


.system_slide{margin: 0 -10px}
.system_slide .slick-slide{padding: 0 10px}
.system_slide .slick-list{padding: 0 3rem; }


.slide_about {
        --slideSize: 600px;
    }

.slide_about_box{width: 350px}
.circle-carousel .pagination .dot{width: 60px; height: 60px}

.slide_about_box .pagination .dot *[class*="pin"]:before{width: 20px; height: 20px}

.slide_about_box .circle-carousel .slide h4{font-size: 18px}
.slide_about_box .circle-carousel .slide p{margin-top: 5px; font-size: 14px}



.detail_top {
    display: flex;
    gap: 80px;
    flex-direction: column;
}

.detail_top .thum_are{width: 100%; overflow: hidden}


.sub_section.product_detail {
    padding-top: 150px;
}

}


@media (max-width: 600px) {

.sub_visual_nav{display: none}

.location .map iframe{height: 20vh}
.location .map{border-radius: 10px}

.location .txt {
    margin-top: 30px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    flex-direction: column;
    gap: 20px;
}


.location .txt h3{font-size: 18px}
.location .txt ul li{font-size: 14px; gap:15px}
.location .txt ul li + li{margin-top: 5px}


.sub_section{padding: 100px 0}

.sub_title h4, .sub_visual .txt p,
.company_01 p{font-size: 14px}
.sub_title h4{margin-bottom: 10px}
.sub_title h2{font-size: 24px}

.sub_visual .txt h3{margin-top: 10px}
.pinned-section .title, .sub_visual .txt h3{font-size: 24px}


.company_01 .mid {
    gap: 50px;
    align-items: center;
    flex-direction: column;
}
.company_01 .thum{width: 100%}


.company_01{padding: 0 20px}

.company_01 h5{font-size: 16px}

.vision_flex .box ul{height: auto; max-height: 100%; visibility: visible; opacity: 1; margin-top: 15px}
.vision_flex .box ul li{font-size: 14px}

    .vission .cards .card_wrapper {
        padding: 35px 25px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 30px;
    }


.vission .cards .card_wrapper .icon {
        gap: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

.vission .cards .card_wrapper .icon h3{font-size: 16px; word-break: keep-all}
.vission .cards .card_wrapper p{font-size: 14px; word-break: keep-all}
.vission .cards .card_wrapper p br{display: none}

.vission .cards .card_wrapper + .card_wrapper {
    margin-top: 30px;
}


.organization .box_ceo{width: auto; height: auto; border-radius: 10px; padding: 15px}


.organization .box_ceo p{font-size: 14px}
.organization .box_ceo h3{font-size: 18px}

.organization ul{margin-top: 30px;     flex-wrap: wrap;}
.organization .box_ceo:after{display: none}

.organization ul li{width: 100%}

.organization ul li .box{height: auto; border-radius: 10px; padding: 15px}

.organization ul li .box p, .organization ul li .sub_box p{font-size: 14px}

.organization ul li .box:after{display: none}

.organization ul li:after,
.organization ul li:before{display: none}

.equipment .box .txt ul li{font-size: 14px}

.equipment .box {
        padding: 25px;
        gap: 30px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

.equipment .box .thum{width: 100%}


.history .history_are .box.show h3{font-size: 24px; margin-bottom: 20px}
.dot li,
.product_name p{font-size: 14px}

.history .history_are .box + .box{margin-top: 60px}

.equipment_flex .box{padding:40px 25px}
.equipment_flex .box img{right: 25px; max-width: 40px; top: 25px}


.equipment_flex .box h3{font-size: 18px}

.equipment_flex .box ul{margin-top: 30px}


.product_list li p{margin-top: 20px; font-size: 14px}


.product_list, .gall_list_style, .form_in ul{gap:40px 10px}
.product_list li, .gall_list_style.certifications li, .gall_list_style li, .form_in ul li{width: calc(50% - 5px)}


.product_list li .thum .bg{visibility: visible; opacity: 1;
background: transparent;
justify-content: flex-end;
    align-items: flex-end; padding: 15px; gap:5px}


.product_list li .thum .bg a{width: 40px; height: 40px;}
.product_list li .thum .bg a img{width: 100%; height: 100%; object-fit: contain; max-width: 16px}

.product_name h2{font-size: 24px}
.product_name h2 + p{margin-top: 20px}




.product_icon .box i{width: 60px; height: 60px;}
.product_icon .box i img{width: 100%; height: 100%; object-fit: contain; max-width: 16px}

.product_icon .box{gap:10px}
.product_icon .box .txt{padding: 0}
.product_icon .box .txt h4{font-size: 16px}

.product_icon .box .txt h4 + ul, .product_icon .box .txt h4 + p{margin-top: 5px}

.product_icon .box .txt p,
.product_icon .box .txt ul.dot li{font-size: 14px}

.product_btn {
    margin-top: 50px;
    gap: 10px;
    flex-direction: column;
}

.product_btn a{padding: 15px 15px; font-size: 14px; height: auto}

.product_content_title h3,
.board_title h2{font-size: 18px}


.product_content {
    margin-top: 100px;
}


.product_content .tlb table th, .product_content .tlb table td{font-size: 14px; padding: 10px}


.board_list_txt h3{font-size: 14px}

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



	.slide_about{width:auto; height:auto; padding: 0 25px}
	.slide_about .obj_bg{display:none;}
	.slide_about [data-motion-rail]{margin-top:-120px;}	
	.slide_about_box{position:static; width:100%; transform:translate(0,0);}
	.slide_about_box .circle-carousel .slides{box-sizing:border-box; padding:20px 20px; border-radius: 10px}
	.slide_about_box .circle-carousel .slide h4{font-size: 16px}
	.slide_about_box .circle-carousel .slide p{font-size:14px;}
	.slide_about_box .circle-carousel .slide p br{display:none;}
	.slide_about_box .circle-carousel .slide .slide_ani{opacity:1; position:relative; 
	width:100%; box-sizing:border-box; padding:20px 0; transform:translateY(0);}
	.slide_about_box .circle-carousel .slide h4, 
	.slide_about_box .circle-carousel .slide p{padding-right:0px; text-align:center; padding: 0}
	.circle-carousel{padding-top:0px;}
	.circle-carousel .slides{position:static; border-radius:0px;}
	.circle-carousel .slide{opacity:1; position:static; border-radius:0px;}
	.circle-carousel .pagination{display:none;}
	.circle-carousel .prev,
	.circle-carousel .next{display:none;}



.gall_list_style li, .form_in ul li{width: 100%}

.board_tlb table td, .board_tlb table th{padding:15px 10px; font-size: 14px}
.mo_num{display: none}

#bo_v_file li a{font-size: 14px}

.tab_form input + label{font-size: 14px; border-radius: 5px}
.form_in ul li label{font-size: 14px}


.form_in ul li input[type="text"], .form_in ul li input[type="email"], .form_in ul li select,
.pop_ok_btn{height: 50px; font-size: 16px; padding: 0 10px}
.form_in ul li textarea{font-size: 16px; padding: 15px 10px}

.file_are button{height: 50px; font-size: 14px; min-width: 50px}

.pop03 .agree_pop_content{max-width: 90%}

}





@media (max-width: 360px) {

 
 
 
 
}