@charset "UTF-8";
/* CSS Document */



.main_banner{position:static; width:100%; top:0; left:0; margin-left:0px;}   


/*application_reception*/
.application_reception {
    background: #f0f0f9;
}

.application_reception .row img {
    display: block;
    margin: 0 auto;
}



















.calltalk {
    height: 300px;
    background: url("/theme/henalhome/design/img/img_calltalk.png") center center no-repeat;
}

/*메인슬라이더*/
.mainslider {
    position: relative;
    clear: both;
    padding: 0 !important;
    background: #fff;
}

.mainslide {
    padding: 0;
    width: 100%;
}

.direct_menu {
    display: block;
    width: 380px;
    height: auto;
    font-size: 90%;
    clear: both;
    margin-top: 10px;
}


.direct_menu ul li {
    display: inline-block;
    width: 185px;
    height: auto;
    background: #f8f8f8;
    padding: 10px 15px;
    border: 2px solid #333;
    letter-spacing: -1px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    font-size: 125%;
}

.direct_menu ul li:nth-child(odd) {
    float: left;
}

.direct_menu ul li:nth-child(even) {
    float: right;
}

.direct_menu ul li:hover {
    background: #fbf0f0;
    border: 2px solid #f60;
}

.direct_menu ul li:hover a {
    color: #f60;
}

.direct_menu ul li img {
    margin-right: 10px;
}

@media(max-width:1100px) {
    .sunlin ul.menu li {
        width: 90%;
        margin: 5px 10px;
    }
}

@media(max-width:480px) {
    .mainslider {
        margin-top: 0px !important;
    }
}

.slide_text {
    float: right;
    width: 279px;
    height: 284px;
    background: #fff;
    padding: 30px;
}

.box_wrap {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}


.portfolio_box {
    display: inline-block;
    width: 380px;
    float: left;
}

.search_box {
    display: inline-block;
    width: 353px;
    margin: 0 30px;
}


@media(max-width:1440px) {
    /*Laptop-L*/

}

