@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url("/skin/notokr/notokr.css");

html {
    overflow-y: scroll;
}
a,
button {
    outline: none !important;
}
body,
h1,
h2,
h3,
h4,
h5,
p,
a,
ul,
li {
    font-family: "notokr", "NanumGothic", sans-serif !important;
    word-break: normal;
}

li {
    list-style: none;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin: 10px 0;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

/*상단 메뉴 설정 시작*/
.navbar-inverse {
    background: #222222; /*배경 색*/
    border-color: #080808; /*테두리 색*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
    padding-top: 25px;
    padding-bottom: 5px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a {
    background-color: none; /*배경 색*/
    color: #999999; /*텍스트 색*/
    font-size: 16px; /*텍스트 크기*/
    padding: 30px 15px 15px 15px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a {
    background-color: #ffffff; /*배경 색*/
    color: #333333; /*텍스트 색*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 3px 20px 3px 20px; /*외부 여백*/
    font-size: 14px;
}
@media (min-width: 768pxpx) and (max-width: 991px) {
    .navbar-right .dropdown-menu {
        right: auto;
        left: auto;
    }
}

.navbar-right .dropdown-menu {
    right: auto;
    left: auto;
}

/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center {
    background: #ffffff; /*배경 색*/
    color: #999999; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
    text-align: center; /*텍스트 정렬*/
}
.footer_copy .text-center {
    background-color: #ffffff; /*배경 색*/
    color: #999999; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 50px 0px 30px 0px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
    text-align: center; /*텍스트 정렬*/
    border-top: 1px solid #eeeeee;
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span {
    background-color: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 36px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}

p.intro_span {
    background-color: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}

.flex-caption span.intro-title {
    background: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 36px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}
.flex-caption span.intro-text {
    background: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/

/*---------------------------------------skin design---------------------------------------------*/

.navbar-inverse {
    border-color: rgba(0, 0, 0, 0);
    border: none;
    background: #fff;
    padding: 0px;
    border-bottom: 1px solid #eeeeee;
    /*border-top:6px solid #6ebfac;*/

    transition-duration: 0.3s;
    transition-timing-function: ease;
}
.navbar-inverse .divider-vertical {
    display: none;
}

.navbar-right {
    margin-top: 12px;
}
.navbar-brand img {
    width: 150px !important;

    transition-duration: 0.3s;
    transition-timing-function: ease;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-brand {
    color: #000;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #000;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
    color: #000;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
}

.flexslider {
    margin: 0px;
    background: #fff url("./ajax-loader-.gif") no-repeat scroll center center;
    border: 0px solid #fff;
    position: relative;
    border-radius: 0px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
}

.navbar-inverse .navbar-brand {
    font-family: "Lobster", cursive;
    font-size: 22px;
}

.container_contents {
    width: auto;
}

.container_contents section {
    overflow: hidden;
    min-height: 100px;
}
.container_contents section > div {
    padding: 0px;
    text-align: center;
}

.intro-html-layout > div.col-sm-12 {
    padding: 0px;
}

.con-area1 {
}
.con-area2 {
}
.con-area3 {
    max-width: 1350px;
    margin: 0 auto;
}
.con-area4 {
}

.gu-slider .carousel-inner .item {
    height: 500px;
    background-size: cover !important;
    background-position: center !important;
    /*background-repeat:no-repeat !important;*/
}

.topmarginLay_a {
    margin-top: -32px;
}

.carousel li {
    margin-right: 0px;
}

.sl-con {
    display: table;
    width: 100%;
    text-align: left;
}

.sl-con > span {
    display: table-cell !important;
    vertical-align: middle;
}
.sl-con img {
    margin: 0 auto;
}
.sl-con-small > img {
    width: 290px;
}

video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background: url("//demosthenes.info/assets/images/polina.jpg") no-repeat;
    background-size: cover;
    transition: 1s opacity;
}

.section-about {
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 450px;
    text-align: left;
    padding: 35px;
    color: #000;
    background: rgba(255, 255, 255, 0.5);
}

.title-font1 {
    font-family: Impact !important;
    font-size: 45px;
}

.gu-parallax {
    background: url(/skin/img/pcg24-bg1.jpg) 50% 0 fixed;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0);
    padding: 0px;
}
.con-area4 .text {
    padding: 80px 20px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    max-width: 650px;
    margin: 0 auto;
}
.con-area4 .text h3 {
    margin-bottom: 15px;
    font-weight: bold;
}

.socialArea img {
    border-radius: 50% !important;
}

#map-canvas {
    width: 100%;
    height: 500px;
    margin: 0;
    padding: 15px;
}
.gu-address {
    padding: 25px;
    text-align: right;
}

.addressmap {
    background: #f5f5f5;
    overflow: hidden;
}

.intro-board-layout {
    width: 100%;
}
.intro-board-layout .page-header {
    display: none;
}

.section-board1 {
    min-height: 0px;
    background: #6ebfac;
}
.section-board1 h1 {
    padding: 45px 0;
    font-family: "Pacifico", cursive !important;
    color: #fff;
    font-size: 50px !important;
}
.section-board1 a.btnBoard1 {
    padding: 20px;
    color: #fff;
    background: #83cebc;
}

.gu-gotop {
    padding: 15px;
    display: block;
    background: #f5f5f5;
    margin-bottom: 35px;
    color: #000;
}

.gu-btn-contact {
}

/*.footer_copy .text-center {padding-bottom: 40px;}*/

/*블로그게시판 custom*/
.dhb-txt-box {
    width: 33.3%;
    float: left;
    min-height: 120px;
    background: #fff none repeat scroll 0% 0%;
    border: 0px solid #d9d9d9;
}
.dhb-txt-box .text-right {
    display: none;
}
.dhb-txt-list {
    width: 100% !important;
    border-right: 0px solid #d9d9d9;
}
.dhb-txt-list > .row div:first-child {
    width: 100%;
}
.dhb-txt-list > .row div:nth-child(2) {
    width: 100%;
    padding-top: 15px;
}

.thumb-hidden {
    border: 0px solid #fff;
    box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0);
}

.dhb-txt-box {
    width: 100%;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .dhb-txt-box {
        width: 50% !important;
    }
    .dhb-txt-box:nth-child(2n + 2) {
        clear: left;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .dhb-txt-box {
        width: 33.3% !important;
    }
    .dhb-txt-box:nth-child(2n + 2) {
        clear: none;
    }
    /*.dhb-txt-box:nth-child(3n+2) { clear:left; }*/
}

.gu-title {
    min-height: 0px;
    background: #6ebfac;
}
.gu-title h1 {
    padding: 25px 0;
    font-family: "Pacifico", cursive !important;
    color: #fff;
    font-size: 20px !important;
    text-align: center;
}

.mod-custom-form-index {
    margin-top: 32px;
}

.dh-margin-top {
    clear: both;
}
@media (max-width: 768px) {
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #333;
    }

    .navbar-inverse .navbar-toggle:focus .icon-bar,
    .navbar-inverse .navbar-toggle:hover .icon-bar {
        background-color: #fff;
    }
}

/*p-header*/
.sub-layout {
    margin-top: 30px;
}
.p-header {
    margin-bottom: 30px;
}
.p-header h2 {
    margin-bottom: 15px;
}
.p-header .location {
    margin-top: 18px;
}
.academy-h.p-header {
    background-color: #fff;
    color: #585858;
    border-bottom: 1px solid #eeeeee;
}
.hello-h.p-header,
.org-h.p-header,
.etc-h.p-header {
    background-color: #fff;
    color: #585858;
    border-bottom: 1px solid #eeeeee;
}
.c-company-h.p-header,
.notice-h.p-header {
    background-color: #fff;
    color: #585858;
    border-bottom: 1px solid #eeeeee;
}
.contact-h.p-header,
.subscribe-h.p-header {
    background-color: #fff;
    color: #585858;
    border-bottom: 1px solid #eeeeee;
}

/*주요사업*/
.academy-con table thead th,
.academy-con table tbody td,
.academy-con table tbody th {
    vertical-align: middle !important;
    border: 1px solid #333 !important;
    margin-bottom: 100px;
}
.academy-con table thead th,
.academy-con table tbody th {
    text-align: center;
    background-color: #ccc;
}
.academy-con table tbody td:nth-child(3) {
    text-align: left;
}
.academy-con table .back-gray {
    background-color: #ccc;
}
.academy-con .go-request {
    text-align: center;
}
.academy-con .btn {
    border: 2px solid #93c83d;
    border-radius: 0;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    width: 200px;
    background-color: #93c83d;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.academy-con .btn:hover {
    border-bottom: 2px solid #93c83d !important;
    background-color: #fff;
    color: #93c83d;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/*수강신청*/
.academy-h + #mod_type_formForm .btn {
    border: 2px solid #93c83d;
    border-radius: 0;
    background-image: url("");
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    width: 200px;
    background-color: #93c83d;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.academy-h + #mod_type_formForm .btn:hover {
    border-bottom: 2px solid #93c83d !important;
    background-color: #fff;
    color: #93c83d;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.academy-h + #mod_type_formForm input[type="text"] {
    border-radius: 0;
}
@media (min-width: 992px) {
    .academy-h + #mod_type_formForm {
        width: 25%;
        margin: 0 auto;
    }
}

/*인사말*/
.hello-con {
    text-align: center;
    font-size: 16px;
    margin-bottom: 100px;
}
.hello-con li {
    margin-left: -35px;
}
.hello-con .title {
    text-align: center;
    font-size: 24px;
}
.hello-con img {
    margin: 0 auto 30px;
    padding-top: 30px;
}

/*조직도*/
.org-con .col-md-6 {
    line-height: 1.8;
    margin-top: 30px;
}

/*오시는 길*/
.google #map_addr {
    display: none;
}

