/*---sub common css---*/


body{overflow:hidden;}

/*sub container*/
.sub_wrap{overflow: hidden;}

.sub_section{/*padding: 134px 0;padding-bottom: 150px; */padding: 150px 0; width: 92%; max-width: 1420px; margin: 0 auto; }

@media screen and (max-width: 1480px){

    .sub_section{padding: 100px 0;padding-bottom: 115px;}
}

@media screen and (max-width: 740px){

    .sub_section{padding: 66px 0;padding-bottom: 75px;}
}



@media screen and (max-width: 740px){

    .sub_tit h2{font-size: 30px;margin-bottom: 6px;}
    .sub_tit p{font-size: 11px;line-height: 160%;}

}

/*---sub visual---*/
.sub_visual{height: 580px;position: relative;overflow: hidden;}

.sub_visual figure{width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-size: cover;transform: scale(1.1);transition: transform 5s ease-in-out;}
.sub_visual.active figure{transform: scale(1);}

.sv_text{position: absolute;bottom: 59px;left: 0;width: 100%;z-index: 1;color: #FFF;}
.sv_text span{display: block;}
.sv_text h2{margin-bottom: 13px;}

@media screen and (max-width: 1480px){

    .sub_visual{height: 500px;}
    .sv_text{bottom: 49px;}
}

@media screen and (max-width: 1080px){

    .sub_visual{height: 430px;}
    .sv_text{bottom: 39px;}
}

@media screen and (max-width: 740px){

    .sub_visual{height: 376px;}

    .sv_text{bottom: 29px;}
    .sv_text span{font-size: 13px;}
    .sv_text h2{font-size: 34px;line-height: 150%;margin-bottom: 3px;}
    .sv_text p{font-size: 13px;}
}

/*---sub_navi---*/
.sub_navi_wrap{border-bottom: 1px solid #ececec;}

.sub_navi>ul>li>a{display: none;}

.sub_navi>ul>li>ul{display: none;}
.sub_navi>ul>li>ul::after{content: "";clear: both;display: block;}
.sub_navi>ul>li>ul>li{float: left;}
.sub_navi>ul>li>ul>li>a{display: block;width: 100%;height: 100%;line-height: 74px;font-size: 1.13rem;font-weight: 400;-webkit-text-stroke: 0.01em;padding: 0 30px;}
/*.sub_navi>ul>li>ul>li:first-child>a{padding-left: 0;}*/
.sub_navi>ul>li>ul>li:last-child>a{padding-right: 0;}
.sub_navi>ul>li>ul>li>a.on{color: var(--color-02);font-weight: 500;}

/*navi show*/
#sub_navi_01>ul>li.k_menu_1>ul{display: block;}
#sub_navi_02>ul>li.k_menu_2>ul{display: block;}
#sub_navi_03>ul>li.k_menu_3>ul{display: block;}
#sub_navi_04>ul>li.k_menu_4>ul{display: block;}

@media screen and (max-width: 1480px){

    .sub_navi>ul>li>ul>li>a{line-height: 64px;padding: 0 25px;}
}

@media screen and (max-width: 1080px){

    .sub_navi>ul>li>ul>li>a{line-height: 59px;padding: 0 20px;}
}

@media screen and (max-width: 740px){

    .sub_navi>ul>li>ul>li>a{line-height: 51px;padding: 0 9px;font-size: 11px;}
}

@media screen and (max-width: 460px){

    .sub_navi{overflow-x: scroll;}
    .sub_navi>ul>li>ul{width: 110%;}
}


/*.b_sv_box{height:950px;}*/
.main_container{position:relative;}

.b_tit_box h2{margin:20px 0 32px 0; }
.b_tit_box p{line-height:1.5; -webkit-text-stroke: 0.01em;}


.br_980on{display:none;}
 @media screen and (max-width:980px){ 
	 .br_980on{display:block;}
 }


.br_720on{display:none;}
@media screen and (max-width:720px){ 
	 .br_720none{display:none;}
	 .br_720on{display:block;}

	 .sub_section{padding:70px 0; }

	 .b_tit_box span{font-size:12px;}
	 .b_tit_box h2{font-size:26px; margin: 10px 0 15px 0;}
	 .b_tit_box > p{font-size:12px;}

}




.br_1360on{display:none; }
.br_1360none{display:block; }
@media screen and (max-width:1360px){ 
	 .br_1360none{display:none; }
	 .br_1360on{display:block; }
}


.br_1280on{display:none;}
@media screen and (max-width:1280px){ 
	 .br_1280on{display:block;}
	 .b_liva_p_09 .b_tab_box .b_cont_list{width: 70%;}
}

.br_1080on{display:none;}
@media screen and (max-width:1080px){ 
	 .br_1080on{display:block;}
	 .br_1080none{display:none;}

}

.br_480on{display:none;}
@media screen and (max-width:480px){ 
	 .br_480on{display:block;}
	 .br_480none{display:none;}

}






@media screen and (min-width:1080px){ 
	 #site_map{display:none;}
}
@media screen and (max-width:1080px){ 
	 .lang_mobile img {filter: brightness(0) invert(1);}
	 #k_header .b_hd_right{z-index: 1000; justify-content: flex-end; width: 100%; position: relative;}

	.hd_logo{position:unset; }


}



.b_board_box .sv_text{top:50%; transform:translateY(-50%); bottom:unset; }
.b_board_box .sv_text h2{margin:20px 0; }


@media screen and (max-width:720px){ 
	 .b_board_box .sv_text h2{margin:10px 0; }
}



/*공통 css*/
.txt_c{text-align: center;}
.c_999{color: #999;}
.fc_n{color: #253d97;}
.fc_b{color: #1a75db;}
.fc_sb{color: #669bd7;}
.fc_3{color: #333;}
.fc_9{color: #999;}
.fc_f{color: #fff;}

@media screen and (max-width:480px){
    .br_480_x{display: none;}
}

/*br*/
@media screen and (max-width:360px){
    .br_360_x{display: none!important;}
}







#bbs.bbs_bg{width: 100%; height: 100%; position: relative;}
#bbs.bbs_bg::before{position: absolute; bottom: -150px; left: 50%; transform: translateX(-50%); content: '';width: 200%; height: 1px; background: #ececec; z-index: -10;}

/*event*/
#bo_w .frm_input{margin-bottom: 20px;}

#mb_login.mbskin.login_lost .icon_login{margin: 0 auto; margin:100px 0 40px;}
#mb_login.mbskin.login_lost .icon_login h1{margin-top: 50px;}

#mb_login.mbskin.login_lost p{
    border: none;
    padding-bottom: 50px;
}
#mb_login.mbskin.login_lost p span{font-weight: bold;}

#mb_login.mbskin.login_lost .btn_submit{width: 25%;margin: 0 auto;}

@media screen and (max-width:720px){
    #mb_login.mbskin.login_lost .icon_login img{width: 40px; height: 40px;}
    #mb_login.mbskin.login_lost .icon_login{margin: 80px 0 20px;}
    #mb_login.mbskin.login_lost .icon_login h1{margin-top: 30px;}
    #mb_login.mbskin.login_lost p{padding-bottom: 40px;}

    #mb_login.mbskin.login_lost .btn_submit{width: 25%;}
}

@media screen and (max-width:480px){
    #mb_login.mbskin.login_lost .btn_submit{width: 30%;}
}



.main_btn{width: 100%; display: flex; justify-content: center; margin-top: 50px;}
.main_btn a{display: block; width: 30%; text-align: center; background: #05295a; color: #fff; margin: 0 5px; height: 50px; line-height: 50px;} 





/*common*/
.txt_list li{display: flex; margin-bottom: 15px;}
.txt_list li.last{margin-bottom: 0; }
.txt_list li span{display: block; margin-right: 10px;}
.txt_list li p{word-break: keep-all}




/*tab common*/
.sub_tab_menu{width: 100%; display: flex; border: solid 1px #eee; }
.sub_tab_menu li{width: 200px; text-align: center;}
.sub_tab_menu li button{
	padding: 15px 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
	transition: all 0.5s;
}
.sub_tab_menu li:hover button,
.sub_tab_menu li.on button{background: #222; color: #fff;}

.tab_cont_wrap{ margin-top: 50px; background: #f9f9f9; position: relative; transition: height 0.5s ease-in-out; }
.tab_cont_wrap ul li { display: flex; justify-content: space-between; gap: 50px; }
/*
.tab_cont{display: none;}
.tab_cont.on{display: block;}
*/
.tab_cont{width: 100%;  padding: 100px 60px;  position: absolute; opacity: 0; visibility: hidden; z-index: 0; transition: all 0.5s;}
.tab_cont.on{opacity: 1; visibility: visible;  z-index: 1;}


.tab_tit_box{ width: 50%; display: flex; justify-content: flex-start; margin-bottom: 60px; flex-direction: column; gap: 20px; }
.port_img { width: 50%; }
.port_img img { width: 100%; }

@media screen and (max-width:1080px){
    .tab_cont_wrap ul li { flex-direction: column; }
    .port_img, .tab_tit_box { width: 100%; }
}

.tab_icon_wrap{display: flex; }
.tab_icon_wrap .tab_icon{display: flex; align-items: center; }
.tab_icon_wrap .tab_icon:first-child{margin-right: 40px;}
.tab_icon_wrap .tab_icon img{display: block; margin-right: 10px;}

.tab_table_wrap{width: 100%; text-align: center}
.tab_table_wrap .tbl_th{width: 100%; padding: 20px 0;background: #e7edf5; border-radius: 50px; margin-bottom: 20px;}
.tab_table_wrap .tbl_th ul{display: flex;}

.tab_table_wrap .tbl_tbody{width: 100%; background: #fff; border-radius: 30px; border: solid 1px #d9d9d9; overflow: hidden;}
.tab_table_wrap .tbl_tbody table{width: 100%;}
.tab_table_wrap .tbl_tbody table td{padding: 25px 10px;}

.tbl_30{width: 30%}
.tbl_35{width: 35%}
.tbl_40{width: 40%}
.tbl_60{width: 60%}
.tbl_70{width: 70%}
.bd_r{border-right: solid 1px #d9d9d9;}
.bd_b{border-bottom: solid 1px #d9d9d9;}
.bd_t{border-top: solid 1px #d9d9d9;}

@media screen and (max-width:1080px){
	.sub_tab_menu li{width: 25%;}
	.sub_tab_menu li button{padding: 10px;}
	
	.tab_cont{padding: 50px;}
	.tab_tit_box{margin-bottom: 40px;}
	.tab_icon_wrap .tab_icon:first-child{margin-right: 20px;}
	.tab_icon_wrap .tab_icon img{width: 36px;}
	.tab_table_wrap .tbl_th{padding: 10px 0; margin-bottom: 10px;}
	.tab_table_wrap .tbl_tbody table td{ padding: 15px 10px;}
}
@media screen and (max-width:768px){
	.tab_tit_box{flex-wrap: wrap;}
	.tab_tit_box .tab_tit{width: 100%; margin-bottom: 20px;}
	.sub_tab_menu li button{border-radius: 10px 10px 0 0;}
	.tab_table_wrap .tbl_tbody{border-radius: 20px}
}
@media screen and (max-width:480px){
	.tab_cont{padding: 50px 30px;}
	.sub_tab_menu li { width: 100%; }
	.sub_tab_menu { flex-wrap: wrap; }
}

@media screen and (max-width:400px){
	.tab_cont{padding: 50px 15px;}
    .tab_cont .fs_40 { font-size: 2rem; }
}


/*제품소개*/
/*list*/

.productList{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.productList li{width:calc(33.33% - 1%); padding: 30px 10px; transition: all 0.5s; margin-right: 1%; margin-bottom: 80px;}
.productList li:nth-of-type(3n+0){margin-right: 0}

.product-text{ background: #f9f9f9; padding: 20px; display: flex; justify-content: space-between; align-items: center; }
.product-text .pro_more { width: 50px; height: 50px; background: #ccc; display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: .3s; }
.product-text .pro_more i { color: #fff; transform: rotate(-45deg); transition: .3s; }


.productList li:hover .product-text .pro_more { background: #015aa9; }
.productList li:hover .product-text .pro_more i { transform: rotate(0); }
.productImg{margin: 0; overflow: hidden; }
.productImg img { width: 100%; }

@media screen and (max-width: 1280px){
	.productList li{padding: 30px 20px 20px;}
	.product-text h4{margin-bottom: 5px}
	.productImg{margin-top:20px;}
}
@media screen and (max-width: 1080px){
	.productList li{width: 49%;}
	.productList li:nth-of-type(3n+0){margin-right: 2%}
	.productList li:nth-of-type(even){margin-right: 0}
}
@media screen and (max-width: 720px){
	.productWrap-list.cont_pd{padding: 75px 0 35px;}
	.productList li{margin-bottom: 40px; }
	
}
@media screen and (max-width: 560px){
	.productList li{width: 100%; margin-right: 0;}
	.productList li:nth-of-type(3n+0){margin-right: 0}
}



/*view*/
.pro_spec_wrap { margin-top: 30px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 20px; width: 100%; }
.pro_spec_wrap .pro_spec { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; gap: 20px; border-bottom: 1px solid #d9d9d9; padding: 10px 5px; }

.pro_v_pd{padding: 100px 50px;}

.productView-1{background: #f9f9f9;}
.productView-1 .wfix{display: flex; align-items: flex-start; gap: 50px; }

.productView-info{width: 50%;}
.productView-info h3{margin: 0 auto; width: 20%; word-break: keep-all; }
.productView-info p{word-break: keep-all; color: #777; font-size: 16px; width: 80%; }
.productView-thum{    
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 50%;	
}
.productView-thum img{border: solid 1px #e5e5e5; border-radius: 15px; width: 100%; }

.productView-box { margin-top: 50px; }
/*.productView-box .productView-2 { text-align: center; }*/

.productView-4 .wfix{display: block; text-align: center;}
.productView-4 .productView-info{width: 100%;}
.productView-4 .productView-info h4{margin-bottom: 30px;}
.productView-4 .productView-thum{width: 100%;}
.productView-4 .productView-thum .thum_wrap{ width: 32%; list-style: none; margin-right: 2%;}
.productView-4 .productView-thum .thum_wrap:last-child{ margin-right:0;}
.productView-4 .productView-thum .thum_wrap figure{
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 15px;
    border: solid 1px #e5e5e5;
	margin: 0;
}
.productView-4 .productView-thum .thum_wrap figure img{max-width: 100%; height: auto!important;}
.productView-4 .productView-thum .thum_wrap p{margin-top: 20px;}

.productView-5 h4{margin:0 0 15px; line-height: initial}
.productView-5 .productView-info p:last-child{margin-top: 30px;}
.pro_syringe{display: flex; justify-content: center;}
.pro_syringe figure{margin: 0;}

@media screen and (max-width: 1280px){
	.productView-info h4{margin: 20px 0 10px;}
	.productView-info p{width: 90%;}
}
@media screen and (max-width: 1080px){
	.productView-1 .wfix{flex-wrap: wrap;}
	.productView-info{width: 100%;}
	.productView-thum{width: 100%; }
	.productView-thum img{width: 100%}
	
	.productView-4 .productView-thum{margin-top: 0;}
    .productView-box .productView-2 img { width: 100%; }
}
@media screen and (max-width: 860px){
	.productView-4 .productView-thum{flex-wrap: wrap;}
	.productView-4 .productView-thum .thum_wrap{ width: 100%; margin-bottom: 40px;}
	.productView-4 .productView-thum .thum_wrap:last-child{margin-bottom: 0;}
}

@media screen and (max-width: 720px){
	.pro_v_pd{padding: 25px;}
}
@media screen and (max-width: 480px){
	.productView-4 .productView-thum .thum_wrap{margin-bottom: 30px;}
	.productView-4 .productView-thum .thum_wrap p{margin-top: 10px;}
}


.productView-box .tit_box{margin-bottom: 30px}

.pro_table.mo_ver{display: none;}
.pro_table table{border-collapse: collapse; width: 100%; box-sizing: border-box;}
.pro_table table th,
.pro_table table td{padding: 10px 5px; }
.pro_table table .tb_tit{background: #333; text-align: center;}
.pro_table table .tb_txt{padding-left: 30px; padding-right: 20px; border-right: solid 1px #ddd;}
.br_t{ border-top: solid 1px #ddd;}
.br_t_b{ border-top: solid 1px #333;}
.br_b{ border-bottom: solid 1px #ddd;}
.br_b_b{ border-bottom: solid 1px #333;}

.pro_f_wrap{padding: 40px; background: #f9f9f9; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.pro_f ul li{display: flex; margin-bottom: 10px;}
.pro_f ul li:last-child{margin-bottom: 0}
.list_dot{display: block; background-color: #00aeca; width: 4px; height: 4px; border-radius: 50%; margin-right: 10px; margin-top:10px; flex-shrink: 0;}
.pro_f ul li{word-break: keep-all;}

.pro_img figure{margin: 0}

@media screen and (max-width: 1320px){
	.pro_img{margin-top: 30px}
}
@media screen and (max-width: 1080px){
	.pro_table.mo_ver{display: block;}
	.pro_table.pc_ver{display: none;}
	
	.pro_f_wrap{padding: 30px;}
}
@media screen and (max-width: 720px){

	.productView-box .tit_box{margin-bottom: 10px}
	
	.pro_table table .tb_txt{padding-left: 20px;}
	
	.pro_f_wrap{padding: 15px;}
	.pro_f ul li{margin-bottom: 5px}
	.list_dot{width: 3px; height: 3px; margin-right: 5px; margin-top: 7px; }

}

.pro_item_wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
/*.pro_item_wrap ul li{flex : 1 1 auto;}*/
.pro_item_wrap ul li:first-child{width: 24%; margin-bottom:35px;}
.pro_item_wrap ul li:nth-child(2){width: 24%; margin-bottom:35px;}
.pro_item_wrap ul li:nth-child(3){width: 46%; margin-bottom:35px;}

.pro_item_wrap ul li:nth-child(4),
.pro_item_wrap ul li:nth-child(5),
.pro_item_wrap ul li:last-child{width: 31.5%}

.pro_item_wrap ul li:first-child figure,
.pro_item_wrap ul li:nth-child(2) figure{border: solid 1px #e5e5e5; }

.pro_item_wrap ul li figure{width: 100%; margin: 0; border-radius: 15px; overflow: hidden;}
.pro_item_wrap ul li figure img{width: 100%;}
/*page02 怨듯넻*/


.term_list { margin-bottom: 50px;}
.term_list_tit { margin-bottom: 20px; }
.term_list .term_table { width: 100%; margin: 20px auto; }
.term_list .term_table .t_head th { background: #f9f9f9; font-weight: 700; font-size: 1.125rem; border-top: 2px solid #222!important; }
.term_table th, .term_table td { padding: 20px; border: 1px solid #d9d9d9; text-align: center; }
.term_img { width: 100%; max-width: 1420px; margin: 20px 0; border: 1px solid #d9d9d9; text-align: center; }
.term_img img { max-width: 490px; margin: 30px; }

.term_tab { width: 92%; max-width: 1420px; margin: 0 auto; display: flex; margin-top: 150px; }
.term_tab li a { padding: 20px; display: block; width: 100%; height: 100%; }
.term_tab li.on { background: #222; }
.term_tab li.on a { color: #fff; }



/*영문*/

/*하나로 레일*/
.productView-1.productView-1_en .wfix{align-items: center;}
.productView-1.productView-1_en .productView-info{padding-left: 50px;}
.productView-1.productView-1_en .pro_spec_wrap{gap:0;}
.productView-1.productView-1_en .pro_spec{padding: 20px 5px;}
.productView-1.productView-1_en .pro_spec:first-child{border-top: 1px solid #d9d9d9;}
.productView-1.productView-1_en .pro_spec h3{width: 20%; flex-shrink:0;}
.productView-1.productView-1_en .pro_spec p{width: 80%; }

@media screen and (max-width: 720px){
	.productView-1.productView-1_en .productView-info{padding-left: 0;}
	.productView-1.productView-1_en .pro_spec{padding: 10px 5px;}
	.productView-1.productView-1_en .pro_spec h3{width: 35%;}
	.productView-1.productView-1_en .pro_spec p{width: 65%;}
}
@media screen and (max-width: 480px){
	.productView-1.productView-1_en .pro_spec{flex-wrap: wrap; gap:10px;}
	.productView-1.productView-1_en .pro_spec h3,
	.productView-1.productView-1_en .pro_spec p{width: 100%;}
}
/*하나로 레일*/

/*시공사례*/
.sub_tab_menu.sub_tab_menu_en li{width: 25%;}

@media screen and (max-width: 720px){
	.sub_tab_menu.sub_tab_menu_en{flex-wrap: wrap}	
	.sub_tab_menu.sub_tab_menu_en li{width: 100%;}
	.sub_tab_menu.sub_tab_menu_en li button{border-radius: 10px 10px 0 0;}
}
/*시공사례*/