.enfont{font-family:'Poppins','pretendard','맑은 고딕','san-serif' !important;}
* {letter-spacing:-0.25px;word-break:keep-all;}
body{overflow-x:hidden;}
/** 헤더 시작  **/
#header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 10000;
    transition: background-color 0.2s;
	height: 70px;
	background-color: rgba(255,255,255,1);	
	box-shadow: 1px 1px 3px 3px #00000015;
}

.header_inner{
    display: flex;
    align-items: center;
    height: 100%;
	width:90%;
	max-width:var(--innersize);
	margin:0 auto;
    justify-content: space-between;
}

.logo{
    height: 38px;
    overflow: hidden;
	
}

.logo a{
	display: block;
	height: 100%;
	border-radius:10px;
	}
	
 .logo a img{
	height: 100%;
	width: 100%;
	object-fit: contain;
 }

.header_right{
    display: flex;
    height: 100%;
	margin-right:5%;
}
.header_back{background:#fff;width:100%;height:0px;top:70px;left:0;position:absolute;
    background-color: transparent;
    -webkit-transition: background-color 0.3s, all 0.3s;
    transition: background-color 0.3s, all 0.3s;
}
#header.on .header_back:after{content:'';position:absolute;top:100%;left:0;width:100%;height:5px;background:linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0));}
#header.on .header_back{height:200px;}
#header.on .header_back {
    background: #fff;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.header_main_menu{
	display:flex;
	position:relative;
	gap:3rem;
}


.header_main_menu_li {
    height: 100%;
    position: relative;
}
.user_info{
	display: flex;
	align-items: center;
	height: 100%;
	transition: color 0.3s, background-color 0.3s; 
	cursor: pointer;
	position:relative;
}
.user_info:before{
	content: '';
	display: block;
	width: 1px;
	height:15%;
	background:#555;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.user_info a{
	display:block;
	color: #222;
	padding: 0 30px;
	font-weight: 600;
	font-size: 1.1rem;
   
}
.header_main_menu_li ul {
    position: relative;
    display: block;
    overflow: hidden; 
    z-index: 1000; 
	opacity:0;
	visibility:hidden;
	transition:all 0.3s;
}
#header.on .header_main_menu_li ul {
	opacity:1;
	visibility:visible;
}
.header_main_menu_li > a {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.1rem;
    padding: 0px 1.8rem;
    height: 100%;
    color: #222;
    transition: color 0.3s, background-color 0.3s; 
    cursor: pointer;
	position:relative;
}
.header_main_menu_li.on > a{
	color:var(--s1-color);
	transition:all .3s cubic-bezier(.25, .46, .45, 1);
}
.header_main_menu_li > a.on{
	color:var(--s1-color);
	transition:all .3s cubic-bezier(.25, .46, .45, 1);
}
.header_main_menu_li > a:before{
	content:'';
	width:0;
	height:2px;
	background:#fff;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	transition:all .3s cubic-bezier(.25, .46, .45, 1);
	z-index:10;

}
.header_main_menu_li.on > a:before{
	width:100%;
	background:var(--s1-color);
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.header_main_menu_li > a.on:before{
	width:100%;
	background:var(--s1-color);
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}



.header_sub_menu {
    text-align: left;
    padding: 10px 0; 
}

.header_sub_menu a {
    width: 100%;
    padding: 0.8rem 0; 
    box-sizing: border-box;
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-weight: normal; 
    font-size: 1rem; 
	font-weight:400;
    background-color: transparent; 
    transition: background-color 0.3s, color 0.3s;
    justify-content: center;
	color:#888;
}

.header_sub_menu a:hover {
 
    color: var(--s1-color); 
}


@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.ham_btn, .ham_btn span {  display: inline-block;  transition: all .4s;  box-sizing: border-box;}
.ham_btn {  position: relative;  width: 30px;  height: 22px;display:none;}
.ham_btn span { position: absolute;  left: 0;  width: 100%;  height: 2px;  background-color: #000;  border-radius: 10px;}
.ham_btn span:nth-of-type(1) { top: 0;}
.ham_btn span:nth-of-type(2) { top: 50%; transform:translateY(-50%);}
.ham_btn span:nth-of-type(3) {bottom: 0;}
.ham_btn.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg);}
.ham_btn.active span:nth-of-type(2) { opacity: 0;}
.ham_btn.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}
.mobile_header{width:100%;position:fixed;height:100vh;top:0;left:40%;z-index:50000;opacity: 0;visibility: hidden;transition: opacity 0.4s ease, visibility 0.4s ease ,all 1s;}
.mobile_header.active{opacity: 1;visibility: visible;left: 0%;}
/*.mobile_header .hammenu_bg{background:#fdfdfd;position:absolute;top:0;left:0;width:100%;height:100%;}
.mobile_header #mobile_header_wrap{position:relative;}*/
.mobile_header .ham_btn{z-index:51000; right: 5%; position: absolute;top: 25px;}
.mobile_header .ham_btn span{background-color:#fff;}
.hammenu_wr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.8);*/
	background-color: rgba(30, 30, 30, 1);
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-y: auto;
    
}
.hammenu_wr.active {
    
}

.hammenu_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
#mobile_header_wrap {
  position: relative;
    width: 90%;
    color: #fff;
    z-index: 102;
    display: flex;
    flex-direction: column;
	margin:0 auto;
	margin-top:60px;
}

.hammenu_li_box{
/*	display: flex;*/
    flex-direction: column;
	width:100%;
}

.hammenu_li {
    margin: 10px 0;
    cursor: pointer;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}

.hammenu_li span {
    display: inline-block;
    padding: 5px 0;
}

.ham_sub_menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease; 
}

