/* sub page header */
#b_header.sub .b_logo img{filter: brightness(0) invert(1);}
#b_header.sub #b_gnb > li > a{color: #fff;}
#b_header.sub .b_toggle_btn span{background-color: #fff;}
#b_header.sub .b_lang_box .b_lang_btn img{filter: brightness(0) invert(1);}
#b_header.sub .b_lang_list li.on a{color: #fff;}

/* sub page header on */
#b_header.sub.on .b_logo img{filter:none;}
#b_header.sub.on #b_gnb > li > a{color: #222;}
#b_header.sub.on .b_lang_list li.on a{color: #222;}

/* sub page header scroll */
#b_header.sub.scr .b_logo img{filter:none;}
#b_header.sub.scr #b_gnb > li > a{color: #222;}
#b_header.sub.scr .b_lang_list li.on a{color: #222;}
#b_header.sub.scr .b_lang_box .b_lang_btn img{filter: none;}
#b_header.sub.scr .b_toggle_btn span{background-color: #203864;}

/* sub page header scr & site map open */
#b_header.scr.open .b_logo img{filter: brightness(0) invert(1);}
#b_header.scr.open .b_lang_box .b_lang_btn img{filter: brightness(0) invert(1);}
#b_header.scr.open .b_toggle_btn span{background-color:#fff;}

.b_board_sec { width: 100%; margin: 0 auto; max-width: 1520px; }