/*공지사항*/
.dh-board #insertForm .input-group .input-group-btn .btn-default {
    background-image: url("");
}
.dh-board #insertForm .input-group .input-group-btn:last-child .btn-primary {
    background-image: url("");
    border: 1px solid #3fc6ed;
    background-color: #3fc6ed;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    border: 1px solid #3fc6ed;
    background-color: #3fc6ed;
}
.dh-margin-topx2 {
    margin: 0;
}
.dh-view-box > .row > .page-header {
    border-top: 0;
}
.dh-view-box .row {
    margin: 0;
}
.text-bbs7 .dhb-txt-box {
    border: 1px solid #ccc;
}

/*회원사*/
.c-company-con .thumbnail {
    margin-top: 0;
    margin-bottom: 10px;
}
.c-company-con .col-md-3 {
    margin-bottom: 20px;
}
.c-company-con {
    font-size: 18px;
}
@media (min-width: 992px) {
    .c-company-con .row > .col-md-3 {
        width: 20%;
    }
}

/*회원사 가입신청*/
.subscribe-con img {
    margin: 0 auto 30px;
}

@media (min-width: 992px) {
    .subscribe-con + #mod_type_formForm {
        width: 25%;
        margin: 0 auto;
    }
}
.subscribe-con + #mod_type_formForm h3 {
    font-size: 14px;
}
.subscribe-con + #mod_type_formForm input[type="text"] {
    border-radius: 0;
}
.subscribe-con + #mod_type_formForm .q_number input {
    margin: 5px 0 15px 0;
}
.subscribe-con + #mod_type_formForm .btn {
    background-image: url("");
    background-color: #fbaf40;
    color: #fff;
    border: 2px solid #fbaf40;
    border-radius: 0;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.subscribe-con + #mod_type_formForm .btn:hover {
    border-bottom: 2px solid #fbaf40 !important;
    background-color: #fff;
    color: #fbaf40;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
