/*
Theme Name: Total Child
Description: Total as its name suggest is a complete package theme with all the feature that you need to make a complete website. The theme has clean and elegant design with vibrant color(Theme Color Changable Option) and parallax sections. The home page consist of slider, featured section with icon, about us section with progress bar, portfolio section with masonary layout, team section, testimonial section, counter section, blog section with option to add 3, 6 or 9 blog posts, clients logo carousel slider and call to action section. The theme is fully responsive and is built on customizer that enable you to configure the website with live preview. The theme is SEO friendly, Cross browser compatible, fully translation ready and is compatible with WooCommerce and all other major plugins. DEMO: http://demo.hashthemes.com/total/
Author: 김일룡
Template: total
Version: 1.1.6.1
*/
@import "../total/style.css";
/*@import url("../total/style.css");*/
@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import "//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css";

/*@import "//hangeul.naver.com/css/font_experience.css";*/

/*@font-face {*/
    /*font-family: 'NanumSquare';*/
    /*src: url(//hangeul.naver.com/webfont/NanumSquare/NanumSquareR.eot);*/
    /*src: url(//hangeul.naver.com/webfont/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),*/
    /*url(//hangeul.naver.com/webfont/NanumSquare/NanumSquareR.woff) format('woff'),*/
    /*url(//hangeul.naver.com/webfont/NanumSquare/NanumSquareR.ttf) format('truetype');*/
/*}*/

.ht-main-navigation a {
    font-size: 16px;
}

#menu-main .current-menu-ancestor {
    background-color: #1e73be;
}

#menu-main .current-menu-ancestor > a {
    color: white;
}

.ht-slide-overlay {
    display: none;
}

/*@media screen and (max-width: 480px) {

    .ht-slide img {
        width: auto;
        max-width: 150%;
        margin-left: -25%;
    }
}*/

/*#ht-page *{*/
    /*font-family: 'Nanum Square', sans-serif !important;*/
/*}*/

/*#ht-page li{*/
    /*font-family: normal;*/
/*}*/

/*#ht-page * :not(i) {*/
    /*font-family: 'Nanum Square', sans-serif !important;*/
/*}*/

#ht-masthead * :not(i){
    /*font-family: 'Nanum Square', sans-serif !important;*/
}

#ht-content * :not(i){
    /*font-family: 'Nanum Square', sans-serif !important;*/
}

.ht-site-footer *{
    /*font-family: 'Nanum Gothic', sans-serif !important;*/
}

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

    #ht-site-navigation {
        padding: 20px 0;
        width: auto;
    }

    .toggle-bar {
        position: relative;
        top: 0;
        right: 0;
    }
}

.ht-slide-caption {
    display: none;
}

/* Child Featured */

.lt_more {
    display: none;
}

#ht-featured-post-section {
    padding: 0;
    background: #85a4c0 !important;
}

.ht-child-featured-post-wrap {
    display: flex;
}

.ht-child-featured-post {
    flex: 1;
    padding: 30px;
    display: flex;
    flex-direction: column;
    color: white !important;
}

.ht-child-featured-post h2 {
    font-size: 36px;
    /*font-weight: bold;*/
}

.ht-child-featured-post .ht-child-featured-content {
    flex: auto;
    /*flex-basis: auto;*/
    line-height: normal;
    font-size: 16px;
}

.ht-child-featured-post .ht-child-featured-excerpt {
    align-items: center;
}

.ht-child-featured-post .ht-featured-link {
    line-height: 1.2;
    font-size: 15px;
}

.ht-child-featured-post .ht-featured-link > a {
    padding: 5px 7px;
    line-height: 1;
    font-size: 15px;
}

.ht-child-featured-post .ht-child-featured-icon {
    display: none;
    align-self: flex-end;
}

.post1 {
    padding-left: 20%;
    background: #85a4c0;
}

.post1 .ht-child-featured-excerpt, .post2 .ht-child-featured-excerpt {
    text-align: right;
}

.post1 .ht-featured-link > a, .post2 .ht-featured-link > a {
    border: none;
}

.post2 {
    background: #7ab6d0;
}

.post3 {
    padding-right: 20%;
    background: #586c8d;
}

