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

/**/
.section {
    overflow: hidden;
    position: relative;
}

.section:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    animation: grow infinite alternate ease-in-out 8s;
}

@keyframes grow {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);

    }
}

.consult:before {
    background:url("/theme/henalhome/design/img/consult_bg.jpg") center bottom no-repeat;
}

#orders{background:#5f923a; padding:80px 0;}



/**/
.consult_box .c_form {
    float: left;
    width: 65%;
}

.consult_box .c_list {
    float: right;
    width: 33%;
}

@media(max-width:1100px) {

    .consult_box .c_form {
        float: none;
        width: 100%;
    }

    .consult_box .c_list {
        float: none;
        width: 100%;
    }

}


.consult_box {
    background: #fff;
    overflow: hidden;
    padding: 35px 50px 30px 50px;
    border-radius: 15px;
    margin-top: 20px;
    border: 0px solid #eee;
}

@media(max-width:1200px) {
.consult_box {
    padding: 15px;
}
}



/**/
.point_tit h2 {
    font-size: 220%;
    font-weight: 100;
    color: #111;
    letter-spacing: -1px;
    font-family: 'ONE-Mobile-Title' !important;
}
.point_tit h2.black{color:#222;}
.point_tit h2.white{color:#fff;}
@media(max-width:1200px) {
    .quickly_consult {
        width: 100%;
    }
}

.eventzone {
    width: 450px;
    display: inline-block;
    float: right;
    margin-top: 50px;
    background: #fff;
    padding: 35px;
    border-radius: 20px;
}

@media(max-width:550px) {
    .eventzone {
        width: 100%;
    }
}

/**/
a.more_btn {
    clear: both;
    color: #333;
    margin: 30px auto 30px;
    padding: 10px;
    border-radius: 15px;
    /*
    position: absolute;
    top: 5px;
    right: 0;
    */
    display: block;
    width: 150px;
    height: auto;
    line-height: 25px;
    text-align: center;
    border: 1px solid #ddd;
    color: #777;
    background: #fff;
}

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

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


/**/
.location_jj {


    /* 좌측으로 정렬
    position:absolute; left:50%; margin-left:-550px; width:1200px; height:auto; color:#fff; margin-top: -104px; z-index:999;
    */


    width: 100%;
    height: auto;
    background: #2d578a;
    color: #333;
    z-index: 999;
    padding: 20px 0;
}

.location_jj a:hover {
    color: #fe0;
}

.location_jj a .img1 {
    height: 100px;
    background: url("/theme/henalhome/design/img/img_jeonju.png") center bottom no-repeat;

}

.location_jj img {
    float: left;
    margin-right: 0px;
}

.location_jj span {
    display: block;
    color: #333;
    text-align: center;
    font-family: 'GangwonEduPowerExtraBoldA';
    font-size: 240%;
    padding: 0 20px;
}

.location_jj span em {
    display: inline-block;
    line-height: 110%;
    color: #eee;
}

.location_jj span em a {
    color: #91bfeb;
}

@media(max-width:1024px) {
    .location_jj span {
        font-size: 200%;
    }
}

@media(max-width:768px) {
    .location_jj span {
        font-size: 180%;
    }
}

@media(max-width:425px) {
    .location_jj span {
        font-size: 150%;
    }
}


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

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

/*quick_consult*/
.quick_consult {
    background: #091811;
    padding:80px 0 !important;
}

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

.events{padding-bottom:30px !important;} 
.customers{padding-bottom:30px !important;} 

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

.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:1200px) {
    .sunlin ul.menu li {
        width: 90%;
        margin: 5px 10px;
    }
}

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

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

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


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

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

.point_box {
    display: inline-block;
    width: 300px;
    float: right;
}

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

}

@media(max-width:1200px) {

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

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

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

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

    .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 {
        display: none;
    }

    .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%;
    }

    .point_box {
        width: 100%;
    }
}

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

}

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

}



.point_box ul li {
    display: block;
    width: 100%;
    height: 105px;
    padding: 15px 25px;
    background: #f9f9f9;
    border-radius: 15px;
    margin-bottom: 13px;
    position: relative;
}

.point_box ul li.on {
    background: #fdd4e3;
}

.point_box ul li span {
    clear: both;
    float: left;
}

.point_box ul li img {
    float: right;
    margin-top: -10px;
    display: block;
}

.point_box ul li:nth-child(1) {
    background: #f9f9f9 url("/theme/henalhome/design/img/icon_pointbox1.png") right center no-repeat;
}

.point_box ul li:nth-child(1).on {
    background: #fdd4e3 url("/theme/henalhome/design/img/icon_pointbox1.png") right center no-repeat;
}

.point_box ul li:nth-child(2) {
    background: #f9f9f9 url("/theme/henalhome/design/img/icon_pointbox2.png") right center no-repeat;
}

.point_box ul li:nth-child(2).on {
    background: #fdd4e3 url("/theme/henalhome/design/img/icon_pointbox2.png") right center no-repeat;
}

.point_box ul li:nth-child(3) {
    background: #f9f9f9 url("/theme/henalhome/design/img/icon_pointbox3.png") right center no-repeat;
}

.point_box ul li:nth-child(3).on {
    background: #fdd4e3 url("/theme/henalhome/design/img/icon_pointbox3.png") right center no-repeat;
}

/*
.point_box ul li.one{background: #f60 url("") right center no-repeat;}
.point_box ul li.two{background: #f8f8f8 url("/theme/henalhome/design/img/icon_pointbox2.png") right center no-repeat;}
.point_box ul li.three{background: #f8f8f8 url("/theme/henalhome/design/img/icon_pointbox3.png") right center no-repeat;}
.point_box ul li span{display:block;}
*/