/*메인*/
.footer-social-layout {
    display: none;
}
.intro-html-layout #section1 {
    margin-top: 13px;
}
@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 25px;
    }
}
.carousel-indicators {
    /*left:26%;*/
}
.carousel-indicators li {
    border-color: #ffffff;
    border-radius: 0;
    width: 65px;
    height: 6px;
    margin: 0px 5px;
}
.carousel-indicators li.active {
    background-color: #ffffff;
    border-radius: 0;
    width: 65px;
    height: 6px;
}
.intro-html-layout #section1 .carousel-inner > .item:nth-child(1) {
    background-image: url("/skin/img/slide/new_slide1.png");
}
.intro-html-layout #section1 .carousel-inner > .item:nth-child(2) {
    background-image: url("/skin/img/slide/new_slide2.png");
}
/*.intro-html-layout #section1 .carousel-inner > .item:nth-child(3){
    background-image:url('/skin/img/slide/new_slide3.png');
}*/

@media (min-width: 992px) {
    .intro-html-layout #section1 .carousel-inner > .item:nth-child(1) img {
        width: 85%;
        margin-right: 0;
    }
    .intro-html-layout #section1 .carousel-inner > .item:nth-child(1) .text {
        margin-top: 145px;
    }
    .intro-html-layout #section1 .carousel-inner > .item:nth-child(2) .text {
        margin-top: 125px;
    }
    .sl-con1 {
        margin-top: 15px;
    }
    .sl-con2 {
        margin-top: 50px;
    }
    .sl-con3 {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .intro-html-layout #section1 {
        display: none;
    }
    .gu-slider .carousel-inner .item {
        height: 560px;
    }
}
.intro-html-layout #section2 {
    padding: 80px 15px;
}
.intro-html-layout #section2 p {
    font-size: 23px;
    font-weight: 300;
}
.intro-html-layout #section2 img {
    margin: 0 auto 30px;
    width: 225px;
}
.intro-html-layout > div > section:first-child ~ section {
    padding: 0 15px;
    margin-top: 13px;
}
.intro-html-layout #section3 {
    padding: 55px 15px;
    background-color: #f8f8f8;
}
.intro-html-layout .section_title {
    margin: 0 0 40px;
}
.intro-html-layout #section4 .section_title {
    color: #fff;
}
.intro-html-layout #section3 .con-area3 > .row > .box strong {
    font-size: 16px;
}
@media (min-width: 768px) {
    .intro-html-layout #section3 .con-area3 > .row > .box {
        min-height: 240px;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }
    .intro-html-layout #section3 .con-area3 > .row > .box:last-child {
        border-right: 0;
    }
}

