@charset "utf-8";
@import url("board.css");
/**
* OLYM Cascading Style Sheets
* File Name : /css/sub.css
* Description : 화제신문 기본 스타일시트
* Author : Hwaje Web business Team / Lee kyoung sun
* Email : designtj@olymcompnay.com
* Date : 2015.04.08
* Update : 2015.04.08
* Copyright(c) 2015 hwaje. All Rights Reserved.
*/

/*----------left_countents---------*/
.header_bg {
  width:100%;
  height:240px;
  margin:0 auto;
}
#left_contents_wrap{
	width:220px;
	float:left;
	min-height:100px;
}
#left_contents{
	width:220px;
}
#left_contents dl{
  font-family: 'Noto Sans KR', sans-serif;
}

#left_contents dl.workPart{
  padding-bottom: 100px;
}

#left_contents dl dt{
	color:black;
  /*font-size: 2.1em;*/
  font-size: 1.4em;
  font-weight:500;
  text-align:center;
  padding:25px 10px;
  color:#0b9444;
}
#left_contents dl dt a { color:#0b9444; }

#left_contents dl dd{
  font-size: 0.95em;
  border-bottom:1px solid #dfdfdf;
}
#left_contents dl dd.on{background-color:#0b9444;background:url('/img/leftMenuBg.jpg');color:#FFF;}
#left_contents dl dd.off{background:url('/img/leftMenuBg_.jpg');}
#left_contents dl dd a{
	display: block;
	padding:12px 0 12px 25px;
}
#left_contents dl dd a:hover{
	color:#029841;
}
#left_contents dl dd a.over{
  /*선택된*/
	/*color:#029841;*/
  color: white;
  font-weight:500;
  /*background:url('/img/sub/sub_left_icon.jpg');*/
}

#left_contents .subsub{
  background-color:#f4f3f3;
  /*padding-bottom: 10px;*/
  /*display:none;*/
  overflow: hidden;

  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#left_contents .subsub .on a{
  color:#0b9444;
  font-weight:500;
}

#left_contents .activesubsub{
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}


#left_contents .subsub li:first-child{
  border-top:1px solid #dddddd;
}
#left_contents .subsub li:last-child{
  border-bottom:0px;
}
#left_contents .subsub li{
  padding-left:10px;
  height: 44px;
  border-bottom: 1px solid #dddddd;
}
#s_quick{
	padding-top:30px;
}

/*----------right_countents---------*/
#sub_contents #right_contents_wrap{
	width:980px;
	float:right;
	position:relative;
}




#sub_contents #right_contents .contents_body{
	min-height:400px;
  width: 700px;
  color:#777777;
  padding: 0;
  padding-top: 0;
  /*padding-left: 65px;*/
  margin-left: 40px;
}
#sub_contents #right_contents h3{
	font-size:1.9em;
	font-weight:600;
  color:#444444;
}

#sub_contents .sub_title h3{
	padding:20px 0 0 0;
}
#sub_contents #right_contents .sub_top_line {
  padding:0;
  height:30px;
  border-bottom:1px solid #dddddd;
}
#sub_contents .sub_top_blank{padding-top:20px;}
#sub_contents .contents_tit{
  font-size:1.4em;
  color:#005fac;
  padding:20px 0;
}

#map {
	width:100%;
	height:400px;
}
.address {
	padding:0 20px 20px 30px;
}
/*  sub01_6   */
.sub01_6 ul li{
	width:33.333%;
	float:left;
	text-align:center;
	padding-left:20px;
	padding-bottom:30px;
}
.sub01_6 ul li a{
	width:90%;
	height:255px;
	display:block;
	border:1px solid #dddddd;
}
.sub01_6 ul li p.name{
	padding-top:15px;
	font-size:1.2em;
	font-weight:500;
	height:90px;
}
.sub01_6 ul li a .img{
	width:100%;
	height:250px;
}
.sub01_6 ul li a img{
	height:250px;
}
/*  sub03_1   */
.sub03_1 ul li{
	width:33.333%;
	float:left;
	text-align:center;
	padding-left:20px;
	padding-bottom:50px;
}
.sub03_1 ul li p{
	width:98%;
}
.sub03_1 ul li p.img{
	height:90px;
	border:1px solid #dddddd;
}
.sub03_1 ul li p.name{
	padding-top:15px;
	font-size:1.2em;
	font-weight:500;
}
/*  sub04_1   */
.sub04_1 ul li{
	padding-left:50px;
	margin:5px 0;
}
.sub04_1 ul li h4{
	font-size:1.6em;
	padding:10px 0 12px 10px;
	border-left:5px solid #42abcb;
	border-bottom:5px solid #dddddd;
	border-right:5px solid #42abcb;
	border-top:5px solid #dddddd;
	font-weight:600;
	color:#163a71;
}
.sub04_1 ul li ul{
	padding-bottom:30px;
}