@media(max-width:1100px) {

    /*Laptop*/
    .box_wrap {
        width: 100%;
    }

    .portfolio_box {
        display: block;
        width: 100%;
    }

    .search_box {
        display: block;
        width: 100%;
        margin: 0;
        clear: both;
        padding: 30px 0;
    }

    .focusBox ul.pic {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .focusBox ul.pic li {
        width: 100% !important;
    }

    .focusBox ul.pic img {
        width: 100% !important;
        height: auto !important;
    }
}

@media(max-width:768px) {
    /*Tablet*/

}

@media(max-width:425px) {

    /*Mobile-L*/
    .focusBox {}

    .focusBox .num {

    }

    .focusBox .pic img {
        width: 100% !important;
        height: auto !important;
    }

    .focusBox ul.pic {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .focusBox ul.pic li {
        position: static !important;
        width: 100% !important;
        height: auto !important;
    }

    .focusBox .txt {
        position: static;
    }

    .portfolio_box {
        width: 100%;
        height: auto;
    }

    .search_box {
        width: 100%;
    }

}

@media(max-width:375px) {
    /*Mobile-M*/

}

@media(max-width:320px) {
    /*Mobile-S*/

}






@media(max-width:1100px) {
    .slide_text {
        clear: both;
        float: none;
        width: 100%;
        height: 284px;
    }

    .mainrow1 {
        padding: 0 !important;
    }
}

@media(max-width:992px) {}

@media(max-width:768px) {}

@media(max-width:480px) {}


.why_okzip {
    background: #f5f0f3;
    overflow: hidden;
}



.point_pcy {
    background: #fff;
}

.point_pcy .slideInLeft {
    text-align: center;
}

.point_pcy .slideInLeft img {
    width: 80%;
}

.point_pcy .slideInRight .txt {
    font-size: 220%;
}

.point_pcy .consult_back {
    background: #f8f8f8;
    padding: 30px;
    text-align: center;
}

.point_pcy .consult_back_text {
    padding-left: 50px;
}

.width_henal {
    background: #f3f5f0;
}

.data {
    background: #f5f3f1;
}

.afp {
    background: #f8f8f8;
}

/*메인 ate*/
.ate_tit {
    padding-bottom: 30px;
}

.ate_tit h2 {
    font-size: 140%;
    font-weight: 900;
}

.ate_content h4 {
    font-family: 'GmarketSansMedium' !important;
    font-size: 130%;
    color: #f60;
    margin-bottom: 10px;
}

.ate_content .txt {
    font-family: 'GmarketSansMedium' !important;
    font-size: 220%;
    line-height: 100%;
    text-align: justify;
}

.ate_content .txt span {
    display: block;
}

.ate_content .txt span b {
    color: #f30;
}

@media(max-width:1440px) {

    /*Laptop-L*/
    .point_pcy .slideInRight .txt {
        font-size: 190%;
    }
}

@media(max-width:1024px) {

    /*Laptop*/
    .point_content h4 {
        font-size: 110% !important;
    }

    .point_pcy .slideInLeft {
        display: block;
        float: none;
    }

    .point_pcy .slideInRight {
        display: block;
        float: none;
        padding-top: 30px;
    }

    .point_pcy .slideInRight .txt {
        font-size: 140%;
    }

    .ate_content .txt {
        font-size: 170%;
    }

    .point_pcy .consult_back_text {
        padding: 0 15px !important;
        margin-top: 30px;
    }
}

@media(max-width:768px) {

    /*Tablet*/
    .ate_content .txt {
        font-size: 180%;
    }

    .point_content h4 {
        font-size: 80% !important;
    }

    .point_content .txt span {
        font-size: 80% !important;
    }

    .ate_content .two img {
        display: block;
        margin: 20px auto 0;
        float: none !important;
    }
}

@media(max-width:425px) {

    /*Mobile-L*/
    .ate_content .txt {
        font-size: 160%;
    }

    .point_pcy .consult_back img {
        width: 100%;
    }

    .point_content .txt span {
        font-size: 75% !important;
    }
}

@media(max-width:375px) {

    /*Mobile-M*/
    .ate_content .txt {
        font-size: 120%;
    }

    .point_content .txt span {
        font-size: 70% !important;
    }
}

@media(max-width:320px) {

    /*Mobile-S*/
    .point_content ul.icon li {
        font-size: 80% !important;
        font-size: 73% !important;
    }

    .point_content .txt span {
        font-size: 62% !important;
    }
}


.ate_content p {
    padding: 20px 0;
    line-height: 110%;
}

.ate_content ul li {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    color: #fff;
    background: #f30;
    border-radius: 10px;
}

.ate_content .two img {
    float: right;
}

.point_tit {

}

.point_tit h2 {
    display:inline-block;
    font-family: 'ONE-Mobile-Title' !important; 
    font-size: 160%;
    font-weight: 100;
    color: #237bc9;
    letter-spacing: -1px;
    line-height: 100%;
    position:relative;
}

.point_tit h2:after{
content: '';
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 0;
    background-color: #237bc9;
    position: absolute;
    bottom: -40px;
    left: 0;
    margin-left: 0;
    margin-top: 0px;
}
    
}


.point_tit h2.black {
    color: #222;
}

.point_tit p.lead {
    font-size: 110%;
    color: #afcce9;
}
.point_tit p.lead.black {
    float:left;
    display:inline-block;
    color: #555;
    margin-bottom:0;
    padding-left:30px;
}
.point_content h4 {
    font-family: 'GmarketSansMedium' !important;
    font-size: 130%;
    color: #f60;
    margin-bottom: 10px;
}

.point_content .txt {
    font-family: 'GmarketSansMedium' !important;
    font-size: 220%;
    line-height: 100%;
    text-align: justify;
}

.point_content .txt span {
    display: block;
}

.point_content .txt span b {
    color: #f30;
}

.point_content p {
    padding: 20px 0;
}

.point_content p span {
    display: block;
    text-align: left !important;
}

.point_content ul.icon {
    text-align: center;
}

.point_content ul.icon li {
    display: inline-block;
    padding: 5px;
    margin-right: 5px;
    color: #666;
}

.point_content ul.icon li i {
    font-size: 250%;
}

.point_content ul.icon li:nth-child(1) .icon {
    background: url("/theme/henalhome/design/img/img_point_1.png") center center no-repeat;
}

.point_content ul.icon li:nth-child(2) .icon {
    background: url("/theme/henalhome/design/img/img_point_2.png") center center no-repeat;
}

.point_content ul.icon li:nth-child(3) .icon {
    background: url("/theme/henalhome/design/img/img_point_3.png") center center no-repeat;
}

.point_content ul.icon li:nth-child(4) .icon {
    background: url("/theme/henalhome/design/img/img_point_4.png") center center no-repeat;
}

.point_content ul.icon li:nth-child(5) .icon {
    background: url("/theme/henalhome/design/img/img_point_5.png") center center no-repeat;
}

.point_content ul.icon li p {
    text-align: center;
    padding: 5px 0;
}

.point_content ul.icon li span b {
    color: #f30;
}

.point_content .two img {
    float: right;
}

.point_btn {
    text-align: center;
    padding: 30px 0;
}

.point_btn a {
    margin: 5px;
    padding: 10px 20px;
}

.point_btn .vip {
    background: #ffd01a;
    color: #333;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
}

.point_btn .vip:hover {
    background: #f3c514;
}

.point_btn .point {
    background: #f60;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
}

.point_btn .point:hover {
    background: #f07623;
}

.agri_tit {
    padding-bottom: 30px;
    overflow: hidden;
}

.agri_tit h2 {
    font-size: 140%;
    font-weight: 900;
}

.agri_content {
    background: url("/theme/henalhome/design/img/img_agri_3.png") center top no-repeat;
}

.agri_content h4 {
    font-family: 'GmarketSansMedium' !important;
    margin-bottom: 10px;
}

.agri_content h4 span {
    font-size: 120%;
    line-height: 190%;
}

.agri_content h4 b {
    display: block;
    float: left;
    background: #f60;
    padding: 3px;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 10px;
    border-radius: 50%;
}

.agri_content .one {}

.agri_content ul.better {
    display: table-cell;
    padding-top: 0px;
    width: 70%;
}

.agri_content ul.better li p {
    padding-bottom: 30px;
}

.agri_content .one ul.better {
    float: left;
}

.agri_content .two ul.better {
    float: right;
}

.agri_content .two {}

.agri_btn {
    text-align: center;
    padding: 30px 0;
}

.agri_btn a {
    margin: 5px;
    padding: 10px 20px;
    background: #f30;
    color: #fff;
    border-radius: 10px;
}

@media(max-width:1440px) {
    /*Laptop-L*/

}

@media(max-width:1024px) {

    /*Laptop*/
    .agri_content .one ul.better {
        float: none;
    }

    .agri_content .two ul.better {
        float: none;
    }
}

@media(max-width:768px) {

    /*Tablet*/
    .agri_content {
        background: none;
    }
}

@media(max-width:425px) {

    /*Mobile-L*/
    .point_tit {
        font-size: 80%;
        padding-bottom: 10px;
    }
    
    .point_tit p.lead
    {margin-bottom:0;}
}

@media(max-width:375px) {
    /*Mobile-M*/

}

@media(max-width:320px) {
    /*Mobile-S*/

}





.data_content .afp {
    background: #fff url("/theme/henalhome/design/img/img_data.png") center center no-repeat;
    padding: 40px 0;
    height: 240px;
    border-radius: 20px;
}

.data_content ul.map li {
    width: 48%;
    background: #f1f1f1;
    padding: 20px;
    margin-bottom: 15px;
}

.data_content ul.map li:nth-child(odd) {
    float: left;
}

.data_content ul.map li:nth-child(even) {
    float: right;
}

.data_content ul.map li span {
    font-weight: 900;
    font-size: 150%;
    color: #111;
}

.data_content h4 {
    font-family: 'GmarketSansMedium' !important;
    font-size: 130%;
    color: #f60;
    margin-bottom: 10px;
}

.data_content .txt {
    font-family: 'GmarketSansMedium' !important;
    font-size: 220%;
    line-height: 100%;
    text-align: justify;
}

.data_content .txt span {
    display: block;
}

.data_content .txt span b {
    color: #f30;
}

.data_content p {
    padding: 20px 0;
}

.data_content p span {
    display: block;
    text-align: left !important;
}

.data_btn {
    text-align: center;
    padding: 10px 0 30px 0;
    width: 70%;
    margin: 0 auto;
}

.data_btn a {
    display: block;
    margin: 5px;
    padding: 10px 20px;
}

.data_btn .join {
    background: #c2e1ea;
    color: #333;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
}

.data_btn .join:hover {
    background: #9ee1f5;
}

.data_btn .mypage {
    background: #666;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
}

.data_btn .mypage:hover {
    background: #999;
}

@media(max-width:1440px) {
    /*Laptop-L*/

}

@media(max-width:1024px) {

    /*Laptop*/
    .data_content .txt {
        font-size: 180%;
    }
}

@media(max-width:768px) {

    /*Tablet*/
    .data_content ul.map {
        background: url("/theme/henalhome/design/img/img_data.png") right top no-repeat;
    }

    .data_content h4 {
        font-size: 95% !important;
    }
}

@media(max-width:425px) {
    /*Mobile-L*/

}

@media(max-width:375px) {
    /*Mobile-M*/

}

@media(max-width:320px) {
    /*Mobile-S*/

}









/*.favorite_box*/
.main_cafe {
    position: absolute;
    top: 50px;
    right: 50px;
    margin-left: 0px;
    width: 100px;
    height: 550px;
    border: 0;
    padding: 20px 0;
}

.main_cafe .cafe {
    float: right;
    width: 300px;
    height: 190px;
    padding: 25px;
    background: #fff url("/theme/henalhome/design/img/bg_cafe.png") 70px center no-repeat;
    border-radius: 20px;
    position: relative;
}

.main_cafe .cafe a {
    display: inline-block;
    color: #fff;
    background: #268392;
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    bottom: 25px;
    left: 25px;
}

.main_cafe .cafe span.subtitle {
    display: block;
    font-size: 85%;
    width: 100%;
    height: 22px;
    line-height: 22px;
    margin: 0 auto;
    text-align: left;
}

.main_cafe .cafe span.title {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: left;
}

.main_cafe .cafe span.title b {
    font-size: 200%;
}

.main_cafe .addmission {
    float: left;
    margin-left: 12px;
    width: 155px;
    height: 190px;
    padding: 15px;
    border-radius: 20px;
    background: #fff;
}

.main_cafe .addmission img {
    display: block;
    margin: 0 auto;
}

.main_cafe .addmission a {
    color: #333;
    text-align: center;
}

.main_cafe .addmission a span.title {
    text-align: center;
    color: #333;
    display: block;
    padding-top: 10px;
    font-size: 150%;
}


@media(max-width:1100px) {
    .main_cafe {
        display: none;
    }

}

.favorite_box {
    background: none;
    border-radius: 20px;
    text-align: center;
    padding: 20px 0;
    margin-left: 20px;
}

.favorite_box h3 {
    color: #fff;
    text-align: left;
    padding-bottom: 15px;
    font-size: 150%;
    font-weight: 900;
}

.favorite_box ul li {
    float: right;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    text-align: center;
    border-radius: 60px;
    color: #fff;
    margin: 5px;
    transition-property: width;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    position: relative;
    overflow: hidden;
}

.favorite_box ul li i {
    display: none;
    font-size: 140%;
    position: absolute;
    top: 20px;
    left: 20px;
}

.favorite_box ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 65px;
    text-align: center;
}

