@charset "UTF-8";
/* CSS Document */


.auto_tab{padding:30px 0;}
/**/
.mainslide_img {
    display: block;
    width: 265px;
    height: 103px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -599px;
    margin-top: 140px;
}

.mainslide_img img {
    display: block;
}

@media(max-width:1200px) {
    .mainslide_img {
        display: block;
        width: 240px;
        height: auto;
        position: absolute;
        top: 232px;
        left: 50%;
        margin-left: -400px;
        margin-top: 90px;
    }
    .mainslide_img img{width:100%;}
    img.b_responsiveimg {
        width: auto !important;
        height: 480px !important;
        margin-left: -50%;
    }

    ul.b_bjqs {
        min-height: 480px;
        height: 480px !important;
    }

    #b_pc_banner-slide4 {
        height: 480px !important;
    }
}
@media(max-width:992px) {
    .mainslide_img {
        margin-left: -111px;
    }
}
@media(max-width:768px) {
    .mainslide_img {
        display: block;
        width: 240px;
        height: auto;
        position: absolute;
        top: 232px;
        left: 50%;
        margin-left: -130px;
        margin-top: 80px;
    }
    img.b_responsiveimg {
        margin-left: -100%;
    }
    
}

@media(max-width:425px) {
    ul.main_sns {
        margin-top: 90px !important;
    }

    .mainslide_img {
        margin-top:-20px;
    }

    img.b_responsiveimg {
        height: 350px !important;
        margin-left: -180%;
    }

    ul.b_bjqs {
        min-height: 350px;
        height: 350px !important;
    }

    #b_pc_banner-slide4 {
        height: 350px !important;
    }

    .logobar h1.logo img {}
}


.main_event {
    background: #fef4f5;
    overflow: hidden;
}

ul.main_sns {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 120px;
    margin-left: -140px;
    text-align: center;
    width: 280px;
}

ul.main_sns li {
    display: inline-block;
    margin: 0 5px;
}

/**/
.main_cafe {
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -195px;
    width: 100px;
    height: 390px;
    border: 0;
    padding: 0px 0;
}

/**/
.reason {
    background: #ecf3f6;
}

.reason_select {}

.reason_select li.item {
    display: inline-block;
    width: 15%;
    margin: 7px;
}

.reason_select li.item .img {
    display: block;
    background: #fff;
    width: 100%;
    height: 140px;
    border-radius: 20px;
    margin-bottom: 10px;
    text-align: center;
    padding: 20px 0;
}

.reason_select li.item:nth-child(1) .img {
    background: #fff url('/theme/henalhome/design/img/good01.png') center center no-repeat;
}

.reason_select li.item:nth-child(2) .img {
    background: #fff url('/theme/henalhome/design/img/good02.png') center center no-repeat;
}

.reason_select li.item:nth-child(3) .img {
    background: #fff url('/theme/henalhome/design/img/good03.png') center center no-repeat;
}

.reason_select li.item:nth-child(4) .img {
    background: #fff url('/theme/henalhome/design/img/good04.png') center center no-repeat;
}

.reason_select li.item:nth-child(5) .img {
    background: #fff url('/theme/henalhome/design/img/good05.png') center center no-repeat;
}

.reason_select li.item:nth-child(6) .img {
    background: #fff url('/theme/henalhome/design/img/good06.png') center center no-repeat;
}

.reason_select li.item:nth-child(7) .img {
    background: #fff url('/theme/henalhome/design/img/good07.png') center center no-repeat;
}

.reason_select li.item:nth-child(8) .img {
    background: #fff url('/theme/henalhome/design/img/good08.png') center center no-repeat;
}

.reason_select li.item:nth-child(9) .img {
    background: #fff url('/theme/henalhome/design/img/good09.png') center center no-repeat;
}

.reason_select li.item:nth-child(10) .img {
    background: #fff url('/theme/henalhome/design/img/good10.png') center center no-repeat;
}

.reason_select li.item:nth-child(11) .img {
    background: #fff url('/theme/henalhome/design/img/good11.png') center center no-repeat;
}

.reason_select li.item:nth-child(12) .img {
    background: #fff url('/theme/henalhome/design/img/good12.png') center center no-repeat;
}


.reason_select li.item h4 {
    text-align: center;
    font-family: 'GmarketSansBold' !important;
}

.reason_select li.item h5 {
    text-align: center;
}

.reason_select li.item:nth-child(1):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good01_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(2):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good02_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(3):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good03_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(4):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good04_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(5):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good05_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(6):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good06_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(7):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good07_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(8):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good08_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(9):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good09_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(10):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good10_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(11):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good11_2.png') center center no-repeat;
}

