@charset "UTF-8";
/* =========================
HEADER
========================= */
#header .header-pd {
    padding: 25px 20px;
    box-sizing: border-box;
}

    #header .header-pd.header-bg {
        background: url("../images/common/bg_background.jpg") no-repeat 50% 0;
        background-size: cover;
    }

.btn-nav {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    background-color: #ffffff;
    background-image: url("../images/common/icon_nav.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    border: 1px solid #dadada;
    box-sizing: border-box;
}

.btn-new {
    display: block;
    padding: 5px 20px;
    border: 1px solid #cccccc;
    color: #005da2;
    background: #ffffff;
    border-radius: 25px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    float: left;
    margin-left: 10px;
    font-weight: 800;
    word-break: keep-all;
    white-space: nowrap
}

#header .logo-div {
    display: block;
    height: 32px;
    font-weight: 400
}

    #header .logo-div a {
        display: block;
        color: #ffffff;
        font-size: 24px;
    }
#header .hd-r-list{padding: 1px 0;}
#header .hd-r-list > li{display:block;float: left;margin-left: 15px;padding: 5px 10px; border-radius: 10px;-webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
#header .hd-r-list > li > a,
#header .hd-r-list > li > button {display:block; color: #ffffff;font-size: 14px;line-height: 20px; }
#header .hd-r-list > li .icon-arrow{position:relative;padding-right:15px;}
#header .hd-r-list > li .icon-arrow::after{ content:""; width:15px; height:15px;position: absolute; right:0; top: 50%; font-size: 8px;transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color: #ffffff; -webkit-mask-image: url('../images/icon/chevron-down.svg'); mask-image: url('../images/icon/chevron-down.svg'); mask-size: cover;}
#header .hd-r-list > li:hover .icon-arrow::after,
#header .hd-r-list > li:focus .icon-arrow::after{ -webkit-mask-image: url('../images/icon/chevron-up.svg'); mask-image: url('../images/icon/chevron-up.svg');}
#header .hd-r-list > li:hover,
#header .hd-r-list > li:focus,
#header .hd-r-list > li.on{ background: #0f395b; }
#header .hd-r-list > li.on{ background: #ffffff; }
#header .hd-r-list > li.on > a{ color: #005da2; }
#header .icon-alert{position: relative;}
#header .icon-alert .dot-num{background: #fa6400; color: #ffffff;padding:2px 4px;font-size:8px;border-radius:40%; position: absolute; top: 0; right: 0;transform:translateX(100%) translateY(-100%); -webkit-transform:translateX(100%)translateY(-100%);z-index: 1;line-height: 1;}
/* 헤더 검색창 */
#header .btn-search{padding: 5px;margin-left: 15px;border-radius: 10px;-webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
#header .btn-search:hover{background: #0f395b;}
#header .btn-search .n-i{background: #ffffff; width: 23px; height: 23px;}
#header .search-box{display: none;width: 610px;position: absolute; top: 50%; left: 50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);font-size: 14px;z-index: 500;}
#header .search-box .keyword-wrap.on{border-right: 2px solid #005da2;border-left: 2px solid #005da2;border-bottom: 2px solid #005da2;}
#header .search-box .input-div .input-box{box-sizing: border-box;border: 2px solid #005da2;}
#header .search-box.on{display: block;}
/* 헤더02 */
#header .header-02{margin-top: 25px;}
#header .header-02 .logo-div{height: 37px;}
#header .header-02 .logo-div a{display: block;height: 100%;}
#header .header-02 .logo-div a img{display: block;height: 100%;}