.ham_sub_menu.open {
    max-height: 200px;
}
.ham_sub_menu li {
    margin: 10px 0;
}

.ham_sub_menu a {
    color: #aaa;
    text-decoration: none;
    font-size: 1.3rem;
    padding-left: 15px;
    display: block;
    transition: color 0.3s ease;
}

.ham_sub_menu a:hover {
    color: #fff;
}

/* 열기/닫기 효과 */
.hammenu_li.y.on + .ham_sub_menu {
   /* display: block;*/
	max-height:200px;
}

.hammenu_li_login{
	margin: 10px 0;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}

.hammenu_li_login ul{
	display:flex;
}
.hammenu_li_login a{
	font-size: 1.2rem;
    font-weight: bold;
	color:#fff;
}
.hammenu_li_login li{
	position:relative;
}
.hammenu_li_login li:nth-child(1){
margin-right:2rem;
}
.hammenu_li_login li:nth-child(1):after{	
	content:'';
	width:1px;
	height:80%;
	background:#555;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:-1rem;	
}
/******  모바일용 헤더 끝 *****/
@media all and (max-width: 1024px) {
.ham_btn{display:inline-block;}
}
p{word-break:keep-all;}
/*Main-visual*/
.main_visual{width:100%;height:100vh;position:relative;}
.main_visual img{width:100%;height:100%;object-fit:cover;filter:brightness(0.95);}
.main_visual .mv_textbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;width:90%;pointer-events:none;}
.main_visual .mv_textbox .title{font-size:4.4rem;font-weight:700; color:#fff;word-break:keep-all;margin-bottom:1.2rem;text-shadow:1px 1px 5px #000000b8;letter-spacing:-2px;}
.main_visual .mv_textbox .text{font-size:1.4rem;word-break:keep-all; color:#fafafa; font-weight:500;text-shadow:1px 1px 5px #000000b8;}
/*Main-visual end*/
.main_section_titlebox{}
.main_section_titlebox .main_cate{font-size:1.1rem; font-weight:600;color:var(--s1-color);margin-bottom:0.6rem;}
.main_section_titlebox .main_title{font-size:3rem; font-weight:800; color:#222;margin-bottom:0.8rem;}
.main_section_titlebox .main_text{font-size:1.1rem;line-height:1.5;}

.main_section{width:100%;position:relative;padding:8rem 0;}
.main_section .inner{max-width:var(--innersize);width:90%;margin:0 auto;}
.main_section01{padding-bottom:0 !important;}
.main_section01 .main_section_titlebox{text-align:center;margin-bottom:3rem;}
.main_section01 ul{display:flex;margin-top:3rem;}
.main_section01 ul li{flex:1;width:33.3%;position:relative;}
.main_section01 ul li .img{width:100%;filter:brightness(0.3);overflow:hidden;}
.main_section01 ul li .img img{width:100%;transition:0.6s;transform:scale(1.01);}
.main_section01 ul li:hover .img img{transform:scale(1.05);}
.main_section01 ul li .textbox{position:absolute;top:50%;width:90%;left:50%;transform:translate(-50%,-50%);text-align:center; color:#fff; }
.main_section01 ul li .textbox .title{font-weight:700; font-size:3rem;margin-bottom:0.6rem;}
.main_section01 ul li .textbox .text{font-size:1.1rem; font-weight:500;width:90%;margin:0 auto; color:#fafafa;line-height:1.4;opacity:0.85;}

.main_section02 .flex{display:flex;width:100%;align-items: flex-end;justify-content: space-between;}
.main_section02 .moreview_btn{display:block;padding:1rem 4rem;background:#121212;color:#fff; font-weight:600; font-size:1.1rem;border-radius:50px;}
.main_section02 .img{width:100%;margin-top:3rem;width:100vw;transform:translateX(-50%);left:50%;position:relative;transition:1s 0.6s;height:25vw;}
.main_section02 .img img{width:100%;border-radius:0px;transition:1s 0.6s;height:100%;object-fit:cover;}
.main_section02.aos-animate .img{width:100%;}
.main_section02.aos-animate .img img{border-radius:50px;}




.main_section03{position: relative;  /* 전체 화면 크기 */ overflow: hidden;padding:0 !important;}
.main_section03 .banner {position: relative;width: 100%; height: 500px; overflow: hidden;}
.main_section03 .banner .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/template/bonyang_tech/images/main_section03_bg.jpg'); background-size: cover; background-position: center; background-attachment: fixed; /* 배경 고정 */filter:brightness(0.3);transition:0.6s 0.6s}
.main_section03 .banner .textbox{display:flex;width:90%;height:100%;flex-direction: column; justify-content: center; align-items: center;position:relative;z-index:10;text-align:center;margin:0 auto;}
.main_section03 .banner .textbox .title{color:#fafafa; font-size:3rem; font-weight:800;margin-bottom:1.1rem;}
.main_section03 .banner .textbox .text{color:#fafafa; font-size:1.2rem;opacity:0.8;line-height:1.5;}
.main_section03 .moreview_btn{display:block;padding:1rem 4rem;background:#fafafa;color:#222; font-weight:600; font-size:1.1rem;border-radius:50px;margin-top:3rem;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.8);backdrop-filter:blur(4px);color:#fafafa;transition:0.4s;}
.main_section03 .moreview_btn:hover{ background: #ff0000c9; border: 2px solid rgba(255, 255, 255, 0);}
.main_section03.aos-animate .banner .img{filter:brightness(0.3) blur(2px);}

.main_section04{padding-bottom:0 !important;}
.main_section04 .main_section_titlebox{margin-bottom:2rem;}
.main_section04 .board_flex{display:flex;gap:2%;}
.main_section04 .board_flex > div{width:49%;}
.main_section04 .news{}

.main_section05{padding-bottom:0 !important;}
.main_section05 .main_section_titlebox{margin-bottom:3rem;}
.main_section05 #map{height:600px;}


@media all and (max-width: 1800px) {

}/**/
@media all and (max-width: 1440px) {
.main_visual .mv_textbox .title {font-size: 3.8rem;}
.main_section02 .img{height:32vw;}
}/**/
@media all and (max-width: 1024px) {
.main_section{padding:6rem 0;}
.main_section01 .main_section_titlebox{margin-bottom:2.6rem;}
.main_section01 ul li .textbox .title{font-size:2.4rem;}
.main_section03 .banner{height:400px;}
.main_section03 .banner .textbox .title{font-size:2.4rem;}
.main_section03 .moreview_btn{margin-top:2.4rem;}
.main_section03 .moreview_btn{background:#ff0000c9;border:2px solid rgba(255,255,255,0);}

}/**/
@media all and (max-width: 767px) {
.main_section01 .main_section_titlebox{margin-bottom:2.4rem;}
.main_section01 ul{flex-direction:column;}
.main_section01 ul li{width:100%;height:40vw;flex:unset;}
.main_section01 ul li .img{height:100%;}
.main_section01 ul li .img img{height:100%;object-fit:cover;}
.main_section02 .flex{align-items: flex-start;justify-content: flex-start;flex-direction: column;gap:1.6rem;}
.main_section02 .img{height:40vw;}
.main_section02 .img img{border-radius:0;}
.main_section02.aos-animate .img{width:100vw;}
.main_section02.aos-animate .img img{border-radius:0px;}
.main_section03 .banner{height:340px;}
.main_section04 .board_flex{flex-direction:column;gap:3rem;}
.main_section04 .board_flex > div{width:100%;}
.main_section05 .main_section_titlebox {margin-bottom: 2.4rem;}
.main_section05 #map{height:400px;}
}/**/
@media all and (max-width: 570px) {
.main_visual .mv_textbox .title {font-size: 3.2rem;}
}/**/
@media all and (max-width: 480px) {
	.main_section_titlebox .main_title {font-size: 2.6rem;}
    .main_section01 ul li .textbox .title {font-size: 2.2rem;}
	.main_section03 .banner .textbox .text{font-size:1.1rem;}

}/**/


#ft{padding-bottom:4rem;}
.ft_inner{
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 90%;
	margin: 0 auto;
	max-width:var(--innersize);
}

.ft_inner a{
	
	color:#fff;
	font-weight:600;
	font-size:16px;
}

.ft_top{
	display:flex;
	width:100%;
	border-bottom:1px solid #555;
	padding:1rem 0;

}
.ft_top a{
	font-size:1.1rem;
}

.ft_top li a{
	margin-right:2rem;
	position: relative;
}  

.ft_top_bar::after{

	content: '';
	display: block;
	width: 1px;
	right:-1rem;
	height:80%;
	background:#fff;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.ft_top li:last-child a:after {display:none;}
.ft_bottom{
	display: flex;
	margin: 30px 0 0;
	text-align:left;
}

.ft_logo{

	width: 117px;
	height: 80px;
	overflow: hidden;

	
}
.ft_logo span{

	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../portfolio01/img/logo3.png);
	background-size: 500px 350px;
	border-radius: 10px;
	background-position: -316px -393px;
	filter: invert(100%);
}
.ft_inner2{
	display:flex;
	width:100%;
}
.ft_company_txt01{
	font-size:1rem;
	font-weight:300;
	line-height:1.4;
	margin-right:2rem;
	position:relative;
}
.ft_company_txt01:last-child{
	margin-right:0 !important;
}
.ft_company_txt01:last-child:after{
	display:none;
}
.ft_company_txt01:after{
	content:'';
	width:1px;
	height:80%;
	background:#fff;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:-1rem;
}
.ft_company_txt02{
	font-size:1.4rem;
	font-weight:600;
	margin-bottom:0.4rem;
}

.copyright{
	font-size:0.8rem;
	font-weight:200;
	color:#fafafa;
	margin-top:0.4rem;
}
@media all and (max-width: 1800px) {

}/**/
@media all and (max-width: 1440px) {

}/**/
@media all and (max-width: 1024px) {
.header_back{display:none !important;}
}/**/
@media all and (max-width: 768px) {
.ft_inner2{flex-direction:column;gap:0.2rem;}
.ft_company_txt01:after{display:none;}
.ft_company_txt02{margin-bottom:1.4rem;}
.copyright{margin-top:1rem;}
}/**/
@media all and (max-width: 570px) {

}/**/
@media all and (max-width: 480px) {
.ft_bottom{margin-top:1rem;}
.ft_company_txt02 {font-size: 1.8rem;margin-bottom:1rem;}
}/**/
#container_title{display:none;}

.sub_content_wr{margin-top:8rem;}
/*sub-visual*/
.sub_visual{width:100%;height:540px;position:relative;}
.sub_visual img{width:100%;height:100%;object-fit:cover;filter:brightness(0.6); filter:brightness(0.8) contrast(0.7) saturate(0.9);}
/*.sub_visual .mv_textbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;width:90%;pointer-events:none;}
.sub_visual .mv_textbox .cate{font-size:1rem;font-weight:500; color:#fff;word-break:keep-all;margin-bottom:0.6rem;}
.sub_visual .mv_textbox .title{font-size:3.2rem;font-weight:700; color:#fff;word-break:keep-all;margin-bottom:1.2rem;letter-spacing:-2px;}
.sub_visual .mv_textbox .text{font-size:1.1rem;word-break:keep-all; color:#fafafa; font-weight:500;}*/
.sub_visual .mv_textbox{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:left;width:90%;pointer-events:none;max-width:var(--innersize);}
.sub_visual .mv_textbox .cate{font-size:1rem;font-weight:500; color:#fff;word-break:keep-all;margin-bottom:0.8rem;text-indent:0.3rem;color:#ddd;}
.sub_visual .mv_textbox .title{font-size:3.2rem;font-weight:700; color:#fff;word-break:keep-all;margin-bottom:1.6rem;letter-spacing:-2px;}
.sub_visual .mv_textbox .text{font-size:1.1rem;word-break:keep-all; color:#fafafa; font-weight:500;line-height:1.5}
/*Main-visual end*/


/* breadcrumb_wr */
.breadcrumb_wr{ border-bottom: 1px solid #eee; position: relative; z-index: 2;}
.breadcrumb_wr .breadcrumb_ul{ display: flex; height: 50px; line-height: 50px; width: 90%; max-width:var(--innersize); margin:0 auto; }
.breadcrumb_wr .breadcrumb_ul li{z-index: 1; position: relative; border-right: 1px solid #eee; width:100%;}
.breadcrumb_wr .breadcrumb_ul .breadcrumb_li {width:20%;}
.breadcrumb_wr .sub_breadcrumb li{ border-top: 1px solid #eee; box-sizing: border-box; }
.breadcrumb_wr .sub_breadcrumb li:last-child{ border-bottom: 1px solid #eee; }
.breadcrumb_wr .sub_breadcrumb li a{ font-size: 14px; font-weight: 400; color: #191919; }
.breadcrumb_wr .sub_breadcrumb li:hover a{ font-weight: 600; color: var(--main-color02); }


.breadcrumb_wr .breadcrumb_ul li a { display: block; padding-left: 15px; } 
.breadcrumb_wr .breadcrumb_ul li a span {font-size:12px;}
.breadcrumb_wr .breadcrumb_ul li a .gohome{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; }
.breadcrumb_wr .breadcrumb_ul li .tit{ padding-left: 15px; font-size: 16px; font-weight: 600; color: #191919; background-image: url('/template/bonyang_tech/images/icon_breadcrumb_arrow.svg'); background-repeat: no-repeat; background-position:calc(100% - 15px) 50%; cursor: pointer; }
.breadcrumb_wr .breadcrumb_ul li .tit span {font-size:12px;}
.breadcrumb_wr .breadcrumb_ul li .tit.open{ background-image: url('/template/bonyang_tech/images/icon_breadcrumb_arrow_hover.svg'); }
.breadcrumb_wr .breadcrumb_ul li.home{ width: 50px; opacity:0.8;}
.breadcrumb_wr .breadcrumb_ul li.breadcrumb__li02, .breadcrumb__wr .breadcrumb__ul li.breadcrumb__li03{ }
.breadcrumb_wr .breadcrumb_ul li.breadcrumb__li02{ width: 35%; }
.breadcrumb_wr .breadcrumb_ul li.breadcrumb__li03{ width: calc(65% - 50px); border-right: none; }

.breadcrumb_wr .sub_breadcrumb{ position: relative; background-color: #fff; z-index: 10; margin: 0 0px; display: none; position: absolute; top: 50px;  left: -1px; width: calc(100% + 2px);}
.breadcrumb_wr .sub_breadcrumb li{ border-left: 1px solid #eee; }

@media screen and (max-width:1024px){
.breadcrumb_wr .breadcrumb_ul{width:100%;}
.breadcrumb_wr .breadcrumb_ul .breadcrumb_li {width: 25%;}
.breadcrumb_wr .breadcrumb_ul li.home {min-width: 60px;}
}
@media screen and (max-width:768px){
.breadcrumb_wr .breadcrumb_ul .breadcrumb_li {width: 50%;}
}
@media screen and (max-width:480px){
	.breadcrumb_wr .breadcrumb_ul{height:40px;line-height:40px;}
	.breadcrumb_wr .breadcrumb_ul li .tit{ font-size: 12px; }
	.breadcrumb_wr .breadcrumb_ul li.home {min-width: 40px;width:40px;}
	.breadcrumb_wr .breadcrumb_ul li a .gohome{width:15px;}
	.breadcrumb_wr .sub_breadcrumb{top:40px;}
	.breadcrumb_wr .sub_breadcrumb li a {font-size: 12px;}
	
}
@media screen and (min-width:481px){
	.breadcrumb_wr .breadcrumb_ul li.home{ border-left: 1px solid #eee; } 
	.breadcrumb_wr .breadcrumb_ul li.breadcrumb_li03{ border-right: 1px solid #eee; }
}/*480*/

@media screen and (min-width:769px){
	.breadcrumb_wr .breadcrumb_ul li .tit{ font-size: 15px; font-weight: 500; }
	.breadcrumb_wr .sub_breadcrumb li a{ font-size: 15px; font-weight: 500; }

}/*768*/
@media screen and (min-width:1025px){
	.breadcrumb_wr .breadcrumb_ul li .tit {background-position:calc(100% - 20px) 50%; padding-left:20px;}

	.breadcrumb_wr .breadcrumb_ul li.breadcrumb_li02, .breadcrumb_wr .breadcrumb_ul li.breadcrumb_li03{ max-width: 240px; }
	.breadcrumb_wr .breadcrumb_ul li.breadcrumb_li03.medical{ max-width:360px; }
	.breadcrumb_wr .breadcrumb_ul li a{ padding-left: 20px; }
}/*1025*/


/*폰트사이즈 세팅*/
html{
	font-size:16px;
	color:var(--m-color);
}
/*var*/
:root {
	--rem--12: 0.750rem;
	--rem--14: 0.875rem;
	--rem--16: 1rem;
	--rem--18: 1.125rem;
	--rem--20: 1.250rem;
	--rem--22: 1.375rem;
	--rem--24: 1.5rem;
	--rem--26: 1.625rem;
	--rem--28: 1.75rem;
	--m-color: #222;
	--s-colorwhite: #fff;
	--s1-color: #3172a1;
	--s2-color: #ffbf00;
	--innersize: 1350px;
}
.hidden1440{}
.visible1440{display:none;}
.hidden1024{}
.visible1024{display:none;}
.hidden768{}
.visible768{display:none;}
.hidden480{}
.visible480{display:none;}
.hide{display:none !important;}

@media all and (max-width: 1440px) {
	html{
		font-size:15px;
	}
	.hidden1440{display:none !important;}
	.visible1440{display:block;}
}
@media all and (max-width: 1024px) {
	html{
		font-size:14px;
	}
	.hidden1024{display:none !important;}
	.visible1024{display:block;}
}
@media all and (max-width: 768px) {
	html{
		font-size:14px;
	}
	.hidden768{display:none !important;}
	.visible768{display:block;}
}
@media all and (max-width: 570px) {
	html{
		font-size:13px;
	}
}
@media all and (max-width: 480px) {
	html{
		font-size:3.2vw;
	}
	.hidden480{display:none !important;}
	.visible480{display:block;}
}
/*//////폰트사이즈 세팅/////*/
.sub_content_wr .section_cate{font-size:1.1rem;font-weight:600;color:#222;position:relative;margin-bottom:0.6rem;}
.sub_content_wr .section_title{font-size:2rem;font-weight:700;color:#222;position:relative;margin-bottom:2rem;}
.sub_content_wr .section_title:before{content:'';position:absolute;bottom:-10px;left:0;width:3rem;height:0.2rem;background:var(--s1-color);}
.sub_content_wr .inner{max-width:var(--innersize);width:90%;margin:0 auto;}
.sub_content_title{font-size:2.4rem; font-weight:700; text-align:center;margin-bottom:3rem;}
.color_m{color:var(--s1-color) !important;}
.color_s{color:var(--s2-color) !important;}

@media screen and (max-width:1800px){
.sub_content_wr .section_title{font-size:1.8rem;margin-bottom:1.8rem;}
}/*1800*/
@media screen and (max-width:1440px){
.sub_content_wr .section_title{font-size:1.8rem;margin-bottom:1.8rem;}
.sub_visual {height: 480px;}
}/*1440*/
@media screen and (max-width:1024px){
.sub_content_wr {margin-top: 6rem;}
.sub_visual {height: 400px;}
.header_main_menu{display:none;}
.sub_visual .mv_textbox{top:auto;bottom:10%;transform:Translate(-50%,0);}
.sub_visual .mv_textbox .title {font-size: 2.8rem;margin-bottom:1.2rem;}
.sub_visual .mv_textbox .text {font-size: 1rem;}
}/*1024*/
@media screen and (max-width:768px){
.sub_content_title{margin-bottom:2.2rem;}
.logo {height: 26px;}
}/*768*/
@media screen and (max-width:570px){
.sub_visual {height: 320px;}
}/*570*/
@media screen and (max-width:480px){
.sub_visual .mv_textbox .title {font-size: 2.6rem;margin-bottom:0.4rem;}
}/*480*/

/*회사소개*/
.about_content{padding:6rem 0;}
.about_content .inner{max-width:var(--innersize);width:90%;margin:0 auto;}
.about_content .info{font-size:1.2rem; font-weight:300;word-break:keep-all;line-height:1.5;}
.about_content .flexbox{display:flex; width:100%;}
.about_content .flexbox .left{width:30%;}
.about_content .flexbox .right{width:70%;}
.about_content01{padding-top:0 !important;}
.about_content02{background:#f0f0f0;}
.about_content02 .subtit{margin-bottom:1rem; font-size:1.4rem;font-weight:700;}
.about_content02 ul{width:100%;display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap;}
.about_content02 ul li{width:calc(25% - (20px * 3 / 4));text-align:center;color:#222;background:#fff;height:160px;display:inline-flex;align-items:center;justify-content: center;flex-direction: column;border-radius:10px;}
.about_content02 ul li .img{width:45px;height:44px;display:flex;align-items:center;justify-content: center;}
.about_content02 ul li:nth-child(5) .img,.about_content02 ul li:nth-child(6) .img{width:39px;}
.about_content02 ul li .img img{width:100%;filter: invert(40%) sepia(5%) saturate(5076%) hue-rotate(163deg) brightness(98%) contrast(95%);}
.about_content02 ul li .num{margin-top:1rem;font-size:1.2rem;font-weight:600;display:flex; align-items: center;}
.about_content02 ul li .num span{font-size:1.2em;/*font-weight:700;*/margin-right:3px;}
.about_content02 ul li .name{font-size:1rem;font-weight:500;margin-top:0.4rem; color:#999;}
.about_content .subtit{font-size:1.6rem; font-weight:700; color:#222;margin-bottom:1rem;}
.about_content .subtxt{font-size:1.1rem; font-weight:300; color:#555;margin-bottom:2rem;line-height:1.57;}
.about_content03,.about_content04{padding:4rem 0;}
.about_content03 img,.about_content04 img{width:100%;height:480px;object-fit:cover;object-position:bottom;}
.about_content04 .flexbox{border-top:1px solid #ccc;padding-top:6rem;}
@media all and (max-width: 1800px) {

}/**/
@media all and (max-width: 1440px) {

}/**/
@media all and (max-width: 1024px) {

}/**/
@media all and (max-width: 768px) {
.about_content { padding: 5rem 0;}
.about_content03, .about_content04 {padding: 5rem 0;}
.about_content04{padding-top:0 !important;}
.about_content04 .flexbox{padding-top:5rem;}
.about_content .flexbox{flex-direction:column;}
.about_content .flexbox .left {width: 100%;}
.about_content .flexbox .right {width: 100%;}
.about_content02 ul{gap:10px;margin-bottom:0;}
.about_content02 ul li {width: calc(25% - (10px * 3 / 4));}
.about_content03 img, .about_content04 img {height: 360px;}
}/**/
@media all and (max-width: 570px) {

}/**/
@media all and (max-width: 480px) {
.about_content03 img, .about_content04 img {height: 280px;}
.about_content .info { font-size: 1rem;}
.about_content .subtxt { font-size: 1.1rem;}
.about_content02 ul li { width: calc(50% - (10px * 1 / 2));}
.about_content02 ul li .num{font-size:1.4rem;}
.about_content02 ul li .name{font-size:1.1rem;}
}/**/
/*회사소개 end*/

/*ceo 인사말*/
#ceo .ceo_content{padding:8rem 0;}
#ceo .flexbox{display:flex;} 
#ceo .flexbox .left{width:40%;}
#ceo .flexbox .right{width:60%;}
#ceo .ceo_frame{background:#f1f1f1;width:80%;position:relative;}
#ceo .ceo_frame:before{content:'BONYANG TECH';position:absolute;top:5%;left:5%; opacity:0.3; font-size:4rem; font-weight:800;z-index:1;width:90%;color:#999;}
#ceo .ceo_frame img{margin-top:-30%;width:100%;position:relative;z-index:2;}
#ceo .ceo_content .info{font-size:1.2rem; font-weight:300;word-break:keep-all;line-height:1.5;margin-top:3rem;}
#ceo .ceo_content .info .bold{font-size:1.05em; font-weight:600; }
#ceo .ceo_content .info .bold span{font-weight:700;}
#ceo .ceo_content .info .light{font-size:0.95em; color:#555; font-weight:400;}
#ceo .ceo_content .info .name{font-size:1.1em;font-weight:700;}

@media screen and (max-width:1800px){
	#ceo .ceo_content{padding:6rem 0;}
	#ceo .ceo_content .info{font-size:1.1rem;}
	#ceo .flexbox .left{width:45%;}
	#ceo .flexbox .right{width:55%;}
}/*1800*/
@media screen and (max-width:1440px){
	#ceo .ceo_frame{width:90%;}
}/*1440*/
@media screen and (max-width:1024px){
	#ceo .ceo_content {padding:0;}
	#ceo .flexbox {flex-direction: column-reverse; align-items: end;gap: 4vw;}
	#ceo .flexbox .left {width: 100%;}
	#ceo .ceo_frame {width: 120%;transform: translateX(-10%);height: 120px;}
	#ceo .ceo_frame img {width: 40%;position: absolute;bottom: 100%;left: 5%;}
	#ceo .ceo_frame:before {
		font-size:2.6rem;
        top: auto;
        left: auto;
        right: 7.5%;
        bottom: 10%;
        text-align: right;
    }
	#ceo .flexbox .right {width: 55%;}

}/*1024*/
@media screen and (max-width:850px){
	/* #ceo .ceo_frame img {width: 50%;} */
}
@media screen and (max-width:768px){
	#ceo .ceo_content {padding:6rem 0;padding-top:0;}
    #ceo .flexbox {flex-direction: column;gap:4rem;}
	#ceo .ceo_frame{height:auto;}
    #ceo .ceo_frame:before{text-align: left; left: 50%; width: auto;}
	#ceo .ceo_frame img {margin-top: -10%;position:static;width:40%; transform: translateX(13%)}
	#ceo .flexbox .right {width: 100%;}
}/*768*/
@media screen and (max-width:570px){

}/*570*/
@media screen and (max-width:480px){
#ceo .flexbox { gap: 3rem;}

}/*480*/
/*ceo 인사말end*/

/*찾아오시는 길*/
#come #map{height:600px;}
#come .map_info{width:110%;height:auto;left:50%;padding:2.5rem 6% 4rem;background:#373737f7;transform:translate(-50%,-50%);position:relative;z-index:10; display: flex; flex-wrap: wrap; gap: 2rem;}
#come .map_info .map_title{color:#fff; font-weight:700; font-size:1.8rem; text-wrap: nowrap;}
#come .map_info .map_flex{display:flex; flex-wrap: wrap; /*margin-top:3rem;*/justify-content: space-between; gap: 2rem; flex: 1 0 0;}
#come .map_info .map_textbox{border-left:1px solid #ddd; padding-left:2rem;display: flex; flex-direction: column;}
#come .map_info .map_text{color:#fff; font-size:1.05rem; margin-bottom: 0.3em;}
#come .map_info .map_text:last-child{margin-bottom: 0;}
#come .map_info .map_text span{margin-right: 0.2em;}
#come .map_info .map_text span:not(:first-child){padding-left: 0.4em; border-left:1px solid #ddd;}
#come .map_info ul{/*width:60%;*/display:flex;gap:1rem; flex: 1.5 0 auto; align-items: baseline;}
#come .map_info ul li{flex: 1 0 0; background:#333;text-align:center;}
#come .map_info ul li a{position: relative; color:#fff;display:flex; justify-content: center; align-items: center; gap: 0.4em; width:100%;padding:0.8rem 1.5rem;font-size:1.05rem;font-weight:600; text-wrap: nowrap;}
#come .map_info ul li a::before{content: ''; display: block; width: 1.5em; height: 1.5em;}

#come .map_info ul li.map_naver{background-color:#00C73C;}
#come .map_info ul li.map_naver a::before{content: ''; display: block; background: url('../images/btn_naver.svg') no-repeat center center/contain;}
#come .map_info ul li.map_tamp{background-color: #fff;}
#come .map_info ul li.map_tamp a{color: #000;}
#come .map_info ul li.map_tamp a::before{content: ''; display: block; background: url('../images/btn_tmap.svg') no-repeat center center/contain;}
#come .map_info ul li.map_kakao{background-color:#FEE500; }
#come .map_info ul li.map_kakao a{color:#191919;}
#come .map_info ul li.map_kakao a::before{content: ''; display: block; width: 1.6em; background: url('../images/btn_kakao.png') no-repeat center center/contain;}

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

}/*1800*/
@media screen and (max-width:1440px){
#come #map{height:40vw;width:100vw;left:50%;transform:translateX(-50%);}
#come .map_info { width: 100vw;transform:translate(-50%, 0);padding: 4rem 7.5%;}
#come .map_info .map_title{text-align:left;}


}/*1440*/
@media screen and (max-width:1024px){
#come .map_info .map_flex{ flex-direction: column;/*margin-top:2rem;*/gap:2rem;}
#come .map_info ul {width: 100%;}
#come .map_info .map_textbox{gap:0.2rem;}
#come .map_info .map_text{font-size:1.1rem;}

}/*1024*/
@media screen and (max-width:768px){
#come .map_info{flex-direction: column;}
#come .map_info .map_textbox { border-left:0;border-top: 1px solid #ddd; padding: 0rem; padding-top:1rem;}
#come .map_info ul{flex-wrap: wrap;}

}/*768*/
@media screen and (max-width:570px){
#come #map{height:60vw;}
#come .map_info ul{flex-direction:column;gap:0.6rem;}
#come .map_info ul li{width:100%;}
#come .map_info ul li a{padding:1rem 0;font-size:1.2rem; font-weight:700;}
#come .map_info .map_flex{gap:3rem;}
}/*570*/
@media screen and (max-width:480px){

}/*480*/
/*찾아오시는 길end*/

/*비즈니스01*/
.business_visual{width:80vw;height:30vw;max-height:600px;position:relative;left:50%;transform:translateX(-50%);margin-bottom:10rem;}
.business_visual .img{width:100%;height:100%;position:relative;overflow:hidden;border-radius:50px 0 ;}
/* .business_visual .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.4);} */
.business_visual .img img{width:100%;height:100%;object-fit:cover; filter:brightness(0.3);}
.business_visual .textbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center;}
.business_visual .textbox .title{color:#fff; font-size:2.7rem; font-weight:600;margin-bottom:1.2rem;line-height:1.3;letter-spacing:-2px;}
.business_visual .textbox .text{color:#fff; font-size:1.1rem; line-height: 1.57;}
.business_visual .scroll_line_box{width:1.8px;height:8rem;background:#f0f0f0;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);border-radius:20px;overflow:hidden;}
.business_visual .scroll_line {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--s1-color);
  animation: scrollGuide 2s ease-out infinite;
  transform:translateY(-100%);
  z-index:1;
}

@keyframes scrollGuide {
  0% {
    transform:translateY(-100%);
	opacity:1;
  }
  50% {
	opacity:1;
  }
  100% {
    transform:translateY(150%);
	opacity:0;
  }
}
/*사업분야*/
#business01 .bus01_content02{padding:8rem 0;background:#f9f9f9;}
#business01 .bus01_content02 .sub_content_title{color:#222;margin-bottom:3rem;text-align:left;}
#business02 .bus02_content02{padding:8rem 0;background:#f9f9f9;}
#business02 .bus02_content02 .sub_content_title{color:#222;margin-bottom:3rem;text-align:left;}
#business03 .bus03_content02{padding:8rem 0;background:#f9f9f9;}
#business03 .bus03_content02 .sub_content_title{color:#222;margin-bottom:3rem;text-align:left;}

.solution_list_ul .solution_list{display: flex; align-items: stretch; gap: 2rem; }
.solution_list_ul .solution_list:nth-child(even) {flex-direction: row-reverse;}
.solution_list_ul .solution_list:not(:first-child){position: relative; margin-top: 3.75rem;}
.solution_list_ul .solution_list:not(:first-child)::before{content: ''; position: absolute; top: -1.875rem; left: 0; width: 100%; border-top: 1px dashed #d9d9d9;}
.solution_list_ul .solution_list .solution_list_img{flex: 1 0 calc(50% - 1rem);}
.solution_list_ul .solution_list .solution_list_img img{width:100%;}
.solution_list_ul .solution_list .solution_list_textbox{display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex: 1 0 calc(50% - 1rem);  padding: 2.5rem; background-color: #fff;}
.solution_list_ul .solution_list .solution_list_textbox .solution_list_title{font-size:1.6rem; font-weight:700;color:#222; margin-bottom: 1rem;}
.solution_list_ul .solution_list .solution_list_textbox .solution_list_text{font-size: 1.1rem; font-weight: 300; color: #555; line-height: 1.57;}

.project_list_ul .project_list{display: flex; align-items: stretch; gap: 2rem; }
.project_list_ul .project_list:nth-child(even) {flex-direction: row-reverse;}
.project_list_ul .project_list:not(:first-child){position: relative; margin-top: 3.75rem;}
.project_list_ul .project_list:not(:first-child)::before{content: ''; position: absolute; top: -1.875rem; left: 0; width: 100%; border-top: 1px dashed #d9d9d9;}
.project_list_ul .project_list .project_list_img{flex: 1 0 calc(50% - 1rem);}
.project_list_ul .project_list .project_list_img img{width:100%;}
.project_list_ul .project_list .project_list_textbox{display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex: 1 0 calc(50% - 1rem);  padding: 2.5rem; background-color: #fff;}
.project_list_ul .project_list .project_list_textbox .project_list_title{font-size:1.6rem; font-weight:700;color:#222; margin-bottom: 1rem;}
.project_list_ul .project_list .project_list_textbox .project_list_text{font-size: 1.1rem; font-weight: 300; color: #555; line-height: 1.57;}

@media screen and (max-width:1440px){
.business_visual .textbox .title{font-size:2.3rem;}
}/*480*/
@media screen and (max-width:1024px){
.business_visual {width: 100%;height: 40vw;margin-bottom:8rem;}
.business_visual .textbox .title{font-size:1.8rem;}
.business_visual .textbox .text{font-size:1rem;}
.business_visual .scroll_line_box{height:6rem;}
#business01 .bus01_content02 {padding: 6rem 0;}
#business02 .bus02_content02 {padding: 6rem 0;}
#business03 .bus03_content02 {padding: 6rem 0;}
#business01 .bus01_content02 .sub_content_title{font-size:2.2rem; margin-bottom: 2.2rem;}
#business02 .bus02_content02 .sub_content_title{font-size:2.2rem; margin-bottom: 2.2rem;}
#business03 .bus03_content02 .sub_content_title{font-size:2.2rem; margin-bottom: 2.2rem;}

.solution_list_ul .solution_list .solution_list_img{flex-basis: 35%;}
.project_list_ul .project_list .project_list_img{flex-basis: 35%;}

}/*480*/
@media screen and (max-width:768px){
.business_visual .img{border-radius:20px 0;}

.solution_list_ul .solution_list{flex-direction: column !important;}
.solution_list_ul .solution_list .solution_list_textbox{padding: 2rem;}
.project_list_ul .project_list{flex-direction: column !important;}
.project_list_ul .project_list .project_list_textbox{padding: 2rem;}
}/*480*/
@media screen and (max-width:570px){

}/*480*/
@media screen and (max-width:480px){
.business_visual {height: 50vw;}
.business_visual .textbox .title {font-size: 1.5rem;letter-spacing:-1.4px;}
.business_visual .textbox .text {font-size: 0.9rem;line-height:1.4;}
.business_visual .scroll_line_box { width: 1px;top:110%;}
#business01 .bus01_content02 .sub_content_title{font-size:2rem; margin-bottom: 2.2rem;}

.solution_list_ul .solution_list .solution_list_textbox .solution_list_title{font-weight:600;}
.project_list_ul .project_list .project_list_textbox .project_list_title{font-weight:600;}
}/*480*/
/*사업분야end*/

/*faq*/
.faq_content{padding-bottom:8rem;margin-top:-2rem;}
.faq-tabs {
  max-width: var(--innersize);
  margin: 0 auto;
  width:90%;
}
.faq-tabs .tab-content{
	border:1px solid #ddd;
    background: #fdfdfd;
    border-radius: 20px;
}
.tab-content{margin-top:3rem;}
.tab-nav {
  width:100%;
  display: flex;
  justify-content: center;
  gap:0.6rem;
}

.tab-nav .tab, .tab-nav li a {
  text-align: center;
  padding: 0.6rem 1.2rem;
  cursor: pointer;
  color: #666;
  font-weight: 500;
  font-size:1.0rem;
  border-radius:50px;
  border:1px solid #d9d9d9;
  background:#fff;
  display: block;
}


.tab-nav .tab.active, .tab-nav li #bo_cate_on {
  color: #fff;
  background: var(--s1-color);
  font-weight:700;
  border:none;
}

.tab-pane {
  display: none;
  padding: 3rem 4rem;
/*  background: #00000024;*/
  border-radius: 10px;
}

.tab-pane.active {
  display: block;
}
/* Styling UL and LI */
.tab-pane ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tab-pane ul li {
  padding: 2rem 2.4rem;
  margin-bottom: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background-color: #fff;
  transition: 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.tab-pane ul li:last-child{margin-bottom:0 !important;}
.tab-pane ul li.active{
	border: 1px solid #a0a0a0;
}
.tab-pane ul li:hover {
  
}

/* Styling Strong (Question) */
.tab-pane ul li strong {
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  display: block;
  line-height:1.37;
}

.tab-pane ul li.active strong {
	color:#222;
	font-weight:700;
	font-size:1.4rem;
}
/* Styling P (Answer) */
.tab-pane ul li p {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
  display: none;
  margin-top: 1.2rem;
  padding-top:1.6rem;
  border-top:1px solid #dfdfdf;
  color:var(--s1-color);
  font-weight:600;
  opacity:0.9;
}

.tab-pane ul li.active p {
  display: block;
}
@media screen and (max-width:1440px){

}/**/
@media screen and (max-width:1024px){

.tab-pane{padding:2rem;}
}/**/
@media screen and (max-width:768px){
.faq-tabs{width:100%;}
.tab-nav{flex-wrap:wrap;}
.tab-pane ul li { padding: 1.6rem 2rem;}
.tab-pane ul li p{margin-top:1rem;padding-top:1rem;}
}/**/
@media screen and (max-width:570px){

}/**/
@media screen and (max-width:480px){
.tab-content{border-radius:10px;}
.tab-pane { padding: 1rem;}
.tab-pane ul li {padding: 1.2rem 1.4rem;}
.tab-pane ul li.active strong {font-size: 1.3rem;}
}/**/