@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* init predefault */
#wrap{display:none;overflow:visible;margin:0;padding:0;border:0;min-width:0;min-width:initial;background:none;background-color:transparent;}
#wrap{display:block;overflow:visible;margin:0;padding:0;border:0;}
#wrap_inner{overflow:visible;margin:0;padding:0;border:0;}
#header{overflow:visible;margin:0;padding:0;border:0;}
#container{overflow:visible;margin:0;padding:0;border:0;}
#container_inner{overflow:visible;margin:0;padding:0;border:0;}
#container .spot{overflow:visible;margin:0;padding:0;border:0;}
#container .spon{overflow:visible;margin:0;padding:0;border:0;}
#leftcolumn{overflow:visible;margin:0;padding:0;border:0;}
#middlecolumn{overflow:visible;margin:0;padding:0;border:0;}
#rightcolumn{overflow:visible;margin:0;padding:0;border:0;}
#footer{overflow:visible;margin:0;padding:0;border:0;}
#wrap{width:auto;text-align:left;}
/* topwizrun init */
#topwizrun{overflow:hidden;position:relative;left:0;top:0;width:100%;padding:0 0;height:32px;background-color:#fff;text-align:center;border-bottom:1px solid #dee1e6;}
#topwizrun .topwinzrun_inner{width:100%;text-align:left;}
#topwizrun .top_brand{overflow:hidden;position:relative;padding: 0 10px;}
#topwizrun .top_brand li{float:left;}
#topwizrun .top_brand li .wztop-logo{text-indent:-9999px;display:block;width:100px;height:20px;url(/image/comm/brand_logo_100x20.png) no-repeat 0 0;margin:6px 0 0 2px;}
#topwizrun .outlogin{position:absolute;right:0;top:0;height:32px;}
#topwizrun .outlogin li{float:left;font-size:12px;line-height:30px;}
#topwizrun .outlogin li.li_spacer{padding:0 6px 0 6px;color:#ededed;}
#topwizrun .outlogin li.li_blank{display:block;width:4px;height:32px;}
@media (min-width: 768px) {
    #topwizrun .topwinzrun_inner {
        width: 750px;
    }
}
@media (min-width: 992px) {
    #topwizrun .topwinzrun_inner {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    #topwizrun .topwinzrun_inner {
        width: 1170px;
    }
}

@media(min-width: 768px) {

    html, body, button, blockquote, div, table, td, p, select, input, form, textarea, option, pre, dd, dt, li  {
        font-size: 13px;
        font-family: "Noto Sans KR", Dotum, AppleSDGothicNeo, sans-serif;
        color: #383d41;
    }

}

