@charset "UTF-8";

/****************************************************************
Last Updated : 2017-02-06
Author       : amy
Version      : 2.0
****************************************************************/
#header {width:100%; height:55px; overflow:hidden; text-align:center; box-shadow: 0 0 5px #888888; position:fixed; top:0; left:0; z-index:9999; background:#fff;}
#header img {height:55px;}
#header #gnb_area {float:left; height:55px; overflow:hidden;}
/*#header h1 {display:inline-block; height:55px;}*/
#header .logo {display:inline-block; height:55px;}
#header .branch_infor {float:right; height:55px; overflow:hidden; border-left:1px solid #d5d2d3;}

/* GNB */
#gnb {width:100%; height:100%; position:fixed; top:0; left:0; transition: transform 300ms; transform: translate(-100%, 0px); -ms-transition: -ms-transform 300ms; -webkit-transition: -webkit-transform 300ms; -moz-transition: -moz-transform 300ms; -o-transition: -o-transform 300ms; -ms-transform: translate(-100%, 0px); -webkit-transform: translate(-100%, 0px); -moz-transform: translate(-100%, 0px); -o-transform: translate(-100%, 0px); z-index:9999;}
#gnb .gnb_wrap {width:82.5%; height:100%; overflow-y:scroll;  position:relative; z-index:15; background:#fff;}
#gnb .title {width:100%; height:55px; overflow:hidden; text-align:center; box-shadow: 0 0 5px #888888; padding-right:15px; box-sizing:border-box;}
#gnb .title img {height:55px;}
#gnb .title .gnb_btn {float:left; height:55px; overflow:hidden;}
#gnb .title  h2 {display:inline-block; height:55px;}
#gnb .title .close {float:right; height:55px; overflow:hidden;}

#gnb .gnb_login_area {width:100%; overflow:hidden;}
#gnb .gnb_login_area a {float:left; width:50%;}
#gnb .gnb_login_area a img {width:100%;}

#gnb .review_area {width:100%; overflow:hidden; border-top:1px solid #dddddd; padding:0;}
#gnb .review_area img {width:100%}

#gnb .gnb_quickmenu {width:100%; display:inline-block; float:left; border-bottom:1px solid #dddddd;}
#gnb .gnb_quickmenu ul li {width:33.3%; height:60px; line-height:60px; float:left; border-top:1px solid #dddddd; border-right:1px solid #dddddd; text-align:center; box-sizing:border-box; color:#21294f; font-size:14px; font-weight:600; letter-spacing:-0.5px;}
#gnb .gnb_quickmenu ul li:nth-child(3n) {border-right:0;}

#gnb .gnbarea {width:100%;display:inline-block; float:left;}
#gnb .gnbarea ul li {width:100%; font-size:14px;}
#gnb .gnbarea ul li .depth01 {display:inline-block; width:100%; background:#21294f; padding:8px 0 8px 10px; box-sizing:border-box; color:#fff; border-bottom:1px solid #868686;}
#gnb .gnbarea ul li .depth02_menu li {width:100%; background:#686868; color:#fff; border-bottom:1px solid #868686; overflow:hidden;}
#gnb .gnbarea ul li .depth02_menu li a {display:inline-block; width:100%;padding:8px 0 8px 18px; box-sizing:border-box; }
#gnb .gnbarea ul li .depth02_menu li.depth03 {background:#555; border:0; font-size:14px; padding:8px 0 0 30px;}
#gnb .gnbarea ul li .depth02_menu li.depth03_01 {background:#555; border:0; font-size:14px; padding:8px 0 8px 30px;}
#gnb .gnbarea ul li .depth02_menu li.depth03 a {display:inline-block; width:calc(100% / 3); float:left;}

#gnb_black_bg  {background:#000; opacity: 0.8; position: fixed; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; text-indent:-9999px; cursor:default; z-index:0; filter: alpha(opacity=80); z-index:10;}

#contents {width:100%; overflow:hidden; padding-top:55px;}
.sub_conts_area  {width:100%; overflow:hidden;}

