@charset "UTF-8";

/****************************************************************
Last Updated : 2017-02-15
Author       : amy
Version      : 1.0
****************************************************************/

#wrap {width:100%; max-width:100%; overflow:hidden; position:relative;}
.fixed_quick_menu {width:132px; position:fixed; top:160px; right:0; z-index:100}
.fixed_quick_menu .quick_conts {float:left; width:100px; height:775px; border:1px solid #333333; box-sizing:border-box; overflow:hidden;; background:#fff;}
.fixed_quick_menu .quick_conts ul li {width:80px; border-bottom:1px solid #eeeeee; font-size:12px; color:#777777; box-sizing:border-box; text-align:center; margin:0 10px}
.fixed_quick_menu .quick_conts ul li a {display:inline-block; width:100%; height:72px; padding-top:48px; font-weight:600; box-sizing:border-box;}
.fixed_quick_menu .quick_conts ul li.quick01 {height:86px; padding-top:59px;  background:url('/images/common/quick/btn_quick01_off.png') center 18px no-repeat; font-weight:600;}
.fixed_quick_menu .quick_conts ul li.quick02 a {background:url('/images/common/quick/btn_quick02_off.png') center 15px no-repeat;}
.fixed_quick_menu .quick_conts ul li.quick03 a {background:url('/images/common/quick/btn_quick03_off.png') center 10px no-repeat;}
.fixed_quick_menu .quick_conts ul li.quick04 a {background:url('/images/common/quick/btn_quick04_off.png') center 13px no-repeat;}
.fixed_quick_menu .quick_conts ul li.quick05 a {background:url('/images/common/quick/btn_quick05_off.png') center 10px no-repeat;}
.fixed_quick_menu .quick_conts ul li.quick06 a {background:url('/images/common/quick/btn_quick06_off.png') center 10px no-repeat;}
.fixed_quick_menu .quick_conts ul li.quick10 a {background:url('/images/common/quick/btn_quick08_off.png') center 10px no-repeat;color:#1295b8}
.fixed_quick_menu .quick_conts ul li.quick01:hover a {background:url('/images/common/quick/btn_quick01_on.png') center 18px no-repeat; color:#333333;}
.fixed_quick_menu .quick_conts ul li.quick02:hover a {background:url('/images/common/quick/btn_quick02_on.png') center 15px no-repeat; color:#333333;}
.fixed_quick_menu .quick_conts ul li.quick03:hover a {background:url('/images/common/quick/btn_quick03_on.png') center 10px no-repeat; color:#333333;}
.fixed_quick_menu .quick_conts ul li.quick04:hover a {background:url('/images/common/quick/btn_quick04_on.png') center 13px no-repeat; color:#333333;}
.fixed_quick_menu .quick_conts ul li.quick05:hover a {background:url('/images/common/quick/btn_quick05_on.png') center 10px no-repeat; color:#333333;}
.fixed_quick_menu .quick_conts ul li.quick06:hover a  {background:url('/images/common/quick/btn_quick06_on.png') center 10px no-repeat; color:#333333;}
/*.fixed_quick_menu .quick_conts ul li.quick10:hover a  {background:url('/images/common/quick/btn_quick07_on.png') center 10px no-repeat; color:#333333;}*/
.fixed_quick_menu .quick_conts ul li.quick07 {width:98px; height:62px; background:#45495e; margin:0; border:0;}
.fixed_quick_menu .quick_conts ul li.quick07 a {padding:15px 0;}
.fixed_quick_menu .quick_conts ul li.quick07 .maincolor {display:block; margin-bottom:2px; color:#29b4ba;}
.fixed_quick_menu .quick_conts ul li.quick07 .callnumber {color:#fff; font-size:14px;}
.fixed_quick_menu .quick_conts ul li.quick08 {width:98px; height:30px; line-height:30px; background:#333333 url('/images/common/quick/bg_top.png') no-repeat 30px center; margin:0; font-size:14px; color:#fff; cursor:pointer; padding-left:15px;}
.fixed_quick_menu .quick_conts ul li.quick08 a {padding:0;}
.fixed_quick_menu .quick_conts ul li.quick09 {margin:0; height:94px;}
.fixed_quick_menu .quick_conts ul li.quick09 a {padding:0;}
.fixed_quick_menu .quick_conts ul li.quick12 {margin:0; height:73px;}
.fixed_quick_menu .quick_conts ul li.quick12 a {padding:0;}
.fixed_quick_menu .close {float:left; display:block; width:32px; height:42px; overflow:hidden; cursor:pointer;}
.fixed_quick_menu .close.off img {margin-left:-32px;}

#header {width:100%; overflow:hidden;}
#header .header_top_area {width:100%; height:45px; background:url('/images/common/header/bg_header_top_area.png') repeat-x;}
#header .header_top_area .header_top {width:1100px; height:45px; overflow:hidden; margin:0 auto;}
#header .header_top_area .h_family_site {float:left;}
#header .header_top_area .h_family_site li {float:left; padding:0 20px; height:45px; line-height:45px; text-align:center; font-size:13px; color:#999999; border-right:1px solid #3a3a3a;}
#header .header_top_area .h_family_site li a {display:inline-block; width:100%; height:100%; }
#header .header_top_area .h_family_site li.on, #header .header_top_area .h_family_site li:hover {color:#fff; background:#29b4ba;}
#header .header_top_area .h_utile_menu {float:right;}
#header .header_top_area .h_utile_menu li {float:left; display:inline-block; height:13px; line-height:13px; color:#999; margin:16px 0; font-size:13px; padding:0 20px; border-right:1px solid #999}
#header .header_top_area .h_utile_menu li.last {border:0; padding-right:0;}

#gnb {width:100%; height:170px; position:relative;} 
#gnb .logo_area {width:100%; height:100px; overflow:hidden; border-bottom:1px solid #dddddd; box-sizing:border-box;}
#gnb .logo_area .logo_area_conts {position:relative;width:1100px; height:100px; margin:0 auto;}
#gnb .logo_area .award_area {float:left; width:223px; height:49px; margin:25px 237px 25px 0; overflow:hidden;}
#gnb .logo_area .award_area .award_rolling {float:left; width:223px; height:49px; overflow:hidden; margin-right:9px;}
/*#gnb .logo_area h1 {float:left; margin:25px auto;}*/
#gnb .logo_area .logo {/* float:left; */ padding:15px 0;display:block;text-align:center;}
#gnb .logo_area .kor {float:left; padding:15px 0;display:block;position:relative;}
#gnb .logo_area .surgery_hours {position:absolute;top:0px;right:0px;/* float:right; width:180px; height:49px; */ margin:25px 0; background:url('/images/common/header/icon_reservation.png') no-repeat 0 center; padding-left:50px; /* box-sizing:border-box; */}
#gnb .logo_area .surgery_hours span {display:inline-block; width:130px; color:#29b4ba; font-weight:600; font-size:22px; line-height:49px; }
#gnb .logo_area .surgery_hours a {display:inline-block; width:130px; height:30px; line-height:30px; background:url('/images/common/header/bg_reservation.png') no-repeat 0 center; text-align:center;}
#gnb .logo_area .surgery_hours a:hover { background:url('/images/common/header/bg_reservation_on.png') no-repeat 0 center; color:#fff;}

#gnb .menu_area {width:100%; height:70px;}
#gnb .menu_area ul {width:1100px; height:70px; overflow:hidden; margin:0 auto;}
#gnb .menu_area ul li {float:left; color:#333333; height:70px; line-height:70px; font-weight:600;  font-size:15px; margin-left:20px; box-sizing:border-box; position:relative;}
#gnb .menu_area ul li.all_menu {width:55px; margin-left:0; border-left:1px solid #ddd; border-right:1px solid #ddd; cursor:pointer; background:url('/images/common/header/bg_allmenu_off.png') no-repeat center center; text-indent:-9999px;}
#gnb .menu_area ul li.all_menu:hover{background:url('/images/common/header/bg_allmenu_off.png') no-repeat center center;}
#gnb .menu_area ul li.all_menu.on {background:#343950 url('/images/common/header/bg_allmenu_on.png') no-repeat center center;}
#gnb .menu_area ul li.last {margin-right:15px;}
#gnb .menu_area ul li a {display:inline-block; width:100%; height:100%; box-sizing:border-box;}
#gnb .menu_area ul li:hover {color:#29b4ba; background:url('/images/common/header/bg_gnb.jpg') repeat-x;}
#gnb .menu_area ul li.depth02 {width:95px; overflow:hidden; margin-left:0; font-size:14px; color:#777777; box-sizing:border-box;}
#gnb .menu_area ul li.depth02 .info {background:url('/images/common/header/icon_depth02_01_off.png') no-repeat 10px center; padding-left:35px; border-left:1px solid #dddddd;}
#gnb .menu_area ul li.depth02:hover .info {background:url('/images/common/header/icon_depth02_01_on.png') no-repeat 10px center;}
#gnb .menu_area ul li.depth02 .advice {background:url('/images/common/header/icon_depth02_02_off.png') no-repeat 10px center;  padding-left:35px;}
#gnb .menu_area ul li.depth02:hover .advice {background:url('/images/common/header/icon_depth02_02_on.png') no-repeat 10px center;}
#gnb .menu_area ul li.depth02:hover{background:none; line-height:70px; color:#29b4ba}
#gnb .menu_area ul li.review {float:right; width:98px; height:70px; color:#fff; font-size:14px; padding-left:35px; background:#29b4ba url('/images/common/header/icon_review.png') no-repeat 10px center; margin-left:0;}
#gnb .menu_area ul li.review:hover{border:0; line-height:70px;}

#gnb_allmenu {width:100%; position:absolute; top:215px; left:0; z-index:99;}
#gnb_allmenu .top_area {width:100%; height:284px; background:#1c213a;}
#gnb_allmenu .bottom_area {width:100%; height:315px; background:#272d47;}
#gnb_allmenu .menu_conts {width:1100px; margin:0 auto;}
#gnb_allmenu .menu_conts ul {float:left; width:200px; height:224px; border-right:1px solid #2b3151; padding-left:10px; box-sizing:border-box; margin:30px 0;} 
#gnb_allmenu .bottom_area .menu_conts ul {height:254px; border-right:1px solid #2f3654; } 
#gnb_allmenu .menu_conts ul li {color:#7d7e88; font-size:12px; line-height:28px;}
#gnb_allmenu .menu_conts ul li.title {font-size:14px; color:#28aeb4; font-weight:600;}
#gnb_allmenu .menu_conts ul li:hover a {color:#fff; border-bottom:1px solid #fff;}
#gnb_allmenu .menu_conts ul.last {border:0;}

#contents {width:100%; min-height:800px;overflow:hidden;}

/* 공통 게시판 스타일 */
.main_board {float:left; width:367px; height:250px; border-left:1px solid #dddddd; padding:25px 30px; box-sizing:border-box;}
.main_board .title_area {width:100%; height:45px; overflow:hidden; margin-bottom:33px;}
.main_board .title_area .title {float:left; width:266px; height:45px;}
.main_board .title_area .title span {display:block; font-size:25px; font-weight:600;}
.main_board .title_area .title span.e_title {font-size:14px; color:#29b4ba; margin-bottom:2px; text-transform: uppercase;}
.main_board .title_area > a {float:left; width:40px; height:40px; border:1px solid #74cbc7; background:url('/images/main/btn_main_board_off.png') no-repeat center center; text-indent:-9999px; box-sizing:border-box; margin-top:4px}
.main_board .title_area > a:hover {background:#3c979b url('/images/main/btn_main_board_on.png') no-repeat center center; border:1px solid #3c979b;}
.main_board ul li {width:100%; overflow:hidden; margin-bottom:12px; color:#999999; font-weight:600;}
.main_board ul li a {float:left; width:226px; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap; margin-right:10px;}
.main_board ul li a:hover {text-decoration:underline; color:#555555;}
.main_board ul li .date {float:left; width:70px; color:#cccccc;}

/* 하단 공통 */
.common_bottom {width:100%; overflow:hidden;}
.bottom_competitive {width:100%; height:450px; background:url('/images/common/footer/bg_bottom_competitive.jpg') no-repeat center center; padding:60px 0; box-sizing:border-box; }
.bottom_competitive .title_area {text-align:center; margin-bottom:60px;}
.bottom_competitive .title_area .title {font-family:'nbg', sans-serif;display:block; font-size:35px; padding-bottom:20px; margin-bottom:18px; color:#fff; font-weight:600; background:url('/images/common/footer/bg_competitive_bar.jpg') no-repeat center bottom;}
.bottom_competitive .title_area .detail {font-size:15px; color:#fff;}

.bottom_competitive ul {width:1100px; height:170px; overflow:hidden; margin:0 auto; box-sizing:border-box;}
.bottom_competitive ul li {float:left; width:275px; height:120px; box-sizing:border-box; border-right:1px solid #555555; padding:0 20px;}
.bottom_competitive ul li .title {display:block; height:66px; color:#42fff6; font-size:18px; margin-bottom:20px;}
.bottom_competitive ul li .btn_area {width:100%; overflow:hidden;}
.bottom_competitive ul li .btn_area .detail {float:left; width:204px; color:#fff;}
.bottom_competitive ul li .btn_area a {float:right; width:30px; height:30px; border:1px solid #74cbc7; background:url('/images/main/btn_main_board_off.png') no-repeat center center; text-indent:-9999px; box-sizing:border-box; margin-top:4px}
.bottom_competitive ul li .btn_area a:hover {background:#29b4ba url('/images/main/btn_main_board_on.png') no-repeat center center; border:1px solid #29b4ba;}
.bottom_competitive ul li.last {border:0;}

.common_bottom .bottom_board_area {width:100%; height:330px; overflow:hidden; background:#eeeeee; padding:40px 0; box-sizing:border-box; margin-bottom:60px;}
.common_bottom .bottom_board_conts {width:1101px; height:250px; overflow:hidden; margin:0 auto;}
.common_bottom .bottom_board_conts div.first {border:0;}

.bottom_advice_area {width:1100px; height:340px; padding:70px 0; overflow:hidden; margin:0 auto; box-sizing:border-box;}
.bottom_advice_area .advice_reservation {float:left; width:366px; height:200px; padding:25px 40px 0 0; box-sizing:border-box;}
.bottom_advice_area .advice_reservation .title_area {width:100%; height:70px; background:url('/images/main/icon_advice_reservation.png') no-repeat 0 center; padding-left:70px; box-sizing:border-box; margin-bottom:20px;}
.bottom_advice_area .advice_reservation .title_area .title {display:block; font-size:18px; font-weight:600; margin-bottom:10px;}
.bottom_advice_area .advice_reservation .title_area .detail {color:#777777;}
.bottom_advice_area .advice_reservation input[type="text"] {float:left; width:240px; height:86px; border:1px solid #cccccc; outline:none; padding:10px; box-sizing:border-box;}
.bottom_advice_area .advice_reservation button {float:left; width:86px; height:86px; background:#21294f; color:#fff; text-align:center; }

.bottom_advice_area .contact_area {float:left; width:367px; height:200px;}
.bottom_advice_area .contact_call_kakao {width:367px; height:117px; background:#efefef; padding:30px; box-sizing:border-box;}
.bottom_advice_area .contact_call_kakao .kakao {display:block; width:100%; height:64px; box-sizing:border-box; background:url('/images/main/icon_kakao.png') 20px 5px no-repeat; padding:5px 0 0 70px; text-align:center; font-weight:600; font-size:22px;}
.bottom_advice_area .contact_call_kakao .kakao .add_text {display:block; margin-bottom:4px; font-size:15px; color:#666666}

.bottom_advice_area .cost_message {width:100%; height:86px; overflow:hidden;}
.bottom_advice_area .cost_message a {float:left; width:183.5px; display:inline-block; line-height:86px; font-size:16px; color:#fff; font-weight:600; box-sizing:border-box;}
.bottom_advice_area .cost_message a.cost {background:#707485 url('/images/main/icon_cost.png') 40px center no-repeat; padding-left:90px;}
.bottom_advice_area .cost_message a.message {background:#3a969a url('/images/main/icon_message.png') 40px center no-repeat; padding-left:80px;}

.bottom_advice_area .call_advice {float:left; width:367px; height:200px; padding:25px 20px 0 0; box-sizing:border-box;}
.bottom_advice_area .call_advice .title {width:100%; height:62px; padding-left:75px; box-sizing:border-box; background:url('/images/main/bg_call_advice.png') no-repeat; margin-bottom:30px;}
.bottom_advice_area .call_advice .title span {display:block; font-size:25px; font-weight:600;}
.bottom_advice_area .call_advice .title .maincolor {color:#29b4ba; font-size:34px;}
.bottom_advice_area .call_advice .time_table {width:100%; overflow:hidden;}
.bottom_advice_area .call_advice .time_area {float:left; width:238px; height:86px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-right:10px; padding:14px 5px; box-sizing:border-box;}
.bottom_advice_area .call_advice .time_area > div {width:100%; height:26px; overflow:hidden; margin-bottom:3px;}
.bottom_advice_area .call_advice .time_area .icon01 {float:left; display:inline-block; width:73px; height:26px; background:url('/images/main/bg_time_table01.png') no-repeat; text-align:center; line-height:26px; color:#fff; font-weight:600; margin-right:10px;}
.bottom_advice_area .call_advice .time_area .icon02 {float:left; display:inline-block; width:73px; height:26px; background:url('/images/main/bg_time_table02.png') no-repeat; text-align:center; line-height:26px; color:#fff; font-weight:600; margin-right:10px;}
.bottom_advice_area .call_advice .time_area .time {float:left; line-height:26px; font-size:16px; font-weight:600; letter-spacing:-1px;}
.bottom_advice_area .call_advice a {float:left; display:inline-block; width:86px; height:86px; color:#fff; text-align:center; padding-top:52px; box-sizing:border-box; background:#21294f url('/images/main/icon_call_advice.png') no-repeat center 18px; }

/* sns배너 */
.snsbnr_area {width:1100px; height:185px; overflow:hidden; margin:0 auto 30px;}
.snsbnr_area > div {float:left; width:367px; height:185px; overflow:hidden; padding:35px 30px; box-sizing:border-box;}
.snsbnr_area .add_text {display:block; background:url('/images/common/sub/bg_bar.jpg') no-repeat left top; padding-top:13px; font-size:14px; color:#fff; letter-spacing:-1px; margin-bottom:3px;}
.snsbnr_area .title {display:block; font-size:25px; font-family:'nbg', sans-serif;font-weight:600; color:#fff; margin-bottom:20px;}
.snsbnr_area a {display:inline-block; width:180px; height:40px; line-height:40px; color:#fff; font-size:13px; padding-left:20px; background:#2ba3a8;}
.snsbnr_area a span {padding-left:20px;}
.snsbnr_area .snsbnr01 {background:url('/images/common/footer/bg_snsbnr01.jpg') no-repeat;}
.snsbnr_area .snsbnr02 {background:url('/images/common/footer/bg_snsbnr02.jpg') no-repeat;}
.snsbnr_area .snsbnr03 {width:366px; background:url('/images/common/footer/bg_snsbnr03.jpg') no-repeat;}

/* 협력병원 */
.cooperation_area {width:1100px; height:100px; overflow:hidden; margin:0 auto 60px; border:1px solid #eeeeee;}
.cooperation_area ul li {float:left; width:25%; height:100px; text-align:center; border-right:1px solid #eeeeee; padding:30px; box-sizing:border-box;}
.cooperation_area ul li.last {border:0;}

/* 사이트맵 */
.map_area { width:100%; height:600px; background:#f9f9f9; }
.map_area .map_conts {width:1200px; height:590px; margin:0 auto;}
.map_area .map_conts .line {width:1200px; height:1px; background:#ddd;}

.map_area .map_conts li {width:1200px; height:60px; margin:0 auto; line-height:60px;}
.map_area .map_conts li .map_tit {font-size:15px; color:#212950; font-weight:bold; float:left;}

/* 사이트맵_margin */
.map_area .map_conts li .map_1 {margin-left:60px; float:left;}
.map_area .map_conts li .map_2 {margin-left:65px; float:left;}
.map_area .map_conts li .map_3 {margin-left:77px; float:left;}
.map_area .map_conts li .map_4 {margin-left:135px; float:left;}
.map_area .map_conts li .map_5 {margin-left:121px; float:left;}
.map_area .map_conts li .map_6 {margin-left:132px; float:left;}
.map_area .map_conts li .map_7 {margin-left:87px; float:left;}
.map_area .map_conts li .map_8 {margin-left:132px; float:left;}


.map_area .map_conts li a {font-size:12px; color:#555; }
.map_area .map_conts li a:hover {font-size:12px; color:#25b4ba; font-weight:bold;}


/* 유틸 메뉴 */
.utility_area {width:100%; height:40px; line-height:40px; background:#a9a9a9;  box-sizing:border-box; margin:0 auto 40px;}
.utility_area .utility_conts {width:1100px; height:40px; margin:0 auto;}
.utility_area .utility_menu {float:left; width:700px; }
.utility_area .utility_menu li {padding-left:20px; display:inline-block; color:#fff; font-size:14px;  letter-spacing:-1px;}
.utility_area .utility_menu li:hover {text-decoration:underline;}
.utility_area .utility_menu li:first-child {background:none;}

.utility_area .sns_menu {float:right; width:280px; }
.utility_area .sns_menu li {float:left; width:40px; height:40px; overflow:hidden;}
.utility_area .sns_menu li:hover img {margin-left:-40px;}

/* 수상내역 */
.bottom_award {width:1100px; overflow:hidden; margin:0 auto 30px;}
.bottom_award ul li {float:left; display:inline-block; margin-right:45px;}
.bottom_award ul li.last {margin-right:0;}

/* 하단 병원 정보 */
.information {width:100%; height:160px; padding:45px 0; box-sizing:border-box; border-top:1px solid #dddddd;} 
.information .informatio_conts {width:1100px; height:70px; margin:0 auto; overflow:hidden;}
.information .informatio_conts .logo {float:left; width:210px; text-align:center; margin-right:20px;}
.information .informatio_conts .infor_text {float:left; width:550px; line-height:20px;}
.information .informatio_conts .infor_text .name {display:block; margin-bottom:8px; font-size:16px; font-weight:600;}
.information .informatio_conts .infor_text .address {display:block; font-size:13px; color:#787878;}
.information .informatio_conts .infor_text .call_num {font-size:13px}
.information .informatio_conts .kmi_logo {float:right; width:190px;}

/* 카피라이터 */
#footer {width:100%; overflow:hidden;}
#footer .copyright {width:100%; height:60px; line-height:60px; text-align:center; color:#838383; font-size:13px; background:#dbdbdb;}
#footer .copyright img {vertical-align:middle;}




.text-hidden { overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; position: absolute !important; width: 1px !important; height: 1px !important;}