.sub04_1 ul:after{
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
}
.sub04_1 ul: {*zoom:1;}
.sub04_1 ul li ul li{
	width:50%;
	border-bottom:1px solid #dddddd;
	float:left;
	padding-left:0;
}
.sub04_1 ul li ul li span,.sub04_1 ul li ul li em{
	display:inline-block;
	font-size:1.2em;
	padding:5px;
}
.sub04_1 ul li ul li span{
	width:40%;
	text-align:center;
	font-weight:500;
}
.sub04_1 ul li ul li em{
	width:60%;
}

/*sub01_3 ------- history*/
.after_z:after{
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
}
.after_z:{*zoom:1;}


.sub01_5{

}
.sub01_5 dl{
	padding:10px 0 5px 0px ;
	font-size:1.2em;
	letter-spacing:-1px;
}
.sub01_5 dl dt,.sub01_5 dl dd{
	float:left;
}
.sub01_5 dl dt{
	background:url(/img/sub/list_st_01.png) no-repeat 0 5px;
	padding:0 20px 0 30px ;
	width:120px;
	font-weight:600;
}

#intro_file{
  border: 1px solid #c8c8c8;
  padding-top: 20px;
}


h4 {font-size:1.3em;font-weight:600;color:#0063af;padding-left:20px;background:url("/img/sub/icon_rec.jpg") no-repeat;}
.seven_wrap{padding:10px 20px;}
.seven_wrap .ct {float:right;width:600px;}
.seven_wrap h2 {color:#000;}
.seven_wrap .ct p{padding-left:10px;}
.seven_wrap ul li{overflow:hidden;margin-bottom:40px;}
.ft_blue{color:#0063af;}
.pad_t30{padding-top:30px;}

.pad_t50{margin-top:50px;}

.table1{width:100%;border-bottom:2px solid #0063af;}
.table1 th{border-left:1px solid #dbdbdb;border-top:2px solid #0063af;text-align:center;padding:10px 0;background:#f2f2f2;}
.table1 .title{border-right:2px solid #dbdbdb;border-left:none;padding:0 10px;}
.table1 td {padding:6px 0;border-top:1px solid #dbdbdb; text-align:center;border-left:1px solid #dbdbdb;}
.table1 td.bg_blue{background:#f2f2f2;}
h5{padding:10px 0;}
.pad-t20 {padding-top:20px;}
.mar-t20{margin-top:20px;}

.content_top_wrap{width: 100%;}
.content_navi{
  padding:12px 20px;
  font-size:0.9em;
  background-color:#fbf9f9;
  border-bottom:1px solid #cccccc;
  color:#525252;
}

.content_navi span.font_bold{
  color:#0b9444;
}
.content_top01{
  background: url("/img/content_top_01.jpg");
}
.content_top02{
  background: url("/img/content_top_02.jpg");
}
.content_top03{
  background: url("/img/content_top_03.jpg");
}
.content_top04{
  background: url("/img/content_top_04.jpg");
}
.content_top05{
  background: url("/img/content_top_05.jpg");
}
.content_top06{
  background: url("/img/content_top_05.jpg");
}
.content_top07{
  background: url("/img/content_top_05.jpg");
}
.content_top08{
  background: url("/img/content_top_05.jpg");
}


#content_top_body{
  width:1200px;
  height: 150px;
  margin: 0 auto;
  padding-top: 110px;
  color: white;
}

#content_top_body #menu_text{
  font-size: 4.0em;
  text-shadow: 5px 5px 5px grey;
}

#content_top_body #menu_text_eng{
  margin-left: 8px;
  font-size: 2.3em;
  text-shadow: 0 0 5px #8badbe;

}




.subMenu{
  padding-top: 25px;
  padding-left: 40px;
  padding-bottom: 50px;
}

.subMenu li{
  background-color: white;
  border-top: 1px #cdcdcd solid;
  border-bottom: 1px #cdcdcd solid;
  border-left: 1px #cdcdcd solid;
  float: left;
  font-size: 1em;
  padding: 5px 25px;
}

.subMenu li:last-child{
  border-right: 1px #cdcdcd solid;
}

.subMenu li a{
  color: black;
}

.subMenu li.active a{
  color: white;
}

.subMenu li.active{
  background-color: #0b9444;
}


.subTitle{
  color:#000;
  font-size: 1.8em;
  font-weight: 500;
  margin-bottom: 18px;
  background: url('/img/haerin_line.png') no-repeat; background-position: right 12px;;
}
.subTitle .title_text, .subTitle .line{display: inline-block; vertical-align: top; }
.subTitle .title_text{padding-right: 5px; background-color: white;}
/*.subTitle .line { background: url('/img/haerin_line.png') no-repeat; width: 300px; height: 35px; background-position: right bottom; }*/

.work_cate{
  margin-top: 8px;
  margin-bottom: 12px;
  width: 600px;
}

.work_cate th{
  border-right: #0b9444 2px solid;
  font-size: 1.3em;
  color: black;
  width: 160px;
  text-align: left;
}

.work_cate td{
  padding-left: 12px;
}

.work_cate2 { margin: 0 0 26px 10px; display: inline-block; width: 430px; margin-right: 14px; vertical-align: top; }
.work_cate2 dt{
  border-bottom: #0b9444 2px solid;
  font-size: 1.3em;
  color: black;
  margin-bottom: 6px;
  padding-bottom: 4px;
}
.work_cate2 dd li::before{content: "·"; margin-right: 2px;}
.work_cate2 li{color: #4e5259; }

.desc{
  font-size: 1.2em;
  color: black;
  margin-top: 14px;
  padding-bottom: 30px;
}

.business_gallery{
  width: 700px;
  /*margin: 0 auto;*/
  margin-bottom: 50px;
}

.business_gallery img{
  width: 700px;
}

.history_title{
  padding-top: 70px;
  border-bottom: #0b9444 2px solid;
  font-size: 1.6em;
  display: inline-block;
  color: black;
}

.history{
  margin-top: 20px;
  font-size:0.9em;
}

.history .tab{
  float: left;
  line-height: 30px;
  font-size: 1em;
  height: 30px;
  color: black;
  text-align: center;
  color: white;;
  background-color: #a9cc3e;
  width: 660px;
}

.history .list{
  width: 660px;
}
.history #left{
  float: left;
  width: 440px;
  border-right: 1px #a2c43a solid;
}

.history #right{
  float: left;
  width: 220px;
}

.history #item{
  height: 30px;
  line-height: 30px;
  width: 660px;
  display: inline-block;
  border-bottom:  1px #a2c43a solid;
}

.history #item #left{
  padding-left: 20px;

}

.history #item #right{
  text-align: center;
}

.history #item.second{
  background-color: #ebf1d3;
}