.text-u {color: #e67e22;}
.text-brown {color: #b5500b;}
.text-gray {color: #999;}
.data-table .alert {margin: 0;}
.width100 {width: 100%;}
#topwizrun {display: none;}

/**
    HEADER
**/
.header {
    border-bottom: 1px solid #dddddd;

}
.header .navbar-brand {
    display: block;
    position: relative;
    bottom: 0;
    max-width: 360px;
    padding: 20px 0 15px;
    z-index: 1;
}

.header .navbar-nav {
    position: relative;
    padding-top: 30px;
}
@media (max-width: 991px) {
    .header .navbar-brand {
        max-width: 100%;
        padding: 15px 10px;
    }
    .header .navbar-nav {
        padding-top: 0;
    }
}

@media (max-width: 991px) {

    .header .navbar-default .navbar-toggle {
        background-color: transparent;
        border-color: transparent;
        color: #999;

    }
    .header .navbar-default .navbar-toggle .fa {
        color: #e67e22;
    }
    .header .navbar-default .navbar-toggle:hover,
    .header .navbar-default .navbar-toggle:focus {
        background-color: transparent !important;
        border-color: transparent !important;
        color: #000;

    }
}

/**
    FOOTER
**/
footer {
    border-top: 1px solid #ddd;
}
.tail-information {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;

}
.tail-information address {
    display: block;
    margin-top: 8px;
}
.tail-information .copy-right {
    font-size: 12px;
    color: #999;
}

/**
    INTRO
**/
.main-carousel {
    overflow: hidden;
    position: relative;
    max-height: 510px;
    background-color: #666;
}

.mobile-carousel {
    display: none;
}
.mobile-carousel .carousel-inner .item {
    padding: 20px;
    height: 220px;
}
.mobile-carousel .carousel-inner .item.slideBg1 {
    background-image: url(/temp_pages/seoultrail/2017/img/bgimg-main.jpg);
    background-size: cover;
    background-position: 50% 50%;
}
.mobile-carousel .carousel-inner .item.slideBg2 {
    background-image: url(/temp_pages/seoultrail/2017/img/bgimg-main2.jpg);
    background-size: cover;
    background-position: 50% 50%;
}

@media (max-width: 767px) {
    .main-carousel {display: none;}
    .mobile-carousel {display: block;}
}
.dday-counter {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}
.dday-counter .container {
    position: relative;
}
.dday-counter .container .inner-dday {
    position: absolute;
    right: 25px;
    bottom: 25px;
    background-color: #fff;
    padding: 10px 15px 0 15px;
    font-weight: 700;
    font-size: 24px;
    vertical-align: middle;
    text-align: center;
}
.dday-counter .container .inner-dday > .top {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.dday-counter .container .inner-dday > .top > span {
    color: #e67e22;
}
.dday-counter .container .inner-dday > .bottom {
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
}

@media (max-width: 767px) {
    .dday-counter .container .inner-dday {
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 499px) {
    .dday-counter .container .inner-dday > .top {
        font-size: 16px;
    }
    .dday-counter .container .inner-dday > .bottom {
        font-size: 11px;
        padding-top: 5px;
        margin-bottom: 5px;
    }
}

.purchase .inline {
    position: relative;
    font-size: 0;
}
.purchase .inline .col {
    display: inline-block;
    font-size: 13px;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 767px) {
    .purchase .inline .col {
        display: block;
        width: 100%;
    }
}
.contact-block .panel-heading {
    padding: 0 15px;
    line-height: 36px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .contact-block .alert {
        font-size: 12px;
    }
}

.info-block {
    position: relative;
    padding-top: 15px;
}
.info-block .data-table .table tbody th,
.info-block .data-table .table tbody td {
    padding: 5px 0;
    border: 0;
}
.info-block .data-table .table tbody th {
    color: #999999;
}
.info-block .data-table .table tbody td {
    color: #101010;
}
@media (max-width: 991px) {
    .info-block .data-table .table {
        margin-bottom: 0;
    }

    .info-block .hero-unify {
        display: none;
    }
}

/* latest */
.col-latest .widget {margin: 0;padding: 0;}
.col-latest .widget h4.title {display: none;}
.col-latest .wrap_latest .brd_latest {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom:20px;
}
.col-latest .wrap_latest .brd_latest li {
    overflow: hidden;
    width: 100%;
    font-size: 13px;
    padding-left: 16px;
    height: 22px;
    line-height: 1.6;
    background: url(/image/ico_dot.gif) no-repeat 6px 9px;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/* 서브페이지
*******************************************************************************/
.under-construction {
    position: relative;
    text-align: center;
    margin: 90px 0;
}
.under-construction > .fa {
    display: block;
    margin: 0 auto 30px;
    font-size: 150px;
    color: #999;
}
.under-construction > h4 {
    font-size: 24px;
    color: #222;
}
.under-construction > h4 > small {
    display: block;
    color: #999;
    margin-top: 10px;
}


.sub-pages .page-top {
    overflow: hidden;
    position: relative;
    min-height: 100%;
    background-image: url(/temp_pages/aribawoo/2017/img/bgimg-main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sub-pages .page-top:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,.45);
    content: '';
}
.sub-pages .page-top > .container > .row {
    text-align: right;
}
.sub-pages .page-top > .container > .row > .page-top-descript {
    position: relative;
    z-index: 5;
    padding: 35px 25px;
    display: inline-block;
}
.sub-pages .page-top > .container > .row > .page-top-descript > h3 {
    margin: 0;
    padding-bottom: 10px;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -2px;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255,255,255,.5);
    text-shadow: 0 2px 3px #000000;
}
.sub-pages .page-top > .container > .row > .page-top-descript > p {
    color: #fff;
    margin: 0;
    padding-top: 10px;
    font-size: 20px;
    line-height: 1;
    text-shadow: 0 2px 3px #000000;
}

@media (max-width: 767px) {
    .sub-pages .page-top {
        background-position: right 50%;
    }

}

@media (max-width: 410px) {
    .sub-pages .page-top > .container > .row > .page-top-descript > h3 {
        font-size: 26px;
        letter-spacing: -1px;
    }
    .sub-pages .page-top > .container > .row > .page-top-descript > p {
        font-size: 14px;
    }
}

.sub-pages > .page-contents {
    padding-bottom: 30px;
}

.sub-pages > .page-contents > .container > .row > .col-md-10,
.sub-pages > .page-contents > .container > .row > .col-md-2 {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 992px) {
    .sub-pages > .page-contents > .container > .row > .col-md-10,
    .sub-pages > .page-contents > .container > .row > .col-md-2 {
        padding-left: 15px;
        padding-right: 15px;
    }
}


.sub-pages .sub-nav .page_title {
    position: relative;
    margin: 25px 0 0 0;
    padding: 10px 5px;
    text-align: left;
    color: #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1px;
    border-bottom: 1px solid #ddd;
}
.sub-pages .sub-nav .page_title:before {
    display: none;
    content: url(/temp_pages/hangang42k/2016/image/page-title_Bg.png);
    position: absolute;
    right: 5px;
    top: 0;
}

.subnav-btn {
    display: block;
    margin-top: 15px;
}
.subnav-btn > .fa {
    margin-right: 5px;
}
@media (max-width: 991px) {
    .subnav-btn {display: none;}
}

.sub-pages .sub-contents-top {margin-bottom: 15px;}
.sub-pages .sub-contents-top > h3 {
    position: relative;
    margin: 10px 0 0 -30px;
    padding: 10px 5px 10px 50px;
    text-align: left;
    color: #e67e22;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1px;
    border-bottom: 1px solid #ddd;
}

.sub-pages .sub-contents-top > h3:before {
    position: absolute;
    left: 30px;
    top: 10px;
    font-family: FontAwesome;
    content: '\f0da';
    color: #e67e22;
}

.page-contents .sub-nav > ul {
    margin-top: 15px;
    border-top: 0;
}

.page-contents .sub-nav > ul > li {border-bottom: 0;}

.page-contents .sub-nav > ul > li > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    margin-bottom: 2px;
    color: #999;
    font-size: 13px;
    text-decoration: none;
    background: #fff;
    border: 1px solid #ededed;
    white-space: nowrap;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.page-contents .sub-nav > ul > li > a:hover,
.page-contents .sub-nav > ul > li > a:focus,
.page-contents .sub-nav > ul > li.menu_hover > a {
    color: #fff;
    font-weight: 400;
    background-color: #e67e22;
    border: 1px solid transparent;
}

.page-contents .sub-nav > ul > li > a:hover:after,
.page-contents .sub-nav > ul > li > a:focus:after,
.page-contents .sub-nav > ul > li.menu_hover > a:after {
    position: absolute;
    right: 15px;
    top: 10px;
    font-family: FontAwesome;
    content: '\f105';
}

.page-contents .sub-contents {padding: 15px 15px 15px 30px;}
@media (max-width: 991px) {

    .sub-pages .sub-contents-top {display: none;}

    .sub-pages .sub-nav .page_title {
        margin-top: 10px;
        font-size: 18px;
        border-bottom: 0;
    }
    .page-contents .sub-contents {padding: 15px 0;}
    .page-contents .sub-nav > ul {margin-top: 0;margin-bottom: 15px;font-size: 0;}
    .page-contents .sub-nav > ul > li {
        display: inline-block;
        width: 50%;
    }
    .page-contents .sub-nav > ul > li > a {
        border: 1px solid #fff;
        margin-bottom: 0;
        background-color: #f8f8f8;
        padding: 5px 15px;
    }
    .page-contents .sub-nav > ul > li > a:hover,
    .page-contents .sub-nav > ul > li > a:focus,
    .page-contents .sub-nav > ul > li.menu_hover > a {
        border: 1px solid #fff;
    }
    .page-contents .sub-nav > ul > li > a:hover:after,
    .page-contents .sub-nav > ul > li > a:focus:after,
    .page-contents .sub-nav > ul > li.menu_hover > a:after {
        top: 5px;
    }
}


.sub-pages .side-bx {
    display: block;
    position: relative;
    border: 1px solid #ededed;
    padding: 15px;
    margin-top: 10px;
    text-decoration: none;
}
.sub-pages .side-bx > h3 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
}
.sub-pages .side-bx .contactus .tel {
    font-size: 1.3em;
}
.sub-pages .side-bx .contactus li small {
    color: #999;
}

.sub-pages .side-bx.banner {padding: 0;}

@media (max-width: 1199px) {
    .sub-pages .side-bx {
        display: none;
    }
}



.sub-pages .list-inline.location {
    position: relative;
    float: right;
    margin-top: -45px;

}
@media (max-width: 991px) {
    .sub-pages .list-inline.location {
        display: none;
    }
}

.sub-pages .page-title {
    position: relative;
    font-size: 18px;
    color: #000;
    padding-left: 22px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.sub-pages .page-title:before {
    position: absolute;
    left: 0;
    top: 1px;
    font-family: FontAwesome;
    content: '\f138';
    color: #ccc;
}

.sub-pages blockquote h4 {
    margin: 5px 0;
    font-size: 16px;
    line-height: 1.8em;
}


.greeting {
    position: relative;
    padding: 15px 350px 100px 15px;
    background-image: url(/temp_pages/superblue/2017/img/greeting.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
@media (max-width: 767px) {
    .greeting {
        padding: 15px 15px 50% 15px;
        background-size: 50% auto;
    }
}
.greeting h1 {
    letter-spacing: -2px;
    font-weight: 700;
    color: #000;
    margin-top: 10px;
    margin-bottom: 30px;
}
.greeting p {
    color: #666;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.greeting p strong {
    color: #000;
}
.greeting .chairman {
    position: absolute;
    right: 50%;
    bottom: 0;
    font-size: 24px;
    font-weight: 800;
}
.greeting .chairman small {
    color: #999;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -1px;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .greeting .chairman {
        right: 55%;
    }
}

@media (max-width: 767px) {
    .greeting .chairman {
        right: auto;
        left: 15px;
        bottom: 25px;
        font-size: 16px;
    }
    .greeting .chairman small {
        font-size: 12px;
        display: block;
        margin: 0 0 5px 0;
    }
}

@media (min-width: 1200px) {
    .greeting .chairman {
        right: 44%;
    }
}

.info-table.table {
    border: 0;
}
.info-table.table>tbody>tr>td,
.info-table.table>tbody>tr>th,
.info-table.table>tfoot>tr>td,
.info-table.table>tfoot>tr>th,
.info-table.table>thead>tr>td,
.info-table.table>thead>tr>th {
    padding: 15px;
    line-height: 1.5;
    font-size: 1.2em;
    vertical-align: middle;
    border-top: 0;
}
.info-table.table>tbody>tr>th,
.info-table.table>tfoot>tr>th,
.info-table.table>thead>tr>th {
    color: #e67e22;
    text-align: right;
    width: 15%;
    white-space: nowrap;
}
.info-table.table>tbody>tr>td,
.info-table.table>tfoot>tr>td,
.info-table.table>thead>tr>td {
    font-size: 1.3em;
}
.info-table.table>tbody>tr>th:after,
.info-table.table>tfoot>tr>th:after,
.info-table.table>thead>tr>th:after {
    font-family: FontAwesome;
    content: '\f138';
    color: #e67e22;
    margin-left: 8px;
}

@media (max-width: 991px) {

    .info-table.table>tbody>tr>td,
    .info-table.table>tbody>tr>th,
    .info-table.table>tfoot>tr>td,
    .info-table.table>tfoot>tr>th,
    .info-table.table>thead>tr>td,
    .info-table.table>thead>tr>th {
        font-size: 1em;
    }

    .info-table.table>tbody>tr>th,
    .info-table.table>tfoot>tr>th,
    .info-table.table>thead>tr>th {
        width: 30%;
    }
}
.info-table.table>tbody>tr,
.info-table.table>tfoot>tr,
.info-table.table>thead>tr {
    margin-bottom: 1px;
}

.ul-predot li {
    position: relative;
    padding-left: 15px;
    line-height: 1.8;
}
.ul-predot li:before {
    position: absolute;
    left: 2px;
    top: 1px;
    font-family: FontAwesome;
    content: '\f0da';
    color: #e67e22;
}



.panel.panel-infobox {
    box-shadow: none !important;
}
.panel.panel-infobox .panel-heading {
    color: #000;
    padding: 15px 0 5px;
    border-bottom: 0;
}
.panel.panel-infobox .panel-heading > h4 {
    color: #000;
    font-size: 18px;
    line-height: 42px;
    letter-spacing: -1px;
}
.panel.panel-infobox .panel-heading > h4 > span {
    display: inline-block;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #e67e22;
    margin-right: 15px;
    border-radius: 4px !important;
}
.panel.panel-infobox .panel-heading > h4 > span .fa {margin: 0;}
.panel.panel-infobox .panel-heading > h4 .btn {
    color: #fff;
    margin-left: 15px;
}

@media (max-width: 767px) {
    .panel.panel-infobox .panel-heading > h4 {
        font-size: 18px;
    }
}

.panel.panel-infobox .panel-body {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel.panel-infobox .panel-body > ul {
    padding-left: 25px;
}
.panel.panel-infobox .panel-body > ul > li {
    margin-bottom: 15px;
    list-style: disc;
    font-size: 14px;
}
.panel.panel-infobox .panel-body > ul > li:last-child {
    margin-bottom: 0;
}

.panel.panel-infobox .panel-body > ul > li > ul {
    padding-top: 2px;
    padding-left: 20px;
}

.panel.panel-infobox .panel-body > ul > li > ul > li {
    margin-top: 8px;
}

.panel.panel-infobox .panel-body ul.ul-label {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.panel.panel-infobox .panel-body ul.ul-label > li {
    position: relative;
    margin: 0 0 15px;
    padding-left: 26px;
    list-style: none;
}
.panel.panel-infobox .panel-body ul.ul-label > li label {
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 4px !important;
}

.panel.panel-infobox .img-body {
    position: relative;
}
.panel.panel-infobox .img-body > a {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background-color: #e67e22;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.25);
    box-shadow: 0 2px 3px rgba(0,0,0,.25);
    border-radius: 50% !important;
}
.panel.panel-infobox .panel-body .list-inline.course-flow {
    padding:0 5px 0 0;
    margin-bottom: 0;
    margin-top: 5px;
}
.panel.panel-infobox .panel-body .list-inline.course-flow li {
    position: relative;
    margin-bottom: 5px;
    padding-right: 25px;
}
.panel.panel-infobox .panel-body .list-inline.course-flow li:after {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    content: '\f178';
    font-family: FontAwesome;
}
.panel.panel-infobox .panel-body .list-inline.course-flow li:last-child {
    padding-right: 5px;
}
.panel.panel-infobox .panel-body .list-inline.course-flow li:last-child:after {
    display: none;
}


.panel.panel-faq {
    box-shadow: none !important;
}
.panel.panel-faq .panel-heading {
    color: #000;
    padding: 10px 0 5px;
    border-bottom: 0;
}
.panel.panel-faq .panel-heading > h4 {
    color: #000;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: -1px;
    margin: 0;
}
.panel.panel-faq .panel-heading > h4 > span {
    display: inline-block;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #e67e22;
    margin-right: 15px;
    border-radius: 10px 0 10px 0 !important;
}
.panel.panel-faq .panel-heading > h4 > span .fa {margin: 0;}
.panel.panel-faq .panel-heading > h4 .btn {
    color: #fff;
    margin-left: 15px;
}

@media (max-width: 767px) {
    .panel.panel-faq .panel-heading > h4 {
        font-size: 14px;
    }
}

.panel.panel-faq .panel-body {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel.panel-faq .panel-body > ul {
    padding-left: 25px;
}
.panel.panel-faq .panel-body > ul > li {
    margin-bottom: 15px;
    list-style: disc;
    font-size: 14px;
}
.panel.panel-faq .panel-body > ul > li:last-child {
    margin-bottom: 0;
}

.panel.panel-faq .panel-body > ul > li > ul {
    padding-top: 2px;
    padding-left: 20px;
}

.panel.panel-faq .panel-body > ul > li > ul > li {
    margin-top: 8px;
    list-style: circle;
}

.panel.panel-faq .img-body {
    position: relative;
}
.panel.panel-faq .img-body > a {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background-color: #e67e22;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.25);
    box-shadow: 0 2px 3px rgba(0,0,0,.25);
    border-radius: 50% !important;
}
.panel.panel-faq .panel-body .list-inline.course-flow {
    padding:0 5px 0 0;
    margin-bottom: 0;
    margin-top: 5px;
}
.panel.panel-faq .panel-body .list-inline.course-flow li {
    position: relative;
    margin-bottom: 5px;
    padding-right: 25px;
}
.panel.panel-faq .panel-body .list-inline.course-flow li:after {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    content: '\f178';
    font-family: FontAwesome;
}
.panel.panel-faq .panel-body .list-inline.course-flow li:last-child {
    padding-right: 5px;
}
.panel.panel-faq .panel-body .list-inline.course-flow li:last-child:after {
    display: none;
}


.panel-group .panel.panel-faq .panel-title {cursor: pointer;}
.panel-group.faq .panel.panel-faq .panel-body {
    position: relative;
    font-size: 1.2em;
    line-height: 1.6;
    padding-left: 55px;
}
.panel-group.faq .panel.panel-faq .panel-body > span.answer {
    position: absolute;
    left: -1px;
    top: -1px;
    display: block;
    width: 42px;
    height: 42px;
    font-size: 18px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    background-color: #e53d20;
    border-radius: 0 0 10px 0 !important;
    z-index: 5;
}