/* ------------------------------------------------------------------ */
/* Common Styles
main : da251c    red
point : 4d423b   dark brown
point : 539181   sapphire green
point : c9c22c   green

'Noto Sans KR', 'Noto Sans KR', sans-serif, 'Noto Sans KR', 'FontAwesome', "Font Awesome 5 Free"

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 480px) {
}
*/
/* ------------------------------------------------------------------ */
article {}
article:last-child {margin-bottom: 0;}

/*---------------------------------------------------------
  2. Typography
  Vertical rhythm with leading derived from 6
--------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-family: inherit;  }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 42px; line-height: 1.5; }
h2 { font-size: 36px; line-height: 42px; }
h3 { font-size: 28px; line-height: 30px; }
h4 { font-size: 24px; line-height: 30px; }
h5 { font-size: 18px; line-height: 30px;}
h6 { font-size: 16px; line-height: 30px; }

p { font-family:  'Barlow','Noto Sans KR', sans-serif; font-size: 18px; word-break: keep-all;font-weight: 300;line-height: 1.5;}
p span {color: #da251c; font-weight: 500;}
p img { margin: 0; }
p.lead { font: 26px/1.8  'Barlow','Noto Sans KR', sans-serif; margin-bottom: 18px; color: #666; font-weight: 700; }
p.head { font: 22px/1.5  'Barlow','Noto Sans KR', sans-serif; margin-bottom: 10px; color: #444; font-weight: 500; }
p.txtwrap {padding: 0 20px;}

@media screen and (max-width: 768px) {
  h1 { font-size: 32px; line-height: 1.5; }
  h2 { font-size: 28px; line-height: 34px; }
  h3 { font-size: 24px; line-height: 28px; }
  h4 { font-size: 18px; line-height: 24px; }
  h5 { font-size: 16px; line-height: 20px; }
  h6 { font-size: 14px; line-height: 18px; }
}

@media screen and (max-width: 640px) {
  p.lead {font-size: 18px;}
  p.head {font-size: 16px;}
  p {padding: 0; }
}

@media screen and (max-width: 480px) {
  h1 { font-size: 32px; line-height: 1.5; }
  h2 { font-size: 28px; line-height: 34px; }
  h3 { font-size: 24px; line-height: 28px; }
  h4 { font-size: 18px; line-height: 24px; }
  h5 { font-size: 16px; line-height: 20px; }
  h6 { font-size: 14px; line-height: 18px; }
  p.txtwrap {padding: 0;}
}
/* for 'em' and 'strong' tags, font-size and line-height should be same with
the body tag due to rendering problems in some browsers */

em {font-style: normal; }
strong, b { font-weight: bold;}
small { font-size: 11px; line-height: inherit; }

/* drop cap */
.drop-cap:first-letter {
    float: left; margin: 0; padding: 8px 5px 0 0; font-size: 48px; font-family: /* Copperplate */ inherit; line-height: 48px;font-weight: 700; text-indent: 0; background: transparent; color: #da251c;
}

/*---------------------------------------------------------
3. List
--------------------------------------------------------- */
ul, ol { margin-bottom: 0; margin-top: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol, ol ol, ol ul { margin: 0x; }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 0; }
li { line-height: 18px; }
ul.large li { }
li p { }

/*---------------------------------------------------------
4. Images
--------------------------------------------------------- */
img { height: auto; vertical-align: top;}
img.pull-right { margin: 12px 0px 0px 18px; }
img.pull-left { margin: 12px 18px 0px 0px; }
i {font-style: normal;}

.cont-img {width: 100%;  /* margin:0 0 30px 0px; padding-bottom: 3%; background: url('../images/slider_shadow.png') bottom center no-repeat;  background-size: 100%; */}
.cont-img img {width: 100% ; margin:0;}
.cont-ov-img {width: 100%;  margin:0 0 30px -30px;}
.cont-ov-img img {width: 100% ; margin:0;}