@media (max-width: 991px) {
    .intro-html-layout #section3 .con-area3 > .row > .box {
        padding: 15px;
        min-height: 240px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    .intro-html-layout #section3 .con-area3 > .row > .box:last-child {
        border-bottom: 0;
    }
}
.intro-html-layout #section3 .con-area3 .btn {
    border: 1px solid #333;
    border-radius: 0;
    color: #333;
    font-weight: 300;
    font-size: 15px;
    width: 200px;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.intro-html-layout #section3 .con-area3 .btn:hover {
    border-bottom: 1px solid #333 !important;
    background-color: #333;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.intro-html-layout #section4 {
    padding: 0px 15px;
    background: url("/skin/img/section4_back.jpg") fixed;
    background: url("/skin/img/section4_back_new.jpg") fixed;
    background-size: cover;
}
.intro-html-layout #section4 .con-area4 {
    /* background-color: rgba(255,255,255,0.8); */
}
.intro-html-layout #section4 .con-area4 {
    padding: 15px 0;
}
@media (min-width: 992px) {
    .intro-html-layout #section4 .con-area4 {
        text-align: center;
        width: 1350px;
        padding: 55px 0px;
        margin: 0 auto;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .intro-html-layout #section4 .con-area4 {
        padding: 55px 0px;
    }
}
.intro-html-layout #section4 .con-area4 .btn {
    /* border: 1px solid #333; */
    border: 1px solid #fff;
    border-radius: 0;
    /* color: #333; */
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    width: 200px;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.intro-html-layout #section4 .con-area4 .btn:hover {
    /* border-bottom: 1px solid #333 !important; */
    background-color: #333;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
/*메인 위젯*/
.intro-widget-layout {
    padding: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
    .intro-board-widget-layout {
        display: inline-table;
    }
    .intro-widget-layout {
        width: 100%;
    }
    .intro-widget-location img {
        width: 100%;
    }
}
.intro-board-widget-layout {
    /* background-color: #fbaf40; */
    background-color: #000;
    padding: 30px 15px;
}

.intro-widgetBoardbox > a > h5 {
    color: #fff;
}