.reason_select li.item:nth-child(12):hover .img {
    background: #60cffe url('/theme/henalhome/design/img/good12_2.png') center center no-repeat;
}

/**/
.best_product {
    text-align: center;
}

.best_product li.item {
    border-radius: 30px;
    background: #f9f9f9;
    display: inline-block;
    width: 48%;
    padding: 50px;
    line-height: 100%;
    text-align: left;
    margin: 10px;
}

.best_product li.item.one {
    background: #73dff2 url('/theme/henalhome/design/img/img_model1.png') right bottom no-repeat;
}

.best_product li.item.two {
    background: #73cdf2 url('/theme/henalhome/design/img/img_model2.png') right bottom no-repeat;
}

.best_product li.item.three {
    background: #73f0f2 url('/theme/henalhome/design/img/img_model3.png') right bottom no-repeat;
}

.best_product li.item.four {
    background: #8cf1e4 url('/theme/henalhome/design/img/img_model4.png') right bottom no-repeat;
}


.best_product li.item h3 {
    display: inline-block;
    border-radius: 10px;
    background: #fe6703;
    color: #fff;
    padding: 5px 10px;
}

.best_product li.item h4 {
    font-size: 190%;
    font-family: 'GmarketSansBold' !important;
}

.best_product li.item p {
    color: #06869c;
}

.best_product li.item .list {
    padding-top: 10px;
}

.best_product li.item .list li {
    margin-bottom: 5px;
}


/*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;
    overflow: hidden;
    clear: both;
    padding: 0 !important;
    background: #f8f8f8
        /* url("/theme/henalhome/design/img/bg_mainslide.jpg") left center no-repeat */
    ;
}

.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 {
    text-align:left;
    border-bottom:3px solid #eee;
    padding-bottom:0px;
    height:38px;
    margin-bottom:50px;
}

