@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

#site {
    padding-top: 0;
    font-size: 16px;
    font-family: 'Roboto', 'notokr', sans-serif;
    letter-spacing: -0.034em;
}

a,
button {
    transition: all ease-in-out .15s;
    -webkit-transition: all ease-in-out .15s;
    -moz-transition: all ease-in-out .15s;
    -ms-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
}

a,
a:hover,
a:focus {
    color: inherit;
}

p {
    line-height: 1.6em;
    letter-spacing: -0.034em;
}

a[href^="mailto"] {
    color: inherit;
}

.btn.btn-primary {
    background-color: #2b6199;
    border-color: #2b6199;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #183f67;
    border-color: #183f67;
}

h1, h2, h3, h4, h5, h6, p, li, td {
    word-break: keep-all;
}

/* 불필요 항목 삭제 */
.navbar .caret{display:none;}

/* 상단 메뉴 */
.navbar-inverse{background:#fff;position:static;margin-bottom:0;border:0}

.navbar-inverse .navbar-brand img{height:65px;margin-top: -3px;}

.navbar-inverse .navbar-nav > li > a{font-size: 18px;font-weight:500;color:#333;}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{color: #295e97;}

.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle{background:none;color:#3d73b9;}

@media (max-width: 767px) {
 /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
 .navbar-inverse .navbar-toggle{border:0;padding:18px 0;}
 .navbar-inverse .navbar-toggle .icon-bar{background-color:#333;transition:ease-in-out .15s all;opacity:1;position:relative;}
 .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background:none;border-color:#295e97;}
 .navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background-color:#295e97;}
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:transparent;}

 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(1){transform:rotate(45deg);top:6px;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(2){opacity:0;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(3){transform:rotate(-45deg);top:-6px;}
}

@media (min-width: 768px) {
 .navbar-inverse .navbar-nav .dropdown-menu{left:50%;right:auto;transform:translate(-50%,0);border-radius:0;border:none;padding:0;background:rgba(0,0,0,0.85);-webkit-box-shadow:0px 4px 8px rgba(0,0,0,.125);box-shadow:0px 4px 8px rgba(0,0,0,.125);
    animation-fill-mode: both;
    animation-duration: .4s;
    animation-name: fadeIn;}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a{padding: 12px 20px;color:#fff;text-align:center;font-size: 15px;}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .dropdown-menu>li>a:focus{background: rgba(9, 89, 193, 0.69);}
}

@media (min-width: 992px) {
 .navbar-inverse .navbar-right{margin-right:-30px;}
 .navbar-inverse .navbar-nav > li > a{padding:35px 30px;}
}

/* 슬라이드 공통 */
.carousel-control{text-shadow:0px 2px 6px rgba(0, 0, 0, .125);transition:ease-in-out .15s all;}
.carousel-control.left .glyphicon::before{content:'\f053';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-control.right .glyphicon::before{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-indicators li{width:10px;height:10px;background-color:rgba(255,255,255,.5);border:none;margin:0 4px;border-radius:20px;transition:ease-in-out .15s all;}
.carousel-indicators li.active{width:55px;height:10px;background-color:#fff;margin:0 4px;}

.carousel-caption {text-shadow:none;}

@media (max-width: 767px) {
 .carousel-control{font-size:14px;}
 .carousel-indicators li, .carousel-indicators li.active{width:8px;height:8px;}
}

/* 푸터 */
#site footer{margin-top:0px;background-color:#333;color:#ddd}
#site footer .footer-info{padding:45px 0}
#site footer .footer-info ul{position:relative;margin:0;padding:0;font-size:0}
#site footer .footer-info ul li{list-style:none;display:inline-block;font-size: 14px;font-weight:300;letter-spacing:-0.02em;margin-right:15px;line-height:24px;}
#site footer .footer-info > .container {
    padding: 0;
}
#site footer .footer-info .info {
    padding: 5px 15px 0 40px;
}
#site footer .footer-info ul li.copy {
    font-size: 14px;
    color: #999;
    display: block;
    margin-top: 3px;
}

/* 메인 페이지 */
#mainCarousel .carousel-inner .item{height: 660px;}
#mainCarousel .carousel-caption h1 {
    margin: -30px 0 55px;
    font-size: 66px;
    font-weight: 600;
    letter-spacing: -0.045em;
}
#mainCarousel .carousel-caption h1::before {
    content:'';
    display:block;
    position:absolute;
    
}
#mainCarousel .carousel-caption h1 span {
    display: inline-block;
    font-size: 22px;
    letter-spacing: 0.1em;
    font-weight: 300;
    color: #fff;
    margin-bottom: 18px;
}
#mainCarousel .carousel-caption p {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: -0.035em;
}
#mainCarousel .carousel-caption .btn {
    margin-top: 30px;
    padding: 10px 55px;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #fff;
    border-radius: 55px;
    text-shadow: 0px  0px black;
}
#mainCarousel .carousel-caption .btn:hover {
    color: #3a6fb2;
    background: #fff;
    border-color: #fff;
}

@media (max-width: 767px) {
 #mainCarousel .carousel-inner .item{height:300px}
 #mainCarousel .carousel-caption {
    right: 10%;
    left: 10%;
 }
 #mainCarousel .carousel-caption h1 {
    margin: 0 0 20px;
    font-size: 32px;
}
#mainCarousel .carousel-caption h1 span {
    margin-bottom: 14px;
    font-size: 14px;
}
 #mainCarousel .carousel-caption p{font-size:14px;}
 #mainCarousel .carousel-caption .btn {
    margin-top: 15px;
    padding: 5px 35px;
    font-size: 13px;
}
}

.root_daum_roughmap {
  width: 100% !important;
  padding: 0 !important;
}

.root_daum_roughmap .map_border {
  display: none !important;
}

.board_box_blog2 .row {
  margin-left: -5px;
  margin-right: -5px;
}

.board_box_blog2 .row > div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.board_box_blog2 .inner {
  margin-top: 0;
  margin-bottom: 0;
}

.board_box_blog2 .inner .bottom {
  padding: 12px 10px;
}
  
.board_box_blog2 .inner .bottom .title {
  margin-bottom: 0;
}

.board_box_blog2 .inner .bottom .title a {
  font-size: 14px;
}
  
.board_box_blog2 .inner .bottom .info {
  display: none;
}
  
.board_box_blog2 .inner .top a .thumb {
  height: 100px;
}

/* 메인 추가 스타일 */
.mainPage {
    padding: 100px 0;
}
.mainPage h2 {
    margin: 0 0 45px;
    font-size: 46px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0;
    letter-spacing: -0.043em;
}
.mainPage .wrap-main-link {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.mainPage .main-link {
    flex-basis: 33.3%;
    /* flex: 1 1 0%; */
    padding: 0 8px;
}
.mainPage .main-link:nth-child(n+4) {
    margin-top: 10px;
}
.mainPage .main-link > a {
    width: 100%;
    position: relative;
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
}
.mainPage .main-link > a::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    z-index: 90;
}
.mainPage .main-link.link4 > a::before {background: rgba(0,0,0,0.4);}
.mainPage .main-link.link5 > a::before {background: rgba(0,0,0,0.5);}
.mainPage .main-link.link6 > a::before {background: rgba(0,0,0,0.4);}
.mainPage .main-link > a:hover::before {
    background: rgba(0,0,0,0.5);
}
.mainPage .main-link > a::after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 4px solid transparent;
    z-index: 110;
}
.mainPage .main-link > a:hover::after {
    border-color: #7ca6e1;
}
.mainPage .main-link > a img {
    transform: scale(1);
    transition: all cubic-bezier(0.27, 0.51, 0.38, 1.01) 0.35s;
}
.mainPage .main-link > a:hover img {
    transform: scale(1.1);
}
.mainPage .main-link .text {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 70px 0;
    color: #fff;
    text-align: center;
    transform: translate(-50%,-50%);
    z-index: 100;
}
.mainPage .main-link .text::after {
    content: "\f948";
    right: 15px;
    bottom: 15px;
    position: absolute;
    padding: 6px;
    font-size: 17px;
    font-family: "Phosphor";
    color: #fff;
    line-height: 1em;
    background: rgba(255, 255, 255, 0.41);
    border-radius: 30px;
    transition: all .2s ease;
    z-index: 100;
}
.mainPage .main-link > a:hover .text::after {
    transform: rotate(180deg);
}
.mainPage .main-link .text .num {
    margin-bottom: 25px;
    /* margin-bottom: 30px; */
    font-size: 37px;
    /* font-size: 33px; */
    font-weight: 500;
    color: #fff;
    line-height: 1em;
    position: relative;
}
.mainPage .main-link .text .num::before {
    content: '';
    display: block;
    position: absolute;
    width: 38px;
    /* width: 27px; */
    height: 1px;
    background: rgba(255, 255, 255, 0.69);
    left: 50%;
    bottom: -11px;
    /* bottom: -13px; */
    transform: translateX(-50%);
}
.mainPage .main-link .text h3 {
    margin: 7px 0 5px;
    font-size: 25px;
    /* font-size: 20px; */
    font-weight: 500;
}
/* 하단 게시판 */
#section_7f39f8 {
    padding: 55px 0 30px;
    background: #f5f5f5;
}
#section_7f39f8 [class^="board_box_"]:first-child {
    padding-right: 25px;
}
#section_7f39f8 [class^="board_box_"]:last-child {
    padding-left: 25px;
}
#section_7f39f8 [class^="board_box_"] .page-header {
    margin: 0 0 19px;
    border-bottom: 1px solid #999;
}
#section_7f39f8 [class^="board_box_"] .page-header h4 {
    margin: 0 0 7px;
    font-size: 24px;
    letter-spacing: -0.05em;
}
.board_box_list ul > li {
    padding: 0;
}
.board_box_list ul li a {
    font-size: 16px;
}
.board_box_list ul > li+li {
    margin-top: 10px;
}
.board_box_list ul > li > a:hover {
    color: #3d73b9;
}
.board_box_list ul li .info {
    font-size: 15px;
}
.board_box_list ul li .info .hits {
    display: none;
}
div[class^="board_box_"] .page-header .pull-right {
    margin: 3px 3px;
    font-size: 15px;
}
@media (min-width: 767px) {
    #section_7f39f8 div[class^="board_box_"] {
        width: 50%;
    }
}

