@charset "utf-8";

body{font-family: 'NanumSquare', sans-serif;}
.fix-layout {max-width:640px; margin:0 auto;}
button {cursor:pointer;}

#header {position:relative; z-index:50; background:#fff; height:6rem;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
#logo {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
#logo img {max-height:3.7rem;}

#ico_tel_link {display:block; top:1rem; left:1.25rem; position:absolute; width:3.5rem; height:3.5rem;}
#header .control-gnb {display:block; top:1.6rem; right:1rem; position:absolute; width:3rem; height:2.8rem;}

#gnb {position:absolute; top:0; left:0; right:0; z-index:10; padding:0 1rem; background:#3a3632; transform:translateY(-100%); -webkit-transform:translateY(-100%); opacity:0; transition:all .3s; -webkit-transition:all .3s;}
.open-gnb #gnb {opacity:1; transform:translateY(6rem); -webkit-transform:translateY(6rem);}
#gnb .gnb-member-box {text-align:center; padding:1.5rem 0; border-bottom:1px solid rgba(255,255,255,.3);}
#gnb .gnb-member-box a {display:inline-block; position:relative; box-sizing:border-box; width:7.5rem; height:2.5rem; line-height:2.5rem; font-size:1rem; text-align:center; color:#fff;}
#gnb .gnb-member-box a:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #fff;}
#gnb .gnb-member-box a + a {margin-left:.5rem;}
#gnb .gnb {border-bottom:1px solid rgba(255,255,255,.3);}
#gnb .gnb > button {display:block; width:100%; box-sizing:border-box; text-align:left; font-weight:800; color:#fff; font-size:1rem; height:3.5rem; padding:0 1rem;}
#gnb .gnb > button span {}
#gnb .gnb.on > button {color:#be9e76;}
#gnb .gnb .lnb-wrap {display:none; background:#fff;}
#gnb .gnb .lnb-wrap a {display:block; position:relative; height:3.5rem; line-height:3.5rem; padding-left:2.2rem; font-size:1rem; color:#333;}
#gnb .gnb .lnb-wrap a:before {content:""; display:block; position:absolute; top:50%; margin-top:-.1rem; left:1rem; width:.2rem; height:.2rem; background:#be9e76;}
#gnb .gnb .lnb-wrap li + li {border-top:1px solid #dddddd;}
#gnb .gnb-bottombox {padding:1.5rem 0; text-align:center;}
#gnb .gnb-bottombox img {max-height:3rem;}

#main-container {position:relative; z-index:0;}

#footer {background:#efefef; text-align:center; padding:2rem 0 2.5rem;}
#f_logo {width:4.5rem; margin:0 auto 1.2rem;}
#footer .info p {color:#333333; font-size:1.1rem; padding-bottom:.9rem; font-weight:800;}
#footer .info p.copyright,
#footer .info span {display:block; font-weight:400; font-size:1rem; color:#777777;}
#footer .info i:before {content:"|"; margin:0 .5rem;}
#footer .info p.copyright a {color:#23b3fe;}

#sub_visual_box {display:block; position:relative; overflow:hidden; margin-bottom:3rem;}
#sub_visual_box img {display:block; margin:0 auto; max-width:100%; height:auto !important;}

.scroll-top {position:fixed; right:1rem; bottom:3rem; width:3.6rem; z-index:50;}