.history2{width: 700px; }
.history2 th{
  /*background-color: #0b9444; color: white;*/
  border-top: 2px #0b9444 solid;
  border-bottom: 2px #e5e5e5 solid;
  color: #0b9444;
  text-align: center;
  padding: 5px 0;
}
.history2 tr:nth-child(2), .history2 th:nth-child(2){width: 200px; }
.history2 th:last-child, .history2 td:last-child{ display: none; }
.history2 td{
  background-color: white;
  /*border-bottom:  1px #0b9444 solid;*/

  text-align: center;
  font-size:   14px;
  line-height: 24px;
  height:      24px;
}
.history2 tr{
  border-bottom:  1px #ededed solid;
}

.history2 tr th:first-child{ border-right: 1px #0b9444 solid; padding: 5px 0;}
.history2 tr:last-child{ border-bottom: 2px #0b9444 solid;}

.history2 tr.second td{
  background-color: #ebf1d3;
}

.history2 .align_left{ text-align: left; padding-left: 10px; }


h5{padding:20px;font-size:1.4em;}
.map_wrap {position:relative;overflow:hidden;width:100%;height:350px;}
.radius_border{border:1px solid #919191;border-radius:5px;}
.customoverlay {position:relative;bottom:45px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.address_wrap{padding:20px 0;}
.address_wrap table{width:100%;border-top:2px solid #0b9444;}
.address_wrap table th{padding:10px;text-align: center;font-weight:500;color:#0b9444;font-size:1.1em;}
.address_wrap table tr {border-bottom:1px solid #a1a1a1;}
.address_wrap table tr td{padding:8px;text-align:center;color:#333;}




.work_wrap{
  /*margin-bottom: 10px;*/
}


.title{
  letter-spacing:-0.05em;
  font-size: 1.5em;
  padding: 0 0 10px 0;
  color:#000;
}

.sub_title{
  font-size: 1.5em;
  padding-left: 20px;
}
.subsub_title{
  font-size: 1.2em;
  padding-left: 29px;
}
.work_link{width:700px}
.work_link ul{padding-bottom: 15px; margin-left: 30px; padding-top: 6px; }

.work_link ul li{
  width: 24%;
  letter-spacing: -0.08em;
  list-style-type: circle;
  display: inline-block;
}

.work_webhard{
  width: 700px;
  margin-bottom: 10px;
  display:inline-block;
  vertical-align: top;
}

.work_mail{
  width: 700px;
  margin-bottom: 10px;
  display:inline-block;
  vertical-align: top;
}
.work_tel{
  width: 700px;
  height: 130px;
  display:inline-block;
  vertical-align: top;

}
.work_tel p{
  text-align: left;
  padding-left: 215px;
}

.work_time{
  width: 700px;
  display:inline-block;
  vertical-align: top;
}

.work_body{
  text-align: center;
  font-size: 24px;
  align-content: center;
  height: 50px;
  color: #666;
}

.work_body_top{
  height: 210px;
  background-color:#fff;
}

.work_body .clock{
  text-align: center;
}

.work_border{
  border: 1px #eaeaea solid;
  vertical-align: top;
  padding:20px 10px;
  background-color:#f0f2f5;
  margin-bottom: 10px;
}


.memo{
  display: inline-block;
  width: 485px;
}

.memo textarea{
  width: 100%;
  height: 100%;
}


.work_notice, .work_free{
  display: inline-block;
  height: 156px;
}

.work_notice{
  width: 700px;
  margin-bottom: 10px;
}
.work_free{
  width: 700px;
  margin-bottom: 10px;
}

.work_li_body{
  padding-left: 15px;
  padding-bottom: 10px;
  color: black;
}

.work_li_body ul li{
  border-bottom: 1px #ededed solid;
  margin: 0 20px 0 5px;
}

.work_li_body ul li a {color:#666;}



.work_underline{width:640px;border-top:1px dotted;padding-bottom:10px;margin-left:20px; }


.calender{
  width: 200px;
  display: inline-block;
  margin-right: 10px;
}

#calendar{
  text-align: center;
  display:block;
}

#calendar td{
  border    : 1px solid #e3e3e3;
  width     : 30px;
  height    : 30px;
  font-size : 12px;
}
#calendar td:first-child{
  border-left: 0px;
}
#calendar td:last-child{
  border-right: 0px;
}
#calendar tr:first-child td{
  border-top: 0px;
  color: #49a05d;
}
#calendar tr td{
  color: #5a5a5a;
}
#calendar tr td:first-child{
  color: #df0000;
}
#calendar tr td:last-child{
  color: #2437f1;
}
#calendar tr:first-child td:first-child{
  background-color: #f9d8d8;
}
#calendar tr:first-child td:last-child{
  background-color: #dcdefa;
}
#calendar tr:first-child td{
  background-color: #f1f1f1;
}
#calendar tr:last-child td{
  border-bottom: 0px;
}