/*************** 서브 시작 ***************/
/* 공통 스타일 */
.navbar-inverse + .container {
    width: 100%;
    padding: 0;
}
.subPage > .pageTop {
    height: 250px;
    color: #fff;
    background: #333 url(/public/img/sub/back_page_top.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.subPage > .pageTop > .container {
    height: 100%;
    position: relative;
}
.subPage > .pageTop h2 {
    margin: 92px 0 0;
    font-size: 43px;
    text-align: center;
    letter-spacing: -0.04em;
    font-weight: 600;
}

/* Breadcrumb */
.subPage .breadcrumb {
    bottom: 82px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    background-color: transparent;
    opacity: 0.8;
}
.subPage .breadcrumb > li:first-child::before {
    content: '\f015';
    top: 1px;
    left: -10px;
    position: absolute;
    font-size: 11px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}

/* Link */
.subPage .link {
    border-bottom: 1px solid #ddd;
}
.subPage .link ul {
    display: flex;
}
.subPage .link ul > li {
    flex: 1 1 0%;
    text-align: center;
}
.subPage .link ul > li > a {
    padding: 0;
    font-size: 17px;
    font-weight: 500;
    color: #787878;
    line-height: 60px;
    text-decoration: none;
    background: transparent;
}
.subPage .link ul > li> a::after  {
    content:'';
    display:block;
    position:absolute;
    background: #ebebeb;
    height: 17px;
    width: 1px;
    top: 20px;
}
.subPage .link ul > li:first-child > a::after {
    display: none;
}
.subPage .link ul > li.active > a {
    font-weight: 600;
    color: #295e97;
}
.subPage .link ul > li.active > a::before {
    content: '';
    display: block;
    bottom: -1px;
    width: 100%;
    height: 3px;
    position: absolute;
    background: #295e97;
}
.subPage .link ul > li:not(.active) > a:hover,
.subPage .link ul > li:not(.active) > a:focus {
    font-weight: 500;
    color: #295e97;
}

.subPage > .contents {
    padding: 90px 0 120px;
}

.space-bottom {
    margin-bottom: 45px;
}
#business05 #row6 {
    margin-bottom: 0;
}
.title-lv-1 {
    margin: 0 0 70px;
    font-size: 40px;
    font-weight: 600;
    color: #222;
    letter-spacing: -0.05em;
    line-height: 1;
    text-align: center;
}
.title-lv-2 {
    position: relative;
    margin: 0 0 33px;
    padding-left: 28px;
    font-size: 28px;
    font-weight: 600;
    color: #222;
    letter-spacing: -0.04em;
}
.title-lv-2::before {
    content: '';
    top: 4px;
    left: 0;
    width: 21px;
    height: 21px;
    position: absolute;
    background: #fff;
    border: 5px solid #3d73b9;
    border-top-color: #e1583c;
    border-left-color: #8aa949;
    border-radius: 50%;
}
.title-lv-3 {
    position: relative;
    margin: 10px 0 20px;
    padding-left: 8px;
    font-size: 24px;
    font-weight: 600;
    color: #295e97;
    letter-spacing: -0.04em;
}
.title-lv-3::before {
    content: '';
    top: 1px;
    left: 0;
    width: 4px;
    height: 23px;
    position: absolute;
    background: #295e97;
}

.list-default {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}
.list-default > li {
    position: relative;
    margin-bottom: 8px;
}
.list-default > li:last-child {
    margin-bottom: 0;
}
.list-style-1 > li {
    padding-left: 13px;
    letter-spacing: -0.034em;
}
.list-style-1 > li::before {
    content: '';
    top: 7px;
    left: 0;
    width: 4px;
    height: 4px;
    position: absolute;
    background: #333;
    border-radius: 20px;
}
#business03 .list-style-1 > li::before {
    height: 1px;
    border-radius: 0;
}
.list-dash > li {
    padding-left: 10px;
}
.list-dash > li::before {
    content: '-';
    left: 0;
    position: absolute;
}
.list-chk > li {
    padding-left: 23px;
}
.list-chk > li::before {
    content: "\fb6d";
    top: -1px;
    left: 0;
    width: 4px;
    height: 4px;
    position: absolute;
    font-family: "Phosphor";
}

table.tb-default {
    margin-bottom: 0;
}
table.tb-default > thead > tr > th,
table.tb-default > tbody > tr > th,
table.tb-default > tbody > tr > td {
  padding: 16px;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: middle;
}
table.tb-default > thead > tr > th,
table.tb-default > tbody > tr > th {
    text-align: center;
}
table.tb-style-1 {
    border-top: 2px solid #333;
}
table.tb-style-1 > thead > tr > th,
table.tb-style-1 > tbody > tr > th,
table.tb-style-1 > tbody > tr > td {
    padding: 15px;
    font-size: 15px;
}
table.tb-style-1 > thead > tr > th,
table.tb-style-1 > tbody > tr > th {
    letter-spacing: -0.02em;
    background: #f7f7f7;
}
table.tb-style-2 {
    border-top: 2px solid #333;
}
table.tb-style-2 > thead > tr > th,
table.tb-style-2 > tbody > tr > th,
table.tb-style-2 > tbody > tr > td {
    padding: 14px;
    font-size: 15px;
    line-height: 1.4;
}
table.tb-style-2 > thead > tr > th,
table.tb-style-2 > tbody > tr > th {
    letter-spacing: -0.02em;
}
table.tb-style-2 > thead > tr > th {
    background: #f7f7f7;
}
table.tb-style-3 {
    border-top: 2px solid #333;
}
#business05 #row2 table.tb-style-3 {
    margin-top: 10px;
}
#business02 table.tb-style-3,
#business03 table.tb-style-3,
#business04 table.tb-style-3 {
    border-top: 2px solid #333;
}
table.tb-style-3 > thead > tr > th,
table.tb-style-3 > tbody > tr > th,
table.tb-style-3 > tbody > tr > td {
    padding: 10px;
    font-size: 15px;
}
table.tb-style-3 > thead > tr > th {
    padding: 12px;
    font-size: 15px;
}
table.tb-style-3 > thead > tr > th,
table.tb-style-3 > tbody > tr > th {
    letter-spacing: -0.02em;
    background: #f5f7f9;
}
#affiliate table.tb-style-3 > thead > tr > th,
table.tb-style-3 > tbody > tr > th {
    position: relative;
    letter-spacing: -0.02em;
    background: #f5f7f9;
}
table.tb-style-3 > thead > tr > th,
table.tb-style-3 > tbody > tr > th{
    background: #f5f5f5;
}

/* 회사개요 (페이지) */
#summary #row5 p.lg {
    margin: 0 0 60px;
    font-size: 26px;
    color: #2e63a0;
    letter-spacing: -0.05em;
    line-height: 1.4em;
    text-align: center;
}
/* #summary #row5 .text > p.lg::before {
    content: '';
    bottom: -15px;
    left: 0;
    width: 38px;
    position: absolute;
    border-top: 1px solid #2e63a0;
} */
#summary #row5 p.lg strong {
    font-weight: 500;
}
#summary #row5 .image {
    padding: 7px 45px 0 15px;
}
#summary #row5 .text > p {
    margin: 0 0 20px;
    font-size: 17px;
    line-height: 1.75em;
}
/* #summary #row5 .text > p {
    font-size: 15px;
} */
#summary #row5 .text {
    padding: 0 30px;
}
#summary #row5 .text > .from {
    margin-top: 35px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
#summary table > tbody > tr:nth-child(1) > th {
    width: 20%;
}
#summary table > tbody > tr:nth-child(1) > td {
    width: 30%;
}
/* #summary ul.list-register {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
}
#summary ul.list-register > li {
    flex: 1 1 33.3%;
    margin-bottom: 6px;
    padding: 0 3px;
}
#summary ul.list-register > li:last-child {
    flex-basis: 100%;
    margin-bottom: 0;
}
#summary ul.list-register > li .inner {
    padding: 17px;
    font-size: 16px;
    color: #1b4d7a;
    text-align: center;
    background: #f4f6f8;
    font-weight: 500;
    border-radius: 5px;
} */
#summary .wrap-col .col:nth-child(n+3) {
    margin-top: 45px;
}
#summary .wrap-col h4 {
    position: relative;
    margin: 0 0 15px;
    padding-left: 28px;
    font-size: 24px;
    font-weight: 600;
    color: #4e7836;
}
#summary #row4 .wrap-col h4 {
    font-size: 22px;
    margin-top: 14px;
    margin-bottom: 12px;
}
#summary #row3 .major-biz {
    display: flex;
    flex-wrap: wrap;
}
#summary #row3 .major-biz > .item {
    flex-basis: 50%;
    -ms-flex-preferred-size: calc(50% - 30px);
    padding: 0 15px;
}
#summary #row3 .major-biz > .item:nth-child(n+3) {
    margin-top: 45px;
}
#summary #row3 .major-biz h4 {
    position: relative;
    margin: 0 0 15px;
    padding-left: 11px;
    font-size: 24px;
    font-weight: 600;
    color: #295e97;
}
#summary #row3 .major-biz h4::after {
    content: '';
    top: 1px;
    left: 0;
    width: 4px;
    height: 22px;
    position: absolute;
    background: #295e97;
}
#summary #row3 .major-biz ul {
    min-height: 114px;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 1px solid #52759a;
}
#summary #row3 .major-biz > .item:nth-child(5) ul {
    min-height: 138px;
}
#summary #row3 .major-biz ul > li {
    line-height: 1.4em;
    margin-bottom: 2px;
}
#summary .wrap-col h4 > .num {
    top: -1px;
    left: 0;
    width: 23px;
    height: 23px;
    position: absolute;
    padding: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 1em;
    text-align: center;
    background: #4e7836;
    /* border-radius: 2px; */
}
#summary .wrap-col ul+ul {
    margin-top: 10px;
}
#summary #row4 .wrap-col ul {
    background: #f3f6f2;
    padding: 23px;
    border-radius: 5px;
}
#summary .wrap-col ul > li {
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 2px;
}
#summary #row4 .wrap-col .col:nth-child(1) ul:last-child {
    min-height: 143px;
}
#summary #row4 .wrap-col .col:nth-child(3) ul:last-child {
    min-height: 143px;
}
#summary #row4 .wrap-col {
    margin-bottom: 40px;
}
#summary #row4 .wrap-col:last-child {
    margin-bottom: 0;
}
/* 회사연혁 (페이지) */
.wrap-history {
    position: relative;
}
.wrap-history::before {
    content: '';
    top: 15px;
    left: 20%;
    width: 10px;
    height: 98.8%;
    position: absolute;
    background: #f6f6f6;
}