.point_tit h2 {
    display:inline-block;
    font-size: 160%;
    font-weight: 100;
    color: #222;
    letter-spacing: -1px;
    line-height: 100%;
    position:relative;
    font-family: 'GmarketSansMedium' !important; 
}
.point_tit h2 b{color: #60cffe;}
.point_tit h2:after{
content: '';
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 0;
    background-color: #60cffe;
    position: absolute;
    bottom: -14px;
    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 {
    display:inline-block;
    color: #777;
    margin-bottom:0;
    padding-left:30px;
    font-family: 'GmarketSansMedium' !important; 
}

*/

.sector {}

@media(max-width:1200px) {
    .sector {
        padding: 50px;
    }

    .lat_talk2 li {
        width: 49% !important;
    }

    .lat_talk2 li img {
        width: 100%;
        height: auto;
    }

}

@media(max-width:768px) {
    .sector {
        padding: 30px;
    }
}

@media(max-width:425px) {
    .sector {
        padding: 20px;
    }

    .lat_talk2 li {
        width: 100% !important;
    }
}
.customers{overflow:hidden;}
.point_tit {
    text-align: left;
    border-bottom: 0;
    padding-bottom: 0px;
    height: auto;
    margin-bottom: 20px;
    line-height: 100%;
}

.point_tit h2 {
    display: block;
    font-size: 220%;
    font-weight: 100;
    color: #777;
    letter-spacing: -1px;
    line-height: 100%;
    position: relative;
    text-align: center;
    font-family: 'GmarketSansLight' !important;
    margin-bottom: 15px;
}

.point_tit h2 b {
    color: #222;
    font-family: 'GmarketSansMedium' !important;
}




.point_tit p.lead {
    font-size: 150%;
    color: #afcce9;
}

.point_tit p.lead.black {
    display: block;
    text-align: center;
    color: #777;
    margin-top: 0px;
    padding-left: 30px;
    font-family: 'KBIZHanmaumMyungjo' !important;
}

.point_tit p.lead.white {

    display: block;
    text-align: left;
    color: #ffff;
    margin-bottom: 30px;
    /* padding-left: 30px; */
    font-family: 'KBIZHanmaumMyungjo' !important;
    clear: both;
}





.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: 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*/

}








/*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: 49%;
    height: 320px;
    margin-top: 20px;
    border: 0px solid #ddd;
    padding: 30px;
    margin: 3px;
    position: relative;
    background: #fafafa;
    border-radius: 30px;
}

.latest_box2 li.box.main1 {
    width: 279px;
    height: 159px;
    background: #fafafa url("/theme/henalhome/design/img/bg_main1.png") center center no-repeat;
    float: left;
}

.latest_box2 li.box.main2 {
    width: 279px;
    height: 159px;
    background: #fafafa url("/theme/henalhome/design/img/bg_main2.png") center center no-repeat;
    float: right;
}


@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;
    right: 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;
}


.all_youtube {
    background: #f4f7f6;
}



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: #ddd;
    background: #fff;
}

a.more_btn:hover {
    color: #004782;
    border: 1px solid #004782
}

@media(max-width:480px) {
    a.more_btn {
        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) {}



/**/
.locate {
    overflow: hidden;
    padding: 80px 0;
}

.oneline {}

.oneline .one_line {
    background: #333;
    padding: 20px;
}

.slogan_oneline {
    color: #333;
    padding-bottom: 20px;
    position: relative;
    padding-left: 30px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.slogan_oneline:before {
    content: '';
    display: block;
    width: 5px;
    height: 53px;
    background-color: #333;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 20px;
}

.slogan_oneline b {
    font-size: 120%;
}

.slogan_oneline b.one {
    display: block;
}

.slogan_oneline b.two {
    display: block;
}


/**/
.point_feature {
    background: url('/theme/henalhome/design/img/main_bio_effect_bg.jpg') center center no-repeat;
}

.point_tit h2.black {
    text-align: left;
    color: #333 !important;
    font-family: 'GmarketSansLight' !important;
    font-size: 480%;
    display: inline-block;
    float: left;
    margin-right: 50px;
}

@media(max-width:1200px) {
    .point_tit h2.black {
        font-size: 400%
    }

    .point_tit p.lead.black {}
}

@media(max-width:768px) {
    .point_tit h2.black {
        font-size: 300%
    }
}

@media(max-width:425px) {
    .point_tit h2.black {
        font-size: 200%
    }
}

.point_tit h2.white {
    color: #fff !important;
}

.point_tit p.black {
    float: left;
    text-align: left !important;
    color: #777 !important;
    padding-left: 0 !important;
}


/*
.locate .ment{float:left; width:40%;}
.locate ul.image{float:right; width:50%;}
.locate ul.image li{display:inline-block; width:177px; height:386px; background:#f8f8f8; margin:0 5px;}
.locate ul.image li:nth-child(1){margin-top:35px; background:url('/theme/henalhome/design/img/locate_bg.jpg') -120px center no-repeat;}
.locate ul.image li:nth-child(2){margin-top:-30px;background:url('/theme/henalhome/design/img/locate_bg.jpg') center -21px no-repeat;}
.locate ul.image li:nth-child(3){margin-top:25px;background:url('/theme/henalhome/design/img/locate_bg.jpg') -388px center no-repeat;}
*/
.locate .ment {
    width: 100%;
}

.locate ul.image {
    width: 100%;
    margin-bottom: 30px;
}

.locate ul.image li {
    display: inline-block;
    width: 32%;
    height: 386px;
    background: #f8f8f8;
    margin: 0 5px;
}

.locate ul.image li:nth-child(1) {
    margin-top: 0px;
    background: url('/theme/henalhome/design/img/locate_bg1.jpg') -120px center no-repeat;
}

.locate ul.image li:nth-child(2) {
    margin-top: 0px;
    background: url('/theme/henalhome/design/img/locate_bg2.jpg') center -21px no-repeat;
}

.locate ul.image li:nth-child(3) {
    margin-top: 0px;
    background: url('/theme/henalhome/design/img/locate_bg3.jpg') -100px center no-repeat;
}

@media(max-width:1200px) {
    .locate ul.image li {
        display: inline-block;
        width: 100%;
        height: 100px;
        background: #f8f8f8;
        margin: 5px;
    }
}

@media(max-width:768px) {}

@media(max-width:425px) {}


h2.locate_title {
    display: block;
    font-family: 'SBAggroB' !important;
    font-size: 350% !important;
    color: #333 !important;
}

h2.locate_title b {
    display: block;
    color: #222;
    text-align: left;
}

.locate_sutit {
    color: #333;
    display: block;
    padding: 30px 0;
    font-size: 160%;
    clear: both;
}

.locate_sutit span {
    display: block;
    padding-bottom: 5px;
    line-height: 100%;
    color: #777;
}

.locate_sutit span b {
    color: #222;
}

/**/
.kakaomap {
    padding: 80px 0;
    overflow: hidden;
    background: #fff;
}

.kakaomap .map {
    display: block;
    width: 1200px;
    height: 601px;
    margin: 0 auto;
}

/**/
.consult {
    background: #fbf1f4;
}

.consult .center {
    text-align: center;
}