/* 서브메뉴 리스트*/
.submenu_bar {width:100%;  height:40px; position:relative; border-bottom:1px solid #cccccc; background:#fff; font-size:12px;}
.submenu_bar .btn_1depth {float:left; width:40%; text-align:center; line-height:40px; background:#595959; color:#fff; margin-right:4%;}
.submenu_bar .btn_1depth::after {content: ""; float: left; position: absolute; top: 0; left: 40%; width: 0; height: 0; border-color: transparent transparent transparent #595959; border-style: solid; border-width: 20px 0 20px 12px;}
.submenu_bar .menu_1depth {width:100%; height:100%; position:absolute; top:41px; left:0; background:#fff; z-index:90; }
.submenu_bar .menu_1depth .black_bg {top:96px;}
.submenu_bar .menu_1depth ul {position:relative; z-index:100;}
.submenu_bar .menu_1depth ul li {width:100%; height:35px; padding:0 16px; line-height:35px; border-bottom:1px solid #e3e3e3; background:#fff; box-sizing:border-box;}
.submenu_bar .btn_2depth {float:left; display:inline-block; padding-left:10px; line-height:40px; z-index:100;}
.submenu_bar .menu_2depth {width:100%; position:absolute; top:41px; left:0; background:#fff;z-index:90; }
.submenu_bar .menu_2depth ul {position:relative; z-index:100;}
.submenu_bar .menu_2depth ul li {width:100%; height:35px; padding:0 16px; line-height:35px; background:#fff; box-sizing:border-box;}
.submenu_bar .menu_2depth .black_bg {top:96px;}

/* 상담 및 예약 */
.advice_reservation {width:100%; overflow:hidden; background:#eeeeee; padding:30px 3%; box-sizing:border-box; text-align:center; border-top:5px solid #21294f;}
.advice_reservation.type02{border-top:0;}
.advice_reservation .call_advice {width:100%; overflow:hidden; padding-bottom:25px; border-bottom:1px solid #cccccc; margin-bottom:25px;}
.advice_reservation .call_advice .title {display:block; font-size:24px; font-weight:600; color:#21294f;}
.advice_reservation .call_advice .tell_number {display:block; font-size:42px; font-weight:600; color:#29b4ba; margin-bottom:15px;}
.advice_reservation .call_advice .time_area {display:inline-block;}
.advice_reservation .call_advice .time_area > div {width:100%; height:30px; overflow:hidden; margin-bottom:3px;}
.advice_reservation .call_advice .time_area .icon01 {float:left; display:inline-block; width:85px; height:30px; font-size:15px; background:#555555; border-radius:25px; text-align:center; line-height:30px; color:#fff; font-weight:600; margin-right:10px;}
.advice_reservation .call_advice .time_area .icon02 {float:left; display:inline-block; width:85px; height:30px; font-size:15px; background:#21294f; border-radius:25px; text-align:center; line-height:30px; color:#fff; font-weight:600; margin-right:10px;}
.advice_reservation .call_advice .time_area .time {float:left; line-height:30px; font-size:16px; font-weight:600; letter-spacing:-1px;}
.advice_reservation .reservation {width:100%; overflow:hidden;}
.advice_reservation .reservation .title_area {width:100%; overflow:hidden;}
.advice_reservation .reservation .title_area .title {display:block; font-size:20px; font-weight:600; margin-bottom:5px;}
.advice_reservation .reservation .title_area .detail {display:block; font-size:16px; margin-bottom:15px;}
.advice_reservation .reservation .title_area input {float:left; width:70%; height:40px; line-height:40px; padding:0 5px; box-sizing:border-box; border:1px solid #cccccc;}
.advice_reservation .reservation .title_area button {float:left; width:30%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; background:#29b4ba;}

/* 상담메뉴 배너영역 */
.advice_bnr_area {width:100%; overflow:hidden;}
.advice_bnr_area ul li {float:left; width:50%; height:80px; line-height:80px; color:#fff; font-size:14px; font-weight:600; box-sizing:border-box; }
.advice_bnr_area ul li a {display:inline-block; width:100%; height:100%; padding-left:36%; box-sizing:border-box;}
.advice_bnr_area ul li.type01 {background:#381e1f url('/m/images/main/icon_advice_type01.png') no-repeat 8% center; background-size:40px auto; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.advice_bnr_area ul li.type02 {background:#363d5b url('/m/images/main/icon_advice_type02.png') no-repeat 8% center; background-size:40px auto;border-bottom:1px solid #fff;}
.advice_bnr_area ul li.type03 {background:#555555 url('/m/images/main/icon_advice_type03.png') no-repeat 8% center; background-size:40px auto; border-right:1px solid #fff;}
.advice_bnr_area ul li.type04 {background:#3a969a url('/m/images/main/icon_advice_type04.png') no-repeat 8% center; background-size:40px auto;}

/* SNS 배너영역 */
.doctor_sns_area {width:100%; overflow:hidden; margin-bottom:1px;}
.doctor_sns_area a {float:left; width:50%; box-sizing:border-box;}
.doctor_sns_area a img {width:100%;}

/* 패밀리사이트 영역 */
.famliysite_area {width:100%; height:70px; background:#333333; border-bottom:1px solid #444444; overflow:hidden;}
.famliysite_area a {float:left; width:33.33%; height:70px; text-align:center; padding-top:45px; box-sizing:border-box; font-weight:600;}
.famliysite_area a.type01 {background:url('/m/images/main/icon_familysite_type01.png') no-repeat center 18px; background-size:20px auto; color:#fff; border-right:1px solid #444444;}
.famliysite_area a.type02 {background:url('/m/images/main/icon_familysite_type02.png') no-repeat center 18px; background-size:20px auto; color:#fff; border-left:1px solid #444444; border-right:1px solid #444444;}
.famliysite_area a.type03 {background:url('/m/images/main/icon_familysite_type03.png') no-repeat center 18px; background-size:20px auto; color:#fff; border-left:1px solid #444444; }

/* 수상내역 */
.award_area {width:100%; overflow:hidden;}
.award_area ul li {float:left; width:50%;}
.award_area ul li img {width:100%;}

/* SNS배너 영역 */
.snsbnr_area {width:100%; overflow:hidden;}
.snsbnr_area ul li {float:left; width:14.28%;}
.snsbnr_area ul li img {width:100%;}

/* 유틸메뉴 영역 */
.utile_menu_area {width:100%; overflow:hidden; border-bottom:1px solid #cccccc;}
.utile_menu_area .type01 {width:100%; height:35px; line-height:35px; background:#a9a9a9; color:#fff; text-align:center; font-size:13px;}
.utile_menu_area .type01 ul li {display:inline-block; margin:0 3px;}
.utile_menu_area .type02 {width:100%; height:35px; line-height:35px; color:#1e2548; text-align:center; font-weight:600; font-size:13px;}
.utile_menu_area .type02 ul li {display:inline-block; background:url('/m/images/main/bg_utile_menu.png') no-repeat right center;}
.utile_menu_area .type02 ul li.last {background:none;}
.utile_menu_area .type02 ul li a {padding:0 10px 0 3px}

.family_go {width:100%; height:55px; overflow:hidden;}
.family_go ul li {float:left; width:33.33%; height:55px; box-sizing:border-box; padding:10px 0; text-align:center; border-top:1px solid #d6d2d3; border-bottom:1px solid #d6d2d3; border-right:1px solid #d6d2d3;}
.family_go ul li img {height:35px;}

#footer {width:100%; overflow:hidden;}
#footer .hospital_infor_area {text-align:center; margin:50px 0 30px;}
#footer .hospital_infor_area  h2 {margin-bottom:20px;}
#footer .hospital_infor_area  h2 img {width:30%;}
#footer .hospital_infor_area .name {display:block; margin-bottom:5px; font-size:18px; font-weight:600; color:#333333;}
#footer .hospital_infor_area  address {font-style:normal; color:#716d6d; margin-bottom:10px;}
#footer .hospital_infor_area .hospital_infor {display:block; color:#716d6d; font-size:11px; margin-bottom:3px;}

#footer .copyright {width:100%; text-align:center; padding:10px 0; background:#eeeeee;}
#footer .copyright img {width:90%;}

#footer .cooperation {width:94%; padding:0 3%; margin-bottom:30px;overflow:hidden;}
#footer .cooperation ul li {float:left; width:50%;}
#footer .cooperation ul li img {width:100%;}

#footer_fixed {width:100%; position:fixed; bottom:0; left:0; z-index:5;}
#footer_fixed ul {width:100%;}
#footer_fixed ul li {width:calc(100% / 4); width:20%; float:left;}
#footer_fixed ul li img {width:100%;}
#footer_fixed .close {width:100%; display:block; text-align:center;}
#footer_fixed .close img {width:calc(100% / 3); width:33.3%;}

.black_bg {background:#000; opacity: 0.8; position: fixed; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; text-indent:-9999px; cursor:default; z-index:0; filter: alpha(opacity=80);}
.text-hidden { overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; position: absolute !important; width: 1px !important; height: 1px !important;}