.wrap-history ul > li+li {
    margin-top: 50px;
}
.wrap-history ul > li .year {
    float: left;
    width: 15%;
    position: relative;
    margin: 0;
    font-size: 39px;
    color: #416d36;
    line-height: 1em;
    font-weight: 300;
}
.wrap-history ul > li .year::before,
.wrap-history ul > li .year::after {
    content: '';
    position: absolute;
}
.wrap-history ul > li .year::before {
    top: 18px;
    right: -34px;
    width: 45px;
    height: 1px;
    border-top: 1px solid #c0dd84;
    border-radius: 20px;
}
.wrap-history ul > li .year::after {
    top: 11px;
    right: -50px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 4px solid #8aa949;
    border-radius: 20px;
}
.wrap-history ul > li .detail {
    width: 85%;
    display: inline-block;
    padding: 8px 0 0 70px;
}
.wrap-history ul > li .detail .block {
    position: relative;
}
.wrap-history ul > li .detail .block+.block {
    margin-top: 15px;
}
.wrap-history ul > li .detail .month {
    top: 3px;
    left: 30px;
    position: absolute;
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    color: #3d6b36;
}
.wrap-history ul > li .detail p {
    padding-left: 90px;
    font-size: 17px;
}
.wrap-history ul > li .detail p:last-child {
    margin-bottom: 0;
}

/* 조직 및 기술인력 (페이지) */
#organization #row1 p {
    margin: 0 0 50px;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    color: #000;
}
#organization ul.list-logo {
    margin: 0 -7px;
}
#organization ul.list-logo > li {
    float: left;
    width: 25%;
    margin-bottom: 0;
    padding: 0 7px;
}
/* #organization ul.list-logo > li:nth-child(1) {
    margin-left: 0;
}
#organization ul.list-logo > li:last-child {
    margin-right: 0;
} */
#organization ul.list-logo > li img {
    padding: 9px 30px;
    border: 1px solid #eee;
}

/* 보유면허 및 인증내역 (페이지) */
#license_certificate table > thead > tr > th {
    width: 22%;
}
#license_certificate table > thead > tr > th:nth-child(1) {
    width: 38%;
}
#license_certificate table > thead > tr > th:nth-child(2) {
    width: 18%;
}
#license_certificate table > tbody > tr > th:nth-child(1) {
    text-align: left;
}
#license_certificate table > tbody > tr > td {
    text-align: center;
}
#license_certificate hr {
    width: 100%;
    margin: 60px 0;
    border-color: #ddd;
    border-top-style: dashed;
}
ul.list-license,
ul.list-certificate{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
ul.list-license {
    margin: 0 -5px;
    
}
ul.list-license > li {
    float: left;
    width: 20%;
    margin-bottom: 16px;
    padding: 0 8px;
}
ul.list-license > li .inner {
    padding: 5px;
    border: 1px solid #ddd;
}
ul.list-certificate {
    margin: 0 -15px;
}
ul.list-certificate > li {
    float: left;
    width: 25%;
    margin-bottom: 30px;
    /* margin-bottom: 10px; */
    padding: 0 15px;
}
ul.list-certificate > li .inner {
    padding: 10px;
    border: 1px solid #ddd;
}

/* 관계사 소개 (페이지) */
/* #affiliate #row1 .clearfix+div {
    margin-left: 16.66666667%;
} */
#affiliate #row1 {
    margin: 0 -5px;
}
#affiliate #row1 .col {
    padding: 0 5px;
}
#affiliate #row1 table {
    margin-bottom: 30px;
    min-height: 320px;
    border-top: 2px solid #2e63a0;
}
/* #affiliate .col-md-3.col2 {
    padding-right: 10px;
}
#affiliate .col-md-3.col3, #affiliate .col-md-3.col4 {
    padding: 0 10px;
}
#affiliate .col-md-3.col5 {
    padding-left: 10px;
} */
#affiliate #row1 .col1 table {
    min-height: 236px !important;
    border-top: 2px solid #222;
}
#affiliate #row1 .col1 table > thead > tr > th,
#affiliate #row1 .col1 table > tbody > tr > th {
    letter-spacing: -0.02em;
    background: #f7f7f7;
}
/* #affiliate #row1 table > tbody > tr > th {
    width: 80px;
} */
#affiliate #row1 .col:not(.col1) table > tbody > tr > th,
#affiliate #row1 .col:not(.col1) table > tbody > tr > td {
    padding: 8px;
    font-size: 13px;
}
#affiliate #row1 .col:not(.col1) table > tbody > tr > th {
    width: 70px;
    background: #f5f7f9;
}
#affiliate #row1 .col:not(.col1) table > tbody > tr.history > td {
    height: 118px;
}
#affiliate #row1 .col:not(.col1) table > tbody > tr.history > td ul li span.date {
    padding-right: 7px;
    font-weight: 600;
}
#affiliate #row1 .col:not(.col1) table > tbody > tr.biz > td {
    height: 61px;
}
#affiliate #row1 h3 {margin-top: 120px;}
ul.list-certificate-biz {
    margin: 0 -15px;
}
ul.list-certificate-biz > li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
    padding: 0 15px;
}
ul.list-certificate-biz > li .inner {
    padding: 5px;
    border: 1px solid #ddd;
}
ul.list-certificate-biz > li > img {
    margin-top: 13px;
    height: 55px;
    margin-bottom: 80px;
}
#affiliate .col-company .tit {
    position: relative;
    margin: 0 0 30px;
    font-size: 25px;
    font-weight: 600;
    color: #2e63a0;
    letter-spacing: -0.04em;
    padding-left: 96px;
}
#affiliate .col-company .tit::before {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-bottom: 30px solid transparent;
    border-left: 29px solid #fff;
    transform: rotate(180deg);
    top: -2px;
    left: 61px;
    z-index: 1;
}
#affiliate .col-company .tit > span {
    top: -1px;
    left: 0;
    position: absolute;
    padding: 6px 25px 6px 7px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: -0.04em;
    text-align: center;
    background: #2e63a0;
    /* border-radius: 40px; */
    width: 90px;
}
#affiliate .col-company table > tbody > tr > th {
    width: 18%;
}
#affiliate .col-company table > tbody > tr > td:not([colspan="3"]) {
    width: 41%;
}
#affiliate .col-company table > tbody > tr > td.center {
    text-align: center;
}
#affiliate .col-company table > tbody > tr > td ol {
    margin-bottom: 0;
    padding-left: 15px;
}
#affiliate .col-company table > tbody > tr > td ol > li {
    margin-bottom: 5px;
}
#affiliate .col-company table > tbody > tr > td ol > li:last-child {
    margin-bottom: 0;
}
/* 관계사 1 */
#affiliate .col-company.col1 table+table {
    margin-top: -1px;
    border-top: none;
}
#affiliate .col-company.col1 table > tbody > tr > td span+span {
    position: relative;
    display: inline-block;
    padding-left: 12px;
}
#affiliate .col-company.col1 table > tbody > tr > td span+span::before {
    content: '';
    top: 3px;
    left: 4px;
    width: 1px;
    height: 13px;
    position: absolute;
    background: #ccc;
}
/* 관계사 2 */
#affiliate .col-company.col2 .wrap-image {
    margin-top: 30px;
}
/* 관계사 3 */
#affiliate .col-company.col3 table > tbody > tr > td em {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 5px;
    font-weight: 500;
    font-style: normal;
    text-decoration: underline;
}
/* 관계사 4 */
#affiliate .col-company.col4 .wrap-image {
    margin-top: 20px;
}
#affiliate .col-company.col4 .wrap-image > div:nth-child(1) {
    padding-right: 43px;
}
#affiliate .col-company.col4 .wrap-image > div:nth-child(2) {
    padding-left: 0;
}
#affiliate .btn-link {
    top: 50%;
    right: 0;
    position: absolute;
    display: flex;
    padding: 6px 10px;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 0;
    text-decoration: none;
    transform: translateY(-50%);
    background: #2e63a0;
    border-radius: 3px;
}
#affiliate .btn-link i {
    margin-right: 4px;
    font-size: 16px;
    color: #fff;
}
#affiliate .btn-link:hover,
#affiliate .btn-link:focus {
    background: #183f67;
}
#affiliate table > thead > tr > th .btn-link {
    right: 10px;
    padding: 5px 8px;
    font-size: 13px;
}

/* 오시는길 (페이지) */
#location .space-bottom {
    margin-bottom: 60px;
}
#location .contact {
    width: 100%;
    display: inline-block;
    padding: 25px;
    background: #fafafa;
}
#location .contact > .col {
    padding: 0;
}
#location .contact h4 {
    display: inline-block;
    margin: 0 4px 0 2px;
    font-size: 18px;
    font-weight: 600;
    color: #1e467b;
}
#location .contact .addr {
    position: relative;
    padding-left: 18px;
    font-size: 18px;
}
#location .contact .addr h4 {
    margin-right: 12px;
    margin-left: 9px;
    font-size: 18px;
}
#location .contact .addr i,
#location .contact .info i {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 22px;
    color: #1e467b;
}
#location .contact .addr i {
    top: -4px;
    padding: 3px 0;
    font-size: 24px;
}
#location .contact > .right {
    text-align: right;
}
#location .contact .info {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    letter-spacing: 0;
}
#location .contact .info.fax {
    margin-left: 20px;
}

