@font-face {
    font-family: 'droid_serifregular';
    src: url('/css/droid/DroidSerif-Regular-webfont.eot');
    src: url('/css/droid/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/droid/DroidSerif-Regular-webfont.woff') format('woff'),
         url('/css/droid/DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('/css/droid/DroidSerif-Regular-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#parallax {position:relative; overflow:hidden; width: 1120px; height: 660px;}
#about, #business {
	margin:auto 0;
	padding:0 2em;
	background-color:#FFF;
}
.box {
	border-bottom: 1px solid #ddd;
	background-color:#F8F8F8;
}
.sub10-intro {
	position: relative;
	background:url('/images/sub/bg_sub10-intro.png') center 0 no-repeat #9c9d9e;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 950px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #4C4C4C;
    flex-direction: column;
    z-index: 10;
}
.sub10hp-intro {
	position: relative;
	background:url('/images/sub/bg_sub10hp-intro.png') center 0 no-repeat #9c9d9e;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 950px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #4C4C4C;
    flex-direction: column;
    z-index: 10;
}
.sub20hp-intro {
	position: relative;
	background:url('/images/sub/hp2_bg.jpg') center 200px no-repeat #282828;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:;
    height: 1560px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #4C4C4C;
    flex-direction: column;
    z-index: 10;
}
.sub30hp-intro {
	position: relative;
	background:url('/images/sub/hp2_bg.jpg') center 200px no-repeat #282828;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:;
    height: 1300px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #4C4C4C;
    flex-direction: column;
    z-index: 10;
}
.sub20-intro {
	position: relative;
	background:url('/images/sub/bg_sub20-intro.png') center 0 no-repeat #9c9d9e;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 850px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #4C4C4C;
    flex-direction: column;
    z-index: 10;
}
.wb-banner {
    position: relative;    
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
	vertical-align: baseline;
}
.main-title {
	text-align:center;
	margin-top:20%;
    color: #fff;
    font-size: 4.2em;
	font-weight:700;
    text-shadow: 0 2px 3px rgba(37,37,37,.8);
    letter-spacing: -1.5px;
}
.wb-banner p {
    font-size: 15px;
    line-height: 25px;
    font-family: "droid_serifregular";
    color: rgba(255,255,255,0.5);
    font-style: italic;
    text-align: center;
}
.subMenu {
    position: relative;
	margin-top: 50px;
}
.subMenu li {
	width:90px;
	height:90px;
	line-height:90px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background:#222;
}
.subMenu li.big {
	width:110px;
	height:110px;
	line-height:17px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background:#222;
}

.subMenu li a {
    color: rgba(255,255,255,0.3);
	font-size:0.825em;
	font-weight:500;
}


/* 마우스이미지 효과 css로 가능 */
.scroll {position:absolute; bottom:15%; left:50%;}
.scroll {
  -webkit-animation-name:main-arrow-ani;
  -moz-animation-name:main-arrow-ani;
  -o-animation-name:main-arrow-ani;
  animation-name:main-arrow-ani;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -ms-animation-duration:2s;
  -o-animation-duration:2s;
  animation-duration:2s;
}

@keyframes main-arrow-ani {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translate( 0%, 0 );
    -moz-transform: translate( 0%, 0 );
    -ms-transform: translate( 0%, 0 );
    -o-transform: translate( 0%, 0 );
    transform: translate( 0%, 0 );
  }
  40% {
  	-webkit-transform: translate( 0%, -20px );
  	-moz-transform: translate( 0%, -20px );
    -ms-transform: translate( 0%, -20px );
    -o-transform: translate( 0%, -20px );
    transform: translate( 0%, -20px );
  }
  60% {
  	-webkit-transform: translate( 0%, -5px );
  	-moz-transform: translate( 0%, -5px );
    -ms-transform: translate( 0%, -5px );
    -o-transform: translate( 0%, -5px );
    transform: translate( 0%, -5px );
  }
}
@-webkit-keyframes main-arrow-ani {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translate( 0%, 0 );
    -moz-transform: translate( 0%, 0 );
    -ms-transform: translate( 0%, 0 );
    -o-transform: translate( 0%, 0 );
    transform: translate( 0%, 0 );
  }
  40% {
  	-webkit-transform: translate( 0%, -20px );
  	-moz-transform: translate( 0%, -20px );
    -ms-transform: translate( 0%, -20px );
    -o-transform: translate( 0%, -20px );
    transform: translate( 0%, -20px );
  }
  60% {
  	-webkit-transform: translate( 0%, -5px );
  	-moz-transform: translate( 0%, -5px );
    -ms-transform: translate( 0%, -5px );
    -o-transform: translate( 0%, -5px );
    transform: translate( 0%, -5px );
  }
}


