@charset "utf-8";

.body_wrap:before {background-image: url(/images/health/main/main_bg.jpg);}
.body_wrap:after {background:#e9ebed;}

#main_board .board__nav-item.active .board__title {color:#1573e8;}
#main_board .board__nav-item.active .board__title:before {background:#1573e8;}
#main_board .board__nav-item.active .board__more span:after {background:#222;}

.visual .visual_txt > span {height: auto;}
.visual .visual_txt a{border:1px solid #0a5ba9;color:#0a5ba9;}
.visual .visual_txt a span {background-image:url(/images/health/main/btn_arr.png);}

.cont1 .group .box2 {height: 395px !important;}
.cont1 .group2 .box2 {background:#215aab; padding: 24px 18px 0;}
.cont1 .group2 .box2 .title p {margin: 8px 0 12px;}
.cont1 .group2 .box2 > ul li {padding:0; margin:0 0 2px;}
.cont1 .group2 .box2 > ul li span {display:inline-block;position:static;width:70px;margin-right:10px;color:#215aab;}
.cont1 .group2 .box2 .btnwrap {margin:12px 0 0;}
.cont1 .group2 .box2 .btnwrap li {font-size:13px; line-height:20px;}
.cont1 .group2 .box2 .btnwrap span{padding-left:45px; color:#fff;background: url(/images/health/main/call_btn.png)left center no-repeat;}

.cont2 .group .quick_link .grap ul{height: 110px;}
.cont2 .group .quick_link .grap ul li .ico {width:60px; background-image:url(/images/health/main/link_icon2.png);}
.cont2 .group .quick_link .grap ul li .ico.ico2{background-position: -60px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico3{background-position: -120px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico4{background-position: -180px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico5{background-position: -240px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico6{background-position: -300px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico7{background-position: -360px 0;}

.cont2 .group .quick_link .grap ul li .ico.ico9{background-position: -416px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico10{background-position: -478px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico11{background-position: -536px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico12{background-position: -597px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico13{background-position: -656px 0;}
.cont2 .group .quick_link .grap ul li .ico.ico14{background-position: -716px 0;}

.cont2 .group .quick_link .grap ul.col4 li{width:14.2%;}
.cont2 .group .quick_link .grap ul li a{line-height: 1.3;}

.cont3 ul li a{background: #294a79;}
.cont3 ul li:nth-child(odd) a{background: #294a79;}
.cont3 ul li a:hover, .cont3 ul li a:focus{background:url(/images/health/main/link_bg.jpg);background-size:cover;}
.cont3 ul li a:before {background-image:url(/images/health/main/link_icon.png);}
.cont3 ul li a:after{opacity: 1;background-size: cover;background-position: right bottom;background-repeat: no-repeat;}
.cont3 ul li:nth-child(1) a:after{background-image:url(/images/health/main/cont3_bg01.png);}
.cont3 ul li:nth-child(2) a:after{background-image:url(/images/health/main/cont3_bg02.png);}
.cont3 ul li:nth-child(3) a:after{background-image:url(/images/health/main/cont3_bg03.png);}
.cont3 ul li:nth-child(4) a:after{background-image:url(/images/health/main/cont3_bg04.png);}
.cont3 ul li:nth-child(5) a:after{background-image:url(/images/health/main/cont3_bg05.png);}
.cont3 ul li a:before{width:120px;}
.cont3 ul li:nth-child(2) a:before{background-position: -120px 0;}
.cont3 ul li:nth-child(3) a:before{background-position: -240px 0;}
.cont3 ul li:nth-child(4) a:before{background-position: -360px 0;}
.cont3 ul li:nth-child(5) a:before{background-position: -480px 0;}
.cont3 ul li strong {font-size: 22px;}


.cont4 .group .box1 > ul li a:hover,
.cont4 .group .box1 > ul li a:focus {background-color:#498bd1;background-image:linear-gradient(45deg, #4c8ed5 0%, #54b19f 55%, #498bd1 90%);background-position:100% 0;background-size:200% 200%;color:#fff;border:1px solid #4c8ed5}



.cont4 .group .box2 {overflow: hidden; position: relative; background:#087dba;}
.cont4 .group .box2:before{display: inline-block;position: absolute;right: -20px;bottom:30px;width:107px;height:122px;background:url(/images/health/main/cont4_bg.png);content: '';}
.cont4 .group .box2 > ul li{margin:10px 0;}
.cont4 .group .box2 > ul li a{display:block; color:#fff;}

@media screen and (max-width:1279px){
    .cont1 .group2 .box2 {padding:40px 120px 40px 345px; height: 310px !important;}
    .cont1 .group2 .box2 .btnwrap{text-align: left; margin:20px ​0 0; font-size:18px;}
    .cont1 .group2 .box2 .btnwrap li {font-size:15px; line-height:26px;}
    .cont3 ul li a:before{width:80px;}
    .cont3 ul li:nth-child(2) a:before{background-position: -65px 0;}
    .cont3 ul li:nth-child(3) a:before{background-position: -135px 0;}
    .cont3 ul li:nth-child(4) a:before{background-position: -210px 0;}
    .cont3 ul li:nth-child(5) a:before{background-position: -280px 0;}
    .cont3 ul li strong {font-size:18px;}
}
@media screen and (max-width:1023px){
    .visual .visual_txt span img {height:15px;}
    .cont1 .group2 .box2 {padding: 36px 32px 0; height: 380px !important;}
    .cont1 .group2 .box2 > ul li {margin: 10px 0;}
    .cont1 .group2 .box2 .btnwrap li {line-height:24px;}
    /* .cont1 .group2 .box2 .btnwrap {margin:30px 0 0;} */
    .cont2 .group{padding-left: 190px;}
    .cont2 .group .quick_link .grap ul {height:96px;}
    .cont2 .group .quick_link .grap ul.col4 li{width:20%;}
    .cont2 .group .quick_link .grap ul li a{font-size: 14px;}
    .cont2 .group .quick_link .grap ul li .ico{width:50px;}
    .cont2 .group .quick_link .grap ul li .ico.ico2{background-position: -50px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico3{background-position: -98px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico4{background-position: -148px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico5{background-position: -198px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico6{background-position: -245px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico7{background-position: -293px 0;}

    .cont2 .group .quick_link .grap ul li .ico.ico9{background-position: -341px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico10{background-position: -391px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico11{background-position: -439px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico12{background-position: -489px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico13{background-position: -538px 0;}
    .cont2 .group .quick_link .grap ul li .ico.ico14{background-position: -585px 0;}


    .cont2 .group .quick_link .grap ul.col4 li{margin: 0 0 30px;}
    .cont3 ul li{border-bottom:1px solid #3f608f;}
    .cont3 ul li:nth-child(1) a:before{background-position: 0 5px;}
    .cont4 .group .box2 .title {margin: 60px 0 25px;}
}
@media screen and (max-width:767px){
    .visual .visual_txt span img {height:13px;}
    .visual .visual_txt p{max-width: 600px;}
    .cont1 .group2 .box2 {padding: 18px 24px 0;}
    .cont1 .group2 .box2 > ul li {font-size:14px; line-height:24px;}
    .cont1 .group2 .box2 .btnwrap{margin:16px 0 0;}
    .cont1 .group2 .box2 .btnwrap li {font-size:14px; margin:4px 0;}
    .cont1 .group1 .box2 .board__more a .board_bo{top:8px;}
    .cont2 .group{padding:0;}
    .cont2 .group .quick_link .grap ul{height: 230px;}
    .cont2 .group .quick_link .grap ul.col4 li{width:50%;height:100px;}
    .cont3 ul li a:before{width:60px;}
    .cont3 ul li:nth-child(2) a:before{background-position: -50px 0;}
    .cont3 ul li:nth-child(3) a:before{background-position: -105px 0;}
    .cont3 ul li:nth-child(4) a:before{background-position: -215px 0;}
    .cont3 ul li:nth-child(5) a:before{background-position: -325px 0;}
    .cont3 ul li strong {font-size:15px;}
    .cont4 .group .box2 .title {margin:0 0 25px;}


}

@media screen and (max-width:690px){
    #main_board .board__nav-item .board__content ul li {width:100%;border:none;}
    .cont1 .group2 .box1 {float:none;width:100%;height:auto;padding: 0 0 50px;}
    .cont1 .group2 .box1 .photo_list--item .picture {height:auto;}
    .cont1 .group2 .box2 {float:none; width:100%; height:auto !important;padding:35px 25px;}
}

@media screen and (max-width:640px){
    .cont1 .group2 .box2{padding: 35px 40px;}
    .cont1 .group2 .box2 > ul li {margin: 0 0 5px; font-size:15px;}
    .cont1 .group2 .box2 .btnwrap {margin:18px 0 0;}
}

@media screen and (max-width:420px){
    .visual .visual_txt p {display:none;}
}

/* 메인팝업 */
.popup_box {z-index:11 !important}
.popup_box .new_pop_bg {background: #000; padding:6px 0px;}
.popup_box .new_pop_bt_bg {background: #000; padding: 3px 10px 3px;}
.new_pop_font{color:#fff;line-height:25px;margin-right: 10px; float: right;}
.new_pop_close {color:#fff}
.new_pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
/* 메인팝업 End */