/* sub visual 공통 */
.b_sv_box{height:580px; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-end; }
.b_sv_box .b_bg_wrap{position: absolute; left: 0; top: 0; width: 100%; height:100%; z-index: -1; overflow: hidden;}
.b_sv_box .b_bg_box{position: absolute; left: 0; top: 0; width: 100%; height:100%; transform: scale(1.1); overflow: hidden;}
.b_sv_box .b_bg_box.on {transform: scale(1); transition: transform 6s linear;}
.b_sv_box .b_page_tit{color:#fff; width:92%; max-width:1520px; margin:0 auto; }
.b_sv_box .b_navi_box{height:83px; background-color: rgba(255,255,255,.1); margin-top: 100px; z-index: 9; }
.b_sv_box .b_navi_box .b_inner{height: 100%;}
.b_sv_box .b_navi_box #b_gnb {height: 100%;}
.b_sv_box .b_navi_box #b_gnb .b_sub_menu{display: none;}
.b_sv_box .b_navi_box #b_gnb .b_sub_menu li {height: 100%;}
.b_sv_box .b_navi_box #b_gnb .b_sub_menu li a{color:#fff; font-size: 1.125rem; font-weight: 400; display: flex; padding:0 45px; height: 100%; align-items: center; word-break: keep-all; }
.b_sv_box .b_navi_box #b_gnb > li {height: 100%; display: none;}
.b_sv_box .b_navi_box #b_gnb > li > a{display: none;}
.b_sv_box .b_navi_box #b_gnb > li.sub_on {display: block;}
.b_sv_box .b_navi_box #b_gnb > li.sub_on .b_sub_menu{display: flex; height: 100%; align-items: center; }
.b_sv_box .b_navi_box #b_gnb > li.sub_on .b_sub_menu li.sub_on a.on{background-color: #fff; color:#222222; font-weight: bold; transition:background-color .8s; }
.b_sv_box .b_m_navi_box{display: none; position: relative; z-index: 9; }
.b_sv_box .b_m_navi_box.fixed { position: fixed!important; width: 100%; }
.b_sv_box .b_m_navi_box .b_now_box{height: 100%; display: flex; justify-content: space-between; align-items: center; cursor:pointer; width: 92%; margin: 0 auto;}
.b_sv_box .b_m_navi_box .b_now_box img{width: 13px; transition:transform .3s; }
.b_sv_box .b_m_navi_box.fixed .b_now_box img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(237deg) brightness(105%) contrast(106%); }
.b_sv_box .b_m_navi_box .b_now_box.on img{transform: rotate(-180deg); transition:transform .3s; }
.b_sv_box .b_m_navi_box .b_now_box span{color:#fff; }
.b_sv_box .b_m_navi_box.fixed .b_now_box span { color: #000; }
.b_sv_box .b_m_navi_box .b_menu_box {position: absolute; left: 0; top: 100%;z-index: 5; width:100%; background-color: #f9f9f9; display: none;}
.b_sv_box .b_m_navi_box #b_gnb > li {height: 100%; display: none;}
.b_sv_box .b_m_navi_box #b_gnb > li > a{display: none;}
.b_sv_box .b_m_navi_box #b_gnb > li.sub_on {display: block;}
.b_sv_box .b_m_navi_box #b_gnb .b_sub_menu {}
.b_sv_box .b_m_navi_box #b_gnb .b_sub_menu li {border-bottom: 1px solid #d9d9d9;}
.b_sv_box .b_m_navi_box #b_gnb .b_sub_menu li a{color:#222222; font-size: 1.125rem; font-weight: 400; word-break: keep-all; height: 65px; display: block; display: flex; align-items: center; width: 92%; margin: 0 auto; font-size: 13px;}
.b_sv_box .b_m_navi_box #b_gnb > li.sub_on .b_sub_menu li.sub_on a{color:#0ea2f0; font-weight: bold; }

.b_navi_box.fixed { background-color: #f9f9f9; }
.b_navi_box.fixed #b_gnb .b_sub_menu li a { color: #000; }
.b_sv_box .b_navi_box.fixed .b_inner { width: 78%; }
.b_sv_box .b_navi_box.fixed #b_gnb .b_sub_menu li.sub_on { background: #fff; }
.b_sv_box .b_navi_box.fixed #b_gnb .b_sub_menu li.sub_on a { font-weight: 700; }

@media screen and (max-width:1280px){
    .b_sv_box .b_navi_box #b_gnb .b_sub_menu li a{padding: 0 30px;}
}
@media screen and (max-width:1080px){
    .b_sv_box{height:500px; }
    .b_sv_box .b_navi_box {display: none;}
    .b_sv_box .b_m_navi_box{display: block; margin-top: 60px; background-color: rgba(255,255,255,.1); height: 65px; }
    .b_sv_box .b_m_navi_box.fixed { background-color: #f9f9f9; z-index: 9; }
}
@media screen and (max-width:720px){
    .b_sv_box{height:400px; }
    .b_sv_box .b_m_navi_box{height: 45px; }
    .b_sv_box .b_m_navi_box #b_gnb .b_sub_menu li a{height: 40px; font-size: 11px;}
}


/* sub section 공통 */
.b_sub_sec{padding: 150px 0;}
.b_sub_sec .b_sec_tit{text-align: center; word-break: keep-all; margin-bottom: 55px;}

.b_intro_sec figure, .b_intro_sec2 figure, .b_intro_sec3 figure, .b_intro_sec4 figure{height: 400px; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; margin:0 auto;}
.b_intro_sec figure img, .b_intro_sec2 figure img, .b_intro_sec3 figure img, .b_intro_sec4 figure img{display: block; width: 100%; height: 100%; object-fit: cover;}

.b_intro_sec, .b_intro_sec2, .b_intro_sec3, .b_intro_sec4 { padding-top: 200px!important; }

.b_0102_2{background-color: #f9f9f9; text-align: center; color:#999;}
.b_0102_1{background-color: #ffffff; text-align: center; color:#999;}
.inner{max-width: 1520px; margin: 0 auto;}
.tit_box{margin-bottom: 80px;}
.tit_box .sub_tit{margin-bottom: 15px;font-weight: 500; color:#7ecaff;}
.tit_box h3{margin-bottom: 20px;font-weight: 600;}
.tit_box p{line-height: 150%}

.sub_txtbox{margin-bottom:60px;}
.sub_txtbox h3{margin-bottom:40px!important}

.icon_box img {width:100%}


@media screen and (max-width:1520px){
	.inner{padding: 0 20px;}
}

@media screen and (max-width:1080px){
	.inner{padding: 0 50px;}
    .b_sub_sec{padding: 100px 0;}
    .b_intro_sec figure, .b_intro_sec2 figure, .b_intro_sec3 figure, .b_intro_sec4 figure{height: 300px; }
    
}
@media screen and (max-width:720px){
	.tit_box {margin-bottom: 60px;}
	.inner{padding: 0 30px;}
    .b_sub_sec{padding: 70px 0;}
    .b_sub_sec .b_sec_tit{margin-bottom: 20px;}
    .b_intro_sec figure, .b_intro_sec2 figure, .b_intro_sec3 figure, .b_intro_sec4 figure{height: 187.5px; }
    .b_intro_sec, .b_intro_sec2, .b_intro_sec3, .b_intro_sec4 { padding-top: 150px!important; }
/*    .b_0102_2{height: 300px;}*/
}

/*테크_공통*/
.texh_con_box_wrap {display: flex;flex-direction: column; gap: 100px;}
.tech_con_box {display: flex;flex-direction: column;align-items: center;gap:50px;}
.tech_txt_box { width: 100%;}
.tech_txt { bottom: 10%;}
.tech_txt span{line-height: 150%}
.tech_txt .tech_txt_tit{margin: 20px 0 25px;}
.tech_img_box { width: 70%;position: relative;}
.tech_img_box img {border-radius: 15px; width: 100%;}
.tech_img_num {position: absolute;right: 5%;top: 5%;color:#ffffff;font-weight: 600;}
.tech_img_box.two_img {display: flex;justify-content: center;gap: 20px;	width: 50%;}
.tech_img_box.thr_img {display: flex;justify-content: center;gap: 20px;	width: 30%;}


@media screen and (max-width:1200px){
}
@media screen and (max-width:1080px){
	.tech_txt {position: relative;}
	.tech_txt_box {width: 100%;background-color: #fff; border-radius: 15px;text-align: left;padding: 25px;position: relative;}
	.tech_img_box {width: 100%;}
	.tech_con_box{flex-direction: column; gap:30px;}
	.tech_con_box:nth-child(even) {flex-direction: column;}
	.texh_con_box_wrap {gap: 80px;}
	.tech_img_box.two_img {flex-direction: column;width: 100%;}
}
@media screen and (max-width:720px){
	
	
	}


/*솔루션_table*/
.product_specs table {border: solid 1px #d9d9d9; width: 100%;max-width: 700px;border-spacing: 0;border-radius: 10px;overflow: hidden;}
.product_specs table th{color: #ffffff;background-color: #222222;font-weight: 500; padding:0 20px; font-size: 1.25rem;}
.product_specs table td:last-child{text-align: left; background-color: #fff;}
.product_specs table td{padding:20px;font-size: 20px; line-height: 150%;}
.product_specs table tr{border-bottom: 1px solid #d9d9d9;}


/*솔루션-제품라인업*/
.s_0201_2 .product_lineup  { display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;}

@media screen and (max-width:1200px){
}
@media screen and (max-width:1080px){
	.s_0201_2 .product_box {width: 390px;}
	.s_0201_2 .product_lineup{align-items: center;flex-direction: row}
}
@media screen and (max-width:720px){
	.product_specs table th{font-size:14px;width:20%;}
	}

	@media screen and (max-width:400px){
		.s_0201_2 .product_box {width: 300px;}
	}	


/*솔루션-무선중계기*/
.s_0202_2 {margin-top:80px;}

.sol_spec h4 {font-size:2.813rem;font-weight: 600; margin-bottom: 50px; }

.product_specs {display: flex; justify-content: center;align-items: center; gap: 80px;}
.product-image {width: min(100%, 580px);text-align: center; margin-bottom: 20px; }
#main-product-image {width: 580px;height: auto;}

.thumbnail-container {display: flex;flex-wrap: wrap;justify-content: center; gap: 10px;margin-top: 30px;}

.thumbnail {width: 120px;height: 120px;box-sizing: border-box;object-fit: contain;cursor: pointer;border: 1px solid #ccc;padding: 5px;background-color: #fff;}

.thumbnail:hover { border-color: #b1e1f1;}

.product_lineup {display: flex;justify-content: center;gap:30px;}
.product_box { background-color: #d4eaf1;border-radius: 15px;position: relative;cursor: pointer;}
       

.product_box p {font-weight: bold;position: absolute;z-index: 2;top: 30px;left: 30px;color:#222222;pointer-events: none;}

.product_box img {display:block;position:relative;z-index:1;width:100%;max-width: 500px;height: auto;border-radius: 15px;}
.product_box img.product-lineup-rotating {transition: opacity 0.28s ease;will-change: opacity;}
.product_box img.product-lineup-rotating.is-changing {opacity: 0.12;}
@media (prefers-reduced-motion: reduce) {
	.product_box img.product-lineup-rotating {transition: none;}
}



.product_box .add-button {position: absolute;z-index:3;bottom: 30px;left: 50px;transform: translateX(-50%); background-color: white;
            border-radius: 50%;width:50px; height:50px;display: flex;justify-content: center; align-items: center;color: #d4eaf1;font-size:0;}
.product_box .add-button::before {content:'+';font-size:2.8125rem;line-height:1;transform:translateY(-2px);}

.product-image .product_main_img {display: block;width:100%;height: auto;aspect-ratio: 1 / 1;object-fit: contain;margin: 0 auto;}

@media screen and (max-width:1200px){
	.product_specs table {max-width: 545px;}
}
@media screen and (max-width:950px){
	.product_lineup {flex-direction: column;}
	.product_specs {flex-direction: column;}
}
@media screen and (max-width:720px){
	.product_specs table td { padding: 15px;font-size: 15px; line-height: 150%;}
	.product_specs table td:last-child {padding-right: 0px;}
	.product-image {width: 100%;}
	.product_specs {gap:30px;}
	}
@media screen and (max-width:600px){
	.thumbnail {width: 80px;height: 80px;}
	.product_box .add-button {display: none;}
}

/*솔루션_악세사리*/

.product_lineup_cat{display: flex;flex-direction: column; width: 50%}
.product_lineup_cat .product_box img{max-width:238px; }
.product_lineup_cat h4{color: #ffffff; background-color: #26354d;padding: 15px 30px;max-width: 250px;text-align: center;border-radius: 100px; margin-bottom: 20px;
					   font-size: 1.125rem;}
.s_0207_3 .product_box_wrap {display: flex; flex-wrap: wrap;justify-content: flex-start;gap: 15px;}

@media screen and (max-width:1080px){
	.s_0202_2 .product_lineup{flex-direction: column;}
	.product_lineup_cat {width: 100%}
}

@media screen and (max-width:720px){
	.product_lineup_cat {align-items: center;}
	.product_lineup_cat .product_box img {max-width: 138px;}
	.s_0207_3 .product_box_wrap {justify-content: center;}
}
 

/*회사개요*/
.company_figure {height:500px!important;}
.company_intro {display: flex;justify-content: space-between;align-items: flex-start;margin-top: 50px;text-align: left;}

.company_intro p{line-height: 150%}
.company_intro h4{color:#26344c;}

.c_0401_1 .company_list {display: flex;align-items: center;justify-content: center;column-gap: 40px;}
.c_0401_1 .company_list li{width: 25%; border-radius: 50%; background-color: #fff; gap:25px;display: flex;align-items: center;justify-content: center; flex-direction: column;
    aspect-ratio: 1 / 1; position: relative;margin-right: 0;border: solid 1px #d9d9d9 !important}

.c_0401_2 {background-image: url(/img/sub/company_cont2_bg.jpg);max-height: 450px;}
.c_0401_2 h2 {color:#ffffff;font-weight: 600;}
.c_0401_2 .tit_box {margin-bottom: 0px;}



.c_0401_4 .chart_box {background-color: #fff;border-radius: 15px;padding:80px 230px;}
.c_0401_4 .chart_box img{width:100%;}


@media screen and (max-width:1200px){
	.c_0401_4 .chart_box { padding:50px 100px;}
}
@media screen and (max-width:1080px){
	.icon_box { width: 35%;}
	.company_intro {text-align: center;align-items: center;flex-direction: column;row-gap: 20px;}
}
@media screen and (max-width:720px){
	
	.c_0401_1 .company_list {flex-wrap: wrap;row-gap: 15px;column-gap: 15px;justify-content: center;}
	.c_0401_1 .company_list li {width: 48%;}
	.c_0401_4 .chart_box {padding: 70px;}
	.c_0401_3 img {width: 100%;}
	}