#about #box-1 {  
	background: #1d1d1d;
	_background: url(/images/sub/bg_sub11.jpg) no-repeat center center ;
	background-size: cover;
}
#about  #box-2 {  
	background: #8e8f7f url(/images/sub/bg_sub12.png) no-repeat center center ;
	background-size: cover;
}
#about  #box-3{  
	background:#282828 url(/images/sub/bg_sub13.jpg) no-repeat center center ;
	background-size: cover;
}
#about  #box-4 {  
	_background: #222222;
	background: #F8F8F8 _url(/images/sub/bg_sub14.png) no-repeat center center  ;
	background-size: cover;
}
#about  #box-5 {  
	background: #F8F8F8 url(/images/sub/bg_sub14.jpg) no-repeat center center  ;
	background-size: cover;
}
#business  #box-5 {  
	background:url(/images/sub/bg_sub25.png) no-repeat center center ;
	background-size: cover;
}
#about  #box-6 {  
	background: #282828  url(/images/sub/bg_sub14.jpg) no-repeat center center  ;
	background-size: cover;
}
#about  #box-7 {  
	background:#F8f8f8  url(/images/sub/bg_sub14.jpg) no-repeat center center  ;
	background-size: cover;
}
#business  #box-7 {  
	background:#F8f8f8  url(/images/sub/bg_sub14.jpg) no-repeat center center  ;
	background-size: cover;
}

