@charset "utf-8";

/* web font */
@import "https: //cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
.header, .contents, .header .member li, #all_menu_gnb .gnb>li, .visual, .visual .clinic_area .c5 { text-align: center }
ul, li { list-style: none; margin: 0; padding: 0; }
.header a { text-decoration: none; }
.head_quick, #all_menu_gnb .gnb, .visual .clinic_area .c2, .visual .clinic_area .c2.hover:after { text-align: right }
.header *, .contents * { font-family: 'NanumSquare'; }
.header:after, .contents:after { content: ""; clear: both; display: block }
.head_quick { font-family: 'NanumSquare'; background: #bebab0; }
.head_quick:after { content: ""; clear: both; display: block }
.member { width: 1120px; height: 47px; margin: 0 auto }
.member li { display: inline }
.member a { font-family: 'NanumSquare'; display: inline-block; width: 90px; line-height: 47px; font-size: 12px; color: #434343; text-decoration: none; border-left: 1px solid #cdcdcc; text-align: center; }
#all_menu { width: 60px; height: 47px; background-color: #6bcceb; border-left: 0; position: relative; vertical-align: top }
#all_menu i { position: absolute; left: 50%; margin-left: -12px; display: inline-block; width: 24px; height: 4px; background: #d4d1cd; transition: all .3s ease-in-out }
#all_menu i.bar1 { top: 15px }
#all_menu i.bar2 { top: 22px }
#all_menu i.bar3 { top: 29px; width: 15px }
#all_menu.open .bar1 { transform: translateY(3.5px) rotate(45deg) }
#all_menu.open .bar2 { transform: translateY(-3.5px) rotate(-45deg) }
#all_menu.open .bar3 { opacity: 0; transform: translateX(-60px) }
.nav_area { width: 1120px; height: 70px; margin: 0 auto }
.nav_area h1 { float: left; width: 270px; height: 60px; margin-top:5px }
.nav_area h1 a { font-family: 'NanumSquare'; float: left; margin:0; width: 270px; height: 60px; font-size: 24px; line-height: 60px; color: #333 }
.nav_area h1 img { width:210px; height:60px }
.nav_area #sub_bg { display: none; position: absolute; top: 117px; left: 0; width: 100%; height: 53px; z-index: 58;  transition: cubic-bezier(.17,.67,.83,.67) }
#gnb { float: right; text-align: right; width: 850px; height: 70px; z-index: 58 }
#gnb:after { content: ""; clear: both; display: block }
#gnb li { display: inline-block; *float: left }
#gnb li>a { display: block; padding: 0 20px; font-size: 17px; font-weight: 600; line-height: 70px; letter-spacing: -1px; color: #4f4f4f; position: relative }

/* #gnb li>a:hover, #gnb li>a.on { color: #59d3fb; } */
#gnb li>a.on:after { content: ""; position: absolute; top: 62px; left: 50%; margin-left: -6px; display: block; width: 0; height: 0; border-width: 0 6px 8px; border-style: solid; }
#gnb li.last a { padding-right: 6px }
#gnb li.last a.on:after { margin-left: 6px }
#gnb li {position:relative;}
#gnb li ul { position: absolute; width:600px; margin:0 auto; display: none; z-index:58; text-align:left; padding:13px 0 }
#gnb li:nth-child(1) ul { left:0; }
#gnb li:nth-child(2) ul { left:0; text-align:left; }
#gnb li:nth-child(3) ul { left:0; text-align:left }
#gnb li:nth-child(4) ul { left:0; text-align:left }
#gnb li:nth-child(5) ul { right:0; text-align:right }
#gnb li:nth-child(6) ul { right:0; text-align:right }
#gnb li:nth-child(7) ul { right:0; text-align:right }
#gnb li:nth-child(8) ul { right:0; text-align:right }
#gnb li ul li a { font-family: 'Nanum Gothic'; font-size: 14px; color: #fff; line-height: 30px; padding: 0 9px; font-weight: 400; }
#gnb li ul li a:hover { font-family: 'Nanum Gothic'; font-weight: 400; }

#all_menu_gnb { display: none; position: absolute; top: 47px; left: 0; width: 100%; background: #fff; z-index: 58; border-bottom: 1px solid #e5e5e5 }
#all_menu_gnb:after { content: ""; clear: both; display: block }

/* 2019-04-24 수정 */

/* #all_menu_gnb .gnb {width: 1120px;margin: 0 auto} */
#all_menu_gnb .gnb { min-width: 1120px; margin: 0 auto; text-align: center; white-space: nowrap }

/* //2019-04-24 수정 */
#all_menu_gnb .gnb>li { display: inline-block; padding: 45px 30px; width: 160px; vertical-align: top; border-right: 1px solid #e5e5e5; height: 350px; text-align: left; }
#all_menu_gnb .gnb>li>a { display: inline-block; font-size: 17px; font-weight: 600; color: #4f4f4f; margin-bottom: 35px; cursor: default }
#all_menu_gnb .gnb>li:first-child { border-left: 1px solid #e5e5e5; }
#all_menu_gnb li li a { font-family: 'Nanum Gothic'; font-size: 14px; line-height: 30px; color: #959595; text-decoration: none }
#all_menu_gnb li li a:hover { font-family: 'Nanum Gothic'; color: #4f4f4f; }

/* 퀵메뉴 */
.f5_quick { position: fixed; top: 0; right: -148px; z-index: 9999; vertical-align: middle; height: 100%; background: rgba(109, 109, 109, .2); border-left: 1px solid #c5c5c5; /*-webkit-transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); */ transition: all .2s ease-in-out; }
.f5_quick.on { right: 0; background: #fff; }
.quick_menu_btn { position: absolute; top: 50%; left: -16px; margin-top: -49px; display: block; width: 12px; height: 98px; cursor: pointer; background: url(/images/skin1007/quick_menu_btn.png) no-repeat; }
.quick_menu_btn.on { }
.quick_menu_panel { width: 168px; height: 100%; white-space: nowrap; font-size: 0; }
.quick_menu_panel:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.quick_menu_panel .panel_inner { width: 124px; padding: 0 22px; white-space: normal; display: inline-block; vertical-align: middle; font-size: 15px; }
.quick_menu_panel .panel_inner ul { text-align: center; }
.quick_menu_panel .panel_inner ul:after { content: ""; clear: both; display: block; }
.quick_menu_panel .panel_inner ul li { border-bottom: 1px solid #e4e4e4; }
.quick_menu_panel .panel_inner ul li a { display: block; color: #5a5a5a; font-size: 14px; letter-spacing: -1px; height: 60px; line-height: 60px; text-decoration: none; }
.quick_menu_panel .panel_inner ul li a:hover { font-weight: 700; }