.point_box ul li span.more {
    position: absolute;
    bottom: 15px;
    left: 20px;
    display: inline-block;
    border: 2px solid #f5f2f0;
    border-radius: 15px;
    font-size: 80%;
    padding-top: 3px;
    background: #ff6601;
    padding: 0 10px;
}

.point_box ul li span.more.black {
    display: inline-block;
    border: 2px solid #ddd;
    border-radius: 15px;
    font-size: 80%;
    padding-top: 3px;
    background: #fff;
    padding: 0 10px;
    color: #333;
}

.point_box ul li span.more:hover {
    border: 2px solid #ff0;
}

.point_box ul li span.more.black:hover {
    border: 2px solid #f60;
}

.point_box ul li span:nth-child(1) {
    font-weight: normal;
}

.point_box ul li:nth-child(1) span {}

.point_box ul li:nth-child(1) span:nth-child(1) {
    color: #555;
    line-height: 90%;
}

.point_box ul li:nth-child(1) span:nth-child(2) {
    color: #333;
    font-size: 129%;
    letter-spacing: -1px;
    font-weight: 900;
    clear: both;
}

.point_box ul li:nth-child(2) span {
    color: #333;
}

.point_box ul li:nth-child(2) span:nth-child(1) {
    color: #555;
    line-height: 90%;
}

.point_box ul li:nth-child(2) span:nth-child(2) {
    color: #333;
    font-size: 129%;
    letter-spacing: -1px;
    font-weight: 900;
}

.point_box ul li:nth-child(3) span {
    color: #333;
}

.point_box ul li:nth-child(3) span:nth-child(1) {
    color: #555;
    line-height: 90%;
}

.point_box ul li:nth-child(3) span:nth-child(2) {
    color: #333;
    font-size: 129%;
    letter-spacing: -1px;
    font-weight: 900;
}




@media(max-width:1200px) {
    .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;
}





.service_event {
    overflow: hidden;
    padding: 50px 0;
}

.point_pcy {
    background: #fff;
    padding: 50px 0;
}

.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-size: 130%;
    color: #f60;
    margin-bottom: 10px;
}

.ate_content .txt {
    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:1200px) {

    /*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 {
    padding-bottom: 30px;
}

@media(max-width:1200px) {
    .point_tit {
        padding-bottom: 0px;
    }

    .form_consult {
        padding-bottom: 0;
    }
}



.point_tit h2 {
    font-size: 220%;
    font-weight: 100;
    color: #111;
    letter-spacing: -1px;
    font-family: 'ONE-Mobile-Title' !important;
}

.point_tit p.lead {
    font-size: 110%;
    color:#eee;
    margin-bottom: 0;
}

.point_tit p.lead.white{color:#eee;}
.point_tit p.lead.black{color:#777;}

.point_content h4 {
    font-size: 130%;
    color: #f60;
    margin-bottom: 10px;
}

.point_content .txt {
    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;
    clear: both;
}

.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 {
    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 {}

.agri_content .two ul.better {}

.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:1200px) {

    /*Laptop-L*/
    .agri_content {
        background: none;
    }
}

@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: 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-size: 130%;
    color: #f60;
    margin-bottom: 10px;
}

.data_content .txt {
    font-size: 220%;
    line-height: 100%;
    text-align: justify;
}

.data_content .txt span {
    display: block;
}

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

.data_content .pc {
    display: block;
}

.data_content .mobile {
    display: none;
}

@media(max-width:768px) {
    .data_content .pc {
        display: none;
    }

    .data_content .mobile {
        display: block;
    }

}


.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:1200px) {
    /*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:1200px) {
    .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:1200px) {

    .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:1200px) {
    .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;
}

.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:1200px) {
    .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) {}




/*문의*/
#captcha{padding-bottom:10px;}
#captcha #captcha_info{display:none;}


.step_wrap {
    clear: both;
    display: block;
    padding: 0px 0;
    margin: 0 auto;
    text-align: center;
}

.step {
    display: inline-block;
    width: 260px;
    height: auto;
    padding: 0px 0;
    margin: 0px auto;
}

.step p.icon span {
    display: block;
    text-align: center;
}

@media(max-width:375px) {
    .step {
        width: 100% !important;
    }

}

.step {
    position: relative;
}

.step h3 {
    display: block;
    width: 100%;
    height: auto;
}

.step span.num {
    z-index: 1;
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -61px;
    width: 120px;
    height: auto;
    border-radius: 20px;
    border: 3px solid #f30;
    background: #fff;
    text-align: center;
    font-weight: 900;
    font-size: 140%;
    color: #333;
    font-family: 'Vitro_core' !important;
}

.step h3 b {
    display: block;
    text-align: center;
    font-size: 240%;
    font-family: 'ONE-Mobile-Title' !important;
}

.step .txt {
    text-align: center;
}

.step .txt b {
    font-size: 190%;
    color: #f73d60;
    padding-left: 10px;
}

.arrow {
    position: absolute;
}

.arrow1 {
    top: 5px;
    right: -16px;
}

.arrow2 {
    display: none;
    right: 120px;
    bottom: -50px
}

@media(max-width:835px) {
    .step {
        display: block;
        margin-bottom: 80px;
    }

    .arrow1 {
        display: none;
    }

    .arrow2 {
        display: block;
    }

    .step_wrap {
        margin-top: 30px;
    }
}