@media (min-width: 992px) {
    .intro-widget-layout {
        width: 1140px;
        margin-left: 20%;
    }
    .intro-widgetbox {
        width: 50%;
    }
}
.intro-widgetBoardbox {
    border: 0;
    /* background-color: #fbaf40 !important; */
    background-color: transparent !important;
}
.intro-widgetBoardbox h5 {
    font-size: 24px;
}
.intro-widget-list-box li a {
    font-size: 14px;
    color: #fff;
}
.intro-widgetBoardbox > a {
    background-color: transparent;
    border: 0;
    color: #fff;
}
.intro-widgetBoardbox > a:hover {
    border: 0 !important;
}
.intro-widgetbox {
    border: 0;
    padding: 0;
}
.intro-widget-location {
    margin-top: 25px;
}
.intro-widget-location a {
    padding: 5px 25px 15px 5px;
    display: block;
    /* color:#333; */
    color: #fff;
}
.intro-widget-location a:hover,
.intro-widget-location a:focus {
    padding-right: 15px;
    text-decoration: none;
}
.intro-widget-list-box > ul > li {
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 0 !important;
}
.intro-widget-list-box > ul > li > a {
    color: #fff;
}
.intro-widget-list-box > ul > li > a:hover {
    color: #b3bec1;
    text-decoration: none;
}
/* main */

.main-business .box h4 {
    margin: 0 0 30px;
    font-size: 25px;
    font-weight: 500;
}
.main-business .box h4 > span {
    border-bottom: 1px solid #333;
}
.box ul {
    padding-left: 55px;
}
.box ul li {
    font-size: 18px;
    text-align: left;
    line-height: 1.8;
    list-style-type: square;
}
.box .wrap-content {
    min-height: 160px;
}
.wrap-content {
    margin-bottom: 30px;
}
.con-area4 .wrap-content {
    color: #fff;
}
/* sub-cont*/
.cont {
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.contents > div:last-child {
    border-bottom: none;
    margin-bottom: 50px;
    padding-bottom: 0px;
}

/* 진행 사업 페이지 */
.b-box {
    margin-bottom: 50px;
}
.b-box div {
    padding: 0;
}

.b-box ul li {
    line-height: 1.7;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555;
}
.b-box ul {
    padding-left: 20px;
}
.business h4 {
    margin-bottom: 20px;
}
/* 대외협력 페이지 */
.partner h4 {
    margin-bottom: 30px;
}
.partner ul {
    padding-left: 20px;
}
.partner ul li {
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 15px;
    color: #555;
}
.partner p {
    line-height: 1.5;
    margin-top: 20px;
    font-size: 15px;
    color: #555;
}

/*2020-03-06*/
.intro-widget-list-box > ul > li > a span.widget-list-row-subject {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 420px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

/*2020-05-11*/

.history .history-table {
    border-top: none;
}

.history .timeline > div.col-md-12 {
    padding-left: 25%;
}

.history .history-table.table-style tr th {
    width: 20%;
    position: relative;
    padding: 20px 0px;
    border-right: 1px solid #ddd !important;
    letter-spacing: -0.05em;
    font-size: 41px;
    color: #555;
    font-weight: 500;
    text-align: left;
    border-bottom: none !important;
    border-top: none;
    font-style: oblique;
}

.history .history-table.table-style tr th:after {
    content: "";
    display: block;
    position: absolute;
    right: -7px;
    top: 48px;
    width: 13px;
    height: 13px;
    border: 3px solid #5aaeff;
    border-radius: 50%;
    background: #fff;
}

.history .history-table.table-style tr td {
    text-align: left;
    padding: 27px 55px 22px;
    border-bottom: none !important;
    border-top: none;
}

.history .history-table.table-style tr td ul {
    margin: 0;
    padding-top: 15px;
    padding-left: 0;
}

.history .history-table.table-style tr td li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 42px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.025em;
    color: #555;
}

.history .history-table.table-style tr td li:before {
    content: "";
    width: 9px;
    height: 1px;
    position: absolute;
    top: 12px;
}
.history .history-table.table-style tr td strong {
    position: absolute;
    left: 0;
    top: -1px;
    color: #5aaeff;
    font-weight: 600;
    font-size: 18px;
}