.post3 .ht-child-featured-content {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}

.post3 .ht-featured-link {
    white-space: pre-line;
}

.ht-child-featured-excerpt {
    display: flex;
}

.ht-featured-link {
    flex: 1;
    transform: translateY(0);
}

.ht-child-featured-icon {
    width: 46px;
    text-align: center;
    font-size: 46px;
    line-height: 1;
}

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

    .post1 {
        padding-left: 10%;
    }

    .post3 {
        padding-right: 10%;
    }
}

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

    .post1 {
        padding-left: 30px;
    }

    .post3 {
        padding-right: 30px;
    }
}

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

    .ht-child-featured-post-wrap {
        display: block;
    }

    .ht-child-featured-post {
        padding: 20px;
    }

    .ht-child-featured-post h2 {
        font-size: 28px;
    }

    .post3 .ht-child-featured-content {
        font-size: 28px;
    }

}

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

    .post1 .ht-child-featured-excerpt {
        display: none;
    }

    .g5_latest_lt > ul {
        margin: 0 !important;
    }

    .ht-child-featured-post h2 {
        font-weight: bold;
        font-size: 20px;
    }

    .g5_latest_lt li {
        padding: 0 !important;
    }

    .post3 .ht-featured-link {
        font-size: 16px;
    }

    .post3 .ht-child-featured-content {
        padding: 0;
        margin: 0;
    }

    .post3 .ht-child-featured-content > p {
        padding: 0;
        /*margin: 0;*/
    }

    .post3 .ht-featured-link {
        font-size: 15px;
    }

}

/* Program Section*/

#ht-child-pro-section section {
    text-align: center;
}

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

}

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

}

/* Sub */

.ht-main-header {
    margin-bottom: 0;
    padding: 130px 0;
    background: url("images/bg_sub_header_sub_etc.png") 25% 50% no-repeat;
}

.total-child-sub-solution {
    background-image: url("images/bg_sub_header_sub_solution.png");
    /*background: url("images/bg_sub_header_sub_solution.png") 25% 50% no-repeat;*/
}

.total-child-sub-ask {
    background-image: url("images/bg_sub_header_sub_ask.png");
    /*background: url("images/bg_sub_header_sub_ask.png") 25% 50% no-repeat;*/
}

.total-child-sub-center {
    background-image: url("images/bg_sub_header_sub_center.png");
    /*background: url("images/bg_sub_header_sub_center.png") 25% 50% no-repeat;*/
}

.total-child-sub-company {
    background-image: url("images/bg_sub_header_sub_company.png");
    /*background: url("images/bg_sub_header_sub_company.png") 25% 50% no-repeat;*/
}

.ht-main-header h1 {
    visibility: hidden;
}

.ht-child-main-header-sub {
    background-color: #f7f7f7;
    margin-bottom: 25px;
}

.ht-child-main-header-sub i {
    background-image: url("images/breadcrumbs-home.png");
}

#total-child-breadcrumbs {
    color: inherit;
    font-size: 15px;
}

#total-child-breadcrumbs a {
    color: #000;
    /*padding: 10px 50px 8px 0;*/
}

#total-child-breadcrumbs span {
    display: inline-block;
    /*height: 50px;*/
    padding: 10px 50px 8px 10px;
    background: url("images/breadcrumbs-sub.png") 100% 50% no-repeat;
    /*background-size: contain;*/
}

#total-child-breadcrumbs i {
    display: inline-block;
    width: 30px;
    height: 50px;
}

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

    .ht-main-header {
        margin-bottom: 0;
        padding: 80px 0;
        background-size: cover;
    }
}

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

    .ht-main-header {
        margin-bottom: 0;
        padding: 60px 0;
    }

    #total-child-breadcrumbs {
        display: none;
    }

}

/* 서브 메뉴 */

/*.current-menu-item > a {*/
/*color: red !important;*/
/*}*/

#menu-solution ul, #menu-center ul {
    margin: 0;
}

#menu-solution > li li, #menu-center > li li {
    padding: 0;
}

#menu-solution, #menu-center {
    background-color: #1e73be;
}