/* header-sub-menu */
.header-sub-menu{background: #ffffff;padding: 10px 0;border-bottom: 1px solid #dadada;}
.header-sub-menu .sub-menu-list{height: 32px;overflow: hidden;box-sizing: border-box;}
.header-sub-menu .sub-menu-list li{display: inline-block;margin-right: 10px;}
.header-sub-menu .sub-menu-list li a{color: #999999;display: block;padding: 5px 15px;border: 1px solid #ffffff;border-radius: 15px;font-size: 14px;line-height: 20px;}
.header-sub-menu .sub-menu-list li:hover,
.header-sub-menu .sub-menu-list li:focus,
.header-sub-menu .sub-menu-list li.on {}
.header-sub-menu .sub-menu-list li:hover a,
.header-sub-menu .sub-menu-list li:focus a,
.header-sub-menu .sub-menu-list li.on a{color: #005da2;border: 1px solid #005da2;}
.header-sub-menu .btn-sub-menu{display: block;position: absolute;right: 0; bottom: 0;border: 1px solid #dadada;border-radius: 50%; padding: 5px;}
.header-sub-menu .btn-sub-menu span{display: block;width: 20px;height: 20px;background-color:#dadada;-webkit-mask-image: url('../images/icon/chevron-down.svg'); mask-image: url('../images/icon/chevron-down.svg');mask-size: cover;}
.header-sub-menu.on .sub-menu-list{height: auto;}
.header-sub-menu.on .btn-sub-menu span{-webkit-mask-image: url('../images/icon/chevron-up.svg'); mask-image: url('../images/icon/chevron-up.svg');mask-size: cover;}
/* header-sub-menu */
.header-sub-menu02{background: #ffffff;border-bottom: 1px solid #dadada;}
.header-sub-menu02 .sub-menu-list{text-align: center;}
.header-sub-menu02 .sub-menu-list li{display:inline-block;margin-right: 60px;border-bottom: 3px solid #ffffff;cursor: pointer;}
.header-sub-menu02 .sub-menu-list li:last-child{margin-right:0;}
.header-sub-menu02 .sub-menu-list li p{font-weight:700;display: block;padding: 15px 5px;border-radius: 15px;font-size: 14px;line-height: 20px;}
.header-sub-menu02 .sub-menu-list li:hover,
.header-sub-menu02 .sub-menu-list li:focus,
.header-sub-menu02 .sub-menu-list li.on{border-bottom: 3px solid #005da2;}
.header-sub-menu02 .sub-menu-list li:hover p,
.header-sub-menu02 .sub-menu-list li:focus p,
.header-sub-menu02 .sub-menu-list li.on p{color: #005da2;}
/* header-popup */
.header-popup{position: absolute;top: 30px; z-index: 10;box-sizing:border-box;padding-top: 10px; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
.header-popup .popup-bg{background: #ffffff;border: 1px solid #dadada; border-radius: 5px; }
.header-popup,
.header-popup a{font-size: 13px;color: #585858;}
.header-popup li{display: block;}
.header-popup li a{display: block;}
.header-popup .popup-tit{margin-bottom: 10px;}
.header-popup .popup-tit .tit{font-weight: 700;line-height: 20px;font-size: 14px;}
.content-nav-warp{padding: 10px 0 0 0;}
#sub-menu-con-warp .sub-menu-con{display: none;}
#sub-menu-con-warp .sub-menu-con.on{display: block;}
#sub-menu-con-warp .sub-menu-con > li{margin: 5px 10px;}
/* 화면 설정 */
#screen-wrap #btn-screen{position:relative;background-color: #ffffff;border: 1px solid #dadada; box-sizing:border-box;border-radius: 5px; padding: 5px 15px 5px 32px;width: 145px;}
#screen-wrap #btn-screen::after{content:""; width:15px; height:15px;position: absolute; left:10px; top: 50%;transform:translateY(-50%); -webkit-transform:translateY(-50%);background-color: #585858;-webkit-mask-image: url('../images/icon/computer-desktop.svg'); mask-image: url('../images/icon/computer-desktop.svg');mask-repeat: no-repeat;mask-size:cover;mask-position: 50% 50%;}
#screen-wrap #btn-screen span{ font-size: 14px;line-height:20px;color: #585858; padding-right: 38px;position: relative;}
#screen-wrap #btn-screen span:after{display:block;content:"";width:18px;height:18px; background-color: #585858; -webkit-mask-image: url('../images/icon/chevron-down.svg'); mask-image: url('../images/icon/chevron-down.svg'); mask-size: cover;position: absolute;top: 50%;right: 0;transform:translateY(-50%); -webkit-transform:translateY(-50%);transform-origin: center;}
#screen-wrap .header-popup{ left: 0;visibility: hidden;opacity: 0;}
#screen-wrap .header-popup .popup-bg{padding: 5px 0;}
#screen-wrap .header-popup li a{padding: 10px 10px 10px 15px;}
#screen-wrap .header-popup li:hover a,
#screen-wrap .header-popup li:focus a{color: #005da2;}
#screen-wrap .header-popup li a span{display: block;padding-right: 30px;white-space: nowrap; position: relative;}
#screen-wrap .header-popup li a span:after{display:block;content:"";width:18px;height:18px;position: absolute;top: 50%;right: 0;transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#screen-wrap .header-popup li:hover a span:after,
#screen-wrap .header-popup li:focus a span:after{background-color: #005da2; -webkit-mask-image: url('../images/icon/check.svg'); mask-image: url('../images/icon/check.svg'); mask-size: cover;transform-origin: center;}
#screen-wrap:hover .header-popup,
#screen-wrap .header-popup:hover {visibility: visible;opacity: 1;}
#screen-wrap:hover #btn-screen span:after,
#screen-wrap:focus #btn-screen span:after {-webkit-mask-image: url('../images/icon/chevron-up.svg'); mask-image: url('../images/icon/chevron-up.svg');}
/* 나의 정보 */
.my-info-popup{right: -20px;width: 400px;visibility: hidden;opacity: 0;z-index: 9900;}
.my-info-popup .popup-bg{padding: 20px;z-index: 300;}
.my-info-popup .txt01{color: #005da2;}
.my-info-popup .txt03{font-weight: 700;}
.my-info-popup .con01{padding: 20px; border-top: 1px solid #dadada; }
.my-info-popup .con01{text-align: center;}
.my-info-popup .con01 a{color: #ffffff;}
.my-info-popup .con01 .txt01{margin-bottom: 12px;}
.my-info-popup .con01 .txt02{margin-bottom: 12px;}
.my-info-popup .con02{padding: 20px 0; border-top: 1px solid #dadada; }
.my-info-popup .con02 > div{ margin-bottom: 12px; }
.my-info-popup .con02 > div:last-child{ margin-bottom: 0; }
.my-info-popup .con02 .txt03{float: left;width: 120px;}
.my-info-popup .con02 .txt02{float: left;}
.my-info-popup .con03{padding: 20px 0 10px; border-top: 1px solid #dadada; }
.my-info-popup .con03 .btn-list{ width: 290px; margin: 0 auto; }
.my-info-popup .con03 .btn-list > li{ float: left; width: 45%; margin-right: 5%; text-align: center; margin-bottom: 10px;}
.my-info-popup .con03 .btn-list > li:nth-child(2n){ margin-right: 0; }
.my-info-popup .con03 .btn-list > li a{ padding: 8px 5px; }
.my-info-popup .con04{padding-top: 20px; border-top: 1px solid #dadada; }
.my-info-popup .con04 .btn-logout{display:block; padding: 8px 5px;width: 140px;margin: 0 auto;box-sizing: border-box;text-align: center;}
.my-info-popup .con04 .btn-logout span{display:inline-block;}
.my-info-warp:hover .my-info-popup,
.my-info-warp:focus .my-info-popup{visibility: visible;opacity: 1;}
/* 알림 */
.alert-popup {
    right: -20px;
    width: 400px;
    visibility: hidden;
    opacity: 0;
    z-index: 9900;
}
.alert-popup .gnb-scroll{height:300px; overflow-y: auto;padding: 20px 25px;}
.alert-popup .alert-list > li > a{padding: 10px 0;}
.alert-popup .alert-list > li > a .con-tit{margin-bottom: 3px;}
.alert-popup .alert-list > li > a .con-date{color: #999;font-size: 12px;}
.alert-popup .alert-list > li:hover a,
.alert-popup .alert-list > li:focus a{color: #005da2!important;}
.alert-warp:hover .alert-popup,
.alert-warp:focus .alert-popup{visibility: visible;opacity: 1;}
/* 고객 센터 */
#header .cs-popup{right: -20px;visibility: hidden;opacity: 0;}
#header .cs-popup .cs-list{padding: 10px 0;}
#header .cs-popup .cs-list > li > a{padding: 10px 10px 10px 15px;}
#header .cs-popup .cs-list > li:hover a,
#header .cs-popup .cs-list > li:focus a{color: #005da2!important;}
#header .cs-popup .cs-info{border-top: 1px solid #dadada;padding: 15px;font-size: 12px}
#header .cs-popup .cs-info > div{margin-bottom: 20px;}
#header .cs-popup .cs-info > div:last-child{margin-bottom: 0;}
#header .cs-popup .cs-info .tit{color: #005da2;font-weight: 700; margin-bottom: 5px;}
#header .cs-popup .cs-info .icon-phone{position: relative;padding-left: 15px;}
#header .cs-popup .cs-info .icon-phone::after{ content:""; width:12px; height:12px;position: absolute; left:0; top: 50%; font-size: 8px;transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color: #585858; -webkit-mask-image: url('../images/icon/phone.svg'); mask-image: url('../images/icon/phone.svg'); mask-size: cover;}
#header .cs-popup .cs-info .icon-envelope{position: relative;padding-left: 15px;}
#header .cs-popup .cs-info .icon-envelope::after{ content:""; width:12px; height:12px;position: absolute; left:0; top: 50%; font-size: 8px;transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color: #585858; -webkit-mask-image: url('../images/icon/envelope.svg'); mask-image: url('../images/icon/envelope.svg'); mask-size: cover;}
#header .cs-wrap:hover .cs-popup,
#header .cs-wrap:focus .cs-popup{visibility: visible;opacity: 1;}
/* 개인화서비스 */
.header-popup .popup-header{padding:0 20px;border-bottom: 1px solid #dadada;background: #f0f0f0;}
.header-popup .popup-header li{display:block;padding: 20px 5px 18px;float: left;cursor: pointer;border-bottom: 2px solid rgba(0,0,0,0);margin-right: 30px;}
.header-popup .popup-header li:focus,
.header-popup .popup-header li:hover{color: #005da2;}
.header-popup .popup-header li:focus .icon-out-box:after,
.header-popup .popup-header li:hover .icon-out-box:after{background-color: #005da2;}
.header-popup .popup-header li.on{color: #005da2; border-bottom: 2px solid #005da2}
.header-popup .popup-header li.on .icon-out-box:after{background-color: #005da2;}
.header-popup .popup-footer{border-top: 1px solid #dadada;background: #f0f0f0;}
.header-popup .popup-footer .ft-con{border-top: 1px solid #dadada;padding: 10px;}
.header-popup .popup-footer .ft-con:first-child{border-top: none;}
.header-popup .popup-footer .save-dot{display:inline-block;width: 40px; line-height: 22px; height:22px; background-color: #7f7f7f; vertical-align: middle;border-radius: 15px;position: relative;transition: background-color 0.3s ease;cursor: pointer;}
.header-popup .popup-footer .save-dot:after{display:block;content:"";width:15px;height:15px;position: absolute;top: 50%;left:4px;right:inherit;transform:translateY(-50%); -webkit-transform:translateY(-50%);background: #ffffff;border-radius: 50%;}
.header-popup .popup-footer .save-dot-wrap{display: inline-block;cursor: pointer;}
.header-popup .popup-footer .save-dot-wrap.on .save-dot{background-color: #005da2;}
.header-popup .popup-footer .save-dot-wrap.on .save-dot:after{right:4px;left:inherit;}

#header .my-service-popup {
    right: -20px;
    visibility: hidden;
    opacity: 0;
    width: 550px;
    z-index: 9900;
}
#header .my-service-popup .popup-con-wrap{display: none}
#header .my-service-popup .popup-con-wrap.on{display: block}
#header .my-service-popup .popup-con{padding: 20px;height: 250px;overflow-y: auto;}
#header .my-service-popup .con-title{padding-right:80px;font-weight: 700; line-height: 26px;margin-bottom: 10px;}
#header .my-service-popup .con-title{padding-right:80px;font-weight: 700; line-height: 26px;margin-bottom: 10px;}
#header .my-service-popup .list-ul{display: block;}
#header .my-service-popup .list-ul li{display: block;}
#header .my-service-popup .list-ul li a{display: block;padding: 10px 0;}
#header .my-service-popup .list-ul li:focus a,
#header .my-service-popup .list-ul li:hover a{color: #005da2;}
#header .my-service-popup .list-ul li .tit02{color: #999;font-size: 12px;margin-top: 3px;}
#header .my-service-popup .popup-footer{border-top: 1px solid #dadada;background: #f0f0f0;}
#header .my-service-wrap:hover .my-service-popup,
#header .my-service-wrap:focus .my-service-popup{visibility: visible;opacity: 1;}

/* Nav */
#nav-wrap{position: absolute;top: 0;left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3);z-index: 10000;padding: 25px 20px; box-sizing: border-box;-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;visibility: hidden;opacity: 0;}
#gnb-wrap{width: 400px;font-size:14px;padding-top: 0;top:50px;}
#gnb-wrap .gnb-scroll{height:750px; overflow-y: auto;}
#gnb-wrap .tit-div .tit01{font-size:14px;color: #005da2;font-weight: 700;margin-bottom: 20px;}
#gnb-wrap .gnb01{padding: 20px;border-bottom: 8px solid #e5e7eb;}
#gnb-wrap .gnb02{padding: 20px;}
#gnb-wrap .nav-list > li{display: block;border:1px solid #dadada;border-radius: 10px;margin-bottom: 10px;overflow-y: hidden;}
#gnb-wrap .nav-list > li > .tit{font-weight: 700;background:#f0f0f0;padding: 10px 15px;}
#gnb-wrap .nav-list > li > .tit-link{font-weight: 700;padding: 10px 15px;}
#gnb-wrap .nav-sub-list{display: block;padding: 10px 15px;}
#gnb-wrap .nav-sub-list > li{display: block;float: left;width: 33.33%;}
#gnb-wrap .nav-sub-list > li > a{display: block;position: relative;padding:5px 5px 5px 15px;}
#gnb-wrap .nav-sub-list > li > a::after{ content:""; width:8px; height:8px;position: absolute; left:0; top: 50%; font-size: 8px;transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color: #e5e7eb;border-radius: 50%;}
#gnb-wrap .block-list{display: block;padding: 10px 15px;}
#gnb-wrap .block-list > li{display: block;}
#gnb-wrap .block-list > li > a{display: block;position: relative;padding:5px 5px 5px 15px;}
#gnb-wrap .block-list > li > a::after{ content:""; width:8px; height:8px;position: absolute; left:0; top: 50%; font-size: 8px;transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color: #e5e7eb;border-radius: 50%;}

#nav-wrap.on{visibility: visible;opacity: 1;}

#icon-setting-wrap{width: 400px;font-size:14px;padding-top: 0;top:50px;left:410px;visibility: hidden;opacity: 0;}
#icon-setting-wrap .popup-bg{padding: 20px;}
#icon-setting-wrap .tit-div .tit01{font-size:14px;color: #005da2;font-weight: 700;}
#icon-setting-wrap.on{visibility: visible;opacity: 1;}
#icon-setting-wrap .fav-menu-list > li{margin-bottom: 30px;}
/* =========================
자주찾는 메뉴
========================= */
.fav-menu-list{margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: left; box-sizing: border-box;width: 100%;}
.fav-menu-list > li{display: block;float: left;width: 25%;text-align: center;}
.fav-menu-list > li a{display: block;padding:10px 5px;}
.fav-menu-list > li img{display: block;}
.fav-menu-list > li label{display: inline-block;cursor: pointer;}
.fav-menu-list .img-div{display:inline-block; position: relative;}
.fav-menu-list .img-div .icon{position: absolute;top: 0;right: 0;z-index: 10;border-radius: 50%;overflow:hidden;border:1px solid #dadada;background: #ffffff;transform:translateX(50%) translateY(-50%); -webkit-transform:translateX(50%) translateY(-50%);box-sizing: border-box;padding: 4px;}
.fav-menu-list .img-div .icon:after{display:block;content:"";background-color: #dadada;width: 12px;height: 12px;-webkit-mask-image: url('../images/icon/star.svg'); mask-image: url('../images/icon/star.svg'); mask-size: cover;transform-origin: center;}
.fav-menu-list input[type="checkbox"] {display: none;}
.fav-menu-list input[type="checkbox"]:checked + .icon {background: #005da2;}
.fav-menu-list input[type="checkbox"]:checked + .icon:after{background-color: #ffffff;}

/* =========================
Footer
========================= */
#footer{ width: 100%; color: #7f7f7f; font-weight: 500; position: relative; padding-bottom: 25px;}
#footer a{color: #7f7f7f;}
#footer .div01{ width: 700px; margin: 0 auto; padding: 35px 0; }
#footer .div01 .div01-li{ float: left; width: 33.33%; padding: 0 20px;box-sizing: border-box;}
#footer .div01 .div01-li.icon-li{ text-align: center; position: relative; padding: 20px; font-size: 14px;}
#footer .div01 .div01-li.icon-li a{ font-size: 14px;color: #212121;}
#footer .div01 .div01-li.icon-li a .txt01{ margin-top: 5px;}
#footer .div01 .div01-li.icon-li:after{position: absolute; top: 50%;right: 0;content:""; display: block; width: 1px; height: 70px; background: #dadada; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#footer .div01 .div01-li .slider-tit{background:#212121;color: #ffffff;padding:5px 8px;border-radius: 4px;font-size:11px;display: inline-block;font-weight: 700; margin-bottom:7px;}

    #footer #banner_0 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_1 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_2 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_3 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_4 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_5 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_6 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_7 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_8 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_9 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
    #footer #banner_10 {
        width: 740px;
        border-top: 0px solid #dadada;
        margin: 0 auto;
        padding: 0px 0;
        border-bottom: 0px solid #dadada;
    }
/* dot */
.today-pro-slider .slick-dots{ position: absolute; top: -25px; right: 60px; font-weight: 500; font-size: 12px; }
.today-pro-slider .slick-dots:after{ display: inline-block; content: " / 5"; vertical-align: middle; margin-left: 3px; color:#999999; }
.today-pro-slider .slick-dots li{ display: none; }
.today-pro-slider .slick-dots li button{ color: #585858; font-weight: 500; font-size: 12px; }
.today-pro-slider .slick-dots li.slick-active{ display: inline-block;  }
/* controls */
.today-pro-slider .slick-arrow{ position: absolute; top:-30px; display: block; outline: none; text-align: left; z-index: 10; font-size: 0; line-height: 0; overflow: hidden; width:50px; height: 25px; border: 1px solid #d5d8db; box-sizing: border-box; background-color: #fff; }
.today-pro-slider .slick-prev{width:25px; right: 25px; background: url('../images/main/today-pro-prev.png') no-repeat 50% 50%; background-size: 7px; border-right: 1px solid #d5d8db;border-top-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px; }
.today-pro-slider .slick-next{width:25px; right: 0; background: url('../images/main/today-pro-next.png') no-repeat 50% 50%; background-size: 7px; border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px; border-left: none;}
.today-pro-slider .slick-arrow:hover{background-color: #f0f0f0;}
/* slider */
.today-pro-slider .slider a{display: block;}
.today-pro-slider .slider a .img{float: left; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 12px;}
.today-pro-slider .slider a .txt-div{float: left;font-size: 14px;}
.today-pro-slider .slider a .txt-div .txt01{color:#005da2; }
.today-pro-slider .slider a .txt-div .txt01 span{color:#7f7f7f; }
.today-pro-slider .slider a .txt-div .txt02{color:#212121; }

#footer.sub-footer .div02 .foot_menu{text-align: left;height: 19px;}
#footer.sub-footer .div02 .foot_menu li{margin-right: 45px;}
#footer.footer-main .div02 .foot_menu li{padding: 0 20px;}
#footer.footer-main .div02 .info_inline{text-align: center;}
/*#footer .div02{ border-top: 1px solid #dadada;}*/
#footer .div02 .foot_menu{display:block;margin: 20px 0;text-align: center;}
#footer .div02 .foot_menu li{ display: inline-block;}
#footer .div02 .foot_menu li a{ display: block; font-size: 12px;font-weight: 700;line-height: 16px;}
#footer .div02 .info_inline{margin: 5px auto; font-size: 12px; width: 1050px; }
#footer .div02 .info_inline p{ display: inline; line-height: 1.8;}
#footer .div02 .info_inline p:after{ content:""; display: inline-block; width: 1px; height: 12px; background: #dadada; margin: 0 13px; vertical-align: middle;}
#footer .div02 .info_inline p:first-child { padding-left: 0;}
#footer .div02 .info_inline p:last-child::after{display: none;}


#footer .div02 .footer-info{margin: 5px auto; font-size: 12px; }
#footer .div02 .footer-info p{ display: inline; line-height: 20px; margin-right: 21px;}
#footer .div02 .footer-info p:last-child { margin-right: 0;}

#footer .btn-chat{ position: absolute; top:20px;right: 40px;}