@charset "UTF-8";
/********************************************************


		메인 버전 1.  css 	:: BSJ


********************************************************/




/***********************************************************************
	메인
************************************************************************/
#main > section {padding-top:70px;padding-bottom:70px;}
#main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:15px;font-weight:600;font-size:20px;color:#333;text-align:center;}
.main__title span {display:block;font-size:14px;color:#b3a586;letter-spacing:0}
.main__desc {margin-bottom:60px;font-size:14px;color:#221916;line-height:25px;text-align:center;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:50px;padding-bottom:50px;}
}
@media screen and (max-width: 768px){
	#main > section {padding-top:35px;padding-bottom:35px;}
	.main__title span {font-size:13px;}
}

.section {   letter-spacing:-0.05em; } 


/***********************************************************************
	메인 슬라이드
************************************************************************/
#main__slider {padding:0 !important; overflow:hidden;height:460px; padding-top:145px !important; background:#f7f7f7;  }
#main__slider .slider {position:relative;overflow:hidden;}
#main__slider li {position:relative; overflow:hidden;}
#main__slider li a {position:absolute;top:150px;left:0;  width:100%;height:100%;}
#main__slider .slider-inner {position:relative;overflow:hidden; margin:0 auto; max-width:1170px; height:460px; background-size:cover !important;font-weight:100;font-size:35px;color:#464f5d;line-height:45px;text-align:center;box-sizing:border-box;}
#main__slider .slider-bg {position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;background-size:cover !important;-webkit-transition-duration:18s;-m-transition-duration: 18s;-o-transition-duration:18s;-ms-transition-duration:18s;transition-duration:18s;transition: all 18s ease-out; }
/*
#main__slider li.active .slider-inner .slider-bg {-webkit-transform: scale(1.5,1.5);-ms-transform: scale(1.5,1.5);-moz-transform: scale(1.5,1.5);-o-transform: scale(1.5,1.5);transform: scale(1.5,1.5);}
*/

#main__slider .slider-bg.slider-bg-mo {display:none;}
#main__slider .slider-box {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;}
#main__slider .slider-table { position:relative; width:1170px; max-width:1170px;  height:calc(100% - 145px); }
#main__slider .slider-text { display:flex;align-items:center; justify-content:flex-start; position:absolute; left:calc(100% - 400px); background:rgba(36,70,134, .8); max-width:400px; width:400px; height:100%; padding:0 50px; box-sizing:border-box; } 

#main__slider .slider-tit { text-align:left; font-size:1.563rem; font-weight:300; color:#fff;line-height:1.4;margin-top:0px;opacity:0;transition:all .7s ease-out; text-shadow:0px 0px 7px rgba(0,0,0,.35), 0px 0px 7px rgba(0,0,0,.35); letter-spacing:-0.05em; }
#main__slider .slider-tit strong {font-weight:600;font-size:1.875rem; }
#main__slider .slider-tit b {display:block; font-weight:600; font-size:1.875rem;}

#main__slider .slider-tit.on {margin-top:0;opacity:1}
#main__slider .bx-controls-auto-item {position:absolute;z-index:5}
/*
#main__slider .bx-wrapper .bx-controls-auto {position:absolute;top:58%;left:50%;margin-left:-71px;width:auto;}
*/
#main__slider .bx-wrapper .bx-controls-auto .bx-start {display:block;width:12px;height:13px;background-image:url(images/main/control_start.png);background-position:0}
#main__slider .bx-wrapper .bx-controls-auto .bx-stop {display:block;width:12px;height:13px;background-image:url(images/main/control_stop.png);background-position:0}

#main__slider .bx-wrapper .bx-controls-auto .bx-start.active {display:none;}
#main__slider .bx-wrapper .bx-controls-auto .bx-stop.active {display:none;}

#main__slider video {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider iframe {position:absolute;top:0;left:0;width:100%;height:100%;}


#main__slider .bx-wrapper {   } 
#main__slider .bx-wrapper .bx-controls { max-width:1170px; position:absolute; left:50%; transform:translateX(-50%); padding-left:0px; bottom:30px; } /* bottom:180px;  */
#main__slider .bx-wrapper .bx-pager { width:revert !important; display:inline-block !important; float:left; } 
#main__slider .bx-wrapper .bx-controls-auto { display:inline-block !important; float:left;  } 


/*
#main__slider .bx-wrapper .bx-pager ,.bx-wrapper .bx-controls  {left:0;right:0;margin:0 auto;text-align:left !important;}
*/
/*
#main__slider .bx-wrapper .bx-pager, #main__slider .bx-wrapper .bx-controls-auto { left:calc(100% - 400px); bottom:200px; border:1px solid red; }
*/


#main__slider .bx-wrapper .bx-controls-auto { } 
#main__slider .bx-wrapper .bx-pager.bx-default-pager a {position:relative;width:15px;height:15px;margin-left:0;margin-right:5px;padding:5px; border:1px solid #fff; background-color:transparent; box-sizing:border-box;border-radius:16px;}
#main__slider .bx-wrapper .bx-pager.bx-default-pager a:before {;}
#main__slider .bx-wrapper .bx-pager.bx-default-pager a.active { background:#fff;  }


#main__slider .slider-scroll a {display:block !important;position:absolute;left:0;right:0;width:92px;height:60px;margin:0 auto;font-weight:300;font-size:16px;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0;}
#main__slider .slider-scroll a:before {content:'';display:block;width:29px;height:42px;margin:0 auto;margin-bottom:4px;background-image:url(images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
@keyframes scrollImage {0%{bottom:30px;}50%{bottom:40px;}100%{bottom:30px;}}
@media screen and (max-width: 1230px){
	#main__slider .slider-tit {margin:0 15px;}
}

@media screen and (max-width: 1200px){
	#main__slider .slider-text { left:50%; top:50%; transform:translate(-50%,-50%); height:revert; display:block; padding:50px 20px 70px 20px;  } 
	#main__slider .bx-wrapper .bx-controls { position:absolute; left:50%; transform:translateX(-50%); padding-left:0px;   }  /* top:70%; */
}

@media screen and (max-width: 1024px){
	#main__slider { padding-top:100px !important; } 
	#main__slider { height:400px; }
	#main__slider .slider-inner { height:400px; } 
	#main__slider .bx-wrapper .bx-controls {  /*top:80%; */  } 
}
@media screen and (max-width: 814px){
	#main__slider .control {top:63%;margin-left:120px;}
	/*
	#main__slider .bx-wrapper .bx-controls-auto {top:63%;margin-left:138px;}
	*/
}
@media screen and (max-width: 768px){
	.fluid-width-video-wrapper {height:100vmin;padding-top:0 !important;}
	#main__slider .slider-tit img {max-width:80%;}
	/*#main__slider .slider-tit {font-size:35px;}*/
	#main__slider .slider-scroll a {height:50px;background-size:25px !important;font-size:12px;}
}
@media screen and (max-width: 640px){
	/*#main__slider .slider-bg.slider-bg-pc {display:none;}
	#main__slider .slider-bg.slider-bg-mo {display:block;}*/
	/*#main__slider .slider-tit {font-size:30px;}*/
}
@media screen and (max-width: 414px){
	/*
	#main__slider .bx-wrapper .bx-controls-auto {top:58%;left:auto;right:61px;margin-left:0;}
	*/
	#main__slider { height:425px; }
	#main__slider .slider-inner {height:425px;}
	/*#main__slider .slider-tit {font-size:25px;} */


	#main__slider .slider-text { max-width:revert; width:90%;  } 


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


}






/***********************************************************************
	
공지사항 / 보도자료 / 뉴스 / 배너4개 

************************************************************************/



#main__notice { min-height:280px; overflow:hidden; background:#f7f7f7;  } 
#main__notice .thk-inner {  overflow:hidden; }

#main__notice .thk-inner-row .thk-col:nth-of-type(3), .thk-inner-row .thk-col:nth-of-type(4) { margin-bottom:0px !important; } 

#main__notice .notice_wrap {  } 
#main__notice .notice_tab { padding-bottom:30px; } 
#main__notice .notice_tab a { padding:0 2px; padding-bottom:10px; position:relative; display:inline-block; font-size:1.25rem; font-weight:550; color:#111; margin-right: 0.938rem; transition:all .4s ease; } 
#main__notice .notice_tab a.on { color:#2c7fe5; font-weight:600; } 
#main__notice .notice_tab a:after { content:''; position:absolute; left:0px; bottom:1px; width:105%; opacity:0; height:0.25rem; background:#2c7fe5; transition:all .4s ease;  } 
#main__notice .notice_tab a.on:after { opacity:1; } 



#main__notice .notice_list {  } 
#main__notice .notice_list li { float:left; width:50%; padding-right:50px; position:relative; } 
#main__notice .notice_list li:after { content:''; position:absolute; width:1px; height:90%; top:10px; right:20px; background:#dbdbdb; } 


#main__notice .notice_list.hide { display:none; } 
/*.notice_list li:nth-child(odd):after { display:none; } */


#main__notice .notice_list .swiper_navigation { position:absolute; right:0px;top:0px; z-index:1; }   
#main__notice .notice_list .swiper_navigation button { width:40px;height:40px; border:1px solid #ddd; transition:all .4s ease; text-indent:-9999; }
#main__notice .notice_list .swiper-pagination { display:inline-block; position:relative; } 
#main__notice .notice_list .swiper-slide-active:after { content:''; position:absolute; width:1px; height:90%; top:10px; right:-13px; background:#dbdbdb; } 

.swiper-button-prev-cus { position:relative; left:4px; background:url(/common/theme/layout/images/main/main3_prev.png) no-repeat center #fff;}
.swiper-button-next-cus { background:url(/common/theme/layout/images/main/main3_next.png) no-repeat center #fff; } 

#main__notice .notice_slider { width:48%; } 
#main__notice .notice_slider a { padding-right:30px; } 


#main__notice .list_subject { position:relative; font-size:1.375rem; color:#333; font-weight:500; margin-bottom:1.25rem; transition:all .4s ease;}
#main__notice .list_summary { font-size:1.063rem; color:#666; font-weight:300; margin-bottom:1.25rem; transition:all .4s ease;} 
#main__notice .list_date { position:relative; font-family:'Open Sans'; font-size:13px; color:#111; font-weight:300; transition:all .4s ease; } 


/*
#main__notice .notice_slider:hover { background:#f8f8f8; } 
*/
#main__notice .list_subject span { display:inline-block; } 
#main__notice .list_subject span:after { display:none; content:''; position:absolute; left:0px; bottom:0px; width:0; height:1px; background:#dbdbdb; transition:all .4s ease;} 
#main__notice .notice_list a:hover .list_subject span:after { width:99%; } 

#main__notice .notice_list a:hover .list_subject { color:#29749e; } 
#main__notice .notice_list a:hover .list_summary { color:#111; } 
#main__notice .notice_list a:hover .list_date { color:#111; } 


.text_line { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:1.4em; } 
.text_line1 { -webkit-line-clamp : 1; } 
.text_line2 { -webkit-line-clamp : 2;  line-height:1.4em; height:2.8em; } 
.text_line3 { -webkit-line-clamp : 3;  line-height:1.4em; height:4.2em; } 



#main__notice .thk-inner-row .thk-col { overflow:hidden; } 

#main__notice .bnr-bg { overflow:hidden; display:flex; align-items: center;  justify-content: center; min-height:125px;  text-align:center; box-sizing:border-box; transition:all .4s ease; z-index:2;} 
#main__notice .bnr-bg a { border:1px solid red; } 

#main__notice .bnr-bg1 { background:#298d9e;background-image:linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); background-size: 6px 10px; background-repeat: repeat;  }
#main__notice .bnr-bg2 { background:#29749e;background-image:linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); background-size: 6px 10px; background-repeat: repeat;  }
#main__notice .bnr-bg3 { background:#434b7a;background-image:linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); background-size: 6px 10px; background-repeat: repeat;  }
#main__notice .bnr-bg4 { background:#54437a;background-image:linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); background-size: 6px 10px; background-repeat: repeat;  }

#main__notice .bnr-bg span { z-index:1; } 
#main__notice .bnr-bg span:after { z-index:-1; opacity:0; height:100%; content:''; position:absolute; background:#fff; transform:skewX(-45deg); left:-50%; top:0px; transition:all .4s cubic-bezier(.42,0,.58,1); width:0px;  border-radius:0px; } 
#main__notice .bnr-bg:hover span:after { opacity:1; width:100%; left:200%; }

/*
#main__notice .bnr-bg:hover { background-image:revert; } 
*/

#main__notice .bnr-text { font-size:1.125rem; font-weight:500; color:#fff; padding-top:7px; } 



@media screen and (max-width: 1024px){
	/*.notice_wrap { margin-right:0px;  } */

	#main__notice .row-md2 .thk-col { width: calc((100% / 1 ) - 30px); } 
	
	#main__notice .thk-inner-row { margin-top:20px; } 
	#main__notice .thk-inner-row .thk-row { margin-right:-1.5rem; }  
	#main__notice .thk-inner-row .row-md2 .thk-col { width: calc((100% / 2 ) - 1.5rem) !important; margin-right:1.5rem !important; } 
	#main__notice .thk-inner-row .thk-col:nth-of-type(3) { margin-bottom: 1.5rem !important;  } 
	#main__notice .thk-inner-row .thk-col:nth-of-type(4) { margin-bottom: 0 !important;  } 
}
@media screen and (max-width: 768px){
	
}
@media screen and (max-width: 640px){
	#main__notice .notice_list .swiper_navigation button { width:30px;height:30px; }
	#main__notice .list_subject { margin-bottom:1rem; }
	#main__notice .list_summary { margin-bottom:1rem; } 
}
@media screen and (max-width: 540px){
}
@media screen and (max-width: 414px){
}






/***********************************************************************
	
사업소개 

************************************************************************/


#main__business.section { padding-top:0px; padding-bottom:0px; } 

#main__business { background:#2c384b; overflow:hidden; } 
#main__business .thk-row { margin-right:0px !important; }
#main__business .thk-col { margin-right:0px !important; margin-bottom:0px !important; }
#main__business .thk-col:first-of-type { width:16.875rem; } 
#main__business .thk-col:last-of-type { width:calc(100% - 16.875rem); } 

/*
.bnr-list .thk-col:first-of-type { width:revert !important; } 
.bnr-list .thk-col:last-of-type { width:revert !important; } 
.bnr-list .row-md5 .thk-col { flex: 0 0 auto; width: calc((100% / 5 ) - 30px); } 
*/
#main__business .title-wrap { min-height:185px;  display:flex; align-items: center;  justify-content: flex-start;  } 
#main__business .stitle { font-size:1.25rem; font-weight:300; color:#8e95a0;}
#main__business .title { position:relative; font-size:1.563rem; font-weight:500; color:#fff; }

#main__business .bnr-list { display:flex;  text-align:center;box-sizing:border-box } 
#main__business .bnr-list a { min-height:185px; width: calc((100% / 5 )); position:relative; display:flex; align-items: center;  justify-content: center; flex-direction: row; transition:all .4s ease; }  
#main__business .bnr-list a:after { content:''; position:absolute; width:1px; height:100px; top:40px; right:0px; background:#515a68; transition:all .4s ease; } 
#main__business .bnr-list a:first-of-type:before { content:''; position:absolute; width:1px; height:100px; top:40px; left:0px; background:#515a68; transition:all .4s ease; } 
/*
#main__business .bnr-list a:hover { background:#25709a; } 
*/

#main__business .bnr-list a:first-of-type:hover { background:#25709a; } 
#main__business .bnr-list a:nth-of-type(2):hover { background:#25519a; } 
#main__business .bnr-list a:nth-of-type(3):hover { background:#259a93; } 
#main__business .bnr-list a:nth-of-type(4):hover { background:#1f6f6a; } 
#main__business .bnr-list a:nth-of-type(5):hover { background:#244686; } 

#main__business .bnr-img { min-height:50px; display:flex; align-items: center; justify-content: center;} 
#main__business .bnr-text { padding-top:10px; min-height:50px; display:flex; align-items: center; justify-content: center; font-size:1rem; font-weight:400; color:#fff; } 

@media screen and (max-width: 1024px){
	#main__business .thk-col:first-of-type { width:100%; } 
	#main__business .thk-col:last-of-type { width:100%; } 
	
	#main__business .title-wrap { min-height:revert; display:block; text-align:center; justify-content: center; padding:20px 0; } 
	#main__business .title:after { content:''; position:absolute; width:20px; height:2px; background:#fff; bottom:-10px; left:50%; transform:translateX(-50%); } 

	#main__business .bnr-list { margin-bottom:20px;  } 
	#main__business .bnr-list a { min-height:revert; padding:0.938rem 0; } 
	#main__business .bnr-list a:after { height:100%; top:0px; } 
	#main__business .bnr-list a:first-of-type:before { display:none; } 
	#main__business .bnr-list a:last-of-type:after { display:none; } 

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

}
@media screen and (max-width: 640px){
	#main__business .bnr-list { flex-wrap: wrap;  } 

	#main__business .bnr-list a { width: calc((100% / 3 )); } 
	#main__business .bnr-list a:after { display:none; } 
	#main__business .bnr-list a:nth-of-type(3):after { display:none; } 
	#main__business .bnr-list a:nth-of-type(4) { margin-top:20px; width: calc((100% / 2 )); } 
	#main__business .bnr-list a:nth-of-type(5) { margin-top:20px; width: calc((100% / 2 )); } 
}
@media screen and (max-width: 540px){
}
@media screen and (max-width: 414px){
	#main__business .bnr-list a { width: calc((100% / 1 )) !important; padding:5px 0; } 
	#main__business .bnr-wrap { width:100%; display:flex; justify-content: space-between} 
	#main__business .bnr-img { width:20%; min-height:revert; justify-content:flex-end; padding-right:10px; } 
	#main__business .bnr-img img { height:60%; } 
	#main__business .bnr-text {font-size:16px;  width:80%; min-height:revert; justify-content:flex-start; padding-top:0px; padding-left:10px; text-align:left;  min-height:revert; } 
	#main__business .bnr-text br { display:none; } 
	#main__business .bnr-list a:nth-of-type(4) { margin-top:0px;  } 
	#main__business .bnr-list a:nth-of-type(5) { margin-top:0px; } 
	/*
	#main__business .bnr-img { display:inline-block; min-height:revert;} 
	#main__business .bnr-text { display:inline-block; min-height:revert;} 
	*/

}








/***********************************************************************
	
장비 및 기술소개 / 관련사이트 

************************************************************************/

#main__tech.section { padding-bottom:30px; } 

#main__tech { overflow:hidden;  } 
#main__tech .thk-row.row-md2 { margin-right:-1.875rem !important; }
#main__tech .row-md2 .thk-col {  }
#main__tech .row-md2 .thk-col:first-of-type { width:calc(900px - 1.875rem) ; } 
#main__tech .row-md2 .thk-col:last-of-type { width:calc(100% - 900px - 1.875rem) ;  } 


#main__tech .row-md3 { margin-right:-1.875rem !important; } 
#main__tech .row-md3 .thk-col { width: calc((100% / 3 ) - 1.875rem) !important; margin-right:1.875rem !important;  border:1px solid #d3d3d3; background:#f7f7f7; transition:all .4s ease;} 
#main__tech .row-md3 .thk-col:hover { background:#fff; border:1px solid #bbb; } 
#main__tech .row-md3 .thk-inner { min-height:225px; height:225px; padding:1.875rem 1.25rem 1.875rem 1.875rem; overflow:hidden; z-index:99; box-sizing:border-box }
#main__tech .row-md3 .thk-col:last-of-type { margin-left:0px;  } 
#main__tech .row-md3 .thk-col:nth-of-type(3n+3) { } 

#main__tech .tech_list { } 
/*.tech_slider { margin-right:-30px !important; overflow:hidden; border:1px solid blue;  } */
#main__tech .tech_list .bx-wrapper {  } 

#main__tech .tech_title { font-size:1.25rem; font-weight:600; color:#111; padding-bottom:1.563rem; letter-spacing:-0.05em;} 
#main__tech .tech_title a { position:relative; color:#111; } 
#main__tech .tech_title a:after { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:-5px; width:0; height:1px; background:#111; transition:all .4s ease;} 
#main__tech .tech_title a:hover:after { width:100%; } 

#main__tech .tech_list_title { display:inline-block; position:relative; font-size:1.375rem; font-weight:500; color:#244686; margin-bottom:1.75rem; letter-spacing:-0.05em;} 
#main__tech .tech_list_title:after { content:''; position:absolute; left:0%; bottom:-5px; width:0; height:1px; background:#244686; transition:all .4s ease; } 
 #main__tech a:hover .tech_list_title:after{ width:100%; } 

#main__tech .tech_list_info_row { padding-bottom:8px; letter-spacing:-0.05em;} 

#main__tech .tech_list_info_row .tt { display:inline-block; width:70px; color:#333; font-size:0.938rem;  vertical-align:top;  letter-spacing:-0.07em; } 
#main__tech .tech_list_info_row .desc { display:inline-block;  width:calc(100% - 73px); color:#666; font-size:0.938rem;  } 

#main__tech .tech_list_mark { position:absolute; top:0px; right:0px; width:1.875rem; height:1.875rem; font-size:1.125rem; font-weight:500; color:#fff; text-align:center;  } 
#main__tech .tech_list_mark.icon1 { background:#497fff; } 
#main__tech .tech_list_mark.icon2 { background:#03ab5e; } 
#main__tech .tech_list_mark.icon3 { background:#ffb049; } 


#main__tech .tech_list .swiper_navigation { position:absolute; right:0px;top:-5px; z-index:1; }   
#main__tech .tech_list .swiper_navigation button { width:40px;height:40px; border:1px solid #ddd; transition:all .4s ease; text-indent:-9999; }
#main__tech .tech_list .swiper-pagination { display:inline-block; position:relative; } 


#main__tech .family_site_list { display: flex; flex-wrap: wrap; margin-right:-1rem;} 
#main__tech .family_site_list a { flex: 0 0 auto; width:calc((100% / 1) - 1rem); margin-right:1rem; display:flex; align-items:center; justify-content: center; margin-bottom:10px; border:1px solid #d3d3d3; height:60px; box-sizing:border-box   } 
#main__tech .family_site_list a img { position: relative; object-fit: cover; width:auto; height:auto; } 

@media screen and (max-width: 1200px){
	#main__tech .row-md2 .thk-col:first-of-type { width:calc(100% - 1.875rem); } 
	#main__tech .row-md2 .thk-col:last-of-type { width:calc(100% - 1.875rem); } 
	
	#main__tech .row-md3 .thk-inner { min-height:revert; height:auto; } 

	#main__tech .family_site_list a { width:calc((100% / 4) - 1rem); margin-bottom:1rem; }
} 

@media screen and (max-width: 1024px){
	#main__tech .family_site_list a { width:calc((100% / 3) - 1rem);  }
}
@media screen and (max-width: 768px){
	#main__tech .row-md3 .thk-col { width: calc((100% / 2 ) - 1.875rem) !important;} 
}
@media screen and (max-width: 640px){
	#main__tech .tech_list .swiper_navigation button { width:30px;height:30px;  } 
	#main__tech .family_site_list a { width:calc((100% / 2) - 1rem);  }
}
@media screen and (max-width: 540px){
	#main__tech .row-md3 .thk-col { width: calc((100% / 1 ) - 1.875rem) !important;} 
}
@media screen and (max-width: 414px){
	#main__tech .family_site_list a { width:calc((100% / 1) - 1rem);  }
}