@charset "utf-8";
#main-wrap {
    position: relative;
    width: 100%
}

#main-wrap .mvisual {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 620px;
    background-color: #FFF7EF;
}

#main-wrap .main-top {
    padding-top: 70px;
    padding-bottom: 80px;
    position: relative;
    width: 100%;
    clear: both;
    background-color: #F9F9F9;
}

/* 탑배너 */
.m-banner {
    float: left;
    width: 42%;
    overflow: hidden;
}

.banner-area {
    float: left;
    position: relative;
    width: 100%;
}

.banner-area .banner-zone {
    margin-bottom: 0!important;
    padding: 0;
    position: relative;
    width: 100%;
    height: 480px;
    overflow: hidden;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #eee;
}

.banner-area .banner-zone .banner-item {
    height: 410px;
    overflow: hidden
}

.banner-area .banner-zone .banner-item img {
    width: 100%;
    min-height: 410px;
    vertical-align: middle;
    -webkit-transition: all .8s;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease
}

.banner-area .banner-zone .banner-item:focus img,.banner-area .banner-zone .banner-item:hover img,.banner-area .banner-zone .banner-item:active img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.banner-area .banner-zone .banner-item.no-img {
    width: 100%;
    min-height: 410px;
    background-color: #f1f5f8; background-image: url(../images/main/ci_logo_gray.png); background-repeat: no-repeat; background-position: center;
}

.banner-area .buttons {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: transparent;
    border-bottom-right-radius: 30px
}

.banner-area .buttons .btn-banner-prev,.banner-area .buttons .btn-banner-next,.banner-area .buttons .btn-banner-play,.banner-area .buttons .btn-banner-stop,.banner-area .buttons .slick-pause {
    display: block;
    float: left;
    margin-left: 1px;
    font-size: 0;
    line-height: 0;
    width: 60px;
    height: 70px;
    padding: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: 1;
    background-color: transparent;
    -webkit-transition: all .8s;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease
}

.banner-area .buttons .btn-banner-prev:hover:before,.banner-area .buttons .btn-banner-prev:focus:before,.banner-area .buttons .btn-banner-next:hover:before,.banner-area .buttons .btn-banner-next:focus:before,.banner-area .buttons .slick-pause:hover:before,.banner-area .buttons .slick-pause:focus:before,.banner-area .buttons .btn-banner-play:hover:before,.banner-area .buttons .btn-banner-play:focus:before {
    opacity: 1
}

.banner-area .buttons .btn-banner-prev.slick-disabled:before,.banner-area .buttons .btn-banner-next.slick-disabled:before,.banner-area .buttons .btn-banner-play.slick-disabled:before {
    opacity: .25
}

.banner-area .buttons .btn-banner-prev {
    right: 132px;
    text-indent: -9999px;
    background-image: url(/assets/images/main/ic_prev_w.png);
    background-repeat: no-repeat;
    background-position: center
}

.banner-area .buttons .btn-banner-next {
    right: 10px;
    text-indent: -9999px;
    background-image: url(/assets/images/main/ic_next_w.png);
    background-repeat: no-repeat;
    background-position: center
}

.banner-area .buttons .btn-banner-play {
    right: 71px;
    text-indent: -9999px;
    background-image: url(/assets/images/main/ic_puase_w.png);
    background-repeat: no-repeat;
    background-position: center
}

.banner-area .buttons .btn-banner-stop {
    right: 71px;
    text-indent: -9999px;
    background-image: url(/assets/images/main/ic_stop_w.png);
    background-repeat: no-repeat;
    background-position: center
}

.banner-area .buttons .btn-banner-next:hover,.banner-area .buttons .btn-banner-next:focus,.banner-area .buttons .btn-banner-play:hover,.banner-area .buttons .btn-banner-play:focus,.banner-area .buttons .btn-banner-stop:hover,.banner-area .buttons .btn-banner-stop:focus,.banner-area .buttons .btn-banner-prev:hover,.banner-area .buttons .btn-banner-prev:focus {
    outline: none;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
}