.sub-wrp {
    position: relative;
	width:100%;
	text-align:center;
	margin:0 0;
	padding:30px 10px;
	vertical-align:middle;
}
.sub-wrp h2 {
	margin-top:80px;
	color:#28262b;
	font-size:2.4em;
	font-weight:600;
	letter-spacing:-1px;
}
.sub-wrp > h3 {	
	margin-top:80px;
	color:#FFF;
	font-size:2.4em;
	font-weight:600;
	letter-spacing:-1px;
}
.sub1-1, .sub1-2, .sub1-3, .sub1-4 {
	position: relative;
	display:block; 
	margin:0 auto;
	max-width:1180px;
	padding:0 30px 0 0;
}
.sub2-1, .sub2-2, .sub2-3, .sub2-4 , .sub2-5, .sub2-6, .sub2-7 {
	position: relative;
	display:inline-block; 
	margin:0 auto;
	max-width:1180px;
	padding:0 30px 0 0;
}
.hp2 {
position: relative;
display:inline-block; 
margin:0 auto;
max-width:1180px;
padding:0 30px 0 0;
}
.hp3 {
position: relative;
display:inline-block; 
margin:0 auto;
max-width:1180px;
padding:0 30px 0 0;
}
.sub1-1 .text111 { position: absolute; top:0; text-align:center; z-index:1; }
.sub1-1 .text112 { position: absolute; top:80px; z-index:2; }
.sub1-1 .text112 li { width:38%; min-height:150px; font-size:0.8em; text-align:left; padding:0 20px; margin-left:10px; color:#727272; }
.sub1-1 li:nth-child(odd) { margin-left:0; }
.sub1-1 dl { float:right; width:68%; display:block; }
.sub1-1 dt { font-weight:700; color:#39b54a; letter-spacing:-1px; }
.sub1-1 dd { font-weight:500; text-align:justify; }


.sub2-1 h4, .sub2-2 h4  { font-size:18px; font-weight:900; text-align:left; color:#000; letter-spacing:-1px; margin-bottom:10px;  }
.sub2-1 li { float:left; width:45%; min-height:200px; margin:2.5%; font-size:0.825em; font-weight: 300; text-align:justify; color:#727272;  }

.sub1-2  { position: relative; text-align:center; color:#727272; }
.sub1-2 .text12 { font-size:0.825em; color:#727272; }
.sub1-2 .text12 p { width:60%; margin:0 auto; 	text-align:left;  }

.sub2-2 ul.tabs { float: left; width: 100%; height:35px; border-bottom:1px solid #eaeaea; border-left: 1px solid #eaeaea; }
.sub2-2 ul.tabs li { float: left; width: calc(99.8% / 2); height: 35px; line-height: 35px; text-align: center; border: 1px solid #eaeaea; border-left: none; margin-bottom: -1px; background: #F0F0F0; overflow: hidden; position: relative; }
.sub2-2 ul.tabs li a { text-decoration: none; color: #000; display: block; font-size:0.825em; font-weight:500; padding: 0 20px; border:1px solid #fff; outline: none; }
.sub2-2 ul.tabs li a:hover { background: #ccc; color:#000;  }	
.sub2-2 ul.tabs li.active, html ul.tabs li.active a:hover  { background: #fff; border-bottom: 1px solid #fff; }
.sub2-2 ul.tabs li .on { background: #fff; border-bottom: 1px solid #fff; }

.sub2-2 .tab_container { display:block; border:1px solid #eaeaea; border-top: none; clear: both; float: left; width:99.88%; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.sub2-2 .tab_content { padding:30px; }
.sub2-2 .tab_content h2 { font-weight: normal; padding-bottom:10px; _border-bottom: 1px dashed #ddd; 	font-size: 18px; }
.sub2-2 .tab_content h3 a { color: #254588; }

.sub2-2 .tabtext1 { display:inline-block; }
.sub2-2 .tabtext1 h4  {font-size:18px; font-weight:900; text-align:left; color:#000; letter-spacing:-1px; margin:20px 0 10px;  }
.sub2-2 .tabtext1 p { font-size:0.825em; font-weight:300; text-align:justify; color:#727272; }

.sub2-2 ul.tabtext2 li { float: left; margin: 0; padding: 0; width: calc(99.5% / 5); min-height: 267px; line-height: 30px; text-align: center; background:#f8f8f8; margin:1px 1px 0 0; box-sizing:border-box; border:1px solid #eaeaea; _border-right:none; _border-bottom:none; }
.sub2-2 ul.tabtext2 li:hover { background:#ebefe0;  }
.sub2-2 ul.tabtext2 dl { padding:15px; }
.sub2-2 ul.tabtext2 dt { padding-top:15px; }
.sub2-2 ul.tabtext2 .title { font-size:0.85em; font-weight: 500; margin:10px 0 5px; color:#7b6b59;  text-align:center;}
.sub2-2 ul.tabtext2 dd { font-size:13px; font-weight: 300; line-height:150%; color:#333; text-align:left; }
.txt_line { background:#beda70; color:#000;}

.sub2-3 .tabtext1 { width:100%;display:inline-block; }
.sub2-3 .tabtext1 h4  { font-size:18px; font-weight:900; text-align:left; color:#000; letter-spacing:-1px; margin:20px 0 10px;  }
.sub2-3 .tabtext1 p { font-size:0.825em; font-weight:300; text-align:justify; color:#727272; }
.sub2-3 ul.tabtext2 li { float: left; margin:2px; padding: 0; width: calc(97% / 6); min-height: 140px; line-height: 30px; text-align: center; background:#FFF; box-sizing:border-box; border:1px solid #eaeaea; }
.sub2-3 ul.tabtext2 dt { padding-top:15px; }
.sub2-3 ul.tabtext2 dl { padding:15px; }
.sub2-3 ul.tabtext2 dd { font-size:13px; font-weight: 300; line-height:150%; color:#727272; text-align:center; }


.sub1-4 .text14 { font-size:0.825em; color:#727272; }
.sub1-4 .text14 p { width:60%; margin:0 auto; 	text-align:left;  }

.sub2-4 .tabtext1 { width:100%;display:inline-block; }
.sub2-4 .tabtext1 h4  { font-size:21px; font-weight:700; text-align:left; color:#000; letter-spacing:-1px; margin:20px 0 10px;  }
.sub2-4 .tabtext1 p { font-size:15px; font-weight: 300; text-align:justify; color:#727272; }
.sub2-4 ul.tabtext2 li { float: left; margin: 0; padding: 0; width: calc(99.8% / 4); min-height: 300px; line-height: 30px; text-align: center; box-sizing:border-box; border:1px solid #eaeaea; border-right:none; border-bottom:none; }
.sub2-4 ul.tabtext2 dl { padding:15px; }
.sub2-4 ul.tabtext2 .title { font-size:15px; font-weight: 500; margin:20px 0 5px; color:#000;  text-align:center;}
.sub2-4 ul.tabtext2 dd { font-size:13px; font-weight: 300; line-height:150%; color:#727272; text-align:left; }


.sub2-5 .tabtext1 { width:100%; display:inline-block; }
.sub2-5 .tabtext1 h4  { font-size:18px; font-weight:900; text-align:left; color:#000; letter-spacing:-1px; margin:20px 0 10px;  }
.sub2-5 .tabtext1 p { font-size:0.825em; font-weight: 300; text-align:justify; color:#727272; }
.sub2-5 ul.tabtext2 li { float: left; margin:2px; padding: 0; width: calc(98% / 4); min-height: 300px; line-height: 30px; background:#222; text-align: center;  box-sizing:border-box; border:1px solid #000; }
.sub2-5 ul.tabtext2 dl { padding:15px; }
.sub2-5 ul.tabtext2 dt { height:120px; }
.sub2-5 ul.tabtext2 dt.sb252 { background: url(/images/sub/sub25_2.png) no-repeat center center ; }
.sub2-5 ul.tabtext2 dt.sb253 { background: url(/images/sub/sub25_3.png) no-repeat center center ; }
.sub2-5 ul.tabtext2 dt.sb254 { background: url(/images/sub/sub25_4.png) no-repeat center center ; }
.sub2-5 ul.tabtext2 dt.sb255 { background: url(/images/sub/sub25_5.png) no-repeat center center ; }
.sub2-5 ul.tabtext2 .title { font-size:15px; font-weight: 500; margin:20px 0 5px; color:#FFF;  text-align:center; }
.sub2-5 ul.tabtext2 dd { font-size:0.825em; font-weight: 300; line-height:150%; color:#727272; text-align:left; }

.hp2 .tabtext1 { width:100%; display:inline-block; }
.hp2 .tabtext1 h4  { font-size:18px; font-weight:900; text-align:left; color:#000; letter-spacing:-1px; margin:20px 0 10px;  }
.hp2 .tabtext1 p { font-size:0.825em; font-weight: 300; text-align:justify; color:#727272; }
.hp2 ul.tabtext2 li { float: left; margin:2px; padding: 0; width: calc(98% / 4); min-height: 300px; line-height: 30px; background:#222; text-align: center;  box-sizing:border-box; border:1px solid #000; }
.hp2 ul.tabtext2 dl { padding:15px; }
.hp2 ul.tabtext2 dt { height:130px; }
.hp2 ul.tabtext2 dt.sb252 { background: url(/images/sub/hp252_2.png) no-repeat center center ; }
.hp2 ul.tabtext2 dt.sb253 { background: url(/images/sub/hp252_3.png) no-repeat center center ; }
.hp2 ul.tabtext2 dt.sb254 { background: url(/images/sub/hp252_4.png) no-repeat center center ; }
.hp2 ul.tabtext2 dt.sb255 { background: url(/images/sub/hp252_5.png) no-repeat center center ; }
.hp2 ul.tabtext2 .title { font-size:15px; font-weight: 500; margin:20px 0 5px; color:#FFF;  text-align:center;letter-spacing:-0.05em}
.hp2 ul.tabtext2 dd { font-size:0.825em; font-weight: 300; line-height:150%; color:#727272; text-align:left; }

.hp3 .tabtext1 { width:1100; display:inline-block; }
.hp3 .tabtext1 h4  { font-size:18px; font-weight:900; text-align:left; color:#000; letter-spacing:-1px; margin:20px 0 10px;  }
.hp3 .tabtext1 p { font-size:0.825em; font-weight: 300; text-align:justify; color:#727272; }
.hp3 ul.tabtext2 li { float: left; margin:2px; padding: 0; width: calc(98% / 2); min-height: 150px; line-height: 30px; background:#222; text-align: center;  box-sizing:border-box; border:1px solid #000; }
.hp3 ul.tabtext2 dl { padding:15px; }
.hp3 ul.tabtext2 dt { height:120px; }
.hp3 ul.tabtext2 dt.sb252 { background: url(/images/sub/sub25_2.png) no-repeat center center ; }
.hp3 ul.tabtext2 dt.sb253 { background: url(/images/sub/sub25_3.png) no-repeat center center ; }
.hp3 ul.tabtext2 dt.sb254 { background: url(/images/sub/sub25_4.png) no-repeat center center ; }
.hp3 ul.tabtext2 dt.sb255 { background: url(/images/sub/sub25_5.png) no-repeat center center ; }
.hp3 ul.tabtext2 .title { font-size:15px; font-weight: 500; margin:20px 0 5px; color:#FFF;  text-align:center;letter-spacing:-0.05em}
.hp3 ul.tabtext2 dd { font-size:0.825em; font-weight: 300; line-height:150%; color:#727272; text-align:left; }

.sub1-5 { position:relative; max-width:1180px; margin:0 auto; padding:0 30px 0 10px; }
.sub1-5 div.workList { 	position:relative; height:1000px; margin-left:30px; }
#layout { position: absolute; width:379px; background: #F8F3F3; -webkit-border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.07); }
.sub1-5 div.workList .t1 { top:0px;left:189px; }
.sub1-5 div.workList .t2 { top:378px;left:0px }
.sub1-5 div.workList .t3 { top:189px;left:571px }
.sub1-5 div.workList .t4 { top:567px;left:378px }
.sub1-5 div.workList .t5 { top:945px;left:0px }
.sub1-5 div.workList .t6 { top:945px;left:567px }

.sub1-5 div.workList div.description { position:absolute; width:152px; height:154px; padding:17px 18px; text-align:left; background: #ececec;  }
.sub1-5 div.workList div.description.d1 { top:0px;left:571px;padding-left:22px; }
.sub1-5 div.workList div.description.d2 { top:185px;left:0px;padding-bottom:21px; }
.sub1-5 div.workList div.description.d3 { top:378px;left:378px;padding-right:22px; }
.sub1-5 div.workList div.description.d4 { top:567px;left:756px;padding-left:22px; }
.sub1-5 div.workList div.description.d5 { top:756px;left:189px;padding-bottom:21px; }
.sub1-5 div.workList div.description.d6 { top:378px;left:948px;padding-right:22px; }

.sub1-5 div.workList div.description h3 { font-size:16px; line-height:20px; font-weight:900; color:#484a4e; margin-top:70px; text-transform: uppercase; letter-spacing:-1px; }
.sub1-5 div.workList div.description p { margin:0 0 0 1px; font-size:11px; line-height:18px;  }
.sub1-5 div.workList div.description p.category { color:#484a4e; margin-top:5px;  line-height:15px; }


#layout a { display: block; position: relative; overflow: hidden; }
#layout a img { display: block; position: relative; }
.slide-item { position: absolute; width: 100%; height: 100%; background-color: rgba(255,111,162,0.99); }
.slide-item span.title { display: block; margin: 40px 20px 20px; padding: 10px 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.5); box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3); }
.slide-item .author { display: block; font-size:0.825em; margin: 10px 20px 10px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }

.sub1-6 { max-width:1180px; margin:0 auto; padding:0 30px 0 10px; }
.sub1-6 .box33 { float:left; width:14.2%; height:150px; _box-sizing:border-box; display:table; background:#0d4290; cursor:pointer; }
.sub1-6 .box33:hover { background:#ffb400;  }
.sub1-6 .boxtxt {display:table-cell;  font-size:0.852em; text-align:center; vertical-align:middle; color:#FFF;}
.sub1-6 .box33 img { width:100%; height:100%; filter: grayscale(100%); }
.sub1-6 .box33 span { font-size:0.825em; color:#386fc0;font-weight:500 }


.sub2-6 .tab_area { max-width:560px; margin:0 auto; }
.sub2-6 .tab { width:100%; overflow:hidden; }  
.sub2-6 .tab li {float:left; width:100px; padding-left: 10px;}   
.sub2-6 .tab li a{display:block; width:100px;height:120px;line-height:50px;}  

.sub2-6 .con_wrap { position:relative; max-width:1180px; }
.sub2-6 .con_wrap div {position:relative;left:0;top:0;}  
.sub2-6 .con_wrap div:nth-child(2){display:none; }  
.sub2-6 .con_wrap div:nth-child(3){display:none;  height:auto;}
.sub2-6 .con_wrap div:nth-child(4){display:none;  height:auto;}
.sub2-6 .con_wrap div:nth-child(5){display:none;  height:auto;}

.sec1, .sec2, .sec3, .sec4, .sec5 { width:100%; display:inline-block;}
.sub2-6 .secBox { width:100%;display:inline-block; }
.sub2-6 h4  { font-size:18px; font-weight:700; text-align:left; color:#000; letter-spacing:-1px; margin:20px 0 10px;  }
.sub2-6 p { font-size:0.825em; font-weight: 300; text-align:justify; color:#727272; }

.sub2-6 .secBox ul { width:100%;display:inline-block; }
.sub2-6 .sec1 li { float: left; margin:2px; padding: 0; width: calc(98.6% / 4); min-height: 280px; line-height: 30px; text-align: center; box-sizing:border-box; border:1px solid #eaeaea; background:#f5f5f5; border-bottom:solid 1px #ddd; }
.sub2-6 .secBox dl { }
.sub2-6 .secBox dt { height:30px; line-height:30px; background:#00a5e6; font-size:14px; color:#FFF;  }
.sub2-6 .secBox dd { padding:15px; font-size:13px; font-weight: 300; line-height:165%; color:#727272; text-align:left; text-align:justify; }
.sub2-6 .sec2 .secBox221 li { float: left; margin: 2px; padding: 0; width: calc(98.9% / 3); min-height: 200px; line-height: 30px; text-align: center; box-sizing:border-box; border:1px solid #eaeaea; background:#f5f5f5; border-bottom:solid 1px #ddd; }

.sub2-6 .sec2 .secBox221 dt { height:30px; line-height:30px; background:#00a5e6; font-size:14px; color:#FFF;  }
.sub2-6 .sec2 .secBox221 dd { padding:15px; font-size:13px; font-weight: 300; line-height:165%; color:#727272; text-align:left; text-align:justify; }

.sub2-6 .sec2 .secBox222 li { position: relative;  font-size:13px; font-weight: 300; line-height:165%; color:#FFF; text-align:center; float: left; margin-right:5%; width: calc(84.8% / 4); height:100px; text-align: center; background:#444; color:#FFF; border-radius:5px;}
.sub2-6 .sec2 .secBox222 li:last-child { margin-right:0}
.sub2-6 .sec2 .secBox222 .arrow { position:absolute; }
.sub2-6 .sec2 .secBox222 .arrow.right { left:-13px;top:50%;margin-top:-22px}
.sub2-6 .sec2 .secBox222 .arrow.left { right:-45px;top:50%;margin-top:-22px}

.sub2-6 .sec3 .sub311 li { float: left; margin:2px; width: calc(98.9% / 3); min-height:50px; text-align: center; box-sizing:border-box; background:#FFF; border:1px solid #eaeaea; border-bottom:solid 1px #ddd; }
.sub2-6 .sec3 .sub312 li { float: left; margin:2px; width: calc(98.5% / 4); min-height:100px; text-align: center; box-sizing:border-box; background:#FFF; border:1px solid #eaeaea; border-bottom:solid 1px #ddd; }
.sub2-6 .sec3 li { font-size:13px; font-weight: 300; line-height:150%; color:#727272; }

.sub2-6 .sec4 li { font-size:13px; font-weight: 300; line-height:150%; color:#727272; }
.sub2-6 .sec4 .sub411 li { float: left; margin:2px; padding:15px; width: calc(98.9% / 3); text-align: center; box-sizing:border-box; background:#FFF; border:1px solid #eaeaea; border-bottom:solid 1px #ddd; }
.sub2-6 .sec4 .sub412 li { float: left; margin:2px; width: calc(98.9% / 3); min-height:110px; text-align: center; box-sizing:border-box; background:#FFF; border:1px solid #eaeaea; border-bottom:solid 1px #ddd; }
.sub2-6 .sec4 .sub413 li { float: left; margin:2px; width: calc(98.5% / 4); min-height:135px; text-align: center; box-sizing:border-box; background:#FFF; border:1px solid #eaeaea; border-bottom:solid 1px #ddd; }
.sub2-6 .sub414 li { margin:2px;text-align: left; }
.sub2-6 .sub415 li { margin:2px 0;text-align: left; list-style-type: decimal }
.sub2-6 .sub416 li { margin:2px 0;text-align: left; list-style-type: none; }
.sub2-6 .sub416 { padding:20px; margin:15px 0; border:1px solid #eaeaea; background:#eee; }

.sub2-6 .sec5 li { font-size:13px; font-weight: 300; line-height:140%; color:#727272; text-align:left; }
.sub2-6 .sec5 .sub511 li { float: left; margin:2px; padding: 0; width: calc(98% / 5); min-height: 150px; line-height:24px; text-align: center; box-sizing:border-box; border:1px solid #eaeaea; }
.sub2-6 .sec5 .sub511 li p { padding:15px; font-size:13px; font-weight: 300;}

.sub2-6 .sub512 { padding:20px; margin:15px 0; border:1px solid #eaeaea; background:#eee; }
.sub2-6 .sec5 .sub512 li  { margin:2px 0;text-align: left; list-style-type: none }

.sub1-7 > h4 {margin-bottom:20px;font-size:1.2em;font-weight:700 }
.contact { width:360px;height:100%;margin:0 auto 30px; }
.contact .adress {margin-top:6px;font-size:0.8em;line-height:1.538em; text-align:left;}
.contact .adress > dl { display: block;}
.contact .adress > dt { float:left; clear:both; width:70px; font-weight:700; display: block;}
.contact .adress > dd { float:left; font-weight:500;color:#777}
.clear_fix {*zoom:1}
.clear_fix:after {content:'';display:block;clear:both}


.sub2-7 .tabtext1 { width:100%;display:inline-block;  font-size:0.825em; }
.sub2-7 .tabtext1 h4  { font-size:18px; font-weight:700; text-align:left; color:#000; letter-spacing:-1px; margin:20px 0 10px;  }
.sub2-7 .tabtext1 h5  { font-size:15px; font-weight:700; text-align:left; color:#000; letter-spacing:-1px; margin:20px 0 10px;  }
.sub2-7 .tabtext1 p { font-weight: 300; text-align:justify; color:#727272; }


.sub2-7 .sub271 li { position: relative; float: left; margin:2% 6% 2% 0; width:100px; height:100px; text-align: center; background:#444; border-radius:50%; color:#FFF; }
.sub2-7 .sub271 li:nth-child(7), .sub2-7 .sub271 li:nth-child(14) { margin:15px 0 15px 0;  }
.sub2-7 .sub271 .arrow { position:absolute; }
.sub2-7 .sub271 .arrow.right { left:-13px;top:50%;margin-top:-22px}
.sub2-7 .sub271 .arrow.left { right:-55px;top:50%;margin-top:-22px}

.sub2-7 .sub272 li { float: left; margin: 0; padding: 0; width: calc(99.8% / 5); min-height:340px; line-height: 30px;box-sizing:border-box; border:1px solid #eaeaea; border-right:none; }
.sub2-7 .sub272 li:last-child { border-right:1px solid #eaeaea; ; }
.sub2-7 .sub272 .title { font-size:14px; font-weight: 500; padding:7px 0 0; color:#000;  text-align:center; _background:#0d4290; }
.sub2-7 .sub272 dd { padding:15px; font-weight:300; line-height:150%; color:#727272; text-align:justify; }


.mm_list3 {
	position: relative;
	font-size:13px;
	width: 100%;
	border: #e5e5e5 1px solid;
}
.mm_list3 th {
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	background: #eee;
	letter-spacing: -1px;
	height: 30px;
	color: #333;
	text-align:center;
}
.mm_list3 tr:last-child {
	border-bottom:0;
}
.mm_list3 td {
	border-right: #ccc 1px solid;
	border-bottom: 1px solid #e5e5e5;
	color: #666;
	padding:5px 0;
	letter-spacing:0;
	text-align:center;
}







.libox15 { 
	margin:60px 35px;
	line-height:170%;
}

.KfontB {	
    font-size: 16px;
    line-height: 25px;
    font-family: "droid_serifregular";
    color: rgba(0,0,0,0.5);
    font-style: italic;
}
.KfontB1 {	
	color:#28262b;
	letter-spacing:-2px;
	font-size:70px;
	font-weight: 600;
	line-height:120%;
	margin:10px 0 0;
	text-align:center;
}
.KfontB2 {	
	color:#28262b;
	letter-spacing:-2px;
	font-size:21px;
	line-height:165%;
	margin:10px 0 0;
}
.KfontB3 {	
	color:#727272; 
	line-height:175%;
	margin:10px 0 0;
}
.KfontB4 {	
	color:#28262b;
	letter-spacing:-2px;
	font-size:38px;
	font-weight: 300;
	line-height:140%;
	margin:10px 0 0;
	text-align:center;
}
.WfontB {	
    font-size: 16px;
    line-height: 25px;
    font-family: "droid_serifregular";
    color: rgba(255,255,255,0.5);
    font-style: italic;
}
.WfontB2 {	
	color:#948f79;
	letter-spacing:-2px;
	font-size:18px;
	line-height:165%;
	margin:10px 0 0;
}
.WfontB3 {	
	color:#727272; 
	line-height:175%;
	margin:10px 0 0;
}
/* Separators
---------------------------*/
.separator, .separator-left, .separator-right {
	width: 100%;
	display: inline-block;
	position: relative;	
}
.separator:after, 
.separator-left:after, 
.separator-right:after {
	content: '';
	width: 40px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	margin-top: -1px;
}
.separator:after {
	left: 50%;
	margin-left: -20px;
}
.separator-left:after {
	left: 0;
	margin-left: 0;
}
.separator-right:after {
	right: 0;
	margin-left: 0;
	left: auto;
}
.text-light [class*="separator"]:after {
	background-color: #fff
}
.darkbg [class*="separator"]:after {
	background-color: #fff
}
.timeline .year {
    font-size: 18px;
    line-height: 25px;
    font-family: "droid_serifregular";
    color: rgba(255,255,255,0.5);
    font-style: italic;
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background:#222;
}
.timeline .history-title {
    font-size: 18px;
	font-weight:100;	
    color: rgba(255,255,255,0.5);
}
.timeline .history {
    font-size: 14px;
	font-weight:100;	
    font-style: italic;
    color: rgba(255,255,255,0.2);
}