@charset "utf-8";

/* 서브비주얼 */
#svisual_layout {position:relative;background:url(/images/health/common/subbg.jpg)no-repeat center / cover; text-align:center; }
#svisual_layout:after {display:block;position:absolute;z-index: 20;content:'';bottom:0;right:57px;width:604px;height:240px;background: url(/images/health/common/sub_obj.png)no-repeat center bottom; background-size:100% auto;}
#svisual_layout .subvisual-layout__title {display: block;position: relative;z-index: 1;padding: 65px 0 0;}
#svisual_layout .subvisual-layout__title span {display:inline-block;line-height: 1.2;margin: -2px 15px 0 0;vertical-align:middle;text-align: left;text-shadow: 0 0 5px rgb(255 255 255 / 80%);font-size: 32px;font-weight: normal;color: #40577c;}
#svisual_layout .subvisual-layout__title img {display:inline-block; vertical-align:middle;}
@media(max-width:1830px){
    #svisual_layout:after {width:500px;height: 200px;}
}
@media(max-width:1530px){
    #svisual_layout:after {display:none;}
}
@media(max-width:1023px){
    #svisual_layout {height:auto;padding: 35px 20px 20px;}
    #svisual_layout .subvisual-layout__title {padding:0;}
    #svisual_layout .subvisual-layout__title span {font-size:22px;}
    #svisual_layout .subvisual-layout__title img {width:100px;}
}
@media(max-width:400px){
    #svisual_layout .subvisual-layout__title span {font-size:20px;}
    #svisual_layout .subvisual-layout__title img {width:90px;}
}