#calendar tr td.today{
  background-color: #70be82;
  color: white;
}


.biz_top{
  padding: 20px 0 45px 0;
}
.biz_top .title{
  font-size: 30px;
  width: 200px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  margin: 0;
  padding: 0;
}

.biz_top .descript{
  font-size: 15px;
  display: inline-block;
  width: 690px;
  vertical-align: top;
  margin: 0;
  padding: 0;
  color: black;
}

.biz_body .biz_leftmenu{
  width: 190px;
  height: 416px;
  background-color: #eae9e7;
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
  padding-top: 36px;
  font-size: 12px;
}

.biz_body .biz_leftmenu .title{
  font-size: 20px;
  padding: 0 0 23px 0;
  margin: 0;
  color: black;
}

.biz_body .biz_leftmenu .submenu li{
  font-size: 12px;

  padding: 2px 4px;
  margin: 0 15px 3px 0;
  /*border: 1px #ce0008 solid;*/
}
.biz_body .biz_leftmenu .submenu li:first-child{
  padding-top: 0px;
}
.biz_body .biz_leftmenu .submenu li a{
  color: #838383;
}

.biz_body .biz_leftmenu .submenu .on{
  color: #ce0008;
}

.biz_body .biz_leftmenu .submenu .on a{
  color: #ce0008;
  padding-right: 15px;
  background: url('/img/biz_on.png') no-repeat;
  background-position: right center;
}


