@charset "utf-8";

.sub_text{margin: 0; text-align: left; padding-top: 165px;}
.sub_text h2{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 30px;}
.sub_text h2 p{margin-top: 0; font-size: 16px; color: #666666; line-height: 16px;}
.sub_text h2 p.home{padding-left: 29px; background: url(/img/sub_home.png) no-repeat left center;}
.sub_text h2 span{font-family: "NanumGothic"; color: #666666; display: inline-block; line-height: 16px; margin: 0 10px 0 11px;}
.sub_text h1{text-align: left; font-size: 50px; color: #222222; font-weight: 600;}

.sub_menu_box{margin-top: 75px;}
.sub_menu_box .cate_ul{text-align: left; margin-bottom: 100px;}
.sub_menu_box .cate_li{width: auto; margin-right: 40px;}
.sub_menu_box .cate_li:last-child{margin-right: 0;}
.sub_menu_box .cate_li a{border: 0; color: #999999; font-size: 16px; line-height: 1.5; font-weight: 400; position: relative; padding-bottom: 6px;}
.sub_menu_box .cate_li.on a{color: #f27012; font-weight: 500;}
.sub_menu_box .cate_li.on a::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #f27012;}

.image_box .container_fix{max-width: 1470px; position: relative;}
.m01_01_02{background-color: #f8f8f8; padding: 130px 0 0;}
.m01_01_02 h1{color: #222222; font-size: 40px; font-weight: 600; display: block; margin-bottom: 58px;}
.m01_01_02 iframe{width: 100%; height: 500px;}
.m01_01_02 .location{position: absolute; bottom: 174px; left: 110px; box-shadow: 0px 9px 43px rgba(0,0,0,.08); z-index: 2;}
.m01_01_03,
.m02_02_02,
.m02_03_02{background-color: #f8f8f8;}
.m02_01_02{background-color: #f9f9f9;}

@media all and (max-width: 991px) {
    .sub_text{padding-top: 90px;}
    .sub_text h2{margin-bottom: 23px;}
    .sub_text h2 p{font-size: 12px; line-height: 13px;}
    .sub_text h2 p.home{padding-left: 22px; background: url(/img/msub_home.png) no-repeat left center / 14px;}
    .sub_text h2 span{line-height: 13px; font-size: 12px; margin: 0 6px 0 9px;}
    .sub_text h1{font-size: 27px;}

    .sub_menu_box{margin: 38px 0 60px;}
    .sub_menu_box #categoryLabel{font-size: 13px; color: #f27012; font-weight: 500; background: url(/img/mmenu_arrow.png) no-repeat right 12px center / 12px; padding: 10px 0; border: 0; border-bottom: 1px solid #f27012;}
    .sub_menu_box .dropdown-menu{border: 0; width: 100%; padding: 0; margin: 0; background-color: white; text-align: center; box-shadow: none; border-radius: 0;}
    .sub_menu_box .dropdown-menu{border: 1px solid #eaeaea; border-top: 0;}
    .sub_menu_box .dropdown-menu .dropdown_li{border-bottom: 1px solid #eaeaea;}
    .sub_menu_box .dropdown-menu .dropdown_li:last-child{border-bottom: 0;}
    .sub_menu_box .dropdown-menu .dropdown_li a{font-size: 13px; color: #999999; padding: 10px 20px;}
    .sub_menu_box .dropdown-menu .dropdown_li.on a,
    .sub_menu_box .dropdown-menu .dropdown_li a:hover{background-color: #f27012; color: white;}
    .sub_menu_box .dropdown-menu .dropdown_li.on{border-bottom: 1px solid #f27012;}

    .m01_01_02 h1{font-size: 25px; margin-bottom: 33px;}
    .m01_01_02 iframe{height: 370px;}
    .m01_01_02 .location{width: 52.223%; left: 31px; bottom: 247px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
타임라인 html > skin > basic > blog
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-timeline .timeline {
    overflow: visible;
}

.list-timeline ~ .list-page {
    display: none !Important;
}

.list-timeline #infscr-loading {
    display: none !important;
    visibility: hidden !important;
}

.list-timeline .timeline::after {
    width: 1px;
    margin-left: -0.5px;
    background: #d7d7d7;
}

.list-timeline .timeline .timeline-row .timeline-content {
    border: 0;
    background: none;
}

.list-timeline .timeline .timeline-row .timeline-icon {
    width: 12px;
    height: 12px;
    background: #f27012;
    top: 58px;
    margin-left: -5px;
}

.list-timeline .timeline .timeline-row.timeline-sep .timeline-icon {
    top: 167px;
}

.list-timeline .timeline .timeline-row .timeline-time {
    font-style: normal;
    color: #f27012;
    font-weight: 600;
    font-size: 22px;
    top: 46px;
    line-height: normal;
}

.list-timeline .timeline .timeline-row.timeline-sep .timeline-time {
    top: 155px;
}

.list-timeline .timeline .timeline-row .timeline-label {
    top: 0px;
    width: 110px;
    margin-left: -55px;
    line-height: 47px;
    height: 45px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    background-color: #f27012;
    text-align: center;
    border-radius: 30px;
}

.list-timeline .timeline .timeline-row .timeline-desc {
    padding: 20px 0 0;
}

.list-timeline .timeline .timeline-row .timeline-heading {
    padding: 0;
    margin: 0;
}

.list-timeline .timeline .timeline-row .timeline-heading a {
    font-weight: 600;
    font-size: 21px;
    color: #222222;
    line-height: 1.2;
}

.list-timeline .timeline .timeline-row .timeline-explan {
    font-size: 16px;
    color: #777777;
    margin: 9px 0 0;
}

.list-timeline .timeline .timeline-row .timeline-info {
    color: #666666;
    font-size: 15px;
    margin-top: 19px;
}

.list-timeline .list-item .list-sp {
    color: #bcbcbc;
    font-size: 12px;
    position: relative;
    top: -2px;
}

@media (min-width: 1281px) {
    .list-timeline .timeline {
        padding-bottom:60px;
    }

    .list-timeline .timeline:last-of-type {
        padding-bottom: 0;
    }

    .list-timeline .timeline .timeline-row.timeline-sep {
        margin-top: 100px;
        padding-top: 110px;
    }

    .list-timeline .timeline .timeline-row {
        padding-bottom: 20px;
    }

    .list-timeline .timeline .timeline-row:last-of-type {
        padding-bottom: 0;
        margin-top: 0;
    }

    .list-timeline .timeline :nth-child(2n+1).timeline-row .timeline-content {
        padding-right: 100px;
        margin-right: 0;
        padding-left: 0;
    }

    .list-timeline .timeline .timeline-row .timeline-content {
        padding-left: 100px;
        margin-left: 0;
    }

    .list-timeline .timeline .timeline-row .timeline-content::after {
        top: 63px;
        background: #d7d7d7;
        height: 1px;
        width: 100%;
        left: 0;
        right: auto;
    }

    .list-timeline .timeline :nth-child(2n+1).timeline-row .timeline-content::after {
        left: auto;
        right: 0%;
    }

    .list-timeline .timeline .timeline-row .timeline-time img {
        display: inline-block;
        margin-right: 2px;
        margin-top: -2px;
    }

    .list-timeline .timeline :nth-child(odd) .timeline-time img:last-of-type {
        display: none;
    }

    .list-timeline .timeline :nth-child(even) .timeline-time img:first-of-type {
        display: none;
    }

    .list-timeline .timeline :nth-child(even) .timeline-time img {
        margin-left: 2px;
        margin-right: 0;
    }
}

@media (max-width: 1280px) {
    .list-timeline {
        margin-bottom:-20px;
    }

    .list-timeline .timeline {
        padding: 0;
    }

    .list-timeline .timeline::after {
        left: 0;
    }

    .list-timeline .timeline .timeline-row {
        margin-bottom: 40px;
    }

    .list-timeline .timeline .timeline-row .timeline-content {
        margin-left: 15px !Important;
    }

    .list-timeline .timeline .timeline-row .timeline-time {
        margin: 0 0 14px 15px !important;
        font-size: 18px;
    }

    .list-timeline .animated.timeline .timeline-row .timeline-content::after {
        display: none;
    }

    .list-timeline .timeline .timeline-time img:last-of-type {
        display: none;
    }

    .list-timeline .timeline .timeline-row.timeline-sep {
        margin-top: 135px;
    }

    .list-timeline .timeline .timeline-row .timeline-label {
        margin-left: 0;
        top: -85px;
        font-size: 21px;
        width: 100px;
        height: 40px;
        line-height: 42px;
    }

    .list-timeline .timeline .timeline-row .timeline-icon {
        top: 0 !important;
        left: 0;
    }

    .list-timeline .timeline .timeline-row .timeline-time {
        top: -7px !important;
    }

    .list-timeline .timeline .timeline-time img {
        width: 16px;
        margin-top: -1px;
    }

    .list-timeline .timeline .timeline-row .timeline-desc {
        padding-top: 15px;
    }

    .list-timeline .timeline .timeline-row .timeline-heading a {
        font-size: 16px;
        font-weight: 600;
    }

    .list-timeline .timeline .timeline-row .timeline-explan {
        font-size: 13px;
        margin-top: 8px;
    }

    .list-timeline .timeline .timeline-row .timeline-info {
        margin-top: 18px;
        font-size: 12px;
        line-height: 1.2;
    }

    .list-timeline .list-item .list-sp {
        font-size: 10px;
    }
}