.quick-service {float: right;width: 53%;}
.quick-service ul {display: flex;flex-wrap: wrap; flex-direction: row;justify-content: space-between;align-items: flex-start; gap: 24px; align-items: stretch;}
.quick-service ul li{flex: 1 1 30%; height: 290px;}
.quick-service ul li a{display: block; padding: 36px; position: relative; height: 100%; border-radius: 30px 30px 0 30px; background-repeat: no-repeat; background-position: left 24px bottom 24px; transition: background-position 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), background-size 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);}
.quick-service ul li.quick-01 a{background-color: #FFDECF; background-image: url(../../assets/images/main/m_quick01.png);}
.quick-service ul li.quick-02 a{background-color: #E9F6FF; background-image: url(../../assets/images/main/m_quick02.png);}
.quick-service ul li.quick-03 a{background-color: #E4E6FF; background-image: url(../../assets/images/main/m_quick03.png);}
.quick-service ul li a:hover,
.quick-service ul li a:active,
.quick-service ul li a:focus{background-position: left 24px bottom 30px;}
.quick-service ul li a em{display: block;font-size: 1.4em;font-weight: bold;letter-spacing: -0.05em;color: #191919;margin-bottom: 10px; font-style: normal;}
.quick-service ul li a span{display: block;font-size: 0.95em; color: #1f1f1f; line-height: 1.5; letter-spacing: -0.05em;}
.quick-service ul li a span br{display: none;}
.quick-service ul li a .c-more{position: absolute;right: 0;bottom: 0;width: 60px;height: 60px;border-radius: 30px 0 0 0;background-color: #F9F9F9}
.quick-service ul li a .c-more::before{content: "";position: absolute;left: -60px;bottom: 0;width: 60px; height: 60px;overflow: hidden;box-shadow: 30px 30px 0 0 #F9F9F9;border-radius: 50%;}
.quick-service ul li a .c-more::after{content: ""; position: absolute; right: 0; top: -60px;width: 60px;height: 60px;overflow: hidden;border-radius: 50%;box-shadow: 30px 30px 0 0 #F9F9F9}
.quick-service ul li a .c-more > i{position: absolute;right: 0;bottom: 0;z-index: 1;width: 50px;height: 50px;border-radius: 50%;}
.quick-service ul li.quick-01 a .c-more > i{background-color: #F8C3B3;}
.quick-service ul li.quick-02 a .c-more > i{background-color: #CCE6FD;}
.quick-service ul li.quick-03 a .c-more > i{background-color: #D7D5FD;}
.quick-service ul li.quick-01 a:hover .c-more > i{background-color: #FA8C6B;}
.quick-service ul li.quick-02 a:hover .c-more > i{background-color: #5CADF5;}
.quick-service ul li.quick-03 a:hover .c-more > i{background-color: #A8A3FE;}
.quick-service ul li a .c-more > i > .icon{display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background:url(../../assets/images/main/ic_move.svg) no-repeat;}

/* 시군별 운행대수 */
.quick-city {
    float: right; margin-top: 30px;
    width: 53%;
}

.quick-city .city-title {
    margin-bottom: 10px;
    font-size: 1.4em;
    letter-spacing: -0.05em;
    font-weight: bold;
    color: #191919;
}

.quick-city .city-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.quick-city .city-cont .city-slc {
    width: 230px;
}

.quick-city .city-cont .city-slc label { width: 1px; height: 1px;overflow: hidden; position: absolute; top: -9999em; left: -9999em; text-indent: -9999em; font-size: 0; line-height: 0;}

.quick-city .city-cont .city-slc select {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    height: 60px;
    border: 2px solid #222;
    font-size: 1.1em;
    font-weight: 500;
    color: #191919;
    text-align: left;
    border-radius: 10px;
    background: #fff url(../../assets/images/main/ic_sle.png) no-repeat right 5px center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.quick-city .city-cont .city-slc select:focus {
    background-color: #0C75B7; color: #fff;
}

.quick-city .city-cont .city-slc select option {
    background: #fff;
    color: #666;
    font-size: 1em;
}

.quick-city .city-cont ul li {
    float: left;
    padding-left: 28px;
    padding-right: 20px;
    margin-left: 20px;
    line-height: 2em;
    position: relative;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px;
    font-size: 1.1em;
    font-weight: 500;
    letter-spacing: -0.04em;
}

.quick-city .city-cont ul li.city01 {
    background-image: url(../../assets/images/main/ic_city01.svg);
}

.quick-city .city-cont ul li.city02 {
    background-image: url(../../assets/images/main/ic_city02.svg);
}

.quick-city .city-cont ul li.city03 {
    background-image: url(../../assets/images/main/ic_city03.svg);
}

.quick-city .city-cont ul li::before {
    display: block;
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    width: 1px;
    height: 14px;
    background-color: #C9C9C9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.quick-city .city-cont ul li:first-child::before {
    width: 1px; height: 1px;overflow: hidden; position: absolute; top: -9999em; left: -9999em; text-indent: -9999em; font-size: 0; line-height: 0;}

.quick-city .city-cont ul li strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2em;
}

.quick-city .city-cont ul li.city01 strong {
    font-size: 1.05em;
}

.quick-city .city-cont ul li.city02 strong, .quick-city .city-cont ul li.city03 strong {
    padding-left: 5px;
}

.quick-city .city-cont ul li a {
    cursor: default;
    display: inline-block;
    color: #222;
}

.quick-city .quick-mark {
    padding-left: 25px;
    margin-top: 15px;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #606060;
    background: url(../../assets/images/main/ic_mark.svg) no-repeat left top 5px;
}

.main-second{position: relative; width: 100%;}
.main-second::before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 80px; background-color: #f9f9f9;}
.second-inner{display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; position: relative; width: 100%;}
.second-inner .scd-l{display: flex; flex: 0 0 42%; flex-wrap: wrap; justify-content:space-around; align-items: center; gap: 12px;}
.second-inner .scd-l li a{display: block; text-align: center;}
.second-inner .scd-l li a span{display: flex; justify-content: center; align-items: center; margin-bottom: 24px; width: 110px; height: 110px; background-color: #fff; border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 13px 27px -5px, rgba(0, 0, 0, 0.15) 0px 8px 16px -8px; -webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.second-inner .scd-l li a:hover span,
.second-inner .scd-l li a:active span,
.second-inner .scd-l li a:focus span{ transform: translateY(-8px);}
.second-inner .scd-l li a span img{width: 48px; height: 48px;}
.second-inner .scd-l li a em{font-style: normal; color: #1f1f1f; font-weight: 500;}

.second-inner .scd-r{flex: 0 0 53%; display: flex; justify-content: space-between;}
.second-inner .scd-r .s-mylist{flex: 0 0 33%; height: 200px;}
.second-inner .scd-r .s-mylist a{display: block; padding: 30px 36px; height: 100%; border: 1px solid #DDF0CE; border-radius: 24px; background:#E8F5DE url(../../assets/images/main/m_ic_map.png) no-repeat;
    background-position: right 24px bottom 16px; transition: background-position 0.3s ease;-webkit-transition: background-position 0.3s ease;-moz-transition: background-position 0.3s ease;}

.second-inner .scd-r .s-mylist a:hover,
.second-inner .scd-r .s-mylist a:active,
.second-inner .scd-r .s-mylist a:focus{background-position: right 16px bottom 16px;}
.second-inner .scd-r .s-mylist a em{display: block; font-size: 1.1em; font-weight: bold; letter-spacing: -0.05em; color: #1f1f1f; margin-bottom: 10px; font-style: normal;}
.second-inner .scd-r .s-mylist a span{display: inline-block; color: #1f1f1f; line-height: 1.5; font-size: 0.95em;}
.second-inner .scd-r .s-mylist a span br{display: none;}
.second-inner .scd-r .s-mylist a i{display: inline-block; font-size: 0; width: 24px; height: 24px; background: url(../../assets/images/main/ic_move.svg) no-repeat;}

.second-inner .s-phonenum{flex: 0 0 65%; height: 200px;}
.second-inner .s-phonenum a{display: block; padding: 30px 36px; height: 100%; border: 1px solid #FDE6D6; background:#FEF1E7 url(../../assets/images/main/m_ic_phone.png) no-repeat; background-position: right top;
    border-radius: 24px; transition: background-position 0.3s ease;-webkit-transition: background-position 0.3s ease;-moz-transition: background-position 0.3s ease;}
.second-inner .s-phonenum a:hover,
.second-inner .s-phonenum a:active,
.second-inner .s-phonenum a:focus{background-position: right -10px top;}

.second-inner .s-phonenum a em{display: block; font-size: 1.1em; font-weight: bold; letter-spacing: -0.05em; color: #1f1f1f; font-style: normal;}
.second-inner .s-phonenum a strong{display: block; font-size: 1.8em; font-weight: 900; color: #1f1f1f;}
.second-inner .s-phonenum a b{display: block; font-size: 0.95em; color: #C33E06;}
.second-inner .s-phonenum a span{display: block; color: #1f1f1f; line-height: 1.5; font-size: 0.95em;}
.second-inner .s-phonenum a span br{display: none;}

/* main-center */
.main-cntNws {
    padding-top: 4%;
    position: relative;
    width: 100%;
    clear: both;
}

.main-cntNws .center-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

/* 소식 */
.main-cntNws .center-box .cntNws {
    position: relative;
    width: 65%;
    height: 420px;
}

.main-cntNws .center-box .cntNws .tab-cont {
    float: left;
    display: inline;
    width: auto
}

.main-cntNws .center-box .cntNws .tab-cont .tab {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    float: left;
    display: inline;
    position: relative;
}

.main-cntNws .center-box .cntNws .tab-cont .tab a {
    display: inline-block; position: relative;
    line-height: 54px; padding: 0 3px;
    font-size: 1.3em;
    color: #191919;
    font-weight: 500;
    letter-spacing: -0.05em; z-index: 1;
}

.main-cntNws .center-box .cntNws .tab-cont .tab a:hover,
.main-cntNws .center-box .cntNws .tab-cont .tab a:active,
.main-cntNws .center-box .cntNws .tab-cont .tab a:focus,
.main-cntNws .center-box .cntNws .over .tab a {font-weight: bold;}

.main-cntNws .center-box .cntNws .tab-cont .tab a:hover::before,
.main-cntNws .center-box .cntNws .tab-cont .tab a:active::before,
.main-cntNws .center-box .cntNws .tab-cont .tab a:focus::before,
.main-cntNws .center-box .cntNws .over .tab a::before {content: ''; display: inline-block; z-index: -1; position: absolute; left: 0; bottom: 14px; background-color: #FFDECF;width: 100%; height: 10px; border-radius: 4px;}

.main-cntNws .center-box .cntNws .tab-cont .tab::before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background-color: #d9d9d9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-cntNws .center-box .cntNws .tab-cont .cnt {
    width: 100%;
    position: absolute;
    left: 0;
    top: 65px;
}
.no-cardnews{padding-top: 110px; text-align: center; font-weight: 500; color: #191919;}
.main-cntNws .center-box .cntNws .tab-cont .cnt ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
}

.main-cntNws .center-box .cntNws .tab-cont .type01 ul li, .main-cntNws .center-box .cntNws .tab-cont .type02 ul li, .main-cntNws .center-box .cntNws .tab-cont .type03 ul li {
    width: 32%; margin-left: 2%;
}
.main-cntNws .center-box .cntNws .tab-cont .type01 ul li:first-child,
.main-cntNws .center-box .cntNws .tab-cont .type02 ul li:first-child,
.main-cntNws .center-box .cntNws .tab-cont .type03 ul li:first-child{margin-left: 0;}

.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a {
    display: block;
    min-height: 290px;
    position: relative;
    background-color: #fff;
    border: 1px solid #E7E7E7;
    border-radius: 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.main-cntNws .center-box .cntNws .tab-cont .type01 ul li a, .main-cntNws .center-box .cntNws .tab-cont .type02 ul li a {
    padding: 50px 40px 40px 40px;
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a {
    overflow: hidden;
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a dl {
    position: relative;
    height: 1%;
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a dl dt {
    position: relative;
    padding: 0;
    height: 249px;
    overflow: hidden;
    font-size: 1em;
    color: #191919;
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a dl dt .thumb {
    display: table;
    width: 100%;
    height: 100%;
    background-color: #ddd;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a dl dt .thumb .thumbImg {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    -webkit-transition: all 0.4s, color 0.3s 0.3s;
    -moz-transition: all 0.4s, color 0.3s 0.3s;
    -o-transition: all 0.4s, color 0.3s 0.3s;
    -ms-transition: all 0.4s, color 0.3s 0.3s;
    transition: all 0.4s, color 0.3s 0.3s;
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a dl dt .thumb img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-transition: all 0.4s, color 0.3s 0.3s;
    -moz-transition: all 0.4s, color 0.3s 0.3s;
    -o-transition: all 0.4s, color 0.3s 0.3s;
    -ms-transition: all 0.4s, color 0.3s 0.3s;
    transition: all 0.4s, color 0.3s 0.3s;
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a:hover dl dt .thumb img, .main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a:active dl dt .thumb img, .main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a:focus dl dt .thumb img, .main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a:hover dl dt .thumb.no-img, .main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a:active dl dt .thumb.no-img, .main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a:focus dl dt .thumb.no-img {
    -webkit-transform: scale( 1.1 );
    -moz-transform: scale( 1.1 );
    -o-transform: scale( 1.1 );
    -ms-transform: scale( 1.1 );
    transform: scale( 1.1 );
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a dl dd {
    position: relative;
    padding: 20px;
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a dl dd .th-title {
    display: inline-block;
    width: 100%;
    color: #191919;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a dl dd .th-data {
    display: inline-block;
    color: #727272;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a:hover, .main-cntNws .center-box .cntNws .tab-cont .cnt ul li a:active, .main-cntNws .center-box .cntNws .tab-cont .cnt ul li a:focus {
    border-color: #0C75B7;
    box-shadow: rgba(3, 52, 83, 0.3) 0px 8px 24px;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
}

.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a h3 {
    min-height: 3em;
    line-height: 1.7;
    overflow: hidden;
    font-size: 1.1em; font-weight: 500;
    color: #222;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.main-cntNws .center-box .cntNws .tab-cont .type01 ul li a h3,
.main-cntNws .center-box .cntNws .tab-cont .type02 ul li a h3{-webkit-line-clamp: 3;}

.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot {display: block; width: 100%; position: absolute; overflow: hidden;left: 0; bottom: 40px;padding: 0 40px;}
.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .dataNws {
    display: block;
    float: left;
    padding-bottom: 28px;
    position: relative;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .cate {
    display: block;
    float: right;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 1em;
    font-weight: bold;
    border-radius: 50%;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .dataNws b {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0.95em;
    font-weight: normal;
    color: #727272;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .dataNws em {
    display: block;
    font-size: 2em;
    line-height: 1;
    font-weight: 900;
    font-style: normal;
    color: #191919;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .cate-green {
    background-color: #FFDECF;
    color: #1f1f1f;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .cate-brown {
    background-color: #CCE6FD;
    color: #1f1f1f;
}

.main-cntNws .center-box .cntNws .tab-cont .type02 ul li a .cnt-foot .dataNws{display: block;
    float: left;
    padding-bottom: 28px;
    position: relative;}

.main-cntNws .center-box .cntNws .tab-cont .cnt a.more {
    display: block;
    position: absolute;
    top: -60px;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 50%;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt a.more::after, .main-cntNws .center-box .cntNws .tab-cont .cnt a.more::before {
    display: block;
    content: "";
    position: absolute;
    border-radius: 10px;
    background: #000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.main-cntNws .center-box .cntNws .tab-cont .cnt a.more::after {
    width: 17px;
    height: 2px;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt a.more::before {
    width: 2px;
    height: 17px;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt a.more:hover, .main-cntNws .center-box .cntNws .tab-cont .cnt a.more:active, .main-cntNws .center-box .cntNws .tab-cont .cnt a.more:focus {
    background-color: #0C75B7;
    border-color: #0C75B7;
}

.main-cntNws .center-box .cntNws .tab-cont .cnt a.more:hover::after, .main-cntNws .center-box .cntNws .tab-cont .cnt a.more:hover::before, .main-cntNws .center-box .cntNws .tab-cont .cnt a.more:active::after, .main-cntNws .center-box .cntNws .tab-cont .cnt a.more:active::before, .main-cntNws .center-box .cntNws .tab-cont .cnt a.more:focus::after, .main-cntNws .center-box .cntNws .tab-cont .cnt a.more:focus::before {
    background-color: #fff;
}
/**/

.main-bottom{padding-top: 1%; padding-bottom: 4%; position: relative; width: 100%; clear: both;}
.bottom-inner{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; position: relative; width: 100%;}
.bottom-inner .section-tit{margin-bottom: 10px; font-size: 1.4em; letter-spacing: -0.05em; font-weight: bold; color: #1f1f1f;}
.bottom-inner .section-inquiry{flex: 0 0 32%;}
.bottom-inner .section-inquiry ul{display: flex; padding: 32px 24px 29px 24px; flex-direction: row; justify-content:space-between; background-color: #F7F7F7; border-radius: 16px;}
.bottom-inner .section-inquiry ul li{flex: 1;}
.bottom-inner .section-inquiry ul li a,
.bottom-inner .section-inquiry ul li a img,
.bottom-inner .section-inquiry ul li a span{display: block; margin: 0 auto; text-align: center;}
.bottom-inner .section-inquiry ul li a img{margin-bottom: 15px; width: 36px; height: 36px;}
.bottom-inner .section-inquiry ul li a span{font-weight: 500; letter-spacing: -0.05em;}
.bottom-inner .section-inquiry ul li a img{transition: transform 0.3s ease}
.bottom-inner .section-inquiry ul li a:hover img,
.bottom-inner .section-inquiry ul li a:active img,
.bottom-inner .section-inquiry ul li a:focus img{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform:translateY(-5px); transform: translateY(-5px);}

.bottom-inner .section-guide{flex: 0 0 38%;}
.bottom-inner .section-guide ul{display: flex; flex-wrap: wrap; border: 1px solid #E7E7E7; border-radius: 16px; overflow: hidden;}
.bottom-inner .section-guide ul li{flex: 0 0 50%;}
.bottom-inner .section-guide ul li a{display: block; padding: 24px 20px 24px 58px; position: relative; height: 70px; line-height: 1.4; border-style: solid; border-color: #E7E7E7;  background-repeat: no-repeat; background-position: left 24px center; background-size: 24px; color: #1f1f1f; font-weight: 500; letter-spacing: -0.05em;}
.bottom-inner .section-guide ul li a:hover,
.bottom-inner .section-guide ul li a:active,
.bottom-inner .section-guide ul li a:focus{background-color: #F9F9F9;}
.bottom-inner .section-guide ul li.s-online a{background-image: url(../../assets/images/main/m_ic_08.svg); border-width: 0 1px 1px 0;}
.bottom-inner .section-guide ul li.s-sms a{background-image: url(../../assets/images/main/m_ic_09.svg); border-width: 0 0 1px 0;}
.bottom-inner .section-guide ul li.s-member a{background-image: url(../../assets/images/main/m_ic_10.svg); border-width: 0 1px 0 0;}
.bottom-inner .section-guide ul li.s-bookmark a{background-image: url(../../assets/images/main/m_ic_11.svg); border-width: 0}
.bottom-inner .section-guide ul li a::before{content: ''; display: block; position: absolute; top: 50%; right: 16px; width: 24px; height: 24px;
background-image: url(../../assets/images/main/m_arr_right.svg); background-repeat: no-repeat; background-size: 24px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

.bottom-inner .section-about{flex: 0 0 23%;}
.bottom-inner .section-about a{display: flex; flex-direction: column; padding: 33px; gap: 11px; border-radius: 16px; background: #EBF8FA url(../../assets/images/main/m_ic_car.png) no-repeat; transition: background-position 0.3s ease;-webkit-transition: background-position 0.3s ease;-moz-transition: background-position 0.3s ease;background-position: right 24px bottom 16px;}
.bottom-inner .section-about a:hover,
.bottom-inner .section-about a:active,
.bottom-inner .section-about a:focus{background-position: right 16px bottom 16px;}
.bottom-inner .section-about a em{display: block; font-size: 1.1em; font-weight: bold; letter-spacing: -0.05em; color: #1f1f1f; font-style: normal;}
.bottom-inner .section-about a span{display: block; color: #1f1f1f; line-height: 1.5; font-size: 0.95em;}
.bottom-inner .section-about a i{display: inline-block; font-size: 0; width: 24px; height: 24px; background: url(../../assets/images/main/ic_move.svg) no-repeat;}



/* 탑배너 */
.main-cntNws .center-box .photo-wrap{width: 30%;overflow: hidden;}
.main-cntNws .center-box .photo-wrap .photo-head{display: flex; padding-top: 5px; height: 65px; justify-content: space-between; align-items:flex-start;}
.photo-head .photo-tit{font-size: 1.4em; letter-spacing: -0.05em; font-weight: bold; color: #1f1f1f;}

.photo-area {
    float: left;
    position: relative;
    width: 100%;
}

.photo-area .photo-zone {
    margin-bottom: 0!important;
    padding: 0;
    position: relative;
    width: 100%;
    height: 290px;
    overflow: hidden;
    border-radius: 24px;
    background-color: #fff;
    border: 1px solid #eee;
}

.photo-area .photo-zone .banner-item {position: relative;
    height: 290px;
    overflow: hidden;
}

.photo-area .photo-zone .banner-item .photo-gradt{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 70%);
    z-index: 1;
}
.photo-area .photo-zone .banner-item .photo-data{position: absolute; width: 80%; left: 30px; bottom: 30px;  color: #fff; z-index: 2;}
.photo-area .photo-zone .banner-item .photo-data strong{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.1em; font-weight: 500;}
.photo-area .photo-zone .banner-item .photo-data b{font-weight: normal; letter-spacing: 0.05em;}

.photo-area .photo-zone .banner-item img {
    width: 100%;
    min-height: 290px;
    vertical-align: middle;
    -webkit-transition: all .8s;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease
}

.photo-area .photo-zone .banner-item:focus img,
.photo-area .photo-zone .banner-item:hover img,
.photo-area .photo-zone .banner-item:active img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.photo-area .photo-zone .no-img {
    width: 100%;
    min-height: 290px;
    background-color: #f9f9f9; background-image: url(../images/main/ci_logo_gray.png); background-repeat: no-repeat; background-position: center;
}

.photo-head .buttons {}

.photo-head .buttons .btn-photo-prev,
.photo-head .buttons .btn-photo-next,
.photo-head .buttons .btn-photo-play,
.photo-head .buttons .btn-photo-stop,
.photo-head .buttons .slick-pause,
.photo-head .buttons a {
    display: block;
    float: left;
    margin-left: 5px;
    font-size: 0;
    line-height: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    color: transparent;
    border: 1px solid #ddd; border-radius: 50%; background-size: 40px;
    outline: none;
    z-index: 1;
    background-color: transparent;
    -webkit-transition: all .8s;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease
}

.photo-head .buttons .btn-photo-prev:hover:before,
.photo-head .buttons .btn-photo-prev:focus:before,
.photo-head .buttons .btn-photo-next:hover:before,
.photo-head .buttons .btn-photo-next:focus:before,
.photo-head .buttons .slick-pause:hover:before,
.photo-head .buttons .slick-pause:focus:before,
.photo-head .buttons .btn-photo-play:hover:before,
.photo-head .buttons .btn-photo-play:focus:before {
    opacity: 1
}

.photo-head .buttons .btn-photo-prev.slick-disabled:before,
.photo-head .buttons .btn-photo-next.slick-disabled:before,
.photo-head .buttons .btn-photo-play.slick-disabled:before {
    opacity: .25
}

.photo-head .buttons .btn-photo-prev {
    right: 132px;
    text-indent: -9999px;
    background-image: url(/assets/images/main/ic_prev_w.png);
    background-repeat: no-repeat;
    background-position: center
}

.photo-head .buttons .btn-photo-next {
    right: 10px;
    text-indent: -9999px;
    background-image: url(/assets/images/main/ic_next_w.png);
    background-repeat: no-repeat;
    background-position: center
}

.photo-head .buttons .btn-photo-play {
    right: 71px;
    text-indent: -9999px;
    background-image: url(/assets/images/main/ic_puase_w.png);
    background-repeat: no-repeat;
    background-position: center
}

.photo-head .buttons .btn-photo-stop {
    right: 71px;
    text-indent: -9999px;
    background-image: url(/assets/images/main/ic_stop_w.png);
    background-repeat: no-repeat;
    background-position: center
}

.photo-head .buttons .btn-photo-next:hover,
.photo-head .buttons .btn-photo-next:focus,
.photo-head .buttons .btn-photo-play:hover,
.photo-head .buttons .btn-photo-play:focus,
.photo-head .buttons .btn-photo-stop:hover,
.photo-head .buttons .btn-photo-stop:focus,
.photo-head .buttons .btn-photo-prev:hover,
.photo-head .buttons .btn-photo-prev:focus {
    outline: none;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
}

.photo-head .buttons a{position: relative; margin-left: 20px; text-indent: -9999px; background-repeat: no-repeat;background-position: center}
.photo-head .buttons a::before,
.photo-head .buttons a::after{display: block;content: "";position: absolute;border-radius: 10px;background: #000;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);transform: translate(-50%, -50%);}
.photo-head .buttons a::before{width: 2px;height: 17px;}
.photo-head .buttons a::after{width: 17px; height: 2px;}
.photo-head .buttons a:hover,
.photo-head .buttons a:active,
.photo-head .buttons a:focus{background-color: #0C75B7; border-color: #0C75B7;}
.photo-head .buttons a:hover::before,
.photo-head .buttons a:hover::after{background: #fff;}

.photo-area .photo-zone .slick-dots{display: none !important;}