/* 사업소개 공통 스타일 */
.subPage[id^='business'] .box-biz+.box-biz {
    margin-top: 60px;
}
.subPage[id^='business'] .box-biz h4 {
    position: relative;
    margin: 0 0 20px;
    padding-left: 8px;
    font-size: 24px;
    font-weight: 600;
    color: #295e97;
    letter-spacing: -0.04em;
}
.subPage[id^='business'] .box-biz h4::before {
    content: '';
    top: 1px;
    left: 0;
    width: 4px;
    height: 23px;
    position: absolute;
    background: #295e97;
}
.subPage[id^='business'] .box-biz h4 > .num {
    /* top: -1px;
    left: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    padding: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1em;
    text-align: center;
    background: #4e7836; */
    display: none;
}
.subPage[id^='business'] h5 {
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 600;
    color: #222;
    line-height: 1.35em;
}
.subPage[id^='business'] .box-biz > ul {
    padding: 25px;
    border: 1px solid #ddd;
    border-top: 1px solid #295e97;
    /* background: #f2f3f7; */
}
#business02 #row1 .box-biz ul {
    background: #f0f2f5;
    padding: 25px;
    border-radius: 5px;
}
.subPage[id^='business'] .box-biz > ul > li,
#business02 #row1 .box-biz ul > li {
    font-size: 16px;
    margin-bottom: 7px;
}
.subPage[id^='business'] .box-biz > ul > li:last-child,
#business02 #row1 .box-biz ul > li:last-child {
    margin-bottom: 0;
}
.subPage[id^='business'] .box-results+.box-results {
    margin-top: 80px;
}
.subPage[id^='business'] .box-results figure > figcaption {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    text-align: center;
}
.subPage[id^='business'] .box-results ul {
    margin-top: 5px;
    font-size: 17px;
}
.subPage[id^='business'] .box-results .detail {
    margin-left: 30px;
    padding: 35px;
    background: #f0f2f5;
    width: 46%;
    min-height: 368px;
    border-radius: 5px;
}
.subPage[id^='business'] .box-results .detail ul.list-style-1 {
    font-size: 15px;
    margin-left: -10px;
    margin-top: 12px;
    background: #fff;
    padding: 18px;
    border-radius: 5px;
}
.subPage[id^='business'] hr {
    width: 100%;
    margin: 60px 0;
    border-color: #ddd;
    border-top-style: dashed;
}
.subPage[id^='business'] .box-results .images {
    padding: 0 10px;
}
.subPage[id^='business'] .box-results .images > img {
    float: left;
    height: 368px;
    display: inline-block;
    padding: 0 5px;
}
.subPage[id^='business'] .box-results .images > img:nth-child(1) {
    width: 36%;
}
.subPage[id^='business'] .box-results .images > img:nth-child(2) {
    width: 24%;
}
.subPage[id^='business'] .box-results .images > img:nth-child(3) {
    width: 40%;
}
.subPage[id^='business'] .box-results .bottom {
    margin-top: 30px;
}
/* CM 및 환경인허가용역 (페이지) */
#business01 .box-biz+.box-biz {
    margin-top: 30px;
}

/* ESCO사업 (페이지) */
/* 공통 */
#business02 .box-biz p {
    margin: 20px 0 30px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.045em;
    text-align: left;
}
/* #business02 .box-biz.biz2 p {
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 18px;
} */
#business02 .box-biz table.tb-style-3 thead tr th+th,
#business02 .box-biz table.tb-style-3 tbody tr td {
    border-left: 1px solid #e5e5e5;
}
#business02 .box-biz table.tb-style-3 tbody tr:first-child td:first-child,
#business02 .box-biz table.tb-style-3 tbody tr td[colspan] {
    border-left: none;
}
#business02 .box-biz table.tb-style-3 tbody tr td {
    text-align: center;
}
/* 개요 */
#business02 .box-biz:not(.biz3) .wrap-image {
    width: 100%;
    padding: 60px 80px;
    border: 1px solid #ddd;
}
#business02 .box-biz .bottom {
    margin-top: 30px;
}
#business02 .box-biz.biz1 h5 {
    margin: -10px 0 30px;
    font-size: 24px;
    font-weight: 600;
    color: #295e97;
    letter-spacing: -0.04em;
    text-align: center;
}
#business02 .box-biz.biz1 h5 > .color1 {
    color: #ff5890;
}
#business02 .box-biz.biz1 h5 > .color2 {
    color: #ff0000;
}
#business02 .box-biz.biz2 .wrap-image {
    width: auto;
    padding: 52px 40px;
}
#business02 .box-biz.biz2 .right > h5 {
    color: #222;
    /* text-decoration: underline; */
}
#business02 .box-biz.biz2 .right > h5:not(:first-child) {
    margin-top: 29px;
}
#business02 .box-biz.biz2 .bottom a[href] {
    color: #1971c2;
    text-decoration: underline;
}
#business02 .box-biz.biz2 .bottom > .table-responsive {
    margin-top: 20px;
}
#business02 .box-biz.biz3 img {
    width: 800px;
}
#business02 .box-biz.biz3 ul {
    min-height: 165px;
}
/* 수행실적 */
#business02 .wrap-box-arrow {
    display: flex;
    padding: 0 14%;
    flex-wrap: wrap;
}
#business02 .box-arrow {
    position: relative;
    text-align: center;
    flex-basis: calc(50% - 40px);
    -ms-flex-preferred-size: calc(50% - 42px);
    border: 1px solid #ddd;
}
#business02 .box-arrow:first-child {
    margin-right: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#business02 .box-arrow:last-child {
    margin-left: 40px;
    border-color: #7f9f54;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#business02 .box-arrow+.box-arrow::before {
    content: "\faae";
    top: 35%;
    left: -65px;
    position: absolute;
    font-size: 50px;
    font-family: "Phosphor";
    color: #7f9f54;
}
#business02 .box-arrow h5 {
    margin: 0;
    padding: 8px;
    font-size: 18px;
    background: #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#business02 .box-arrow+.box-arrow h5 {
    color: #fff;
    background: #7f9f54;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#business02 .box-arrow > ul {
    display: inline-block;
    padding: 30px;
    text-align: left;
}
#business02 .box-arrow ul > li {
    font-weight: 500;
}
#business02 .box-arrow > ul ul {
    margin-top: 5px;
}
#business02 .box-arrow > ul ul li {
    margin-bottom: 0;
}
#business02 .box-biz.biz5 thead tr th {
    width: 50%;
}

/* 신∙재생에너지사업 (페이지) */
/* 개요 */
#business03 .box-biz.biz1 table thead tr th {
    width: calc(100%/9);
}
#business03 .box-biz.biz1 table tbody tr td {
    padding: 15px 12px 10px;
    vertical-align: top;
}
#business03 .box-biz.biz1 table ul > li {
    margin-bottom: 0;
    padding-left: 9px;
    font-size: 14px;
}
#business03 .box-biz.biz1 table tbody tr:last-child td {
    padding: 3px;
}
#business03 .box-biz.biz1 table tbody tr td img {
    width: 100%;
    height: 115px;
}
#business03 .box-biz.biz2 p {
    margin: 20px 0 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.045em;
    text-align: left;
}
#business03 .box-biz.biz2 img {
    margin: 30px 0 40px;
    padding: 60px;
    border: 1px solid #ddd;
}
#business03 .box-biz.biz2 table tbody tr td {
    text-align: center;
}
#business03 .box-biz.biz2 table tbody tr td ul {
    display: inline-block;
    text-align: left;
}
#business03 .box-biz.biz3 p:nth-of-type(1) {
    margin: 0 0 15px;
    padding: 30px;
    background: #f0f2f5;
    border-radius: 5px;
}
#business03 .box-biz.biz3 p:nth-of-type(2) {
    font-size: 22px;
    font-weight: 600;
    color: #4e7836;
    letter-spacing: -0.04em;
    text-align: center;
    margin: 30px 0 0;
}
#business03 .box-biz.biz3 p:nth-of-type(2) em {
    font-style: normal;
    color: #222;
}
#business03 .box-biz.biz3 .wrap-biz-cate {
    margin-top: 30px;
}
#business03 .box-biz.biz3 .wrap-biz-cate ol {
    display: flex;
    flex-wrap: wrap;
}
#business03 .box-biz.biz3 .wrap-biz-cate ol > li {
    flex-basis: 25%;
    flex-grow: 4;
    margin-bottom: 6px;
    padding: 0 3px;
}
#business03 .box-biz.biz3 .wrap-biz-cate ol > li .inner {
    padding: 17px;
    font-weight: 500;
    color: #295e97;
    text-align: center;
    background: #f4f6f8;
    border-radius: 5px;
}
/* 수행실적 */
#business03 .box-biz.biz4 table tbody tr td {
    text-align: center;
}
#business03 .box-biz.biz4 table tbody tr td .u-line {
    text-decoration: underline;
}
#business03 .box-biz.biz4 figure {
    display: inline-block;
}
#business03 .box-biz.biz4 figure > img {
    float: left;
    width: 33.333%;
    padding: 0 5px;
}

/* 고부가 PET Flake 재활용사업 (페이지) */
/* 사업 배경 */
#business04 #row1 .text {
    text-align: center;
}
#business04 #row1 .text.top {
}
#business04 #row1 .text.top > h4 {
    margin: 0 0 20px;
    font-size: 25px;
    color: #198ad7;
    font-weight: 600;
    text-align: left;
}
#business04 #row1 .text.top > p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.04em;
    text-align: left;
    padding-right: 20px;
}
#business04 #row1 .text.bottom {
    margin-top: 13px;
    margin-bottom: 40px;
}
#business04 #row1 .text.bottom > p {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    color: #000;
    text-align: left;
    padding-right: 140px;
}
#business04 #row1 .text.bottom > p strong {
    letter-spacing: 0;
    font-weight: 500;
}
#business04 .box-biz-back {
    display: flex;
    border: 1px solid #ddd;
    padding: 30px 60px;
    /* padding-left: 60px; */
}
#business04 .box-biz-back > .inner {
    display: flex;
    padding: 15px;
    flex-wrap: wrap;
    flex-basis: 25%;
    align-items: center;
    justify-content: center;
    background: #eee;
    border-radius: 20px;
}
#business04 .box-biz-back h5 {
    flex-basis: 100%;
    margin: 0;
    padding: 30px;
    font-size: 17px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#business04 .box-biz-back > .arrow {
    position: relative;
    display: flex;
    margin-top: -50px;
    flex-basis: 13%;
    font-size: 17px;
    font-weight: 600;
    color: #295e97;
    align-items: center;
    justify-content: center;
}
#business04 .box-biz-back > .arrow::after {
    content: "\faae";
    top: 55%;
    left: 50%;
    position: absolute;
    font-size: 50px;
    font-family: "Phosphor";
    color: #727272;
    transform: translateX(-50%);
}
#business04 .box-biz-back > .inner.center {
    background: #305e97;
}
#business04 .box-biz-back > .inner.center h5 {
    padding: 0 0 10px;
    color: #fff;
    background: transparent;
}
#business04 .box-biz-back > .inner.center img {
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
}
#business04 .box-biz-back > .inner.rignt {
    background: #a5d18a;
}
#business04 .box-biz-back > .inner.rignt h5 {
    height: 100%;
    display: flex;
    font-size: 22px;
    color: #68984a;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