#menu-solution > li > ul > .current-menu-parent > a, #menu-center > li > ul > .current-menu-parent > a {
    background-color: #d2d4d6;
}

#menu-solution > li > ul > .current_page_item > a, #menu-center > li > ul > .current_page_item > a {
    background-color: #d2d4d6;
}

.widget-area li {
    border-color: #d2d4d6;
}

#menu-solution > li > ul > li > ul, #menu-center > li > ul > li > ul {
    background-color: #f7f7f7;
    font-size: 14px;
}

#menu-solution > li > ul, #menu-center > li > ul {
    background-color: white;
}

#menu-solution a, #menu-center a {
    display: block;
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
}

#menu-solution > li > a, #menu-center > li > a {
    padding: 20px;
    font-size: 18px;
    color: white;
}

#menu-solution > li > ul > li > ul a, #menu-center > li > ul > li > ul a {
    padding-left: 40px;
}

#menu-solution .current_page_item > a, #menu-center .current_page_item > a {
    color: #1e73be;
    font-weight: bold;
}

#menu-solution ul, #menu-center ul {
    display: none;
}

#menu-solution .current-menu-ancestor > ul, #menu-center .current-menu-ancestor > ul {
    display: block;
}

#menu-solution .current_page_item > ul, #menu-center .current_page_item > ul {
    display: block;
}

/* primary 내용 부분 */

#primary {
    width: 77%;
}

#point {
    /*display: none;*/
}

#bo_vc {
    display: none;
}

.total-child-page-nav ul {
    list-style: none;
    margin-left: 0;
}

.total-child-page-nav li {
    cursor: pointer;
    display: inline-block;
    background-color: #8591a2;
    line-height: 36px;
    padding: 0 15px;
}

.total-child-page-nav > a {
    color: white;
}

.total-child-page-nav .active {
    background-color: #001546;
    color: white;
}

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

    .total-child-page-nav li {
        padding: 0 10px;
    }

    .total-child-page-nav a {
        font-size: 14px;
    }

}

.guide td {
    padding: 10px 0;
}

.tbl_head01 thead {
    border-top: 2px darkblue solid;
}

.tbl_head01 thead th {
    background: #d3d4d6 !important;
}

.com_address {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

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

    .com_address > iframe {
        width: 100%;
    }

    .com_address_info {
        margin-top: 10px;
    }
}

@media screen and (max-width: 480px) {
    .com_address_info {
        margin-top: 10px;
    }
}

.g5_latest_lt {
    font-size: 15px;
}

.com_address_info {
    font-size: 14px;
}

.come_info > div {
    display: flex;
}

.come_info .t {
    color: #2669b3;
    width: 80px;
    min-width: 80px;
}

.come_info .t1 {
    background: #1f47b5;
    color: white;
    padding: 0 5px;
}

.come_info .t2 {
    background: #889823;
    color: white;
    padding: 0 5px;
}

.come_info .t3 {
    background: #50a232;
    color: white;
    padding: 0 5px;
}

#secondary {
    width: 18%;
}

#menu-footer {
    margin-left: 0;
}

#ht-bottom-footer {
    padding: 7px 0 14px 0;
}

.custom-logo-link img {
    width: 180px;
}

.g5_latest_lt a {
    vertical-align: top;
}

.lt_time {
    float: right;
    font-size: 12px;
    padding-top: 2px;
    line-height: 1;
}

#menu-footer {
    margin: 0;
}

@media screen and (max-width: 768px) {
    .sf-arrows > li > ul .sf-with-ul:after {
        content: '+';
    }

    .ht-main-navigation ul ul {
        border: none;
    }

    .ht-main-navigation .sf-arrows > li > ul > li > a {
        background: white !important;
        color: #1e73be !important;
    }

    .ht-main-navigation .sf-arrows > li > ul > li > ul > li {
        background: #f7f7f7;
        margin: 0;
        color: #1e73be;
    }

    .ht-main-navigation .sf-arrows > li > ul > li > ul > li > a {
        background: transparent;
        color: #1e73be;
    }
}

#container_title {
    display: none;
}

#popup_remote {
    position: fixed;
    top: 120px;
    right: 0;
    z-index: 1000;
}

.ht-slide {
    /*position: relative !important;*/
}