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


.cost_plan{
    margin: 0 auto;
    width: 1100px;
}

/**/
.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:nth-child(13) .img{background:#fff url('/theme/henalhome/design/img/good13.png') center center no-repeat;}
.reason_select li.item:nth-child(14) .img{background:#fff url('/theme/henalhome/design/img/good14.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;}
.reason_select li.item:nth-child(13):hover .img{background:#60cffe url('/theme/henalhome/design/img/good13_2.png') center center no-repeat;}
.reason_select li.item:nth-child(14):hover .img{background:#60cffe url('/theme/henalhome/design/img/good14_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:#ebf4aa url('/theme/henalhome/design/img/img_model2.png') right bottom no-repeat;}
.best_product li.item.three{background:#7fed69 url('/theme/henalhome/design/img/img_model3.png') right bottom no-repeat;}
.best_product li.item.four{background:#09debd 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:230%; 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;
}


/**/


@media(max-width:1200px){
   .big4{margin-top:100px; padding:15px;}
    .big4 .section-header{margin-bottom:20px;}
    .best_product li.item h3 {line-height:100%;}
    .best_product li.item {width:46%; padding:30px;}
    .best_product li.item.one{background-size: 60%;}
    .best_product li.item.two{background-size: 60%;}
    .best_product li.item.three{background-size: 60%;}
    .best_product li.item.four{background-size: 60%;}
    .best_product li.item h4 {font-size:160%;}
    .reason, .qna{display:none;}
}
@media(max-width:900px){
    .best_product li.item.one{background-size: 40%;}
    .best_product li.item.two{background-size: 40%;}
    .best_product li.item.three{background-size: 40%;}
    .best_product li.item.four{background-size: 40%;}
    .best_product li.item .list li {font-size:90%;}
}

@media(max-width:768px){
    .big4{margin-top:80px;}
    .point_tit {margin-bottom:0;}
    .best_product li.item {width:100%; padding:20px; margin:0; margin-bottom:5px;}
    
}

.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:url("/theme/henalhome/design/img/bg_mainslide.jpg") left center no-repeat; 
}

@media(max-width:1200px){
    
    .mainslider {
    display:none; 
}
}


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

*/


.point_tit {
    text-align:left;
    border-bottom:0;
    padding-bottom:0px;
    height:auto;
    margin-bottom:50px;
}

.point_tit h2 {
    display:block;
    font-size: 220%;
    font-weight: 100;
    color: #222;
    letter-spacing: -1px;
    line-height: 100%;
    position:relative;
    text-align: center;
    font-family: 'GmarketSansMedium' !important; 
    margin-bottom:15px;
}
.point_tit h2 b{color: #60cffe;}


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

.point_tit p.lead {
    font-size: 110%;
    color: #afcce9;
}
.point_tit p.lead.black {
    display:block;
    text-align: center;
    color: #777;
    margin-bottom:30px;
    padding-left:30px;
    font-family: 'GmarketSansMedium' !important; 
}






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



/**/
.bottom_oneline{padding:0; width:100%; height:80px; }
.bottom_oneline .oneline{width:100%; position:relative;}
.bottom_oneline .oneline .one{position:absolute; left:50%; width:550px; margin-left:-550px;}
.bottom_oneline .oneline .two{position:absolute; right:0; margin-right:0px; background:#f2f6f5; width:50%; line-height:80px; padding-left:30px;}
.bottom_oneline .oneline .two b{display:inline-block; line-height:30px; color:#fff; padding:5px 15px; background:#1249bc; border-radius:20px; margin-left:30px;}


@media(max-width:1200px) {
    .main_latest_div .li02 .li02_1{width:5% !important;}
    .bottom_oneline{ height:auto; }
.bottom_oneline .oneline .one{position:static; width:100%; margin-left:0px;}
.bottom_oneline .oneline .two{clear:both; text-align:center; position:static; margin-right:0px; background:#f2f6f5; width:100%; line-height:80px; padding-left:0px;}
    
}