#business04 .row.box-status p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
}
/* 정책 고시 */
#business04 #row2 h4+p {
    margin: 0px 0 25px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.045em;
    text-align: left;
}
#business04 .box-policy img {
    padding: 50px;
    border: 1px solid #ddd;
    border-top: 1px solid #295e97;
}
#business04 .box-policy .standard h5 {
    margin: 20px 0 0;
    font-size: 21px;
    text-align: center;
}
#business04 .box-policy .standard {
    min-height: 672px;
    padding: 30px 40px 30px 40px;
    border: 1px solid #ddd;
    border-top: 1px solid #295e97;
}
#business04 .box-policy .standard h5+p {
    margin: 4px 0 45px;
    font-size: 16px;
    text-align: center;
    color: #7a7a7a;
}
#business04 .box-policy .standard ul > li {
    margin-bottom: 0;
    font-size: 15px;
    padding-left: 0;
}
#business04 .box-policy .standard ul > li::before {
    top: -3px;
    left: -10px;
}
#business04 .box-policy .standard ul > li+li {
    margin-top: 25px;
    padding-left: 0;
}
#business04 .box-policy .standard ul ul > li+li {
    margin-top: 18px;
}
#business04 .box-policy .standard ul > li h6 {
    margin: 0 0 7px;
    font-size: 17px;
    font-weight: 600;
}
#business04 #row2 .list-bottom {
    background: #f5f5f5;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
}
#business04 .box-policy .standard ul > li em {
    font-style: normal;
    font-weight: 600;
}
#business04 #row2 .col-md-6.inner.left {
    width: 60%;
}
#business04 #row2 .col-md-6.inner.right {
    width: 40%;
}
/* 사업 개요 */
/* #business04 .box-biz.biz1 .inner.left {
    padding-right: 15px;
} */
/* #business04 .box-biz.biz1 .table-responsive+h4 {
    margin-top: 45px;
} */
/* #business04 .box-biz.biz1 .table-responsive > table.tb-style-3 tbody tr td {
    text-align: right;
} */
#business04 #row3 p {
    margin: 0 0 35px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.045em;
}
#business04 #row3 .table-responsive+p {
    margin: 35px 0 0;
}
#business04 .box-biz.biz1 .table-responsive > table ul > li {
    margin-bottom: 0;
}
#business04 .box-biz.biz1 .table-responsive > table td > ul > li+li {
    margin-top: 5px;
}
#business04 .box-biz.biz1 .table-responsive > table ul > li+li {
    margin-top: 2px;
}
#business04 .box-biz.biz1 .wrap-image {
    padding: 42px 30px 50px;
    border: 1px solid #ddd;
    border-top: 1px solid #295e97;
}
/* 추진 계획 */
#business04 #row4 p {
    margin: 30px 0 35px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.045em;
    text-align: center;
    color: #000;
    text-align: left;
}
#business04 .box-plan h4 {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.04em;
}
#business04 .box-plan .wrap-prod {
    padding: 30px 0px 10px 30px;
    border: 1px solid #ddd;
}
#business04 .box-plan .prod+h4 {
    margin-top: 35px;
}
#business04 .box-plan .prod {
    width: 100%;
    display: inline-block;
    margin: 0 -15px;
}
#business04 .box-plan .prod > figure {
    float: left;
    width: 33.3%;
    padding: 0 15px;
}
#business04 .box-plan .prod.bottom > figure {
    width: 25%;
    margin-bottom: 15px;
}
#business04 .box-plan .prod > figure img {
    width: 100%;
}
#business04 .box-plan .prod > figure figcaption {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}
#business04 .box-plan ol.list-produce > li {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 18px 20px;
    /* border: 1px solid #ddd; */
    background: #fff;
    border-radius: 5px;
}
#business04 .box-plan ol.list-produce > li+li::before {
    content: "\f799";
    top: -51px;
    left: 50%;
    position: absolute;
    font-size: 35px;
    font-family: "Phosphor";
    color: #FFC000;
    transform: translateX(-50%);
}
#business04 .box-plan ol.list-produce > li+li {
    margin-top: 50px;
}
#business04 .box-plan ol.list-produce > li:nth-child(2) img {
    float: left;
    width: 48%;
}
#business04 .box-plan ol.list-produce > li:nth-child(2) img:nth-of-type(1) {
    margin-right: 5px;
}
#business04 .box-plan ol.list-produce > li:nth-child(2) img:nth-of-type(2) {
    margin-left: 5px;
}
#business04 .box-plan ol.list-produce > li .tit {
    margin-bottom: 10px;
    font-size: 17px;
    color: #222;
    font-weight: 600;
}
#business04 .box-plan ol.list-produce > li:nth-child(3) {
    margin-top: 53px;
    text-align: center;
    border: none;
}
#business04 .box-plan ol.list-produce > li:nth-child(3) .tit {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin-bottom: 18px;
}
#business04 .box-plan ol.list-produce > li:nth-child(3) img {
    float: left;
    width: 50%;
    padding: 0 10px;
}
#business04 #row4 .list-default.list-produce {
    background: #f0f2f5;
    padding: 46px 30px;
}
/* 시장 현황 */
#business04 .box-status p em {
    font-style: normal;
    color: #198ad7;
}
#business04 .box-status .table-responsive+p {
    margin: 35px 0;
}
#business04 .box-status h5 {
    margin-bottom: 12px;
    font-size: 16px;
    margin-top: 37px;
    color: #222;
}
#business04 .box-status > .inner.left {
    margin-bottom: 45px;
}
#business04 .box-status > .inner.left > div:nth-of-type(1) {
    padding-left: 0;
}
#business04 .box-status > .inner.left > div:nth-of-type(2) {
    padding-right: 0;
}
#business04 .box-status > .inner.left table {
    text-align: center;
}
#business04 .box-status > .inner.left table > thead > tr:first-child > th:nth-child(1),
#business04 .box-status > .inner.left table > thead > tr:first-child > th:nth-child(2) {
    width: 130px;
}
#business04 .box-status > .inner.left table tfoot {
    font-size: 14px;
    text-align: left;
}
#business04 .box-status > .inner.right table > thead > tr > th {
    width: 40%;
}
#business04 .box-status > .inner.right table > thead > tr > th:nth-child(1) {
    width: 20%;
}

/* 폐비닐 열분해유 제조(유화)사업 (페이지) */
/* 사업 배경 */
#business05 #row1 ul > li {
    font-size: 18px;
    margin-bottom: 11px;
}
#business05 #row1 ul > li em {
    font-weight: 600;
    font-style: normal;
    color: #333;
}
#business05 #row1 ul > li .color-bl {
    color: #198ad7;
}
#business05 .box-biz-back {
    display: flex;
    margin-top: 30px;
    padding: 25px 30px;
    border: 1px solid #ddd;
}
#business05 .box-biz-back > .inner {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 33.3%;
    align-items: center;
    justify-content: center;
}
#business05 .box-biz-back > .inner.left .tit {
    padding: 22px;
    flex-basis: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #295ea3;
    letter-spacing: -0.05em;
    text-align: center;
    border: 1px solid #b3c8e1;
    border-radius: 5px;
    background: #f4f7fa;
}
#business05 .box-biz-back > .inner.center {
    padding: 0 20px 0 25px;
}
#business05 .box-biz-back > .inner.center .tit {
    width: 100%;
    height: 317px;
    padding: 126px 0 0;
    font-size: 19px;
    font-weight: 600;
    color: #222;
    letter-spacing: -0.05em;
    text-align: center;
    background: #fafafa;
    border: 7px solid #bfbfbf;
    border-radius: 100%;
}
#business05 .box-biz-back > .inner.right {
    padding-left: 30px;
}
#business05 .box-biz-back > .inner.right .txt {
    flex-basis: 100%;
    position: relative;
    padding: 23px;
    font-size: 16px;
    font-weight: 600;
    color: #df662d;
    line-height: 1.3em;
    text-align: center;
    background: #fefbf9;
    border: 1px solid #f4dace;
    border-radius: 55px;
}
#business05 .box-biz-back > .inner.right .txt::before {
    content: "\faae";
    top: 35px;
    left: -30px;
    position: absolute;
    font-size: 45px;
    font-family: "Phosphor";
    color: #727272;
}
 #business05 .box-biz-back > .inner.right .txt:nth-child(2) {background: #f7f9fb;color:#295e97;border-color: #c9d8ea;}