@media screen and (max-width: 768px) {
    .cont-img {margin-left: -20px; padding-bottom: 0; width: calc(100% + 40px);}
}
/* ------------------------------------------------------------------ */
/* Sub Page visual
/* ------------------------------------------------------------------ */
.sub-visual {position: relative; height: 350px;}
.sub-visual .slogan-wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 700px; text-align: center;}
.sub-visual .slogan-wrap .slogan {margin-bottom: 30px; font-size: 42px; color: #fff; line-height: 1.4; font-weight: 700; word-break: keep-all;}
.sub-visual .slogan-wrap a {color: #fff;}
.sub-visual .slogan-wrap a:hover {color: #222;}
.sub-visual .img1 {position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: url('../images/1.jpg') 50% 0%/cover no-repeat;}

@media screen and (max-width: 768px) {
    .sub-visual {height: 350px;}
    .sub-visual .slogan-wrap {width: 80%;}
    .sub-visual .slogan-wrap .slogan {font-size: 30px;}
}
@media screen and (max-width: 480px) {
    .sub-visual {height: 320px;}
    .sub-visual .slogan-wrap .slogan {font-size: 24px;}
}
/*---------------------------------------------------------
page common
100,300,400,500,700,900
--------------------------------------------------------- */

.page section { }
.page h1, .title-heading {margin-bottom: 40px; line-height: 1.2; font-weight: 300; letter-spacing: -0.02em; text-align: center;}
/*  .page h1:after{
	position:absolute;
	content:" ";
	top:5%;
	left:0;
	height:90%;
	width:3px;
	background:#000;
}  ----*/
.page h1 span {color: #444; font-weight: 700;}
.page h2 {font-weight: 400;}
.page h3 {position: relative; margin-bottom: 20px; padding-left: 10px; color: #444; font-weight: 500; }
.page h3::after {
    position:absolute;
    content:" ";
    top: 10%;
    left:0;
    height:90%;
    width:3px;
    background:#000;
}
.page h3 span {font-weight: 700;}
span.bar {display: block; width: 1px; height: 30px; background-color: #222; margin: 20px auto 20px;}

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

}

@media screen and (max-width: 768px) {
    .page h1,  .title-heading { font-size: 28px; line-height: 38px;font-family: inherit; text-align: center;}
    .page h1:after {margin:10px auto 40px;}
    .page h1, .page p.lead { text-align: center; }
    span.bar {height: 15px;margin: 10px auto 10px;}
}

/* ------------------------------------------------------------------ */
/* Sub Page title
/* ------------------------------------------------------------------ */
/* page title */
#page-title {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 0;
    border-top: 0px solid #e5e5e5;
    overflow: hidden;
    background: #eee;
 }
#page-title .title-img { position: relative; height: 300px; background: url("../images/1.jpg") repeat-x scroll 50% 50% / cover; }
#page-title .title-img .title_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#page-title h1 { padding: 0; margin: 0; font-size: 36px; line-height: 1; color: #444; text-align: center; text-shadow: 0px 1px 5px rgba(0, 0, 0, .0); font-weight: 700;}
#page-title h1 span, #page-title a { color: #f2da00; }
#page-title p { padding: 0; margin: 12px 5% 0; font-size: 18px; line-height: 36px; color: #ccc; text-shadow: 0px 1px 2px rgba(0, 0, 0, .0); }
#page-title .root { color: #222;}
#page-title .root span { padding: 0 5px;}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
    #page-title { padding-top: 20px;}
    #page-title .title-img { height: 150px;}
    #page-title .title-img::before { background-position: top;}
    #page-title h1 { font-size: 24px; }
    #page-title p { font-size: 13px; }
    #page-title .root {font-size: 12px;}
}

/* page cont_header */
#cont_header.header_bg01 { background: #f5f5f5; margin-bottom: 60px;} /* header bg */
#cont_header .cont_title { padding: 60px 0 !important; padding: 0; text-align: center;}
#cont_header .cont_title hr {
    border: solid #999;
	border-width: 2px 0 0;
	width: 200px;
	margin: -4px auto 20px auto;
	height: 0;
	clear: both;
	text-align: left; }
#cont_header .cont_title p {margin-top: 0px; font-size: 14px; text-align: center; text-transform: uppercase;  letter-spacing: 0.4em}
#cont_header .cont_title h1 {margin-bottom: 0; font-size: 28px; font-weight: 700; letter-spacing: 0.1em; color: #666;}

@media screen and (max-width: 768px) {
    #cont_header { margin-left: -20px; width: calc(100% + 40px);}
    #cont_header .cont_title hr {width: 180px;}
    #cont_header .cont_title p {font-size: 12px;}
    #cont_header .cont_title h1 {font-size: 22px;}
}

.cont_style p {margin-bottom: 30px;}
.cont_style dl {margin-bottom: 30px;}
.cont_style dl dd {margin-bottom: 10px;}
.cont_style ul {margin-bottom: 30px;}
/* ------------------------------------------------------------------ */
/* About Styles
/* ------------------------------------------------------------------ */
#about01 {}
#about01 .s01 .txt-1 {}
#about01 .s01 .head {margin-bottom: 60px;}
@media screen and (max-width: 768px) {
    #about01 .s01 .txt-1 {margin-bottom: 30px;}
}

h4.add {display:block; margin:20px 0 10px 5px; font-weight: 400; }
.info { width:100%; padding: 20px;border:0px solid #dfdfdf; background-color:#fff; }
.info h4 {margin-bottom: 30px;}
.info ul {font-size: 16px;}
.info ul li {padding: 10px 10px 10px 100px;}
.info ul li span.tit {display:inline-block; width:100px; margin-left: -100px; color:#444; font-weight: 500; }
.info ul li span.add {}

#about01 .s02 {margin-bottom: 0; padding: 100px 0; background: #f5f5f5;}
#about01 .s02 h1 {margin-bottom: 20px; font-size: 40px; color: #4d423b; font-weight: 700;}
#about01 .s02 h1 span { color: #539181;}
#about01 .s02 h1:first-of-type {  font-size: 70px; font-weight: 700; color: #da251c; }
#about01 .s02 h1:first-of-type span {color: #4d423b;}
/***********************************SERVICES STYLES***********************************/
#about01 .services {padding: 30px 0 0px; }
#about01 .section-title {margin-bottom: 60px; text-align: center; }
#about01 .section-title h3 {font-weight: 400; color: #323639;}
#about01 .section-title h3 span {font-weight: 900; }
#about01 .service-block { padding: 30px 20px;  text-align: center;}
#about01 .service-block .icon { margin-bottom: 20px; color: #4d423b; font-size: 40px;}
#about01 .service-block h5 { font-family: 'Barlow',sans-serif; font-weight: 500;}

#about01 .hb:nth-child(1), .hb:nth-child(2), .hb:nth-child(3) { border-bottom: 0px #e5e5e5 solid; }

@media screen and (max-width: 1024px) {
  #services .container {padding: 80px 20px;}
  .hb:nth-child(-n+4) { border-bottom: 0px #e5e5e5 solid; }
  }

@media screen and (max-width: 768px) {
    #about01 .s02 {margin-left: -20px; width: calc(100% + 40px); padding: 60px 0;}
    #about01 .s02 h1 {padding: 0 20px; font-size: 28px;}
    #about01 .s02 h1:first-of-type { margin-bottom: 10px; font-size: 36px;  }
  .hb:nth-child(5) { border-bottom: 0px #e5e5e5 solid; }
}

.vb:nth-child(1), .vb:nth-child(2), .vb:nth-child(4), .vb:nth-child(5) { border-right: 0px #e5e5e5 solid; }

@media screen and (max-width: 1024px) {
  .vb:nth-child(1), .vb:nth-child(2), .vb:nth-child(4), .vb:nth-child(5) { border-right: none; }
  .vb:nth-child(2n+1) { border-right: 0px #e5e5e5 solid; }
}

@media screen and (max-width: 768px) {
  .vb:nth-child(-n+6) { border-right: none; }
}

#about01 .s03 {padding: 80px 0;}
/* ------------------------------------------------------------------ */
/* Location Styles
/* ------------------------------------------------------------------ */
/* Location */
 h4.add {display:block; margin:20px 0 10px 5px; font-weight: 400; }
 .map_info { width:100%; padding: 20px;border:0px solid #dfdfdf; background-color:#fff; }
 .map_info h4 {margin-bottom: 30px;}
 .map_info ul {font-size: 16px;}
 .map_info ul li {padding: 10px 10px 10px 100px;}
 .map_info ul li span.tit {display:inline-block; width:100px; margin-left: -100px; color:#444; font-weight: 700; }
 .map_info ul li span.add {}

 /* 카카오 맵 */
 .root_daum_roughmap {width: 100% !important; padding: 0 !important; border: none !important}
 .root_daum_roughmap .wrap_map {}
 .root_daum_roughmap .wrap_controllers {}

@media screen and (max-width: 640px) {
     .map_info {margin-bottom: 30px;}
}

/* ------------------------------------------------------------------ */
/* Team Styles
/* ------------------------------------------------------------------ */
#business01 .s01 {padding: 0 0 100px;}
#business01 .s02 {margin-bottom: 0; padding: 100px 0; background: #f5f5f5;}
#business01 .s03 {padding: 100px 0;}

@media screen and (max-width: 640px) {
    #business01 .s01 {padding: 0 0 50px;}
    #business01 .s02 {padding: 50px 0;}
    #business01 .s03 {padding: 50px 0;}
}


/* ------------------------------------------------------------------ */
/* History 1 Styles
/* ------------------------------------------------------------------ */
.history-wrap > ul { width:100%; padding:0 50px 0 180px; box-sizing: border-box; list-style: none;}
.history-wrap > ul > li { position:relative; padding: 23px 0 70px 45px; border-left: 1px solid #d9d9d9;}
.history-wrap > ul > li:last-child { padding-bottom: 0;}
.history-wrap .history-inner dt {
  position:absolute;
  left: -166px;
  top: 0;
  width: 170px;
  height: 70px;
  line-height: 70px;
  padding-right: 50px;
  text-align: right;
  box-sizing: border-box;
  background: #fff;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 36px;
  font-weight: 800;
  color: #376bcc;
}
.history-wrap .history-inner dt:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 4px;
  background: #444;
}

.history-wrap .month-wrap > ul { list-style: none; float: left}
.history-wrap .month-wrap > li { position: relative; padding-left: 60px; margin-top: 30px; font-size: 18px;}
.history-wrap .month-wrap > li:first-child { margin-top:0;}
.history-wrap .month-wrap > li > span.month {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 60px;
  font-weight: bold;
  color: #666;
}
.history-wrap .month-wrap > li li { width: 100%; margin-top: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 14px;}
.history-wrap .month-wrap > li li:first-child { margin-top: 0;}
.history-wrap .imgArea {padding-top: 5px;}
.history-wrap .imgArea .poster {margin-bottom: 5px;}
.history-wrap .imgArea .poster img {max-width: 100%;}
.history-wrap .imgArea p strong {display: block; font-weight: normal; font-size: 24px; color: #000;}

@media all and (max-width:1024px) {
	.history-wrap > ul {padding: 0 10px 0 150px;}
}

@media all and (max-width:768px) {
	.history-wrap > ul {padding: 0 15px;}
	.history-wrap > ul > li {padding: 0 0 50px 30px;}
	.history-wrap .history-inner dt {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: 34px;
    margin-left: -34px;
    line-height: 34px;
    margin-bottom: 15px;
    padding: 0 0 0 35px;
    text-align: left;
    font-size: 30px;
  }
	.history-wrap .history-inner dt:after {right:auto; left:0;}
	.history-wrap .month-wrap > li {padding-left:0;}
	.history-wrap .month-wrap > li > span.month {
    position: static;
    left: auto;
    top: auto;
    display: block;
    width: auto;
    margin-bottom: 10px;
    font-size: 14px;
  }
	.history-wrap .month-wrap > li li { margin-top: 10px; font-size: 13px !important;}
	/* .history-wrap > ul > li:last-child { border-left: 0;} */
	.history-wrap .imgArea p strong { font-size: 16px;}
}
 @media screen and (max-width: 480px) {
    .history-wrap:first-child > ul > li { padding-bottom: 50px;}
 }

/* ------------------------------------------------------------------ */
/* History 2 Styles
/* ------------------------------------------------------------------ */
/*-- GENERAL STYLES ------------------------------*/
.timeline { line-height: 1.4em; list-style: none; margin: 0; padding: 0; width: 100%; }
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 { line-height: inherit; }

/*----- TIMELINE ITEM -----*/
.timeline-item { padding-left: 40px; position: relative; }
.timeline-item:last-child { padding-bottom: 0; }
li.timeline-item {margin:0;}

/*----- TIMELINE INFO -----*/
.timeline-info { margin: 0 0 .5em 0; padding-top:2px; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 800; line-height: 1.3; letter-spacing: 3px; text-transform: uppercase; white-space: nowrap; }

/*----- TIMELINE MARKER -----*/
.timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; width: 15px; }
.timeline-marker:before { background: #f2da00; border: 3px solid transparent; border-radius: 100%; content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 4px; left: 0; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; }
.timeline-marker::after { content: ""; width: 3px; background: #CCD5DB; display: block; position: absolute; top: 24px; bottom: 0; left: 6px; }
.timeline-item:last-child .timeline-marker:after { content: none; }
.timeline-item:not(.period):hover .timeline-marker:before { background: transparent; border: 3px solid #f2da00; }

/*----- TIMELINE CONTENT -----*/
.timeline-content { padding-bottom: 20px; }
.timeline-content h3 {margin-bottom:10px;}
.timeline-content p {padding-top:2px;}
.timeline-content p span {display: inline-block; padding-right:10px; font-weight: bold; letter-spacing: 3px; margin: 0 0 .5em 0; text-transform: uppercase; white-space: nowrap;}
.timeline-content p:last-child { margin-bottom: 0; }

/*----- TIMELINE PERIOD -----*/
.period { padding: 0; }
.period .timeline-info { display: none; }
.period .timeline-marker:before { background: transparent; content: ""; width: 15px; height: auto; border: none; border-radius: 0; top: 0; bottom: 30px; position: absolute; border-top: 3px solid #CCD5DB; border-bottom: 3px solid #CCD5DB; }
.period .timeline-marker:after { content: ""; height: 32px; top: auto; }
.period .timeline-content { padding: 40px 0 70px; }
.period .timeline-title { margin: 0; }

/*--    MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before { background: transparent; border-color: #66b395; }
.marker-outline .timeline-item:hover .timeline-marker:before { background: #f2da00; }

@media (min-width: 768px) {
  /* ------------------------------------------------------------------ */
  /* History Styles
  /* ------------------------------------------------------------------ */
  .timeline-2,
  .timeline-2 .timeline-item,
  .timeline-2 .timeline-info,
  .timeline-2 .timeline-marker,
  .timeline-2 .timeline-content { display: block; margin: 0; padding: 0; }
  .timeline-2 .timeline-item { padding-bottom: 40px; overflow: hidden; }
  .timeline-2 .timeline-marker { position: absolute; left: 80px; margin-left: -7.5px; }
  .timeline-2 .timeline-info{float: left; width:80px; padding-top:2px; padding-right: 20px; text-align:right;}
  .timeline-2 .timeline-content { float: left; width: auto; padding-left: 30px; text-align:left;}
  .timeline-2 > .timeline-item.period .timeline-content { float: none; padding: 0; width: 100%; text-align: left; }
  .timeline-2 .timeline-item.period { padding: 40px 0 60px; }
  .timeline-2 .period .timeline-marker:after { height: 30px; bottom: 0; top: auto; }
  .timeline-2 .period .timeline-title { left: auto; }

	.timeline-centered,
	.timeline-centered .timeline-item,
	.timeline-centered .timeline-info,
	.timeline-centered .timeline-marker,
	.timeline-centered .timeline-content { display: block; margin: 0; padding: 0; }
	.timeline-centered .timeline-item { padding-bottom: 40px; overflow: hidden; }
	.timeline-centered .timeline-marker { position: absolute; left: 50%; margin-left: -7.5px; }
	.timeline-centered .timeline-info,
	.timeline-centered .timeline-content { width: 50%; }
  .timeline-centered .timeline-info {padding-top: 3px;}
	.timeline-centered > .timeline-item:nth-child(odd) .timeline-info { float: left; text-align: right; padding-right: 30px; }
	.timeline-centered > .timeline-item:nth-child(odd) .timeline-content { float: right; text-align: left; padding-left: 30px; }
	.timeline-centered > .timeline-item:nth-child(even) .timeline-info { float: right; text-align: left; padding-left: 30px; }
	.timeline-centered > .timeline-item:nth-child(even) .timeline-content { float: left; text-align: right; padding-right: 30px; }
	.timeline-centered > .timeline-item.period .timeline-content { float: none; padding: 0; width: 100%; text-align: center; }
	.timeline-centered .timeline-item.period { padding: 50px 0 90px; }
	.timeline-centered .period .timeline-marker:after { height: 30px; bottom: 0; top: auto; }
	.timeline-centered .period .timeline-title { text-align: center; }
}



/*---------- 연혁 ----------*/
.yearbox {position:relative; width:100%; min-height:195px; padding-left:440px; margin:115px 0 80px 0;}
.yearbox .head {position:absolute; left:0; top:0; width:370px; height:100%;}
.yearbox .head strong {display:block; position:relative; z-index:10; line-height:51px; font-family:"nmj"; font-weight:600; font-size:50px; color:#33373b;}
.yearbox .head p {position:relative; z-index:10; margin:20px 0 90px 0;}
.yearbox .head p span {display:inline-block; letter-spacing:-1px; position:relative; line-height:34px; font-family:"nmj"; font-weight:400; font-size:24px; color:#33373b;}
.yearbox .head p span:last-child {color:#a33494; font-size: 36px; font-weight:bold; padding-top:10px;}
.yearbox .head p span:after {content:""; display:block; position:absolute; left:0; bottom:2px; width:100%; height:1px; background-color:#33373b;}
.yearbox .head p span:last-child:after {display:none;}
.yearbox .head .boxs img {display:block; width:100%;}
.yearbox .head .boxs img:not(:nth-child(1)) {margin-top:15px;}
.yearbox .midd {}
.yearbox .midd>ol {position:relative;}
.yearbox .midd>ol:before {content:""; display:block; position:absolute; left:12px; top:0; width:1px; height:100%; background-color:#ddd;}
.yearbox .midd>ol>li {position:relative; list-style:none;}
.yearbox .midd>ol>li:not(:nth-child(1)) {padding-top:20px;}
.yearbox .midd>ol>li>strong {display:block; position:relative; line-height:24px; padding:5px 0 5px 50px;  font-size:28px; color:#a33494; background-color:#fff;}
.yearbox .midd>ol>li>strong:before,
.yearbox .midd>ol>li>strong:after {
	content:""; display:block; position:absolute; left:0; top:5px; width:24px; height:24px; background-color:#a33494;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.yearbox .midd>ol>li>strong:before {opacity:0.1;}
.yearbox .midd>ol>li>strong:after {
	transform:scale(0.3);
}
.yearbox .midd>ol>li>ol {padding-bottom:20px; margin:10px 0 0 50px;}
.yearbox .midd>ol>li:not(:last-child)>ol {border-bottom:1px dashed #ddd; margin:20px 0 0 50px;}
.yearbox .midd>ol>li>ol>li {position:relative; list-style:none; padding-left:70px; margin:5px 0;}
.yearbox .midd>ol>li>ol>li>strong {display:block; line-height:26px; position:absolute; left:0; top:0; font-size:18px; color:#333;}
.yearbox .midd>ol>li>ol>li>p {line-height:26px; margin:0;  font-size:18px; color:#596068;}
@media all and (max-width: 900px){
	.yearbox {padding-left:320px;}
	.tab-ul.clone {display:none !important;}
}
@media all and (max-width: 700px){
	.yearbox {padding-left:0; margin:40px 0;}
	.yearbox .head {position:relative; width:auto;}
	.yearbox .head p {width:100%; margin-bottom:30px;}
	.yearbox .head .boxs img {display:inline-block; width:auto; height:161px; vertical-align:top;}
	.yearbox .head .boxs img:not(:nth-child(1)) {margin-top:0;}
	.yearbox .midd {margin-top:40px;}
}
@media all and (max-width: 600px){
	.yearbox .head .boxs:after {content:""; display:block; clear:both;}
	.yearbox .head .boxs img {display:block; float:left; width:49%; height:auto;}
	.yearbox .head .boxs img:nth-child(2) {float:right;}
}
@media all and (max-width: 500px){
	.yearbox .head strong {line-height:41px; font-size:40px;}
	.yearbox .head p {margin:15px 0 20px 0;}
	.yearbox .head p span {line-height:29px; font-size:20px;}
	.yearbox .midd {margin-top:20px;}
	.yearbox .midd>ol>li>strong {padding-left:40px; font-size:18px;}
	.yearbox .midd>ol>li>ol {margin-left:40px;}
	.yearbox .midd>ol>li>ol>li>strong,
	.yearbox .midd>ol>li>ol>li>p {font-size:14px;}
}

.year-content {}
.year-content h4 {display:block;margin:0 0 30px;padding:15px 20px;line-height:40px;font-size:30px;color:#226597;border-left:1px solid #9fd3c7;background:#f8f8f8}
.year-content ul {margin:0 auto; display:table;}
.year-content ul li {position:relative;margin-top:15px;min-height:50px;padding-left:80px;line-height:50px;font-size:18px;font-weight:300;color:#707070}
.year-content ul li:before {content:"";display:block;position:absolute;top:10%;left:60px;width:1px;height:80%;background:#eee;transform-origin:center;transform:rotate(15deg)}
.year-content ul li .num {position:absolute;top:0;left:0;line-height:50px;font-size:40px;font-weight:300;font-style:italic;color:#ddd;}
@media (max-width:1199px){
.year-content h4 {padding:10px 20px;line-height:30px;font-size:20px}
}
@media (max-width:991px){
.year-content h4 {margin-bottom:10px}
.year-content ul li {min-height:40px;padding-left:60px;line-height:20px;font-size:13px;font-weight:400}
.year-content ul li:before {left:45px}
.year-content ul li .num {line-height:40px;font-size:30px}
}
@media (max-width:767px){
.project-item {margin-top:30px}
.project-image, .year-content {float:none;width:100%}
.year-content ul li {min-height:inherit;padding-left:40px}
.year-content ul li:before {left:30px;height:20px}
.year-content ul li .num {line-height:20px;font-size:20px}
.year-content h4 br,.year-content ul li br {display:none}
}

.property_rights {padding-top: 60px;}
.property_rights img {width:50%; border:1px solid #ccc; margin: 0 auto 30px;}
/* ------------------------------------------------------------------ */
/* business Styles
/* ------------------------------------------------------------------ */

/* business box */
#business-wrapper .member {width: 50%; }
#business-wrapper .box { margin-bottom: 20px; margin-top: 10px; }
#business-wrapper img { margin-bottom: 12px; width: 100%; }
#business-wrapper h5 { font-weight: 600;color: #222;}
#business-wrapper span { position: relative; top: -1px; font-size: 14px; line-height: 18px; color: #969696; }