.point-title {display:block; position:relative; text-align:center; letter-spacing:-0.1em; margin:2.5rem 0;}
.point-title strong {display:inline-block; position:relative; padding:0 1rem; font-size:2rem; color:#3a3632; font-weight:800; margin-bottom:.7rem;}
.point-title strong:before,
.point-title strong:after {content:""; display:block; position:absolute; top:1.3rem; width:2.3rem; height:.65rem; background:url('/assets/img/web/main/bul_specialclinic_title.png') no-repeat 0 0; background-size:auto 100%;}
.point-title strong:before {left:-2.35rem;}
.point-title strong:after {right:-2.35rem; background-position:100% 100%;}
.point-title span {display:block; font-size:1.2rem; color:#333333;}



#location {padding:3rem 0 2.5rem; overflow:hidden;}
#location .fix-layout {padding:0 1rem; box-sizing:border-box;}
#location .map_border,
#location .root_daum_roughmap .wrap_controllers {display:none !important;}
#location .title {display:block; position:relative; white-space:nowrap; padding-bottom:1.5rem;}
#location .title > * {display:block; position:relative; color:#333; font-weight:400;}
#location .title strong {font-size:2rem; margin-bottom:1.5rem; font-weight:800; color:#3a3632; padding-bottom:.7rem; border-bottom:1px solid #be9e76;}
#location .title strong:before {content:""; display:block; position:absolute; bottom:-.175rem; left:0; width:11rem; height:.35rem; background:#be9e76;}
#location .title span {display:inline-block; vertical-align:bottom; font-size:1.1rem; letter-spacing:-.05rem; font-weight:600;}
#location .title sup {display:inline-block; vertical-align:bottom; font-size:1rem; margin-left:.5rem; letter-spacing:-.05rem;}
#location .map-api {position:relative; z-index:0; height:18rem; margin-bottom:1rem;}
#location .map-api .root_daum_roughmap,
#location .map-api .wrap_map {width:100% !important; height:100% !important;}

#location .work-time {box-sizing:border-box; padding:1.5rem; border:1px solid #dddddd; text-align:center;}
#location .work-time .work-title {display:inline-block; position:relative; padding: 0 1.2rem; margin-bottom:1.5rem; font-size:1.4rem; color:#3a3632; font-weight:800;}
#location .work-time .work-title:before,
#location .work-time .work-title:after {content:""; display:block; position:absolute; width:6px; height:7px; background:url('/assets/img/common/bul_worktime_title.png') no-repeat 50% 50%; top:50%; margin-top:-3px;}
#location .work-time .work-title:before {left:0;}
#location .work-time .work-title:after {right:0;}
#location .work-time dl {display:block; position:relative; overflow:hidden; text-align:left; font-size:1rem; letter-spacing:-.05em;}
#location .work-time dt {position:absolute; font-weight:600;}
#location .work-time dd {margin-left:6rem;}
#location .work-time dl + dl {margin-top:.5rem;}
#location .work-time .notice {text-align:left; font-size:.95rem; color:#a47649; padding-top:1rem;}
#location .work-time .tel {font-size:2rem; color:#393229;}
#location .work-time .tel em {color:#be9e76; font-weight:800;}
#location .work-time hr {display:block; position:relative; border:none; padding:0; margin:1.5rem 0; height:.5rem; background:url('/assets/img/common/bak_dash_line.png');}
#location .work-time hr.clear {height:1px; background:none; margin:0;}

#location .location-trafic {padding-bottom:2rem; overflow:hidden;}
#location .location-trafic dl {display:block; position:relative; min-height:3rem; padding:0 0 0 4rem; box-sizing:border-box;}
#location .location-trafic dl + dl {margin-top:2rem;}
#location .location-trafic dt {position:absolute; top:0; left:0; width:3rem; }
#location .location-trafic dd {word-break:keep-all; font-family:'Nanum Gothic',sans-serif; line-height:1.7; letter-spacing:-.05em;}
#location .location-trafic dd p {font-weight:700; padding:0; font-size:1.1rem;}
#location .location-trafic dd span {display:block; padding:.1rem 0;}

*[data-idx="62"] .point-title {display:none !important;}

.none-map {display:none  !important;}
.none-map + #location {display:none !important;}
.none-map + #location + #f_menu {margin-top:110px;}

.board-page {font-family:'Nanum Gothic',sans-serif;}


#lnb_box {padding:0 1rem; margin-top:-1rem;}
#lnb {display:table; width:100%;}
#lnb li {display:table-cell; width:1%;}
#lnb li a {display:block; text-align:center; line-height:3rem; font-size:1rem; color:#555555; border:1px solid #dddddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#lnb li + li a {border-left-width:0;}
#lnb li.check a {font-weight:700; color:#fff; background:#a47649; border-color:#a47649;}

#membership {margin:0 1rem;}