#business05 .box-biz-back > .inner.right .txt:nth-child(3) {background: #f9faf8;color: #537c36;border-color: #d6e9cb;} 
/* 관련 법규 */
#business05 .box-law {
    padding: 40px 40px;
    border: 1px solid #ddd;
    min-height: 740px;
    margin-top: 45px;
}
#business05 #row2 .col-md-6.con-left {
    padding-left: 0;
}
#business05 #row2 .col-md-6.con-left .title-lv-3 {
    margin-bottom: 0;
}
#business05 .box-law p {
    font-size: 16px;
    margin-bottom: 16px;
}
#business05 .box-law em {
    font-style: normal;
}
#business05 .box-law .color-gr {
    color: #1a599f;
    font-weight: 600;
}
#business05 .box-law > .box {
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 20px;
    background: #f5f5f5;
}
#business05 .box-law > .box.box-bottom {
    margin-bottom: 0;
}
#business05 .box-law > .box h5 {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
}
#business05 .box-law > .box p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.45em;
}
#business05 #row2 .con-right > h4 {
    margin: 10px 0 12px;
    font-size: 24px;
    color: #1a599f;
    letter-spacing: -0.05em;
}
#business05 #row2 .con-right > h4 span {
    color: #222;
}
#business05 #row2 .con-right table > tbody > tr > th,
#business05 #row2 .con-right table > tbody > tr > td {
    width: 50%;
    padding: 8px;
    font-size: 15px;
    font-weight: 400;
}
#business05 #row2 .con-right table > tbody > tr > td:nth-child(2) {
    text-align: right;
}
/* 사업 개요 */
#business05 .box-biz.biz1 .inner.left > img {
    margin-top: 20px;
}
#business05 .box-biz.biz1 .inner.right {
    padding-left: 15px;
}
#business05 .box-biz.biz1 .wrap-image {
    padding: 30px;
    border: 1px solid #ddd;
}
#business05 .box-biz.biz1 .wrap-image > img+img {
    margin-top: 20px;
}
/* 유화처리 단계 및 시설 */
#business05 .box-facility {
    display: flex;
    margin: 0 -30px 40px;
}
#business05 .box-facility > .inner {
    padding: 0 30px;
    flex-basis: 33.3%;
    text-align: center;
}
#business05 .box-facility .txt-top {
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 600;
    color: #222;
}
#business05 .box-facility .txt-bottom {
    min-height: 86px;
    position: relative;
    display: grid;
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #295eac;
    line-height: 1.5em;
    align-items: center;
    justify-items: center;
    background: #f4f7fa;
    border-radius: 50px;
    border: 1px solid #b7cbe2;
}
#business05 .box-facility .inner:not(.left) .txt-bottom::before {
    content: "\faae";
    top: 30px;
    left: -57px;
    position: absolute;
    font-size: 50px;
    font-family: "Phosphor";
    color: #dddddd;
}
#business05 #row4 figure figcaption {
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: #295e97;
}
#business05 #row4 > .con-right figure figcaption {
    background: #82a967;
}
/* 처리 공정도 */
#business05 #row5 p {
    margin: 0 0 35px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.045em;
}
#business05 #row5 p em {
    font-style: normal;
    font-weight: 400;
}
#business05 #row5 img {
    padding: 30px 120px;
    border: 1px solid #ddd;
}
/* 유화연료 품질 */
#business05 #row6 table .color-gr {
    font-size: 16px;
    font-weight: 600;
    color: #198ad7;
}
#business05 #row6 table .color-bl {
    color: #198ad7;
}
#business05 #row6 table .fw-b {
    font-weight: 500;
}
#business05 #row6 table > tbody > tr > td {
    text-align: right;
}
#business05 #row6 table > tbody > tr > th+td {
    text-align: center;
}
#business05 #row6 > .con-right {
    padding-left: 30px;
}
#business05 #row6 figure figcaption {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #295e97;
    letter-spacing: -0.05em;
    border: 1px solid #ddd;
    text-align: center;
    border-top: 2px solid #295e97;
}
#business05 #row6 figure img {
    border: 1px solid #ddd;
    border-top: 1px solid #295e97;
}
#business05 #row6 .con-right {
    width: 30%;
}
#business05 #row6 .con-left {
    width: 70%;
}
#business05 #row6 .con-right .title-lv-3 {
    margin-top: 0;
}
/* 열분해유 제조(유화)사업 (페이지) */
#business06 .text.top {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 45px 60px;
    background: rgb(179,200,225);
    background: linear-gradient(0deg, rgba(179,200,225,0) 0%, rgba(229,249,253,1) 100%);
    border-radius: 20px;
}
#business06 .text.top > p {
    flex-basis: 100%;
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.04em;
    text-align: center;
}
#business06 .text.top > p em {
    font-style: normal;
    color: #198ad7;
}
#business06 .text.top > .inner {
    flex-basis: 50%;
    padding: 0 15px;
    text-align: center;
}
#business06 .text.top > .inner p {
    margin: 0;
    padding: 15px;
    font-size: 20px;
    font-weight: 600;
    color: #295ea3;
    line-height: 1.35em;
    background: #f4f7fa;
    border: 1px solid #b7cbe2;
    border-radius: 15px;
}
#business06 .text.bottom {
    display: flex;
    margin-top: -30px;
    padding: 0 60px;
}
#business06 .text.bottom > .inner {
    flex-basis: 28%;
    border: 1px solid #295e97;
    border-radius: 15px;
}
#business06 .text.bottom > .inner.center {border-color: #198ad7;}
#business06 .text.bottom > .inner.right {border-color: #82a967;}
#business06 .text.bottom h5 {
    flex-basis: 100%;
    margin: 0;
    padding: 8px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #295e97;
    border-radius: 12px 12px 0 0;
}
#business06 .text.bottom .center h5 {background: #198ad7;}
#business06 .text.bottom .right h5 {background: #82a967;}
#business06 .text.bottom ul {
    padding: 15px;
}
#business06 .text.bottom .icon {
    display: flex;
    flex-basis: 8%;
    align-items: center;
    justify-content: center;
}
#business06 .text.bottom .icon i {
    padding: 10px;
    font-size: 30px;
    color: #fff;
    background: #bfbfbf;
    border-radius: 100%;
}
#business06 #row2 .con-top p {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.045em;
}
#business06 #row2 .wrap-image {
    margin-bottom: 50px;
    padding: 30px;
    border: 1px solid #ddd;
}
#business06 #row2 .wrap-image img+img {
    margin-top: 30px;
}
#business06 #row2 .wrap-image cite {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
}
#business06 #row2 .table-responsive+h4 {
    margin-top: 50px;
}
#business06 #row2 .con-left p,
#business06 #row2 .con-right p {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.045em;
}
#business06 #row2 h5 {
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    color: #1a518d;
    letter-spacing: -0.04em;
}
#business06 #row2 table td {
    text-align: center;
}
#business06 #row2 table tfoot td {
    font-size: 14px;
    text-align: left;
}
#business06 #row2 p.unit {
    margin: 0 0 3px;
    font-size: 14px;
    text-align: right;
}
#business06 #row2 cite {
    font-size: 14px;
    font-style: normal;
}
#business06 #row3 table tr:nth-child(3) td:nth-last-child(-n+2),
#business06 #row3 table tr:nth-child(4) td:nth-last-child(-n+2),
#business06 #row3 table tr:nth-child(5) td:nth-last-child(-n+2) {
    text-align: right;
}
#business06 #row3 .wrap-image {
    padding: 20px;
    border: 1px solid #ddd;
}
#business06 #row3 .wrap-image > img+img {
    margin-top: 20px;
}
#business06 #row4 .wrap-image {
    padding: 60px;
    border: 1px solid #ddd;
}

/* 게시판, 주문폼 공통 스타일 */
.board_wrapper,
.calendar_wrapper {
    margin-top: 0;
    margin-bottom: 0;
}
.search_wrap {
    margin-bottom: 0;
}
.board_wrapper .table.table_default {
    border-top: 1px solid #333;
}
.table.table_default tr th,
.table.table_default tr td {
    font-size: 15px;
    border-color: #e3e3e3;
}
.board_wrapper .table.table_default thead th {
    font-weight: 500;
    background-color: #fff;
}
.table.table_default tbody .subject .badge {
    margin-right: 5px;
    padding: 6px 7px 5px;
    font-weight: 500;
    border-radius: 0;
}
.table.table_default tbody .subject a {
    font-size: 16px;
}
.table.table_default tbody .subject a:hover {
    text-decoration: underline;
}
.board_data_view .header_wrap {
    padding: 40px 0;
    border-bottom: 1px solid #ddd;
}
.text-center span {
    font-size: 16px !important;
}
.board_data_view .header_wrap .title {
    font-size: 27px;
    letter-spacing: -0.034em;
}
.board_data_view .header_wrap .info {
    margin-top: 10px;
}
.board_data_view .header_wrap .info span {
    font-size: 14px;
    color: #999;
}
.pagination_wrap ul li.active a,
.pagination_wrap ul li.active a:hover,
.pagination_wrap ul li.active a:focus {
    color: #3d73b9;
}
.pagination_wrap ul li.box a {
    border: none;
}
.pagination_wrap ul li.box:hover a,
.pagination_wrap ul li.box:focus a {
    color: #3d73b9;
}
.board_wrapper .text-center {
    margin-bottom: 0;
}
/* 게시글 작성 */
.board_wrapper .table.board_write_table tbody tr th,
.board_wrapper .table.board_write_table tbody tr td {
    font-size: 15px;
    letter-spacing: -0.04em;
    border-color: #e6e6e6;
}
.board_wrapper .table.board_write_table tbody tr th {
    width: 180px;
    font-weight: 500;
    color: #222;
    background: #f8f8f8;
}
/* 주문폼 */
.board_wrapper .table.board_write_table tbody tr td .form-control {
    width: 350px;
}
.board_wrapper .table.board_write_table tbody tr th > span.required_text {
    color: red;
    font-weight: 600;
}
.board_wrapper .table.board_write_table tbody tr td .text-muted {
    font-size: 15px;
    margin-top: 10px !important;
}
.board_wrapper .table.board_write_table .checkbox a {
    color: #1e7fc5;
    text-decoration: underline;
}
.form-control:not([readonly]):focus {
    border-color: #555;
}
/*************** 서브 끝 *****************/

