/* 초기화 */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,   a, abbr,  address, cite,em, img,
strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav,section, summary, audio, video {margin:0;padding:0;border:0}
body {background-color:#fff;} 
body
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,address {display: block}
audio,canvas,video {display: inline-block}

fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
p, li, dt, dd {word-break:keep-all}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button,img {vertical-align:middle}

.f_l {float:left !important}
.f_r {float:right !important}

.clearfix:before,
.clearfix:after {display:table;content: " "}
.clearfix:after {clear: both}
.show {display:block}
.hide {display:none}

body{
	margin:0;
}
ul,li{
	list-style: none;
	margin:0;
	padding:0;
}
a, a:link, a:visited{
	text-decoration: none;
	color:#666;
}
.menubar_content div, .menubar_content ul, .header div, .header ul{
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
	box-sizing: border-box; 
}

@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url(../font/NanumBarunGothic/NanumBarunGothic/NanumBarunGothicWeb.eot);
    src: url(../font/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) 
	format("embedded-opentype"), url(../font/NanumBarunGothic/NanumBarunGothicWeb.woff) format("woff"), 
	url(../font/NanumBarunGothic/NanumBarunGothicWeb.ttf) format("truetype");
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 700;
	src: url(../font/NanumBarunGothic/NanumBarunGothicWebBold.eot);
    src: url(../font/NanumBarunGothic/NanumBarunGothicWebBold.eot?#iefix) format("embedded-opentype"), 
	url(../font/NanumBarunGothic/NanumBarunGothicWebBold.woff) format("woff"), 
	url(../font/NanumBarunGothic/NanumBarunGothicWebBold.ttf) format("truetype");
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 300;
	src: url(../font/NanumBarunGothic/NanumBarunGothicWebLight.eot);
    src: url(../font/NanumBarunGothic/NanumBarunGothicWebLight.eot?#iefix) format("embedded-opentype"), 
	url(../font/NanumBarunGothic/NanumBarunGothicWebLight.woff) format("woff"), 
	url(../font/NanumBarunGothic/NanumBarunGothicWebLight.ttf) format("truetype");
}
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 100;
	src: url(../font/NanumBarunGothic/NanumBarunGothicWebUltraLight.eot);
    src: url(../font/NanumBarunGothic/NanumBarunGothicWebUltraLight.eot?#iefix) format("embedded-opentype"), 
	url(../font/NanumBarunGothic/NanumBarunGothicWebUltraLight.woff) format("woff"), 
	url(../font/NanumBarunGothic/NanumBarunGothicWebUltraLight.ttf) format("truetype");
}

.nanumbarungothic * {
	font-family: 'NanumBarunGothic', sans-serif;
}

body, div{
	font-family: 'NanumBarunGothic', serif;
}

/**heder 시작**/
.header{
	text-align:center;
}
.header_div{
	width:100%;
	min-width:1280px;
	max-width:2000px;
	background-color:#092f19;
	display:inline-block;
	text-align:right;
	/* height: 50px; */
}
.header_div ul{
	height: 40px;
    line-height: 45px;
    font-size: 14px;
    width:1280px;
    margin: 0 auto;
    padding-right: 54px;
}
.header_div ul li{
	display:inline;
	margin-right:38px;
}
.header_div ul li a{
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
}
.menubar{
	text-align:center;
}
/* .over_menubar_content{
	width:100%;
	min-width:1280px;
	max-width:2000px;
	background-color:#ffffff;
	position:absolute;
	display:none;
	top:125px;
	opacity:0.8;
	z-index:1;
}
.over_menubar_content_div{
	display:inline-flex;
	float:left;
}
.over_menubar_content_ul1{
	list-style:none;
	clear:both;
	margin-left:310px;
}
.over_menubar_content_ul1 li, .over_menubar_content_ul2 li, .over_menubar_content_ul3 li, .over_menubar_content_ul4 li{
	text-align:left;
	margin-bottom:18px;
}
.over_menubar_content_ul1 li a, .over_menubar_content_ul2 li a, .over_menubar_content_ul3 li a, .over_menubar_content_ul4 li a{
	font-size:14px;
	color:#555555;
	text-decoration:none;
}
.over_menubar_content_ul2{
	list-style:none;
	margin-left:65px
}
.over_menubar_content_ul3{
	list-style:none;
	margin-left:45px;
}
.over_menubar_content_ul4{
	list-style:none;
} */
.menubar_content{
	width:1280px;
	position:relative;
	height:74px;
	margin: 0 auto;
}
.logo{
	float:left;
	margin: 8px 0 0 54px;
}
/* .menubar_content_div{
	padding-top:5px;
	float:left;
}
.menubar_content_div ul{
	list-style:none;
	clear:both;
	display:inline-block;
}
.menubar_content_div ul li{
	display:inline;
	margin-right:65px;
}
.menubar_content_div ul li a{
	text-decoration:none;
	font-size:14px;
	color:#3d3d3d;
} */
.add {

  font-size: 16px;
  font-family: "NanumBarunGothic";
  color: rgb(61, 61, 61);
  line-height: 1.688;
  text-align: center;
  position: absolute;
  left: 663.391px;
  top: 88.399px;
  z-index: 13;

}
.menu_main{
	float: left;
	text-align: left;
    margin: 27px 0 0 52px;
	font-size: 18px;
}
.menu_main_li{
	width:90px;
}
.menu_sub{
	text-align: left;
	position: absolute;
    top: 91px;
    z-index: 3;
    font-size: 14px;
    line-height: 31px;
    display:none;
	font-weight:300;
}

.subMenu_background{
	width:100%;
	height:245px;
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
    z-index: 2;
    top: 114px;
    display:none;
}
.menu_main a, .menu_main a:link, .menu_main a:visited{
	color:#3d3d3d;
	font-size:16px;
}
.menu_main a:hover{
	font-weight: bold;
	color:#092f19;
	-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; 

}
.menu_sub a, .menu_sub a:link, .menu_sub a:visited{
	color:#555555;
	font-weight:300;
	font-size:14px;
	line-height:1;
}
.menu_sub a:hover{
	font-weight:700;
	color:#092f19;
}
.menu_sub a span {
	position:relative;
	display:inline-block;
	padding-bottom:3px;
	line-height:1;
}
.menu_sub a span::after {
	content:"";
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background-color:#092f19;
}
.menu_sub a:hover span::after {display:block;}

.mypage{
	/* float:right; */
	float:left;
	margin: 27px 54px 0 60px;
}
/**heder 끝**/



.slider_div{
	text-align:center;
	margin-bottom:40px;
}
.slider_div_content{
	width:100%;
	min-width:1280px;
	max-width:2000px;
	display:inline-block;
}
.bxslider li img{
	width:100%;
	min-width:1280px;
	max-width:2000px;
}

/* 여기에 swiper 스타일 추가 */
.swiper-controls {
	position: relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	margin-top:10px;
}

/* 페이지네이션 (도트) */
.swiper-controls .swiper-horizontal>.swiper-pagination-bullets, 
.swiper-controls .swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-controls .swiper-pagination-custom, 
.swiper-controls .swiper-pagination-fraction { 
	position:relative;
	left:auto;
	right:auto;
	bottom:auto;
	width:auto;
}
.swiper-controls .swiper-pagination-bullet { 
	display:inline-block; 
	width: 10px; 
	height: 10px; 
	border-radius: 50%; 
	background: rgba(0,0,0,0.45); 
	margin: 0 6px; 
	cursor: pointer; 
	transition: transform .18s ease, background .18s ease; 
}
.swiper-controls .swiper-pagination-bullet:hover { transform: scale(1.15); }
.swiper-controls .swiper-pagination-bullet-active { 
	background-color:rgba(0, 79, 35, 1); 
	transform: scale(1.25); 
}

/* play / pause 버튼 (SVG 아이콘 포함) */
.swiper-controls .swiper-playpause { 
	position:relative;
	top:auto;
	left:auto;
	width:28px;
	height:28px; 
	border-radius: 50%; 
	background: rgba(0,0,0,0.45); 
	border: 0; 
	color: #fff; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	cursor: pointer; 
	z-index: 30; 
	margin-left:10px;
}
.slider_div_content .swiper-playpause:hover { background: rgba(0,0,0,0.6); }
.slider_div_content .swiper-playpause:focus { outline: 2px solid rgba(255,255,255,0.85); outline-offset: 2px; }
.slider_div_content .swiper-playpause .icon { width: 20px; height: 20px; fill: #fff; }

/* 상태에 따른 아이콘 토글 (aria-pressed 사용) */
.slider_div_content .swiper-playpause .icon-play { display: none; }
.slider_div_content .swiper-playpause[aria-pressed="true"] .icon-play { display: block; }
.slider_div_content .swiper-playpause[aria-pressed="true"] .icon-pause { display: none; }


/* minimal styles for swiper controls */
.swiper-playpause .icon { fill: #fff; stroke: none; }
.swiper-playpause:focus { outline: 2px solid #fff; }
.visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }




.board1, .board2, .board3{	
	margin-bottom:40px;
}
.board1_div, .board2_div, .board3_div{
    position:relative;
	width:1280px;
    margin:0 auto;
}
.board1_div_content, .board2_div_content, .board3_div_content{
	display:inline-flex;
}

.news{
    float:left;
    width:570px;
	margin-right:40px;
}
.media{
    float:right;
    width:570px;
}
.news_content{
	height:70px;
	background-color:#606d7f;
}
.news_content_div{
	position:relative;
}
.news_icon {
	margin-left: 20px;
    text-align: left;

}
.post-slider__btn-prev,
.post-slider__btn-next {
	display: block;
    position: absolute;
    top:140px;    
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
	background-color:transparent;
    z-index: 10;
	border:0;
	cursor: pointer;
}
.post-slider__btn-prev {
    left: 15px;
    background-image: url(/imgs/new_image/icon/btn_prev.png);
}
.post-slider__btn-next {
    right: 15px;
    background-image: url(/imgs/new_image/icon/btn_next.png);
}

.post-wrap {
	position:relative;
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	width:1200px;
	margin:0 auto;
}
.post-box {position:relative;}
.post-head {
	position:relative;
	width:100%;
	height:70px;
	padding-left:20px;
	padding-right:20px;
    text-align:left;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	box-sizing:border-box;
	background-color:#606d7f;
}
.post-head__title {
	position:relative;
	display:inline-flex;
	align-items:center;
	font-size:20px;
	color:#fff;
	font-weight:300;
}
.post-head__title img {
	flex:1;
	width:40px;
	height:auto;
	margin-right:14px;
	border:0;
	padding:0;
}
.post-head__more {
	position:relative;
	display:inline-flex;
	align-items:center;
	font-size:18px;
	color:#fff;	
}
.post-head__more span {
	margin-right:14px;
	color:#fff;
	font-weight:300;
}
.post-head__more img {
	width:24px;
	height:auto;
	border:0;
	padding:0;
}
.post-box__body {
	position:relative;
	width:100%;
}
.post-box__body .s_img {
    padding-top: 48%;
}
.post-box__content {
	position:relative;
	text-align: left;
    background-color: #dee7ee;
    padding-top: 16px;
    padding-left: 16px;
    padding-bottom: 16px;
	box-sizing:border-box;
}
.post-box__subject {
	margin-bottom:12px;
	color: #424242;
    font-size: 18px;
}
.post-box__desc {
	margin-bottom:12px;
	color: #424242;
    font-size: 16px;
}
.post-box__content-more {
	margin-bottom:16px;
	color: #203f4c;
	font-size: 14px;
}
.post-box__list {
	position:relative;
}
.post-box__list li {
	margin-bottom: 20px;
    border: 1px solid #dee7ee;
}
.post-box__list li a {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	width:100%;
}
.post-box__list li a .title {
	display:block;
    color: #424242;
    font-size: 16px;
}
.post-box__list li a .date {
	display:block;
    color: #606060;
    font-size: 15px;
}

.news_more{
    position:absolute;
    top:0px;
    right:20px;
}

.news_more a img{
	margin-top:18px;
}

.news_title{
	margin-right:300px;
	line-height:2.5;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}


.news_view{
	text-align:left;
	background-color:#dee7ee;
	padding-top:16px;
	padding-left:16px;
	padding-bottom:16px;
}
.news_view_title{
	margin-bottom:12px;
}
.news_view_title span{
	color:#424242;
	font-size:18px;
}
.news_view_content{
	margin-bottom:12px;
}
.news_view_content span{
	color:#424242;
	font-size:16px;
}
.news_content_more{
	margin-bottom:16px;
}
.news_content_more{
	color:#203f4c;
	font-size:14px;
}
.news_content_more a{
	color:#203f4c;
	font-size:14px;
}
.media_content{
	height:70px;
	background-color:#606d7f;
}
.media_content_div{
	display:flex;
}
.media_icon{
	margin-right:280px;
	margin-left:20px;

}

.media_more a img{
	margin-top:18px;
}

.media_title{
	margin-right:285px;
	line-height:2.5;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}
.media_more img{
	margin-bottom:-5px;
}
.media_view{
	text-align:left;
	background-color:#dee7ee;
	padding-top:16px;
	padding-left:16px;
	padding-bottom:16px;
}
.media_view_title{
	margin-bottom:12px;
}
.media_view_title span{
	color:#424242;
	font-size:18px;
}
.media_view_content{
	margin-bottom:12px;
}
.media_view_content span{
	color:#424242;
	font-size:16px;
}
.media_view_more{
	margin-bottom:16px;
}
.media_view_more a{
	color:#203f4c;
	font-size:14px;
}
.media_content_more{
	color:#203f4c;
	font-size:14px;
}
.media_content_more a{
	color:#203f4c;
	font-size:14px;
}
.proud{
	margin-right:40px;
	width:570px;
}
.proud_content{
	height:70px;background-color:#606d7f;
}
.proud_content_div{
	display:flex;
}
.proud_icon{
	margin-right:240px;
	margin-left:20px;
}

.proud_more a img{
	margin-top:18px;
}

.proud_title{
	margin-right:265px;
	line-height:2.5;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}

.proud_more img{
	margin-bottom:-5px;
}
.proud_view{
	padding-left:16px;
	padding-right:16px;
	background-color:#dee7ee;
	padding-top:24px;
	padding-bottom:24px;
}
.proud_view_div{
	margin-bottom:20px;	
	border:1px solid #dee7ee;
}
.proud_view_div:after {display:block;content:"";clear:both}
.proud_view_title{
	float:left;
	color:#424242;
	font-size:16px;
}
.proud_view_date{
	float:right;
	color:#606060;
	font-size:15px;
}
.inspection{
	width:570px;
}
.inspection_content{
	height:70px;
	background-color:#606d7f;
}
.inspection_content_div{
	display:flex;
}
.inspection_icon{
	margin-right:240px;
	margin-left:20px;
}
.inspection_title{
	margin-right:285px;
	line-height:2.5;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}

.inspection_more a img{
	margin-top:18px;
}


.inspection_view{
	padding-left:16px;
	padding-right:16px;
	background-color:#dee7ee;
	padding-top:24px;
	padding-bottom:24px;
}
.inspection_view_div{	
	margin-bottom:20px;
	border:1px solid #dee7ee;
}
.inspection_view_div:after {display:block;content:"";clear:both}
.inspection_view_title{
	float:left;
	color:#424242;
	font-size:16px;
}
.inspection_view_date{
	float:right;
	color:#606060;
	font-size:15px;
}
.notice{
	margin-right:40px;
	width:570px;
}
.notice_content{
	height:70px;
	background-color:#606d7f;
}
.notice_content_div{
	display:flex;
}
.notice_icon{
	margin-right:280px;
	margin-left:20px;
}

.notice_title{
	margin-right:325px;
	line-height:2.5;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}


.notice_more a img{
	margin-top:18px;
}

.notice_view{
	padding-left:16px;
	padding-right:16px;
	background-color:#dee7ee;
	padding-top:24px;
	padding-bottom:24px;
}
.notice_view_div{
	margin-bottom:20px;
	border:1px solid #dee7ee;
}
.notice_view_div:after {display:block;content:"";clear:both}
.notice_view_title{
	float:left;
	color:#424242;
	font-size:16px;
}
.notice_view_date{
	float:right;
	color:#606060;
	font-size:15px;
}
.group{
	width:570px;
}
.group_content{
	height:70px;
	background-color:#606d7f;
}
.group_content_div{
	display:flex;
}
.group_icon{
	margin-right:280px;
	margin-left:20px;
}

.group_more a img{
	margin-top:18px;
}

.group_title{
	margin-right:325px;
	line-height:2.5;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}


.group_view{
	padding-left:16px;
	padding-right:16px;
	background-color:#dee7ee;
	padding-top:24px;
	padding-bottom:24px;
}
.long_group .group_view{
	padding-bottom:10px;
}
.group_view_div{
	margin-bottom:20px;
	border:1px solid #dee7ee;
}
.group_view_div:after {display:block;content:"";clear:both}
.group_view_title{
	float:left;
	color:#424242;
	font-size:16px;
}
.group_view_date{
	float:right;
	color:#606060;
	font-size:15px;
}
.banner_btn{
	background-image: url('/imgs/new_image/btn_banner_normal.png');
	left: 50%;
    transform: translateX(-50%);
	cursor:pointer;position: absolute;top:64%;width:250px; height:68px;
}
.banner_btn:hover{
	background-image: url('/imgs/new_image/btn_banner_hover.png');
	left: 50%;
    transform: translateX(-50%);
	cursor:pointer;position: absolute;top:64%;width:250px; height:68px;
}

/* 신규 메인포스 */
.post_area {position:relative;}


/* 하단푸터 */
#footer { position:relative;width:100%; background:url(/imgs/common/footer_bg.gif) left top repeat-x; margin-top: 40px; text-align:center; }
/*#footer .btm_banner { width:880px; margin:0px auto; position:relative; height:55px;}
#footer .btm_banner .prev { position: absolute; top:10px; left:0px;}
#footer .btm_banner .next { position: absolute; top:10px; right:0px;}
#footer ul {padding:6px 0 0 40px;}
#footer ul li { float:left; margin-right:13px; padding-left:13px;}
#footer ul li.first { padding-left:0; background: none;}
#footer ul li:first-child { background:none;  padding-left:0px;}*/

#footer .btm_banner { clear:both; width:1020px; padding-top:5px; margin:0 auto; position:relative; }
#footer .btm_banner .prev { position:absolute; top:8px; left:0px;margin:0;padding:0 }
#footer .btm_banner .next { position:absolute; top:8px; right:-10px;margin:0;padding:0 }
#footer ul { width:960px; margin: 0 auto; overflow:hidden; }
#footer ul li { float:left; }

#footer .copyright { text-align:left; width:988px; margin:0px auto;}

#live_chat {position:fixed;right:5px;z-index:10;top:160px;}

.s_img {position:relative;padding-top:70%;overflow:hidden;z-index:2;}
.s_img .img {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform: translate(50%,50%);overflow:visible !important}
.s_img .img img {position:absolute;top:0;left:0;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.board1_div_content .s_img, .board2_div_content .s_img {padding-top:48%}
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */

.snb {
	position:relative;
	width:100%;
	border-top:3px solid #cbd3cf;
	border-bottom:3px solid #cbd3cf;
}
.snb__list {
	position:relative;
}
.snb__1depth {
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:19px;
	background-repeat:repeat-x;
	background-image:url(../../imgs/new_image/snb_bg.png);
	background-position:100% 100%;
}
.snb__1depth:last-child {background-image:none;}
.snb__1depth__link {
	font-size:16px;
	color:#595959;
	line-height:1;
}
.snb__1depth--active .snb__1depth__link,
.snb__1depth__link:hover {
	font-weight:700;
	color:#092f19;
}


.sub-title {
	position:relative;
	font-size:32px;
	font-weight:700;
	font-size: 32px;
	line-height:1;
	text-align: left;
	color: #0f2f1c;
}
.sub-title::before {
	content: "";
	display: block;
	position:relative;
	width: 41px;
	height: 5px;
	background-color: #0f2f1c;
	margin-bottom:13px;
	margin-top:12px;
}

.blind {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space:nowrap;
}
.clip-image {
    position:relative;
    padding-top:70%;
    overflow:hidden;
    z-index:2;
}
.clip-image__image {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:visible !important
}
.clip-image__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    transform: translate(-50%,-50%);
}
.company-list-wrap {
	position:relative;
	margin-top:60px;
}
.company-list__total {
	position:relative;
	font-size:14px;
}
.company-list__total strong {
	font-weight:700;
	color:#bd4805;	
}
.company-list__category {
	position:relative;
	display:grid;
	gap:30px 10px;
	grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
	margin-bottom:30px;
	text-align:center;
	font-size:15px;
}
.company-list__category__image {
    position: relative;
    display:flex;
	justify-content:center;
	align-items:center;
    width:70px;
    height:70px;
    margin:0 auto 8px auto;
	border-radius:100%;
	background-color:#f1f1f1;
	overflow:hidden;
}
.company-list__category__text {
    display:block;
    position:relative;
}
.company-list__category__image svg,
.company-list__category__image img {
    width:100%;
    height:100%;
    object-fit:contain;
}
.company-list__category__image .icon {
	position:relative;
	display:block;
	width:50px;
	height:50px;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:transparent
}
.company-list__category__image .icon--1 {
	background-image:url(/imgs/new_image/icon/cp_category_icon1.svg);
}
.company-list__category__image .icon--2 {
	background-image:url(/imgs/new_image/icon/cp_category_icon2.svg);
}
.company-list__category__image .icon--3 {
	background-image:url(/imgs/new_image/icon/cp_category_icon3.svg);
}
.company-list__category__image .icon--4 {
	background-image:url(/imgs/new_image/icon/cp_category_icon4.svg);
}
.company-list__category__image .icon--5 {
	background-image:url(/imgs/new_image/icon/cp_category_icon5.svg);
}
.company-list__category__image .icon--6 {
	background-image:url(/imgs/new_image/icon/cp_category_icon6.svg);
}
.company-list__category__image .icon--7 {
	background-image:url(/imgs/new_image/icon/cp_category_icon7.svg);
}
.company-list__category__image .icon--8 {
	background-image:url(/imgs/new_image/icon/cp_category_icon8.svg);
}
.company-list__category__image .icon--9 {
	background-image:url(/imgs/new_image/icon/cp_category_icon9.svg);
}
.company-list__category__image .icon--10 {
	background-image:url(/imgs/new_image/icon/cp_category_icon10.svg);
}
.company-list__category__image .icon--11 {
	background-image:url(/imgs/new_image/icon/cp_category_icon11.svg);
}
.company-list__category__image .icon--12 {
	background-image:url(/imgs/new_image/icon/cp_category_icon12.svg);
}
.company-list__category__image .icon--13 {
	background-image:url(/imgs/new_image/icon/cp_category_icon13.svg);
}
.company-list__category__image .icon--14 {
	background-image:url(/imgs/new_image/icon/cp_category_icon14.svg);
}
.company-list__category__image .icon--15 {
	background-image:url(/imgs/new_image/icon/cp_category_icon15.svg);
}
.company-list__category .svg-bg {
	fill:#000;
}
.company-list__category .svg-storke {
	stroke:#000;
}
.company-list__category li.active .svg-bg {
	fill:#fff;
}
.company-list__category li.active .svg-storke {
	stroke:#fff;
}

.company-list__category li.active .company-list__category__image .icon--1 {
	background-image:url(/imgs/new_image/icon/cp_category_icon1_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--2 {
	background-image:url(/imgs/new_image/icon/cp_category_icon2_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--3 {
	background-image:url(/imgs/new_image/icon/cp_category_icon3_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--4 {
	background-image:url(/imgs/new_image/icon/cp_category_icon4_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--5 {
	background-image:url(/imgs/new_image/icon/cp_category_icon5_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--6 {
	background-image:url(/imgs/new_image/icon/cp_category_icon6_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--7 {
	background-image:url(/imgs/new_image/icon/cp_category_icon7_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--8 {
	background-image:url(/imgs/new_image/icon/cp_category_icon8_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--9 {
	background-image:url(/imgs/new_image/icon/cp_category_icon9_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--10 {
	background-image:url(/imgs/new_image/icon/cp_category_icon10_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--11 {
	background-image:url(/imgs/new_image/icon/cp_category_icon11_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--12 {
	background-image:url(/imgs/new_image/icon/cp_category_icon12_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--13 {
	background-image:url(/imgs/new_image/icon/cp_category_icon13_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--14 {
	background-image:url(/imgs/new_image/icon/cp_category_icon14_on.svg);
}
.company-list__category li.active .company-list__category__image .icon--15 {
	background-image:url(/imgs/new_image/icon/cp_category_icon15_on.svg);
}


.company-list__category li.active .company-list__category__image {
	background-color: #0f2f1c;
}


.company-list__btn-box {
	position:relative;
	text-align:right;
	margin-bottom:50px;
}
.company-list {
	width: 100%;
    margin: 10px 0 10px 0;
    border-top: 1px solid #ccc;
}
.company-list__item {
	position:relative;
	width: 100%;
    padding: 20px 0px;
    border-bottom: 1px solid #ccc;
}
.company-list__item-inner {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;	
	line-height:1.2;
}
.company-list__item-image {
	flex: 0 0 250px;
    max-width: 250px;
}
.company-list__item-image img {
	width:100%;
	height:auto;
	object-fit:fill;
}
.company-list__item-content {
	padding-left:30px;
	width: calc(100% - 250px);
}
.company-list__item-name  {
    font-size: 16px;
    color: #252525;
    font-weight:400;
}
.company-list__item-title {
	font-size: 22px;
	color: #0f2f1c;
	font-weight:700;
	margin:10px 0 10px 0;
}
.company-list__item-info {
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.company-list__item-info i {
	vertical-align:middle;
	font-size:20px;
	color: #0f2f1c;
}
.company-list__item-info__address {
	width:100%;
	font-size: 16px;
	color: #555555;
	margin-bottom:10px;
}
.company-list__item-info__tel {
	font-size: 16px;
	color: #555555;
}
.company-list__item-info__email {
	font-size: 16px;
	color: #555555;
	margin-left:20px;
}

.search-group {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	width:100%;
	margin-bottom:30px;
}
.search-group__select {
	width:180px;
	position:relative;
}
.search-group__select .line {
	height: 40px;
    border-left: 1px solid #cbd3cf;
    position: absolute;
    left: 142px;
}
.search-group__select select {
	width: 180px;
    height: 40px;
    padding-left: 20px;
    border-radius: 2px;
    color: #606d7f;
    border: 1px solid #cbd3cf;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/imgs/new_image//news/img_select_down.png) no-repeat 95% 50%;
}
.search-group__input {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
}
.search-group__input input {
    width: 220px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #cbd3cf;
    border-radius: 2px;
    color: #666666;
}
.search-group__input button {
	display:block;
	width: 100px;
    height:40px;
    border: 0;
    color: #fff;
    border-radius: 2px;
    background-color: #606d7f;
	margin-left: 10px;
	cursor: pointer;
}

.company-detail {
	width: 100%;
    margin:60px 0 30px 0;
    border-top: 2px solid #0f2f1c;
}
.company-detail__top {
	width: 100%;
	position:relative;
	display:flex;
	flex-wrap:wrap;	
    padding: 30px 20px;
    border-bottom: 1px solid #ccc;
    color: #666;
    vertical-align: top;	
    align-items: flex-start;
}
.company-detail__image {
	position: relative;
    width: 210px;
    margin: 0 50px 0 0;
    border: 1px solid #ccc;
}
.company-detail__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}
.company-detail__info {
	width:calc(100% - 260px);
}
.company-detail__info-title {
    padding: 0 0 20px 0;
    font-size: 20px;
    font-weight: 500;
    color: #252525;
}
.company-detail__info dl {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	width:100%;
	font-size:14px;
}
.company-detail__info dl + dl {
	margin-top:10px;
}
.company-detail__info dl dt {
	width: 55px;
    display: inline-block;
    margin: 0 20px 0 0;
	color:#000;
}
.company-detail__info dl dd {
	width:calc(100% - 75px);
}
.company-detail__bottom {
	width: 100%;
    padding: 30px 20px;
    border-bottom: 1px solid #ccc;
    color: #666;
	font-size:16px;
	line-height:1.5;
}
.company-detail__bottom-title {
	padding: 0 0 20px 0;
	font-size: 20px;
	font-weight: 500;
	color: #252525;
}
.frm-input {
	display:block;
	position:relative;
	width: 730px;
    height: 45px;
    padding: 0 20px;
	border: 1px solid #cbd3cf;
    border-radius: 2px;
}
.frm-input--wd200 {
	width: 200px;
}

.btn-box {
	margin-top:30px;
	text-align:center;
}
.btn {
    display:inline-block;
    padding:0 20px;
    margin:0;
    height:40px;
    line-height:40px;
    font-size:14px;
    text-align:center;
    background-color:transparent;
    border-color:#707070;
    border-width:1px;
    border-style:solid;
	box-sizing:border-box;
	vertical-align:top;
	cursor: pointer;
}
.btn.btn--xs {
    height:23px;
    line-height:23px;
    font-size:12px;
    padding:0 5px;
}
.btn.btn--gray {
    background-color:#999;
    border-color:#999;
    color:#fff;
}
.btn.btn--green {
    background-color:#057701;
    border-color:#057701;
    color:#fff;
}
.btn.btn--light {
    background-color:#fff;
    border-color:#707070;
    color:#484848;
}
.btn.btn--cy {
    background-color: #02a8c6;
    border-color:#02a8c6;
    color:#fff;
}
.btn.btn--red {
    background-color:#bd4805;
    border-color:#bd4805;
    color:#fff;
}
.write_cont .wr-textarea {
	width: 730px;
	height:300px;
	padding:10px;
	box-sizing:border-box;
	border-color:#ccc;
}

.network-group {
	margin-top:60px;
	margin-bottom:60px;
}
.network-group__title {
	color: #063f1d;
    text-align:left;
    width: 100%;
	font-size:20px;
	font-weight:700;
}
.network-group__list {
	display:grid;
	gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	margin-top:20px;
}
.network-group__btn {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:100%;
    padding: 0 40px 0 40px;
    padding: 15px 0px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #252525;
    border: 1px solid #e2e3e4;
    vertical-align: middle;
    outline: 0;
	font-size:16px;
	box-sizing:border-box;
}
.network-group__btn:hover, 
.network-group__btn:active, 
.network-group__btn:focus,
.network-group__btn--active {
    color: #063f1d;
    border: 1px solid #063f1d;
}

.network-group-info {	
	border: 1px solid #ccc;
    padding: 30px 20px 20px 20px;
    margin-bottom:30px;
}
.network-group-info__title {
	color: #063f1d;
    text-align:left;
    width: 100%;
	font-size:20px;
	font-weight:700;
	margin-bottom:20px;
}
.table-box {
	position:relative;
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.table-type1 {
	width: 100%;
	border-collapse: collapse;    
    border-top: 2px solid #063f1d;
}	
.table-type1 th {
	height: 35px;
    line-height: 35px;
    font-weight: 500;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #e2e3e4;
    padding: 5px;
    border-right: 1px solid #ccc;
	font-size:15px;
}
.table-type1 td {
	height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 8px;
    border-right: 1px solid #e2e3e4;
	font-size:15px;
	color:#222;
	font-weight:300;
}

.network-box {
    border: 1px solid #ccc;
    background: url(/imgs/new_image/icon/icon_email.svg) no-repeat 20px 50%;
    background-size:73px 76px;
    padding: 40px 40px 40px 120px;
    margin: 20px 0 30px 0;
    clear: both;
	font-weight:300;
	color:#000;
	font-size:15px;
	line-height:1.5;
}
.network-box strong {
    font-weight:400;
    display: inline-block;
    color: #063f1d;
}