.biz_body .biz_content{
  display: inline-block;
  width: 727px;
  vertical-align: top;
}

.biz_content .slider{
  overflow: hidden;
}

.biz_content .images{
  width: 345px;
  display: inline-block;
  margin-right: 3px;
}

.biz_content .images li{
  height: 200px;
  margin-bottom: 5px;
  overflow-y: hidden;
}

.biz_content .images li img{
  width: 100%;
}

.biz_content .biz_content_body{
  display: inline-block;
  width: 375px;
  vertical-align: top;
}

.biz_content_body .focus{
  background-color: #4d5058;
  color: white;
  font-size: 12px;
  padding: 15px 20px;
  letter-spacing: 0.125em;
}

.biz_content_body .content{
  padding: 9px;
}

.biz_content_body .content img{
  width: 100%;
}


.fotorama__nav-wrap{
  bottom: 0px;
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.fotorama__nav{
  text-align: left;
}


.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img{
transition-property:opacity;
transition-timing-function:linear;
transition-duration: 0ms;
}


.pr_center { margin-bottom: 26px; margin-top: 20px;  }
.pr_center li{
  display: inline-block;
  width: 213px;
  padding-top: 24px;
  height: 279px;
  border: 1px #d7d7d7 solid;
  margin-right: 25px;
  text-align: center;
  background-color: #f6f6f6;
}
.pr_center li:last-child{margin-right: 0; }
.pr_center li .intitle { font-size :24px; color: black;}
.pr_center li .icon{ margin-top: 30px; height: 110px;}
.pr_board li .icon{margin-top: 10px; margin-bottom: 20px; }
.pr_center li .icon img{max-height: 110px;}
.pr_center li .intext{ font-size: 12px; }
.pr_center li .board_intext{ font-size: 20px; }
.pr_center li .board_intext dl{display: inline-block; text-align: left; margin: 0 auto;}
.pr_center li .board_intext dt, .pr_center li .board_intext dd{ display: inline-block; font-weight: 400; }
.pr_center li .board_intext dt{ width: 40px; }
.pr_center li .board_intext dd{ width: 78px; }
.pr_center li .board_intext p.email{margin-top: 34px; }
.pr_center li .board_intext p.tel{font-size: 24px; }
.pr_center li .board_intext p.tel_time{ font-size: 14px; margin-top: 6px; }



.content_top { color: black; margin-bottom: 20px; }
.content_top .top_title{ display: inline-block; }
.content_top .intitle { font-size: 2.4em; color:#0b9444;}
.content_top .intext { font-size: 1em; color:#0b9444; }

.top_navi{
  float: right;
  font-size:0.9em;
  color:#525252;
  margin-top: 48px;
}

.top_navi span.font_bold{
  color:#0b9444;
}


.work_cate3{ color: black;  }
.work_cate3 .intitle{margin-bottom: 8px; font-size: 1.6em; font-weight: 500;}
.work_cate3 .intitle .icon { height: 23px; margin-right: 4px; margin-top: -2px;}
.work_cate3 table { border-top: 2px #28be67 solid; border-bottom: 2px #28be67 solid; width: 100%;  }
.work_cate3 table tr{ border-bottom: 1px #28be67 solid; }
.work_cate3 table tr:last-child{border-bottom: 0;  }
.work_cate3 table th { background: #ededed; width: 120px; padding: 5px 10px; font-weight: 500; font-size: 12px; }
.work_cate3 table td{ font-size: 14px; padding: 5px 10px; }

.subTitle_biz{margin-bottom: 8px; font-size: 1.6em; font-weight: 500; color: #099444;}
.subTitle_biz .icon { height: 23px; margin-right: 4px; margin-top: -2px;}


.business_gallery2 { margin-bottom: 40px; }
.business_gallery2 ul li{display: inline-block; margin-left: 15px; }
.business_gallery2 ul li:first-child{margin-left: 0; }
.business_gallery2 ul li img{width: 340px; }

.work_part { width: 700px; display: inline-block;}
.sub_side{display: inline-block; vertical-align: top; position: absolute; right: 70px; top: 87px; }
/*.workpart_option .sub_side{top: 140px; }*/


.left_quick ul{ border: 1px #e8e8e8 solid; display: block; width: 150px; margin-bottom: -1px; height: 28px; overflow: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.left_quick ul li:first-child{ border-bottom: 2px #e8e8e8 solid; }
.left_quick ul.active{height: 130px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.left_quick a{overflow: hidden; position: relative;}
.left_quick .quick_text{
  position: absolute;
  right: 0;
  bottom: -82px;
  color: white;
  line-height: 16px;
  padding: 0 11px 12px 0;
}

.left_quick .quick_text .intitle{ font-size: 18px; }
.left_quick .quick_text .intext{font-size: 14px;}
.left_quick .quick_text .intext .lefttitle{width: 30px; display: inline-block; }
.left_quick .quick_text .inemail{font-size: 14px; color: black; }

#header_wrap.pull { height: 212px; }



.sub_intro{}
.sub_intro .intitle{ font-size: 30px;  color: #099444; text-align: center; }
.sub_intro .sub_intitle{ font-size: 18px; color: #413735; text-align: center; }
.sub_intro .left_pic, .sub_intro .right_content{ display: inline-block; vertical-align: top; }
.sub_intro .left_pic{width: 250px; text-align: center; }
.sub_intro .left_pic .pic_text{color: black; margin: 6px 0;  }

.sub_intro .content_body_wrap{ margin-top: 20px;  }
.sub_intro .right_content{ width: 420px; font-size: 16px; line-height: 28px; word-break: keep-all; margin-left: 20px; padding-top: 30px; }
.sub_intro .right_content p {margin-bottom: 16px; }
.sub_intro .right_content .green { color: #099444; }

.green { color: #099444; }
.blue{ color: #01adef; }
.sub_company_philosophy{}
.sub_company_philosophy .intitle{ font-size: 24px; color: #099444; text-align: center; }

.sub_company_philosophy .focus{margin-top: 20px; }
.sub_company_philosophy .focus li{ display: inline-block; text-align: center; color: #413736; width: calc(33% - 10px); margin-right: 10px; }
.sub_company_philosophy .focus li:last-child{margin-right: 0;}
.sub_company_philosophy .focus li dt { font-size: 14px; background-color: #f3f2f0; border-top: 2px solid #655d5a; border-bottom: 1px solid #c7bdb4; line-height: 30px; }
.sub_company_philosophy .focus li dd { font-size: 12px; line-height: 30px; }
.sub_company_philosophy .sub_section{text-align: center; margin-top: 100px; }
.sub_company_philosophy .section_title{ font-size: 29px; color: #413833; }
.sub_company_philosophy .section_subtitle {color: #109901; font-size: 20px; }
.sub_company_philosophy .sub_section_2{text-align: center; }
.sub_company_philosophy .section_body{margin-top: 60px; }
.sub_company_philosophy .left_img, .sub_company_philosophy .right_body{display: inline-block; vertical-align: top; }
.sub_company_philosophy .left_img { width: 370px; }
.sub_company_philosophy .right_body { width: 325px; text-align: center; padding-top: 110px; }
.sub_company_philosophy .right_body .sec_subtitle{ font-size: 18px; color: black; }
.sub_company_philosophy .right_body .sec_focus{ font-size: 18px; color: #099444;   margin-top: 16px; }
.sub_company_philosophy .right_body .sec_text{ font-size: 14px; color: #5a5a5a; margin-top: 16px; }

.sub_cert .intitle{ font-size: 30px;  color: #099444; text-align: center; }
.sub_cert .sub_intitle{ font-size: 18px; color: #413735; text-align: center; }
.sub_cert .certs{margin-top: 20px; }
.sub_cert .certs li{ display: inline-block; text-align: center; color: #413736; width: calc(33% - 10px); margin-right: 10px; }
.sub_cert .certs li:last-child{margin-right: 0;}
.sub_cert .certs_table{ width: 100%; margin-top: 40px;  }
.sub_cert .certs_table td{ width: 33%; padding-right: 10px; vertical-align: top; }
.sub_cert dl{ color: #413736; width: 100%; margin-bottom: 20px; }
.sub_cert dt { font-size: 14px; background-color: #f3f2f0; border-top: 2px solid #655d5a; border-bottom: 1px solid #c7bdb4; line-height: 30px; text-align: center; position: relative;}
.sub_cert dd { font-size: 12px; padding-left: 10px; line-height: 30px; background-color: #f4f0e5; color: #403732; }
.sub_cert dd.bg_white{background-color: white; }
.sub_cert dd .cert_type2 { line-height: 14px; font-size: 12px; padding: 8px 0; padding-left: 10px; }
.sub_cert dd .cert_type2 li{margin-bottom: 4px; }
.sub_cert dd .cert_type2 li:last-child{margin-bottom: 0; }
.sub_cert dd .cert_type2 li::before{content: "·"; margin-left: -10px; }
.sub_cert dd .cert_type { padding-bottom: 5px; }
.sub_cert dd .cert_type li { padding: 5px 0; }
.sub_cert dd .cert_type .left {  vertical-align: top; font-size: 14px; line-height: 14px; font-weight: 500; padding: 0; margin-left: 6px; }
.sub_cert dd .cert_type .left::before{content: "·"; margin-left: -10px; }
.sub_cert dd .cert_type .right { vertical-align: top; line-height: 12px; padding: 4px 0 0 8px; word-break: keep-all;}
.sub_cert .cert_icon_right{ position: absolute; right: 9px; top: 9px; }
.sub_cert .cert_icon_intext{height: 12px; padding: 2px 0 0 4px; }
.text_closer { word-spacing:-1px; letter-spacing: -0.05em; padding-right: 15px; }

.sub_history { }
.sub_history .intitle{ font-size: 30px;  color: #099444; text-align: center; }
.sub_history .sub_intitle{ font-size: 18px; color: #413735; text-align: center; }
.sub_history .history { width: 700px; }
.sub_history .history td:nth-child(1){width : 276px; padding-right: 10px; }
.sub_history .history td:nth-child(2){width : 52px; text-align: right; }
.sub_history .history td:nth-child(3){width : 24px; text-align: center; background: url('/img/history_line.png') repeat-y; background-position: center;}
.sub_history .history td:nth-child(4){width : 52px; text-align: left; }
.sub_history .history td:nth-child(5){width : 276px; padding-left: 10px; }

.sub_history .history td:nth-child(1) .date, .sub_history .history td:nth-child(5) .date{
  color: #099444;
  font-size: 38px;
  font-weight: 600;
}
.sub_history .history td:nth-child(1) .date, .sub_history .history td:nth-child(1) .date2,
.sub_history .history td:nth-child(1) .issue, .sub_history .history td:nth-child(1) .issue2
{text-align: right;}

.sub_history .history td:nth-child(1) .date2, .sub_history .history td:nth-child(5) .date2{
  color: #099444;
  font-size: 30px;
  font-weight: 500;
}
.sub_history .history td:nth-child(1) .issue, .sub_history .history td:nth-child(5) .issue,
.sub_history .history td:nth-child(1) .issue2, .sub_history .history td:nth-child(5) .issue2{
  font-size: 14px;
  font-weight: 500;
  color: #3f3f3f;
  margin-bottom: 15px;
}

/*.sub_history .history td:nth-child(1) .issue2, .sub_history .history td:nth-child(5) .issue2{
  font-size: 13px;
  color: #757575;
  margin-top: 6px;
  line-height: 16px;
}*/
.sub_history .history td:nth-child(1).new_line, .sub_history .history td:nth-child(5).new_line{ padding-bottom: 16px; }

.sub_history .history tr:first-child td:nth-child(3){ background-size: 2px 16px; background-repeat: no-repeat; background-position: bottom;}
.sub_history .history tr:last-child td:nth-child(3){ background: none;}
.sub_history .history tr.history_last td:nth-child(3){ background-size: 2px 16px; background-repeat: no-repeat; background-position: top; }


.sub_person_system{ }
.sub_person_system .focus { background-color: #f7f7f7; height: 210px; padding: 40px 40px; position: relative;}
.sub_person_system .focus .icon_doc{position: absolute; right: 40px; bottom: 50px; }
.sub_person_system .focus .icon_doc img{ width: 120px; }
.sub_person_system .focus .intitle { font-size: 26px; color: #000000;  }
.sub_person_system .focus .intext  { font-size: 18px; color: #9e9e9e; margin-top: 30px; width: 460px; word-break: keep-all;}
.sub_person_system ul {padding: 0 15px; margin-top: 30px; }
.sub_person_system dl { margin-bottom: 50px; }
.sub_person_system dt{border-top: 1px black solid; color: black; width: 100px;  font-size: 16px; font-weight: 400; padding: 0 0 0 0; display: inline-block; vertical-align: top; font-size: 22px; }
.sub_person_system dd { display: inline-block; vertical-align: top; padding-left: 60px; }

.sub_person_system dd .item_1{padding: 0; margin: 0; }
.sub_person_system dd .item_1 li{display: inline-block; width: 120px; vertical-align: top; word-break: keep-all; text-align: center; margin-right: 70px;  }
.sub_person_system dd .item_1 li img { width: 40px;}
.sub_person_system dd .item_1 li .text{margin-top: 10px;}
.sub_person_system dd .item_1 li:last-child{margin-right: 0; }

.sub_person_system dd .item_2{padding: 0; margin: 0; }
.sub_person_system dd .item_2 li{display: inline-block; width: 100px; vertical-align: top; word-break: keep-all; text-align: center; margin-right: 30px; }
.sub_person_system dd .item_2 li:last-child{margin-right: 0; }
.sub_person_system dd .item_2 li .text{ margin-top: 14px; }

.sub_person_system dd .item_3 {width: 500px; text-align: center; }
.sub_person_system dd .item_3 tr:first-child { height: 20px; }
.sub_person_system dd .item_3 tr:first-child td:nth-child(1){ background-color: #d6fcd3; }
.sub_person_system dd .item_3 tr:first-child td:nth-child(2){ background-color: #a0fc97; }
.sub_person_system dd .item_3 tr:first-child td:nth-child(3){ background-color: #75e869; }
.sub_person_system dd .item_3 tr:first-child td:nth-child(4){ background-color: #49ca3c; }
.sub_person_system dd .item_3 tr:first-child td:nth-child(5){ background-color: #3dd22e; }
.sub_person_system dd .item_3 tr:first-child td:nth-child(6){ background-color: #1fbd10; }
.sub_person_system dd .item_3 tr:first-child td:nth-child(7){ background-color: #16a608; }
.sub_person_system dd .item_3 td{width: 14.3%; text-align: center; }

.sub_talent .intitle{ font-size: 26px;  color: #099444; text-align: center; }
.sub_talent .sub_intitle{ font-size: 14px; color: #413735; text-align: center; }
.sub_talent .focus_img {background-color: #f3f3f1; text-align: center; padding: 25px 0; border-top: 2px #aeaeac solid; border-bottom: 2px #aeaeac solid; margin-top: 40px; }
.sub_talent .item_title{text-align: center; font-size: 24px; color: black; }
.sub_talent .underline { border-bottom: 2px black solid; width: 40px; margin: 0 auto; margin-top: 6px; margin-bottom: 12px; }
.sub_talent .item_explain{text-align: center; font-size: 18px; color: #099444;}
.sub_talent .item_explain2{text-align: center; font-size: 14px; margin-top: 4px; }

.sub_talent .items{margin-top: 60px; }
.sub_talent .items li{margin-bottom: 70px;}
.sub_talent .items li:last-child{margin-bottom: 0;}

.sub_talent .item_icon{display: inline-block; margin-left: 40px; margin-top: 30px; }
.sub_talent .item_icon li{margin: 0; height: 140px; vertical-align: top; }
.sub_talent .item_icon li .item_wrap{ display: inline-block; width: 92px;}
.sub_talent .item_icon li{display: inline-block; text-align: center; font-size: 18px; color: black;}
.sub_talent .item_icon li::after{content: url('/img/sub/0503_img_arrow.jpg'); display:inline-block; padding-top: 66px; vertical-align: top; margin: 0 20px; }
.sub_talent .item_icon li:last-child::after{content:none; margin: 0; padding: 0;}
.sub_talent .item_icon li .text { margin-bottom: 5px; }

.sub_talent .item_icon2{ margin-left: 7px; width: 700px;}
.sub_talent .item_icon2 li::after{margin: 0 4px; }
.sub_talent .item_icon2 li .item_wrap{ display: inline-block; width: 92px;}

.sub_history .history_mobile{ display: none; }