.favorite_box ul li a img {
    display: block;
    width: 50px;
    margin: 0 auto;
}

.favorite_box ul li p {
    /*position:absolute; left:60px; top:2px; height:60px; line-height:60px; text-indent:-9999px; float:left;*/
    display: block;
    color: #444;
    text-align: center;
}

.favorite_box ul li:hover {
    width: 152px;
    border-radius: 60px;
    transition-property: width;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

.favorite_box ul li:hover a img {
    float: left;
    margin-left: 10px;
}

.favorite_box ul li:hover p {
    color: #777;
    text-indent: 0px;
    font-size: 110%;
    font-weight: 900;
}


/*latest_box*/
.latest_box li.box {
    display: inline-block;
    width: 32.5%;
    height: 280px;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 3px;
}

.latest_box li.box .titlegroup {}

.latest_box li.box:nth-child(1) {
    width: 35%;
}

.latest_box li.box:nth-child(2) {
    width: 28%;
}

.latest_box li.box:nth-child(3) {
    width: 35%;
}

/*latest_box2*/
.latest_box2 li.box {
    display: inline-block;
    width: 32.5%;
    height: 320px;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 3px;
    position: relative;
}

.latest_box2 li.box.main1 {
    width: 279px;
    height: 159px;
    background: #c9ece7 url("/theme/henalhome/design/img/bg_main1.png") center center no-repeat;
    float: left;
}

.latest_box2 li.box.main2 {
    width: 279px;
    height: 159px;
    background: #bde0f6 url("/theme/henalhome/design/img/bg_main2.png") center center no-repeat;
    float: right;
}

.latest_box2 li.box.main3 {
    width: 502px;
    height: 159px;
}

@media(max-width:1100px) {

    .latest_box2 li.box {
        width: 100% !important;
        height: auto;
        float: none;
        border: 0;
    }
}

@media(max-width:992px) {}

@media(max-width:768px) {}

@media(max-width:480px) {}



.latest_box2 li.box span {
    text-align: left;
}

.latest_box2 li.box span.tit {
    font-weight: bold;
    display: block;
}

.latest_box2 li.box span.s_tit {
    display: block;
}

.latest_box2 li.box a.more {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.latest_box2 li.box .titlegroup {}

.latest_box2 li.box a.icon {
    display: inline-block;
    padding: 10px 20px;
}

.latest_box2 li.box span.img img {
    display: block;
    background: #f9f9f9;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto !important;
}


.latest_box2 li.box2 {
    display: inline-block;
    width: 24.2%;
    height: auto;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 3px;
    position: relative;
}

.latest_box2 li.box2 a.icon2 {}

.latest_box2 li.box2 a.icon2 .img {
    text-align: center;
}

.latest_box2 li.box2 a.icon2 .img img {
    display: block;
    margin: 0 auto;
}

.latest_box2 li.box2 a.icon2 .img span.tit {
    display: block;
    font-weight: 400;
}

.latest_box2 li.box2 a.icon2 .img span.more {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 5px;
    margin-top: 15px;
    border-radius: 10px;
}


@media(max-width:1100px) {
    .tiles {
        padding: 10px !important;
    }

    .latest_box li.box {
        display: inline-block;
        width: 100% !important;
        height: auto;
        margin: 0 0 5px 0;
    }

    .latest_box2 li.box {
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 0 0 5px 0;
    }

    .banner_together {
        display: block;
        margin-bottom: 10px;
    }

    .latest_box2 li.box a.icon {
        padding: 10px 10px;
    }

    .latest_box2 li.box2 {
        width: 100%;
        height: auto;
    }

}

/*메인타이틀*/
.titlegroup {
    padding: 0 0 10px 0px;
    position: relative;
    clear: both;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.titlegroup span.title {
    float: left;
    width: 100%;
    display: inline-block;
    color: #555;
    font-size: 180%;
    letter-spacing: -1px !important;
    padding-bottom: 0px;
    font-weight: 100;
    border-bottom: 4px solid #ddd;
    text-transform: capitalize;
    margin-bottom: 0px;
    font-family: 'GmarketSansMedium';
}

.titlegroup span.title:after {
    content: '';
    display: block;
    margin-bottom: 10px;
    width: 100px;
    border-bottom: 4px solid #2d3098;
    position: absolute;

}

.titlegroup span.info_title {
    text-align: left;
}

.titlegroup span.subtitle {
    font-weight: 100;
    color: #42aecd;
}

.titlegroup span.title b {
    color: #333;
    position: relative;
    display: inline-block;
}

.titlegroup span.title b:after {
    content: '';
    display: block;
    margin-bottom: 10px;
    width: 100%;
    border-top: 4px solid #42aecd;
}

.titlegroup a.more {
    color: #333;
    margin-top: 0px;
    position: absolute;
    padding: 0 10px;
    border-radius: 5px;
    top: 5px;
    right: 0;
    width: auto;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #ddd;
    color: #ddd;
}

.titlegroup a.more:hover {
    color: #004782;
    border: 1px solid #004782
}

@media(max-width:480px) {
    .titlegroup a.more {
        bottom: 8px;
    }
}

.titlegroup span.text {
    clear: both;
    color: #777;
    margin-top: 7px;
    display: none;
}


/**/
ul.latest_box li.banners {
    border: none;
    padding: 0;
    margin: 0;
}

ul.latest_box li.banners ul.banner_together li.ban {
    display: block;
    border: 1px solid #ddd;
    height: 135px;
    padding: 15px;
    text-align: left;
}

ul.latest_box li.banners ul.banner_together li.ban:first-child {
    margin-top: 3px;
    background: #f2f9fd url("/theme/henalhome/design/img/img_ban1.png") right center no-repeat;
}

ul.latest_box li.banners ul.banner_together li.ban:last-child {
    margin-top: 10px;
    background: #f0f5ff url("/theme/henalhome/design/img/img_ban2.png") right center no-repeat;
}

ul.latest_box li.banners ul.banner_together li.ban span.subtit {
    color: #127fb8;
}

ul.latest_box li.banners ul.banner_together li.ban p {
    color: #065496;
    font-size: 160%;
    display: block;
    margin-bottom: 20px;
}

ul.latest_box li.banners ul.banner_together li.ban a.more {
    color: #777;
    border: 1px solid #777;
    padding: 10px 15px;
    border-radius: 10px;
    clear: both;
}


/*center_menu*/
ul.center_menu {
    text-align: center;
    padding: 15px 0;
}

ul.center_menu li {
    display: inline-block;
}

.centerbox {
    float: none;
    width: 100%;
}

/*cscenter*/
.cscenter {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 0px;
    text-align: left;
}

.cscenter .subtitle {
    padding: 0;
    font-size: 150%;
    color: #000;
    padding: 10px 0;
    width: 100%;
    height: auto;
    float: none;
}

.cscenter .subtitle strong {
    display: block;
    color: #999;
    font-weight: normal;
    padding: 10px;
    text-align: center;
}

.cscenter .subtitle span.csnumber {
    display: block;
    float: left;
}

.cscenter .subtitle span.csnumber b {
    display: inline-block;
    height: auto;
    line-height: 100%;
    font-size: 210%;
    text-align: left;
    border-radius: 0px;
    padding: 0 0 20px 0px;
    font-weight: 900;
}

.cscenter .subtitle span.csnumber b a {
    color: #222 !important;
}

.cscenter .subtitle span.csnumber img {
    display: block;
    width: 20%;
    float: right;
}

.cscenter .subtitle span.time {
    display: block;
    font-size: 65%;
    line-height: 135%;
}

.cscenter p.btn_more2 {
    clear: both;
    display: inline-block;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 10px;
}

.cscenter h6.infodesk {
    font-weight: bold;
    color: #444;
    padding: 8px 0 0 0px;
    font-size: 200%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0px;
    float: left;
    width: 20%;
}

.cscenter ul {
    clear: both;
    width: 100%;
    display: block;
    padding: 10px 0;
}

.cscenter ul li {
    clear: both;
}

.cscenter ul li span {
    float: right;
    width: 70%;
}

.cscenter ul li span.day {
    text-align: left;
    width: 25%;
    float: left;
}

.cscenter ul li span.time {
    color: #000;
}

.cscenter ul li.caution {
    clear: both;
    background: none;
    color: #222;
    border: 0px solid #333;
    font-size: 150%;
    padding-top: 30px !important;
    margin-top: 5px;
    text-align: left;
    padding: 0 !important;
    display: inline-block;
}

.cscenter ul li.end {
    color: #e81d25;
}

.cscenter ul li:last-child {
    margin-top: 10px;
}

.cscenter ul.bankcode {
    margin-top: 10px;
    border: 2px solid #81aa46;
    border-radius: 10px;
}

p.map {
    display: block;
    width: 154px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    color: #777;
    margin-right: 0px;
    text-align: center;
    border-radius: 5px;
}

.phonebox {}

.phonebox li {
    display: inline-block;
    width: 49%;
    height: 50px;
    margin-top: 0 !important;
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 5px 10px !important;
    text-align: center;
}

.phonebox li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 38px !important;
}

.phonebox li:hover {
    background: #243286;
}

.phonebox li:hover a {
    color: #fff;
}

.phonebox li .btn_more2 {
    width: 100%;
}

@media(max-width:1100px) {
    .cscenter .subtitle span.csnumber b {
        font-size: 250%;
        text-align: left;
        float: left;
    }

    .cscenter .subtitle span.csnumber b a {
        font-size: 70% !important;
    }


}

@media(max-width:992px) {}

@media(max-width:768px) {}

@media(max-width:480px) {}