/***************** 법인소개 *****************/
#primary {margin-top: 150px;}
#primary .box {text-align: center;}
#primary .tit {margin: 20px 0 40px 0; width: 100%; padding: 13px 0; background: #f5f5f5; text-align: center;}
#primary .txt .txt1{margin: 30px 0 8px 0; position: relative; padding: 0 0px 0 15px; color: #005bac; font-size: 30px; font-weight: bold;}
#primary .txt .txt1::before {content: ""; height: 20px; width: 4px; background-color: #005bac; position: absolute; top: 14px; left: 0px;}
#primary .txt2 {margin: 100px 0 8px 0; position: relative; padding: 0 0px 0 15px; color: #005bac; font-size: 30px; font-weight: bold;}
#primary .txt2::before {content: ""; height: 20px; width: 4px; background-color: #005bac; position: absolute; top: 14px; left: 0px;}
*, *::before, *::after {  box-sizing: border-box;}
.m-content {  padding: 0px;  max-width: 100%;  margin: 0 auto;}
.m-content h3 {font-size:25px; padding:0 0 30px 16px; position:relative; }
.m-content h3::before {content:""; height:24px; width:4px; background-color:#555; position:absolute; top:8px;  left:0px; }
.m-timeline { position: relative;  list-style: none;  padding: 0;  margin: 0; border-bottom:1px solid #dfdfdf;   color: #333;}
.m-timeline > li { position: relative;  padding: 0px 0 0px 30px;  transition: all 100ms;}
.m-timeline > li:first-child::after { top: 15px;}
.m-timeline > li:last-child::after { height: 15px;}
.m-timeline__date {float:left; width:30%; text-align:center; font-size: 40px; margin: 0 0;  color: #0072bc;}
.m-timeline__date span {display:block; color:#bbb; font-size:28px;}
.m-timeline p {margin: 0 0 ;}
 .m-timeline > li {clear:both; overflow:hidden;  height:100%;   padding-left: 0;  border-top:1px solid #dfdfdf;  }
ul.detail {list-style:none; padding:0; margin:0; float:left; width:70%}
ul.detail li {font-size:20px; border-bottom:1px solid #dfdfdf;  padding:12px 18px 12px 20px; background:url("../img/bullet_01.gif") no-repeat 5px center }
ul.detail li:last-child {border-bottom:0;}
ul.detail li span.detailD {color:#111; font-weight:500;  padding: 0 20px 0 0; }
.m-timeline > li:last-child {border: none;}

.sub ul li {list-style: circle;}



/***************** 기관소개 *****************/
.entry-content .sub .txt h2 {position: relative; padding: 0 0px 0 15px; color: #005bac; font-size: 30px; font-weight: bold;}
.entry-content .sub .txt h2::before {content: ""; height: 20px; width: 4px; background-color: #005bac; position: absolute; top: 14px; left: 0px;}
.entry-content .sub .txt1 h2 {margin: 30px 0 8px 0; padding: 0 0px 0 15px; position: relative; color: #005bac; font-size: 30px; font-weight: bold;}
.entry-content .sub .txt1 h2::before {content: ""; height: 20px; width: 4px; background-color: #005bac; position: absolute; top: 14px; left: 0px;}
.entry-content .sub .picture {text-align: center; margin: 0px 0 8px 0;}
.entry-content .sub .tit li {font-size: 20px; line-height: 1.8;}
.entry-content .sub .tit li span {color: #cfcfcf;}









#style12 {margin:0 auto; width:1000px;}
.flexslider,.flexslider-controls {   max-width: 1000px; }
.slide_text {  background-color: transparent;   background-color: rgba( 0, 0, 0, 0.5 ); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    bottom: 0;  color: #fff;   display: block;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#99000000, endColorstr=#99000000 ); /* IE6–IE9 */
    left: 0;  padding: 1em; position: absolute;  width: 100%;  zoom: 1;}
.slide_title { text-align:center;  font-size: 1.5em;   text-transform: uppercase;}
/*.slide_byline {   font-size: 0.8em;    display: block; border-left: }*/
.flex-control-nav { border-left: solid #dfdfdf 1px;  border-top: solid #dfdfdf 1px; overflow:hidden; box-sizing:border-box;}
.flex-control-nav li { border-right: solid #dfdfdf 1px; border-bottom: solid #dfdfdf 1px; color: #333; cursor: pointer; float: left;   
	margin: 0;    padding: 1.5em 0.5em; font-size:16px;   vertical-align: middle;    width: 25%;    box-sizing: border-box; }
.flex-control-nav .flex-active {   background: #f6f2ec;  color: #966017; font-weight:bold;}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {    outline: 0;}
.slides,.flex-control-nav,.flex-direction-nav {    margin: 15px 0;    padding: 0;    list-style: none;}
.flexslider {    margin: 0;    padding: 0;}
.flexslider .slides > li {   display: none;  position: relative;}
.flexslider .slides img {   width: 100%;    display: block;}
.flex-pauseplay span {    text-transform: capitalize;}
.slides:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;   height: 0;}
html[xmlns] .slides {   display: block;}
* html .slides {    height: 1%;}
.no-js .slides > li:first-child {   display: block;}
.flexslider {   background: #fff;    position: relative;    zoom: 1;}
.flex-viewport {   max-height: 2000px;    -webkit-transition: all 1s ease;    transition: all 1s ease;}
.loading .flex-viewport {    max-height: 300px;}
.flexslider .slides {    zoom: 1;}
.carousel li {    margin-right: 5px;}
.flex-direction-nav {    *height: 0;}
.flex-direction-nav a {opacity: 0.6; width: 55px; height:75px; margin: -50px 0 0; display: block; background-position: 0 0; background-repeat: no-repeat;
    position: absolute;  top: 50%;    z-index: 10;    cursor: pointer;   text-indent: -9999px;    -webkit-transition: all 0.3s ease;  }
.flex-direction-nav .flex-next {  background-position: 100% 0; background:url("../img/arrow_right_w.png")no-repeat center center; right: 20px; }
.flex-direction-nav .flex-prev { left: 20px; background:url("../img/arrow_left_w.png")no-repeat center center; }
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {    opacity: 1;}
.flex-direction-nav .flex-disabled {    opacity: 0.3 !important;    filter: alpha(opacity=30);    cursor: default;}
.flex-control-nav {    width: 100%;    text-align: center;}
.flex-control-nav li {    zoom: 1;    *display: inline;}
.flex-control-paging li a {  width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer;
    text-indent: -9999px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default;}
.flex-control-thumbs { margin: 5px 0 0;  position: static;  overflow: hidden;}
.flex-control-thumbs li {  width: 25%;  float: left;  margin: 0;}
.flex-control-thumbs img { width: 100%;  display: block;  opacity: 0.7;  cursor: pointer;}
.flex-control-thumbs img:hover {  opacity: 1;}
.flex-control-thumbs .flex-active { opacity: 1;   cursor: default;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style12 {margin:0 auto; width:95%;}
.flexslider,.flexslider-controls {   max-width: 100%;}
.m-timeline__date {float:left; width:100%; }
ul.detail { width:100%}
ul.detail li {font-size:14px; padding:5px 18px 5px 20px;}
.m-timeline__date {font-size: 28px; padding-bottom:10px;}
.m-timeline__date span { font-size:24px;}
	.m-timeline > li:nth-child(1) {border-top: none;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}