/*********** 모바일 최적화 시작 ***********/
@media (max-width: 1199px) { /* Small·Medium·Large devices */
    .subPage .link ul{flex-wrap:wrap}
    .subPage .link{margin-top:15px;border-bottom:none}
    .subPage .link ul > li{flex-basis:50%;padding-right:2px;padding-left:2px}
    .subPage .link ul > li:nth-child(n+3){margin-top:4px}
    .subPage .link ul > li > a{border:1px solid #ddd;line-height:40px}
    .subPage .link ul > li.active > a{color:#fff;background:#295e97;border-color:#295e97}
    .subPage .link ul > li > a::after{display:none}
}
@media (max-width: 767px) { /* Small devices (col-xs-*) 모바일 */
    #site{padding-top:67px;font-size:15px}

    .navbar-inverse{position:fixed;border-bottom:1px solid #ddd}
    .navbar-inverse .navbar-brand img{height:50px;margin-top:-5px}
    .navbar-inverse .navbar-nav{margin:0 -15px}
    .navbar-inverse .navbar-nav > .open{background-color:#f6f6f6}
    .navbar-inverse .navbar-nav > li > a{padding:12px 15px;font-size:16px;text-align:center;border-top:1px solid #eee}
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus{color:#333}
    .navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
    .navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
    .navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle{color:#fff !important;background:#295e97}
    .navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle .caret,
    .navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle .caret,
    .navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle .caret{border-top-color:#fff}
    .navbar-inverse .navbar-nav > .open .dropdown-menu{padding:10px 0}
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a{padding:5px 25px;font-size:15px;color:#111;text-align:center}
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:focus{font-weight:600;color:#111}

    .mainPage{padding:60px 0}
    .mainPage h2{margin:0 0 30px;font-size:36px}
    .mainPage .wrap-main-link{flex-wrap:wrap;margin:0 -15px}
    .mainPage .main-link{flex-basis:100%;padding:0 15px}
    .mainPage .main-link:nth-child(n+4){margin-top:0}
    .mainPage .main-link > a{height:100px}
    .mainPage .main-link > a img{top:50%;left:0;position:absolute;transform:translateY(-50%)}
    .mainPage .main-link > a:hover img{transform:translateY(-50%)}
    .mainPage .main-link .text{top:0;left:0;position:relative;padding:32px 50px 0 20px;transform:none}
    .mainPage .main-link .text::after{width:22px;height:22px;padding:4px;font-size:14px}
    .mainPage .main-link .text .num{float:left;width:30%;margin:0;font-size:28px}
    .mainPage .main-link .text h3{width:70%;display:inline-block;margin:7px 0 0;font-size:18px}
    #section_7f39f8 [class^="board_box_"]:first-child{padding-right:15px}
    #section_7f39f8 [class^="board_box_"]:last-child{padding-left:15px}
    #section_7f39f8 [class^="board_box_"] .page-header h4{font-size:21px}
    .board_box_list ul li .info{font-size:14px}
    .board_box_list ul li .info span.writer{display:none}
    .board_box_list ul li a{font-size:15px}
    
    #site footer .footer-info{padding:25px 0}
    #site footer .logo img{height:40px}
    #site footer .footer-info .info{padding:15px 15px 0}
    #site footer .footer-info ul li{margin-right:10px;font-size:11px;line-height:20px}
    #site footer .footer-info ul li.copy{font-size:10px}

    .subPage > .pageTop{height:160px}
    .subPage > .pageTop h2{margin:56px 0 0;font-size:37px}
    .subPage .breadcrumb{bottom:40px;font-size:11px}
    .subPage .link ul > li > a{font-size:14px;}
    .subPage > .contents{padding:60px 0 80px}
    .title-lv-1{margin:0 0 45px;font-size:34px}
    .title-lv-2{margin:0 0 23px;padding-left:25px;font-size:25px}
    .title-lv-2::before{top:3px;width:19px;height:19px}
    .title-lv-3{margin:0 0 15px;padding-left:11px;font-size:21px;line-height:1.2em}
    .title-lv-3::before{top:3px;height:18px}
    .space-bottom{margin-bottom:60px}
    .list-default > li{margin-bottom:5px}
    .list-style-1 > li{padding-left:10px}
    .list-dash > li{padding-left:8px}
    table.tb-style-1 > thead > tr > th,
    table.tb-style-1 > tbody > tr > th,
    table.tb-style-1 > tbody > tr > td{padding:12px;font-size:14px}
    table.tb-style-2 > thead > tr > th,
    table.tb-style-2 > tbody > tr > th,
    table.tb-style-2 > tbody > tr > td{padding:12px;font-size:14px}
    table.tb-style-3 > thead > tr > th,
    table.tb-style-3 > tbody > tr > th,
    table.tb-style-3 > tbody > tr > td{padding:8px;font-size:14px}

    #summary #row5 p.lg {
        margin: 0 0 40px;
        font-size: 22px;
    }
    #summary #row5 .image {
        padding: 0 60px 30px;
    }
    #summary #row5 .text {
        padding: 0 15px;
    }
    #summary #row5 .text > p {
        margin: 0 0 15px;
        font-size: 16px;
    }
    #summary #row5 .text > .from {
        margin-top: 25px;
        font-size: 17px;
    }
    #summary table > tbody > tr > th,
    #summary table > tbody > tr > td{width:100% !important;display:inline-block;text-align:center}
    #summary ul.list-register > li{flex-basis:100%}
    #summary ul.list-register > li .inner{padding:12px;font-size:15px}
    #summary #row3 .major-biz .col+.col{margin-top:30px}
    #summary .wrap-col h4{font-size:21px}
    #summary #row3 .major-biz > .item {
        flex-basis: 100%;
    }
    #summary #row3 .major-biz > .item+.item {
        margin-top: 30px;
    }
    #summary #row3 .major-biz h4 {
        font-size: 21px;
    }
    #summary #row3 .major-biz h4::after{top:2px;height:18px}
    #summary #row3 .major-biz ul{min-height:unset !important;padding:15px}
    #summary .wrap-col ul > li{font-size:15px}
    /* #summary .wrap-col .left{width:100%}
    #summary .wrap-col .right{width:100%;padding:0 15px} */
    #summary #row4 .wrap-col{margin-bottom:0}
    #summary #row4 .wrap-col ul{margin-bottom:30px}
    #summary #row4 .wrap-col:last-child > .right ul{margin-bottom:0}
    #summary #row4 .wrap-col h4{margin-top:0;padding-left:26px;font-size:20px}
    #summary .wrap-col h4 > .num{top:0;width:21px;height:21px;padding:4px;font-size:13px}
    #summary #row4 .wrap-col ul{margin-top:15px;padding:18px}
    .wrap-history::before{left:0;width:8px}
    .wrap-history ul > li+li{margin-top:30px}
    .wrap-history ul > li .year{width:100%;font-size:34px;padding-left:30px}
    .wrap-history ul > li .year::before{right:auto;left:0;width:25px}
    .wrap-history ul > li .year::after{right:auto;left:-3px;width:14px;height:14px}
    .wrap-history ul > li .detail{width:100%;padding:15px 0 0}
    .wrap-history ul > li .detail .block+.block{margin-top:10px}
    .wrap-history ul > li .detail .month{left:20px;font-size:17px}
    .wrap-history ul > li .detail p{padding-left:50px;font-size:15px}
    #organization #row1 p{margin:0 0 35px;font-size:21px}
    #organization ul.list-logo > li{width:50%}
    #organization ul.list-logo > li:nth-child(n + 3){margin-top:15px}
    #organization ul.list-logo > li img{padding:7px 10px}
    #license_certificate hr{margin:35px 0}
    ul.list-license > li{width:50%}
    ul.list-certificate{margin:0 -8px}
    ul.list-certificate+ul.list-certificate {
        margin-top: 16px;
    }
    ul.list-certificate > li{width:50%;margin-bottom:16px;padding:0 8px}
    ul.list-certificate > li .inner{padding:5px}
    #affiliate #row1{margin-bottom:15px}
    #affiliate #row1 .col table{min-height:unset;margin-bottom:-1px}
    #affiliate #row1 h3{margin-top:60px}
    ul.list-certificate-biz > li{width:50%}
    ul.list-certificate-biz > li > img{margin-top:5px;height:auto;margin-bottom:15px}
    #affiliate .col-company .tit{margin:0 0 20px;padding-left:90px;font-size:23px}
    #affiliate .col-company .tit::before{border-bottom-width:28px;border-left-width:25px}
    #affiliate .col-company .tit > span{top:0;width:85px;padding:5px 25px 5px 5px;font-size:14px}
    #affiliate .col-company.col2 .wrap-image{margin-top:15px}
    #affiliate .col-company.col2 .wrap-image > div+div{margin-top:15px}
    #affiliate .col-company.col4 .wrap-image > div:nth-child(1){padding-right:30px}
    #location .space-bottom{margin-bottom:40px}
    #location .root_daum_roughmap{height:250px}
    #location .contact{padding:20px 15px}
    #location .contact > .left{margin-bottom:5px}
    #location .contact .addr{padding-left:18px;font-size:16px}
    #location .contact .addr i,
    #location .contact .info i{font-size:21px}
    #location .contact h4{margin-bottom:8px;font-size:17px !important}
    #location .contact > .right{text-align:left}
    #location .contact .info{font-size:16px}
    #location .contact .info.fax{margin-left:0}
    .subPage[id^='business'] .box-biz+.box-biz{margin-top:40px}
    .subPage[id^='business'] .box-biz h4{margin:0 0 15px;padding-left:11px;font-size:21px}
    .subPage[id^='business'] .box-biz h4::before{top:2px;height:18px}
    .subPage[id^='business'] .box-biz > ul{padding:15px}
    .subPage[id^='business'] .box-biz > ul > li,
    #business02 #row1 .box-biz ul > li {font-size:15px}
    /* .subPage[id^='business'] .box-biz > ul > li{width:92%;min-height:unset;margin-top:30px;margin-left:15px;padding:25px 20px} */
    .subPage[id^='business'] .box-results .detail{width:92%;min-height:unset;margin-top:30px;margin-left:15px;padding:25px 20px}
    .subPage[id^='business'] h5{margin:0 0 12px;font-size:18px}
    .subPage[id^='business'] .box-results ul{font-size:16px}
    .subPage[id^='business'] .box-results .detail ul.list-style-1{padding:13px;font-size:14px}
    .subPage[id^='business'] .box-results .bottom{margin-top:20px}
    .subPage[id^='business'] .box-results .images > img{width:100% !important;height:auto}
    .subPage[id^='business'] .box-results .images > img+img{margin-top:15px}
    .subPage[id^='business'] hr{margin:35px 0}

    #business02 #row1 .box-biz ul > li{font-size:15px}
    #business02 .box-biz:not(.biz3) .wrap-image{padding:30px 15px}
    #business02 .box-biz.biz1 h5{font-size:21px}
    #business02 .box-biz p{margin:10px 0 20px;font-size:16px}
    #business02 .box-biz.biz2 .right{margin-top:30px}
    #business02 #row1 .box-biz ul{padding:20px 15px}
    #business02 .box-biz.biz3 ul{min-height:unset}
    #business02 .wrap-box-arrow{padding:0}
    #business02 .box-arrow{flex-basis:100%;margin:0 !important}
    #business02 .box-arrow:last-child{margin-top:50px !important}
    #business02 .box-arrow+.box-arrow::before{top:-53px;left:50%;font-size:40px;transform:translateX(-50%) rotate(90deg)}
    #business02 .box-arrow > ul{padding:18px}
    #business03 .box-biz.biz2 p{margin:10px 0 0;font-size:17px}
    #business03 .box-biz.biz2 img{margin:20px 0 30px;padding:35px 20px}
    #business03 .box-biz.biz3 p:nth-of-type(1){padding:20px}
    #business03 .box-biz.biz3 p:nth-of-type(2){margin:20px 0 0;font-size:19px}
    #business03 .box-biz.biz3 .wrap-biz-cate{margin-top:20px}
    #business03 .box-biz.biz3 .wrap-biz-cate ol > li{flex-basis:50%;font-size:14px}
    #business03 .box-biz.biz3 .wrap-biz-cate ol > li .inner{padding:15px 5px}
    #business03 .box-biz.biz4 figure > img{width:100%}
    #business03 .box-biz.biz4 figure > img+img{margin-top:15px}
    #business04 #row1 .text.top > h4{margin:0 0 15px;font-size:23px}
    #business04 #row1 .text.top > p,
    #business04 #row1 .text.bottom > p{font-size:16px;padding-right:0}
    #business04 .box-biz-back{padding:20px;flex-wrap:wrap}
    #business04 .box-biz-back > .inner{flex-basis:100%}
    #business04 .box-biz-back > .arrow{flex-basis:100%;font-size:16px;margin:20px 0 55px}
    #business04 .box-biz-back > .arrow::after{top:18px;font-size:40px;transform:translateX(-50%) rotate(90deg)}
    #business04 .box-biz-back h5{padding:15px;font-size:16px}
    #business04 .box-biz-back h5+h5{margin-top:8px}
    #business04 .box-biz-back > .inner.rignt h5{font-size:20px}
    #business04 #row2 h4+p{margin:0 0 20px;font-size:16px}
    #business04 #row2 .inner{width:100% !important}
    #business04 #row2 .inner.right{margin-top:15px}
    #business04 .box-policy img{padding:30px}
    #business04 .box-policy .standard{min-height:unset;padding:15px}
    #business04 .box-policy .standard h5{font-size:19px}
    #business04 .box-policy .standard h5+p{margin:0 0 25px;font-size:15px}
    #business04 .box-policy .standard ul > li{font-size:14px;padding-left:15px}
    #business04 .box-policy .standard ul > li+li{margin-top:15px;padding-left:14px}
    #business04 .box-policy .standard ul > li::before{left:0}
    #business04 .box-policy .standard ul > li h6{margin:0 0 5px;font-size:16px}
    #business04 #row2 .list-bottom{padding:15px 15px 15px 0;margin-top:10px}
    #business04 #row3 p {
        margin: 0 0 20px;
        font-size: 16px;
    }
    #business04 #row3 .table-responsive+p {
        margin: 20px 0 0;
    }
    /* #business04 .box-biz.biz1 .wrap-image{padding:20px} */
    #business04 #row4 p{margin:0 0 20px;font-size:16px}
    #business04 .box-plan .wrap-prod{padding:20px}
    #business04 .box-plan h4{margin:0 0 10px;font-size:16px}
    #business04 .box-plan .prod+h4{margin-top:20px}
    #business04 .box-plan .prod{margin:0}
    #business04 .box-plan .prod > figure{width:100%}
    #business04 .box-plan .prod.top > figure+figure{margin-top:15px}
    #business04 .box-plan .prod > figure figcaption{font-size:13px;text-align:center}
    #business04 .box-plan .prod.bottom > figure{width:50%;margin-bottom:0}
    #business04 .box-plan .prod.bottom > figure:nth-child(n + 3){margin-top:10px}
    #business04 #row4 .right{margin-top:30px}
    #business04 #row4 .list-default.list-produce{padding:15px}
    #business04 .row.box-status p{font-size:16px}
    #business04 .box-status > .inner.left{margin-bottom:30px}
    #business04 .box-status > .inner.left > div:nth-of-type(2){padding:0}
    #business04 .box-status h5{font-size:15px;margin-top:25px}
    #business05 #row1 ul > li{font-size:16px}
    #business05 .box-biz-back{flex-wrap:wrap;margin-top:20px;padding:15px}
    #business05 .box-biz-back > .inner{flex-basis:100%}
    #business05 .box-biz-back > .inner.left .tit{margin-bottom:10px;padding:16px;font-size:15px}
    #business05 .box-biz-back > .inner.center{margin:12px 0 20px;padding:0 15px}
    #business05 .box-biz-back > .inner.center .tit{width:268px;height:268px;padding:110px 0 0}
    #business05 .box-biz-back > .inner.right .txt{padding:18px;font-size:15px}
    #business05 .box-biz-back > .inner.right .txt+.txt{margin-top:10px}
    #business05 .box-biz-back > .inner.right .txt::before{top:30px;font-size:40px}
    #business05 .box-law{min-height:unset;margin-top:15px;padding:20px}
    #business05 .box-law p{font-size:15px}
    #business05 .box-law > .box{padding:15px}
    #business05 #row2 .con-right{margin-top:30px;padding:0}
    #business05 #row2 .con-right > h4{font-size:21px}
    #business05 #row2 .con-right table > tbody > tr > th,
    #business05 #row2 .con-right table > tbody > tr > td{font-size:14px}
    #business05 .box-biz.biz1 .inner.right{margin-top:30px}
    #business05 .box-biz.biz1 .wrap-image{padding:15px}
    #business05 .box-biz.biz1 .wrap-image > img+img{margin-top:15px}
    #business05 .box-facility{flex-wrap:wrap;margin:0 -15px 30px}
    #business05 .box-facility > .inner{flex-basis:100%;padding:0 15px}
    #business05 .box-facility > .inner+.inner{margin-top:45px}
    #business05 .box-facility .txt-top{margin-bottom:5px;font-size:18px}
    #business05 .box-facility .txt-bottom{min-height:71px;padding:12px;font-size:15px}
    #business05 .box-facility .inner:not(.left) .txt-bottom::before{top:-65px;left:50%;font-size:40px;transform:translateX(-50%) rotate(90deg)}
    #business05 #row4 figure figcaption{font-size:16px}
    #business05 #row4 .con-right{margin-top:15px}
    #business05 #row5 p{margin:0 0 20px;font-size:16px}
    #business05 #row5 img{padding:15px}
    #business05 #row6 .con-left{width:100%}
    #business05 #row6 .con-right{width:100%;margin-top:30px}

    #business06 .text.top{padding:25px 15px 60px}
    #business06 .text.top > p{font-size:18px}
    #business06 .text.top > .inner{flex-basis:100%;padding:0 15px}
    #business06 .text.top > .inner+.inner{margin-top:15px}
    #business06 .text.top > .inner p{font-size:16px}
    #business06 .text.bottom{flex-wrap:wrap;padding:0 15px}
    #business06 .text.bottom > .inner,
    #business06 .text.bottom .icon{flex-basis:100%}
    #business06 .text.bottom h5{font-size:18px}
    #business06 .text.bottom .icon i{margin:7px 0;padding:8px;font-size:20px}
    #business06 #row2 .con-top p{font-size:17px}
    #business06 #row2 .wrap-image{margin-bottom:30px;padding:15px}
    #business06 #row2 .wrap-image cite{display:inline-block;margin-top:15px;font-size:14px}
    #business06 #row2 .con-left p,
    #business06 #row2 .con-right p{font-size:16px}
    #business06 #row2 .con-right {margin-top:30px}
    #business06 #row2 h5{margin:15px 0 8px;font-size:17px}
    #business06 #row2 .table-responsive+h4{margin-top:30px}
    #business06 #row2 p.unit{font-size:13px}
    #business06 #row3 .wrap-image{padding:15px}
    #business06 #row3 .wrap-image > img+img{margin-top:15px}
    #business06 #row3 .con-right{margin-top:30px}
    #business06 #row4 .wrap-image{padding:15px}

    .board_wrapper .table colgroup,
    .board_wrapper .table tr .num,
    .board_wrapper .table tr .hits{display:none}
    .board_wrapper .table .subject{width:55%}
    .board_wrapper .table .writer{width:20%}
    .board_wrapper .table .regdate{width:25%}
    .board_wrapper .table.table_default tr th,
    .board_wrapper .table.table_default tr td{padding:10px;font-size:13px}
    .table.table_default tbody .subject .badge{margin-right:5px;font-size:11px}
    .table.table_default tbody .subject a{font-size:13px}
    .board_data_view .header_wrap{padding:30px 10px}
    .board_data_view .header_wrap .title{font-size:24px}
    .board_data_view .header_wrap .info{margin-top:5px}
    .board_data_view .header_wrap .info span{font-size:12px}
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .form-control.form-control-big,
    .member_wrapper #join_form .table .form-control,
    .member_wrapper #join_form .table .form-control.form-control-big{width:100%}
    .board_wrapper .table.board_write_table .files .fileInput .file_add{width:100%;margin:0 0 15px;padding:6px 12px}
    .member_wrapper .text-center .btn.btn-lg,
    .board_wrapper .text-center .btn.btn-lg{width:100%;margin:0;padding:9px}
    .board_wrapper .text-center .btn#write_btn,
    .member_wrapper .text-center .btn#join_btn,
    .board_wrapper .text-center .btn#list_btn{margin-top:20px}
    [id^='form_history'] {padding-top:40px;padding-bottom:80px}
    .member_wrapper{padding-top:60px;padding-bottom:100px}

    [id^='form_history'] .board_wrapper {padding-top: 0;padding-bottom: 0}
    [id^='form_history'] .board_wrapper .alert-info {padding: 20px}
}
@media (min-width: 768px) and (max-width: 1199px) { /* Medium·Large devices */
    #mainCarousel .carousel-caption{right:10%;left:10%}
    .mainPage .main-link .text{top:42%;}
    .mainPage .main-link .text h3{font-size:18px}
}
@media (min-width: 1200px) { /* Extra large devices (col-lg-*) */
    /* ul.list-license> li:nth-child(11){margin-left:20%} */
    /* ul.list-certificate > li:nth-child(5){margin-left:12%} */
    #business06 #row2 .con-right h4+p:nth-of-type(1) {
        margin-bottom: 66px;
    }
    #business06 #row3 > .con-left {
        width: 56%;
    }
    #business06 #row3 > .con-right {
        width: 44%;
        padding-left: 28px;
    }
    #site footer .logo{width:20%}
    #site footer .info{width:80%}
}
/************ 모바일 최적화 끝 ************/
.ceo-profile {
    margin-bottom: 120px;
}
.ceo-profile .clearfix{
    padding-bottom: 45px;
}
.ceo-info-li{
    padding: 0;
}
.ceo-info-li li{
    font-size: 18px;
    list-style: none;
    margin-bottom: 15px;
}
.ceo-info-li li span{
    font-weight: bold;
    margin-right: 20px;
    padding-left: 10px;
    border-left: 4px solid #295e97;
    color: #295e97;
}
.ceo-history-li{
    padding: 0;
    list-style: none;
    border-left: 4px solid #eee;
    min-height: 258px;
}
.ceo-history-li li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 19px;
    display: flex;
}
.ceo-history-li li:before{
    content:
    '';
    display: block;
    width: 11px;
    height: 11px;
    position:
    absolute;
    left: -7px;
    top: 6px;
    border-radius: 50%;
    border: 3px solid #295ea3;
    background:#fff;
}
.ceo-history-li li span{
    font-weight: bold;
    white-space: nowrap;
    margin-right: 23px;
}