/* 모바일에서 상단 정보  */
.topnumber {display:none; }
@media(max-width:1023px){
    .topnumber {display:block; padding:10px 0; background:#00a5ed; color:#fff; font-size:17px;}
    .topnumber strong {display:inline-block;margin-right:10px;font-size: 17px;font-weight:bold;font-family:'score';}
    .topnumber strong span {display:inline-block;width:27px;height:29px;margin-right:20px;background: url(/images/health/main/ico_bg.png)no-repeat;background-size:27px auto;vertical-align: bottom;} 
}
@media(max-width:580px){
    .topnumber,
    .topnumber strong {padding: 6px 0 4px;font-size:15px;}
    .topnumber strong span {width:20px;height: 21px;margin: -6px 10px 0 0;background-size:20px auto;vertical-align: middle;}
    .topnumber em {display:none;}
}


/* 풋터 */
#foot_layout {border-top: 1px solid #eee;background: #fff;}
#foot_layout .footer-info {padding:65px 0 85px;}
#foot_layout .footer-info:before {display:block;position:absolute;right: 0;bottom:0;content:'';width:506px;height:231px;background: url(/images/health/common/foot_obj1.jpg);}
#foot_layout .footer-info:after {display:block;position:absolute;left: 0;bottom:0;content:'';width:783px;height:210px;background: url(/images/health/common/foot_obj2.jpg);}
#foot_layout .footer-info .layout {z-index:1; }
#foot_layout .footer-info .utile_wrap li a,
#foot_layout .footer-info address,
#foot_layout .footer-info p,
#foot_layout .footer-info span a {color:#394049;}
#foot_layout .footer-info .utile_wrap li:first-child a{color:#386399;}
#foot_layout .footer-info .utile_wrap li:after {background:#afb5b5; }
#foot_layout .footer-info .snsbox .ftop {background: rgba(47,168,229,.15);}
#foot_layout .footer-info .snsbox .ftop button {display:block; background:#00a8e5;}
#foot_layout .footer-info .snsbox .ftop a {display:none;width: 100%;height: 100%;padding: 12px 0 0;border-radius:50%;background:#00a8e5;font-size:0;text-align:center;}


@media(max-width:1439px){
    #foot_layout .footer-info:before {width:406px;height: 183px;background-size:100% auto;}
    #foot_layout .footer-info:after {width:583px;height: 154px;background-size:100% auto;}
    #foot_layout .footer-info .snsbox .ftop button {display:block;}
    #foot_layout .footer-info .snsbox .ftop a {display:none;}  
}
@media(max-width:1023px){
    #foot_layout .footer-info {padding:40px 0 50px; text-align:center;}
    #foot_layout .footer-info:before,
    #foot_layout .footer-info:after {display:none;}
}

@media(max-width:767px){
    #foot_layout .footer-info .snsbox .ftop,
    #foot_layout .footer-info .snsbox .ftop button {background:#fff; color:#394049;}
  }



/* gnb */
#gnb_layout .depth1_ul > li .item .gnb-title:after {display:none;}
#gnb_layout .depth1_ul > li .item .depth2_ul:before,
#gnb_layout .depth1_ul > li .item .depth2_ul:after {display:none;}
#gnb_layout .depth1_ul > li .item .depth2_ul{float:left;position: relative;top: 0;height: 100%;min-height: 430px;width: 100%;padding: 45px 0;text-align:  left;}
#gnb_layout .depth1_ul > li .item .depth2_ul:after {display: block;clear:both; visibility:hidden; content:'';}
#gnb_layout .depth1_ul > li .item .depth2_ul > li{display: block;float: left;position:relative;width: 33.33%;padding: 0 0 0 30px;margin: 0 0 20px;text-align: left;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;position: relative;min-height: 40px;margin: 0 0 10px;border-radius: 5px;border: 1px solid #e9e9e9;color: #00274e;transition:background 0.3s;-webkit-transition:background 0.3s;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on {border: 1px solid #2f68c2;background: #2f68c2;color: #fff;font-weight:700;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:after {display:block;position:absolute;top: 50%;right: 25px;width: 8px;height: 8px;margin-top: -7px;border-radius: 1px;border: solid #fff;border-width: 0 3px 3px 0;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on:after {border-color:#fff;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:after {border:none;width:13px;height:12px;margin-top: -6px;border-radius:0; background:url(/images/tour/common/target.png)no-repeat;transform:none;-webkit-transform:none;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"].on:after {background:url(/images/tour/common/target2.png)no-repeat;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a > span {display:block;line-height: 1.3;padding: 10px 24px 10px 20px;border-radius: 0;font-size: 16px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on > span {}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span:before {display:none;}
#gnb_layout .depth3_ul {display: block;overflow: hidden;margin: 0;padding: 0;}
#gnb_layout .depth3_ul:after {display: block;clear:both; visibility:hidden; content:'';}
#gnb_layout .depth3_ul > li {position:relative;float: left;width: 100%;margin: 2px 0;padding: 0 20px 0 35px;}
#gnb_layout .depth3_ul > li a {display:block;position: relative;width:100%;font-size: 16px;color: #666;vertical-align: top;}
#gnb_layout .depth3_ul > li a:hover,
#gnb_layout .depth3_ul > li a:focus {color:#2f68c2;}
#gnb_layout .depth3_ul > li a:after{display:block;position:absolute;top:12px;left: -10px;width:3px;height:3px;border-radius:50%;background: #2f68c2;content:'';}
#gnb_layout .depth3_ul > li a > span {display:inline-block;position:relative;padding: 0;font-size: 16px;color: #666;}
#gnb_layout .depth3_ul > li a[target="_blank"] > span:after {display:inline-block;content:'';width:13px;height:12px;margin: -4px 0 0 8px;background:url(/images/tour/common/target.png)no-repeat;vertical-align:middle;}
#gnb_layout .depth3_ul > li > a > span:before,
#gnb_layout .depth3_ul > li > a > span:after {display:none;}

#gnb_layout .depth1_ul > li .item .depth2_ul > li.n3_2{width:66.66%;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li.n3_2 .depth3_ul > li{width:50%;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li.n3_12 {width:66.66%;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li.n3_12 .depth3_ul > li {width:50%;}

@media(max-width:1719px){
    #gnb_layout .depth1_ul > li .item {left: 0;margin: 0;}
}

@media(max-width:1439px){
    #gnb_layout .depth1_ul {max-width:100%;}
    #gnb_layout .depth1_ul > li .item .depth2_ul {padding:45px 40px 45px 0;}
}