/*

Project Name : 광주안과의원
copyright(c) 상상너머 all rights reserved

*/

@charset "utf-8";

/* 공통페이지 */
@import url("common.css");

/* 서브디자인 */
@import url("clickeye_sub.css");
@import url("cm_font.css");

/* 기본설정 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

/* 나눔고딕폰트
@font-face{font-family: 'NanumGothic';  src: url('/include/font/NanumGothic.eot'); src: local('※'), url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype'); }
*/

html {width:100%; height:100%; overflow-y:scroll}
body {margin:0; padding:0; background:#f1f1f1; min-width:1320px;}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#666; word-wrap:break-word; word-break:break-all;}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {font-family:나눔고딕,"NanumGothic",Helvetica,sans-serif; font-size:12px;}

img {border:0;}
p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {list-style:none; margin:0; padding:0;}
input,select,textarea,button {margin:0;padding:0; vertical-align:middle;}
em {font-style:normal}
a,span {display:inline-block;}


/* 폼요소기본 */
label {display:inline-block; overflow:hidden; cursor:pointer}
label input[type=checkbox] {float:left;}
label input[type=radio] {float:left;}
label:hover {color:#009ddc !important}
input[type=submit] {border:0; cursor:pointer;}
input[type=text] {background:transparent; border:0}
input[type=password] {background:transparent; border:0}
input[type=search] {background:transparent; border:0}
input[type=file] {background:transparent; border:0;}
select {font-size:12px; color:#666; font-family:Verdana, dotum; cursor:pointer;}
textarea {background:transparent; border:0}

a:link, a:visited {color:#666; text-decoration: none; cursor:pointer}
a:hover, a:active {color:#009ddc; text-decoration: none;}


#Warp {width:100%;}
.layout_fix {width:1200px; margin:0 auto; position:relative}
.lineup {display:inline-block}
.blind {display:none;}
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9}
.upper_link img {width:100%; height:100%;}




/* 공통 요소 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

/* 헤더 (공통) */
#header {height:120px; background:#fff; }
#header .layout_fix {overflow:hidden;}

#header .logo {float:left; height:120px; margin-right:60px;}
#header .logo a {margin-top:10px; overflow:hidden;}
#header .logo a img {float:left;}

#header .branch {overflow:hidden; float:left; margin-top:34px;}
#header .branch .one_box {float:left; overflow:hidden; width:220px; margin:0 28px; position:relative}
#header .branch .one_box .title {float:left; margin-bottom:14px;}
#header .branch .one_box .map {float:right;}
#header .branch .one_box .btn_wrap {overflow:hidden; position:absolute; left:0; top:0; margin-top:35px}
#header .branch .one_box .btn_sms {float:left; background: transparent url('../../images/header_sms_btn.gif') left top no-repeat; width:103px; height:25px;  color:#555; text-indent:26px; letter-spacing:-1px; line-height:24px;}
#header .branch .one_box .btn_sms:hover {background: transparent url('../../images/header_sms_btn_over.gif') left top no-repeat; }
#header .branch .one_box .btn_sms2 {margin-right:6px; float:left; background: transparent url('../../images/header_sms2_btn.gif') left top no-repeat; width:89px; height:25px;  color:#555; text-indent:26px; letter-spacing:-1px; line-height:24px;}
#header .branch .one_box .btn_sms2:hover {background: transparent url('../../images/header_sms2_btn_over.gif') left top no-repeat; }
#header .branch .resize {width:250px;}

#header .branch .bar {background:#e6e6e6; float:left; width:1px; height:59px;}

#header .top_menu {float:left; overflow:hidden; margin:53px 0 0 20px;}
#header .top_menu a {float:left; color:#949494;  padding:0 10px}
#header .top_menu a:hover {color:#009ddc; text-decoration:underline}
#header .top_menu .bar {background:#dde1e3; float:left; width:1px; height:12px;}

#header .search_box {float:right; overflow:hidden; width:140px; height:30px; margin-top:45px; background: transparent url('../../images/header_search_form.gif') left top no-repeat;}
#header .search_box .form_search {float:left; width:95px; height:30px; line-height:30px;  color:#8d8d8d; padding-left:10px;}
#header .search_box .form_search:focus {color:#333}
#header .search_box .form_search::-ms-clear {display: none;}
#header .search_box .form_search::-webkit-clear {display:none;}
#header .search_box .btn_search {float:right; width:34px; height:30px; background: transparent url('../../images/header_ic_search.png') center center no-repeat;}


/* 네비게이션 (공통) */
#nav {height:55px; background:#0096d9 url('../../images/nav_right_bg.gif') center top repeat-y;}

#nav .gnb {overflow:hidden;}

#nav .gnb a {float:left; height:55px; text-align:center; background:transparent url('../../images/nav_bar.gif') right center no-repeat;}
#nav .gnb a:hover {background:#005489;}
/* #nav .gnb a img {margin-top:20px;} */
#nav .gnb .hit {background:#005489;}

#nav .nav1 {width:190px;}
#nav .nav2 {width:178px;}
#nav .nav3 {width:148px;}
#nav .nav4 {width:160px;}
#nav .nav5 {width:173px;}
#nav .nav6 {width:174px; /* background:none !important; */}
/* #nav .nav6:hover {background:#005489  !important;}
#nav .nav7 {width:177px; background:none !important;}
#nav .nav7:hover {background:none !important}

#nav .nav_last {background:none !important;}
#nav .nav_last:hover {background:none !important}
 */

#nav .all_open {display:none; background:#0096d9 url('../../images/nav_all_img.jpg') right bottom no-repeat; position:absolute; left:0; top:55px; width:100%; z-index:1000000}
#nav:hover .all_open {display:block;}

#nav .all_open .one_area {background:#fff; overflow:hidden; float:left;}
#nav .all_open .one_box {float:left; background:transparent url('../../images/nav_border.gif') right top repeat-y; height:385px;}
#nav .all_open .one_box:hover {background:#f6f7f8 url('../../images/nav_border.gif') right top repeat-y  !important;}
#nav .all_open .one_box a {display:block; height:35px; line-height:35px; text-indent:0; background:transparent url('../../images/nav_border.gif') left bottom repeat-x; color:#333; padding:0 10px; font-size:11px;}
#nav .all_open .one_box a:hover {color:#009ddc; text-decoration:underline}

#nav .all_open .right_img {background:#0096d9 url('../../images/nav_all_img.jpg') left bottom no-repeat; width:177px; float:right; position:relative;}
#nav .all_open .right_img img {position:absolute; left:0; bottom:0; width:177px; height:271px;}

#nav .all_open .shadow {border-top:3px solid #003591; background:transparent url('../../images/nav_all_shadow.png') left bottom no-repeat; height:30px; width:100%; position:absolute; left:0; bottom:-33px;}



/* 푸터 (공통) */
#footer {background:#d3d7d8; border-top:1px solid #c7ccce; padding:40px; 0; overflow:hidden; margin-top:60px;}
#footer .info {float:left; overflow:hidden; width:750px; margin-bottom:50px;}
#footer .info .title {color:#222; font-size:15px;}

#footer .info .branch_box {overflow:hidden; margin-top:30px;}
#footer .info .branch_box .name {float:left; color:#52555a; width:65px;  text-align:center; background:transparent url('../../images/footer_logo.gif') center top no-repeat; padding-top:54px; margin-right:25px; font-weight:600;}

#footer .info .branch_box .time {width:410px; overflow:hidden; margin-top:10px; float:left;}
#footer .info .branch_box .time dt {float:left; margin-right:20px; background:transparent url('../../images/footer_bullet.gif') left center no-repeat; padding-left:5px; line-height:16px;}
#footer .info .branch_box .time dd {float:left; margin-right:20px; background:transparent url('../../images/footer_bullet.gif') left center no-repeat; padding-left:5px; line-height:16px;}
#footer .info .branch_box .time b {color:#4e4e4e}
#footer .info .branch_box .time .address {clear:both; width:100%; padding-top:10px; background:none;}

#footer .info .call {float:left; margin:10px 0 0 50px;}
#footer .info .call .flag {background:#4a4e51; height:25px; line-height:25px; color:#fff; font-size:11px; width:130px; padding-left:8px; position:relative;}
#footer .info .call .flag img {position:absolute; left:0; bottom:-5px}
#footer .info .call .number {margin-top:10px;}

#footer .inquiry {width:421px; float:right; position:relative; }
#footer .inquiry .title {color:#222; font-size:15px; margin-bottom:16px; height:30px;}
#footer .inquiry .btn_ok {color:#fff; background:transparent url('../../images/footer_btn_ok.png') left top no-repeat; position:absolute; right:0; top:0; width:156px; height:34px; line-height:34px; text-indent:-5px; font-size:14px;}
#footer .inquiry .btn_ok:hover {text-decoration:underline}

#footer .inquiry .form_box {background:#fff; width:381px; padding:5px 20px 15px 20px; margin-top:10px;}
#footer .inquiry .form_box li {border-bottom:1px solid #e9eaea; overflow:hidden;}
#footer .inquiry .form_box input[type=text] {padding:16px 0; color:#909193; float:left; width:45%; font-size:14px;}
#footer .inquiry .form_box input[type=text]:focus {color:#333}
#footer .inquiry .form_box label {line-height:23px; padding:6px 0; color:#909193; float:left; font-size:13px; width:33%; box-sizing:border-box;}
#footer .inquiry .form_box label img {float:left; margin-right:6px;}
#footer .inquiry .form_box textarea {border:0; width:100%; overflow:hidden; height:35px; padding:10px 0; color:#909193; font-size:14px;}
#footer .inquiry .form_box textarea:focus {color:#333}
#footer .inquiry .form_box .none {border:0;}


#footer .copyright {clear:both; position:relative; background:transparent url('../../images/copyright_bd.gif') left top repeat-x;}
#footer .copyright .menu {overflow:hidden; padding:15px 0; float:left; width:100%;}
#footer .copyright .menu a {float:left; color:#333; font-size:11px;}
#footer .copyright .menu a:hover {color:#000; text-decoration:underline}
#footer .copyright .menu .bar {background:#bdc1c2; float:left; width:1px; height:12px; margin:0 10px}
#footer .copyright .text {color:#909293; font-size:11px; line-height:18px;}

#footer .copyright .sns {overflow:hidden; position:absolute; right:0; top:15px}
#footer .copyright .sns a {float:left; margin-left:6px;}
#footer .copyright .sns a:hover .off {display:none;}
#footer .copyright .sns a:hover .over {display:block;}

#footer .copyright .sns .off {display:block;}
#footer .copyright .sns .over {display:none;}







/* 메인 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

/* 동영상 */
/* .main_visual {height:600px; background:transparent url('../../images/main_visual_bg.gif') left top repeat;}
.main_visual .inner {background:transparent url('../../images/main_visual_inner.png') center top repeat-y;}
.main_visual .player {width:1320px; margin:0 auto; position:relative;}
.main_visual .btn {position:absolute; left:0; bottom:20px; width:100%; text-align:center;}
.main_visual .btn a {float:left; height:28px; line-height:28px; color:#87888a; background:#2a2c2f; border-bottom:1px solid #2a2c2f; padding:0 24px; }
.main_visual .btn a:hover {color:#ddd; border-bottom:1px solid #0096d9}
.main_visual .btn .hit {background:#0096d9; color:#fff; border-bottom:1px solid #0096d9}
.main_visual .btn .hit:hover {color:#fff} */



/* 오른쪽 퀵메뉴 */
.fly_right {position:absolute; right:0; top:175px; z-index:1000;}

.fly_right .btn_box {width:76px; margin-top:100px;}
.fly_right .btn_box a {overflow:hidden; float:left;}
.fly_right .btn_box a img {float:left;}

.fly_right .state_close .btn_box .open {display:none;}
.fly_right .state_close .open_box {display:none;}

.fly_right .state_open {width:476px;}
.fly_right .state_open .btn_box {float:left;}
.fly_right .state_open .btn_box .close {display:none;}


.fly_right .btn_close {position:absolute; right:0; top:0; margin:30px 28px 0 0 }
.fly_right .open_box {background:#fff; width:400px; height:600px; float:right; position:relative;}
.fly_right .open_box > div {height:540px; overflow:hidden; padding:30px 28px;}

.fly_right .open_box .title {margin-bottom:10px;}
.fly_right .open_box .text {margin-bottom:25px;}

.fly_right .btn1_contents {border-left:3px solid #29afb1;}
.fly_right .btn2_contents {border-left:3px solid #3279b6;}
.fly_right .btn3_contents {border-left:3px solid #634433;}
.fly_right .btn3_contents .img_box li {margin-bottom:30px;}
.fly_right .btn4_contents {border-left:3px solid #514c97;}
.fly_right .btn4_contents .img_box li {margin-bottom:20px;}

.fly_right .form_box li {border-bottom:1px dashed #ccc; position:relative; padding:10px 0; overflow:hidden;}
.fly_right .form_box .none {border-bottom:0}

.fly_right .form_box .opt {position:absolute; left:0; top:50%; font-size:15px; color:#838383; width:70px; margin:-10px 0 0 0}
.fly_right .form_box .value {margin-left:68px;}
.fly_right .form_box .value input[type=text] {width:100%; background:#f1f1f1; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; height:40px; line-height:40px; font-size:15px; text-indent:10px}
.fly_right .form_box .value input[type=text]:focus {background:#dcdcdc; border-top:1px solid #b0b0b0; border-left:1px solid #b0b0b0; color:#333}

.fly_right .form_box .value textarea {width:100%; overflow:auto; background:#f1f1f1; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; height:70px; line-height:16px; font-size:15px; text-indent:10px; padding:10px 0}
.fly_right .form_box .value textarea:focus {background:#dcdcdc; border-top:1px solid #b0b0b0; border-left:1px solid #b0b0b0; color:#333;}

.fly_right .form_box .value select {width:100%; /* height:35px; */ border:1px solid #c1c1c1; padding:0 10px;}

.fly_right .form_box .value input[type=checkbox] {height:20px; margin-right:5px;}
.fly_right .form_box .value label {float:left; line-height:20px; margin-right:10px; font-size:13px;}
.fly_right .form_box .value .btn_agree {background:#b4b4b4; color:#fff; height:20px; line-height:20px; padding:0 5px;}

.fly_right .form_box .btn_ok {background:transparent url('../../images/fly_btn_bg.gif') left top repeat; width:272px; height:42px; color:#fff; font-size:17px;}
.fly_right .form_box .btn_ok:hover {text-decoration:underline}

.fly_right .img_box {text-align:center;}




/* 메인 컨텐츠들 */
#main_section {margin-top:45px; overflow:hidden;}
#main_section .layout_fix > div {float:left;}



/* 온라인 1:1상담 */
#main_section .inquiry_box {width:248px; height:399px; margin-right:22px; background:#fff url('../../images/inquiry_img.jpg') left top no-repeat; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #bcbcbc; position:relative;}
#main_section .inquiry_box dl {margin-top:180px; padding:0 15px; }
#main_section .inquiry_box dt {font-size:16px; color:#000; margin-bottom:10px; position:relative;}
#main_section .inquiry_box .btn_more {position:absolute; right:0; top:0;}
#main_section .inquiry_box dd {position:relative;}
#main_section .inquiry_box dd a {display:block; border-bottom:1px solid #dbdbdb; height:35px; line-height:35px; color:#666;}
#main_section .inquiry_box dd a:hover {color:#0096d9;}
#main_section .inquiry_box dd .ic_state {position:absolute; right:0; top:50%; margin-top:-8px;}
#main_section .inquiry_box dd .ic_state img {float:left;}
#main_section .inquiry_box .clear_border {z-index:1000; position:absolute; left:0; bottom:0; height:3px; width:100%; background:#fff; margin-bottom:10px;}


/* 롤링배너 */
#main_section .rolling {position:relative; margin-right:22px;}
#main_section .rolling .banner a {overflow:hidden;}
#main_section .rolling .banner img {float:left;}

#main_section .rolling .upper_icon {position:absolute; width:100%; left:0; bottom:12px; text-align:center;}
#main_section .rolling .upper_icon a {overflow:hidden; float:left; cursor:pointer}
#main_section .rolling .upper_icon img {float:left;}
#main_section .rolling .upper_icon .icon {padding-top:8px; float:left;}
#main_section .rolling .upper_icon .icon a {margin:0 4px;}
#main_section .rolling .upper_icon .ctr {margin-left:6px; float:left;}
#main_section .rolling .upper_icon .ctr a {margin:0 2px}


/* 리얼수술후기 */
#main_section .realpost {width:248px; height:399px; background:#fff; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #bcbcbc;}
#main_section .realpost .title {background:#0096da; height:40px; line-height:40px; color:#fff; font-size:16px; position:relative; text-indent:10px;}
#main_section .realpost .edge {position:absolute; width:13px; left:50%; bottom:0; margin:0 0 -7px -8px;}
#main_section .realpost .edge img {float:left;}

#main_section .realpost .ctr_btn {position:absolute; right:0; top:0; margin:7px 8px 0 0; width:46px;}
#main_section .realpost .ctr_btn a {float:left; overflow:hidden; margin-left:1px; width:22px;}
#main_section .realpost .ctr_btn a img {float:left;}
#main_section .realpost .ctr_btn a:hover .off {display:none;}
#main_section .realpost .ctr_btn a:hover .over {display:block;}
#main_section .realpost .ctr_btn .over {display:none;}

#main_section .realpost .post_box {margin:15px auto 0 auto; width:230px; position:relative;}
#main_section .realpost .post_box .photo {overflow:hidden; position:relative; width:230px; height:136px; background:#f1f1f1 url(../../images/common/no_img.png) center 15px no-repeat;}
#main_section .realpost .post_box .photo img {float:left;}
#main_section .realpost .post_box .pconts {position:absolute; left:0; bottom:0; width:100%; height:24px; background:transparent url('../../images/real_opacity70.png') left top repeat; line-height:24px; color:#b9b9ba; font-size:11px; text-align:center;}
#main_section .realpost .post_box .ptitle {color:#333; font-size:11px; margin-top:8px;}
#main_section .realpost .post_box .over {position:absolute; width:100%; height:100%; left:0; top:0; z-index:1000}
#main_section .realpost .post_box .over img {width:100%; height:100%}
#main_section .realpost .post_box:hover .ptitle {color:#0096d9;}


/* 중요 바로가기메뉴 */
#main_section .key_menu {margin:25px 0; height:140px; width:100%; background:#fff; border-bottom:1px solid #cacaca; position:relative; overflow:hidden;}
#main_section .key_menu .why {position:absolute; left:0; top:0; z-index:1000}
#main_section .key_menu .icon_menu {float:right; width:815px; position:relative;}
#main_section .key_menu .icon_menu a {float:left; width:20%; height:140px; text-align:center; background:transparent url('../../images/key_border.gif') right center no-repeat;}
#main_section .key_menu .icon_menu a:hover {background:#e9e9ea}
#main_section .key_menu .icon_menu img {margin-top:25px;}
#main_section .key_menu .icon_menu .none {background:transparent}


/* 주요진료과목 배너 */
#main_section .field_bn {overflow:hidden; width:900px;}
#main_section .field_bn a {float:left; overflow:hidden; position:relative;}
#main_section .field_bn a img {float:left;}
#main_section .field_bn a:hover .over {display:block}

#main_section .field_bn .over {display:none; position:absolute; left:0; top:0; width:294px; height:234px; border:3px solid #0096d9; z-index:1000}
#main_section .field_bn .over img {width:100%; height:100%}


/* 광주안과페이스북 */
#main_section .facebook {width:300px; height:480px; background:#fff;}
#main_section .facebook .title {background:#004a9a url('../../images/facebook_t.png') 20px center no-repeat; height:50px; line-height:50px; padding-left:30px; color:#fff; font-size:16px; position:relative; text-indent:10px;}
#main_section .facebook .edge {position:absolute; width:13px; left:50%; bottom:0; margin:0 0 -7px -8px;}
#main_section .facebook .edge img {float:left;}
#main_section .facebook .btn_like {position:absolute; right:0; top:0; margin:15px 15px 0 0}

#main_section .facebook .timeline {height:430px; padding-top:10px;}
#main_section .facebook .timeline p {font-family:"NanumGothic","나눔고딕" !important}
#main_section .facebook .timeline iframe div {background:none !important}



/* 서브 공통 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

/* 서브탑 비쥬얼 */
.sub_visual {background:transparent url('../../images/main_visual_bg.gif') left top repeat; height:235px;}
.sub_visual .inner {height:235px; background:transparent url('../../images/main_visual_inner.png') center top repeat-y; text-align:center;}
.sub_visual .bx-wrapper {height:235px !important; width:100% !important;}
.sub_visual .bx-viewport {height:235px !important; width:100% !important;}

.btn_gotop {position:fixed; left:50%; bottom:0; width:52px; height:47px; margin-left:610px;}
.btn_gotop .over {display:none;}
.btn_gotop:hover .over {display:block;}
.btn_gotop:hover .off {display:none;}


/* 서브섹션 */
#sub_section {overflow:hidden; width:1200px; margin:30px auto 0 auto;}



/* 왼쪽메뉴 ----------------------------------------------------- */
#aside {width:230px; float:left;}

#aside .timg {overflow:hidden;}
#aside .timg img {float:left;}

#aside .nav {margin-top:25px; overflow:hidden; border-bottom:1px solid #a5abb5; background:#fff;}
#aside .nav a {display:block; height:44px; line-height:44px; text-indent:30px; font-size:13px; color:#333; border-top:1px solid #d5d8dd; border-left:1px solid #d5d8dd; border-right:1px solid #d5d8dd}
#aside .nav a:hover {background:transparent  url('../../images/sub/aside_nav_over.gif') left bottom repeat-x; color:#0096d9;}
#aside .nav .hit {background:#0063a7; border-top:1px solid #0063a7; border-left:1px solid #0063a7; border-right:1px solid #0063a7; color:#fff;}
#aside .nav .hit:hover {background:#0063a7; color:#fff;}


#aside .icon_menu {margin-top:25px; background:transparent url('../../images/sub/aside_icon_bg.gif') left top repeat; border-top:1px solid #d4d4d4;}
#aside .icon_menu ul {overflow:hidden; background:transparent url('../../images/sub/aside_icon_border.gif') left top repeat-y;}
#aside .icon_menu li {width:100%; border-bottom:1px solid #d4d4d4; float:left;}
#aside .icon_menu a {float:left; width:50%; text-align:center; padding:16px 0; background:transparent url('../../images/sub/aside_icon_border.gif') right top repeat-y;}
#aside .icon_menu a:hover {background:#d4d4d4}
#aside .icon_menu .single a {width:100% !important}

#aside .info_img {margin-top:25px; overflow:hidden;}
#aside .info_img a {overflow:hidden; float:left;}
#aside .info_img a img {float:left;}

#aside .field_rolling {margin-top:25px;}
#aside .field_rolling a {overflow:hidden}
#aside .field_rolling a img {float:left;}
#aside .field_rolling .icon {padding-top:6px; text-align:center;}
#aside .field_rolling .icon a {float:left; overflow:hidden; margin:0 2px;cursor:pointer;}
#aside .field_rolling .icon a img {float:left;}




/* 오른쪽내용 ----------------------------------------------------- */
#container {width:928px; float:right; background:#fff; border-top:1px solid #d5d8dd; border-left:1px solid #d5d8dd; border-right:1px solid #d5d8dd; border-bottom:1px solid #a0a3a7; }

#container .page_title {padding:30px 0 20px 0; color:#000; font-size:30px; position:relative; margin:0 39px; border-bottom:1px dashed #e3e3e3}
#container .page_title .btn_sns {position:absolute; right:0; top:0; margin:45px 0; overflow:hidden}
#container .page_title .btn_sns a {float:left; overflow:hidden; padding-left:10px;}
#container .page_title .btn_sns img {float:left;}


#article {min-height:700px; padding:0 39px 40px 39px;}
#article .conts_full {padding:0 !important; width:928px; margin-left:-39px; position:relative;}
#article .conts_full .btn_write {position:absolute; right:0; bottom:0; margin:40px;}



/* 탭메뉴 설정 */
#article .tab_menu {margin:25px 0 25px 0; overflow:hidden; padding:0 !important; width:928px;}
#article .tab_menu > a {float:left; text-align:center; font-size:15px; margin-bottom:10px;}
#article .tab_menu > span {float:left; text-align:center; font-size:15px; margin-bottom:10px;}

#article .tab_menu .off {color:#333; background:#fff; border:3px solid #d5d5d5; height:44px; line-height:44px;}
#article .tab_menu .off:hover {color:#0096d9; text-decoration:underline}
#article .tab_menu .hit {color:#fff; background:#0096d9; border:3px solid #0096d9; height:44px; line-height:44px;}

#article .tab_col2 > a {margin-right:10px; width:414px;}
#article .tab_col3 > a {margin-right:11px; width:270px;}
#article .tab_col4 > a {margin-right:10px; width:199px;}
#article .tab_col5 > a {margin-right:10px; width:156px; font-size:13px}
#article .tab_col6 > a {margin-right:10px; width:127px; font-size:13px}


#article .tab_col2 > span {margin-right:10px; width:414px;}
#article .tab_col3 > span {margin-right:11px; width:270px;}
#article .tab_col4 > span {margin-right:10px; width:199px;}
#article .tab_col5 > span {margin-right:10px; width:156px;}



/* 서브 개별 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

/* 필요에따른 공간값 */
.blank10 {margin-bottom:10px !important}
.blank15 {margin-bottom:15px !important}
.blank20 {margin-bottom:20px !important}
.blank25 {margin-bottom:25px !important}
.blank30 {margin-bottom:30px !important}
.blank35 {margin-bottom:35px !important}
.blank40 {margin-bottom:40px !important}
.blank45 {margin-bottom:45px !important}
.blank50 {margin-bottom:50px !important}


/* 페이스북 ----------------------------------------------------- */
#article .facebook_area {overflow:hidden; margin-top:39px;}
#article .facebook_area .facebook {float:left; width:395px; background:#3b5998;}
#article .facebook_area .common {float:right; width:425px;}

#article .facebook_area .facebook .title {background:#004a9a url('../../images/facebook_t.png') 20px center no-repeat; height:50px; line-height:50px; padding-left:30px; color:#fff; font-size:16px; position:relative; text-indent:10px;}
#article .facebook_area .facebook .btn_like {position:absolute; right:0; top:0; margin:15px 15px 0 0}
#article .facebook_area .facebook .timeline {height:700px; background:#fff; margin:0 3px 3px 3px;}

#article .facebook_area .tab_menu {margin:0 0 20px 0 !important}
#article .facebook_area .tab_menu a {width:202px; margin-right:9px; }
#article .facebook_area .bottom_btn_area {padding:15px 0 !important}
#article .facebook_area .board_list_gallery {width:434px;}



/* 상담 바로가기 3개박스 ----------------------------------------------------- */
.conts_full .inquiry_btn_box {position:absolute; left:0; bottom:0; margin:40px;}

#article .inquiry_btn_box {background:#fff; border:1px solid #009ddc; width:850px; margin:60px 0 0 0; overflow:hidden;}
#article .inquiry_btn_box a {float:left; text-align:center;  padding:20px 0;}
#article .inquiry_btn_box .q {font-size:15px; color:#333; display:block; margin-bottom:10px;}
#article .inquiry_btn_box b {color:#009ddc; text-decoration:underline; line-height:28px; text-align:center; font-size:15px; font-weight:normal; float:left; margin-right:8px;}
#article .inquiry_btn_box b img {float:left;}

#article .inquiry_btn_box a:hover {background:#009ddc}
#article .inquiry_btn_box a:hover b {color:#fff}

#article .inquiry_btn_box .btn_box1 {border-right:1px solid #009ddc; width:283px;}
#article .inquiry_btn_box .btn_box2 {border-right:1px solid #009ddc; width:283px;}
#article .inquiry_btn_box .btn_box3 {width:282px;}


/* FAQ 검색 ----------------------------------------------------- */
#article .faq_search_box {position:absolute; left:0; bottom:0; margin:40px; background:#fff; border:1px solid #009ddc; width:800px; overflow:hidden; padding:25px;}
#article .faq_search_box  .words {margin-right:300px; }
#article .faq_search_box  .words dt {font-size:16px; color:#333}
#article .faq_search_box  .words dd {overflow:hidden; margin-top:15px;}
#article .faq_search_box  .words dd b {font-size:13px; color:#333; font-weight:normal; float:left; margin-right:10px;}
#article .faq_search_box  .words dd a {float:left; font-size:13px; color:#009ddc; text-decoration:underline; margin-right:10px;}

#article .faq_search_box  .search_form {position:absolute; right:0; top:0; margin:27px;}
#article .faq_search_box  .search_form input[type=text] {width:250px; background:#d6d6d6; border-top:1px solid #ababab; border-left:1px solid #ababab; height:40px; line-height:40px; font-size:15px; text-indent:10px}
#article .faq_search_box  .search_form input[type=text]:focus {background:#bababa; border-top:1px solid #999; border-left:1px solid #999; color:#000}
#article .faq_search_box  .btn_search {background:#009ddc url(../../images/common/ic_faq_search.png) center center no-repeat; width:60px; height:41px;}


/* 예약 ----------------------------------------------------- */
#article .reserve {}
#article .reserve .arrow {position:absolute; left:50%; bottom:0; margin:0 0 -16px -16px}
#article .reserve .arrow img {float:left;}

/* 동의하기 */
#article .step_agree {background:#f1f1f1; position:relative; border-bottom:1px solid #b7b7b7; padding:20px; margin-bottom:50px; text-align:center;}
#article .step_agree textarea {width:790px; background:#fff; height:100px; padding:10px; line-height:17px; font-size:11px;}
#article .step_agree label {padding:15px 0 0 0; font-size:13px; color:#ff0000}
#article .step_agree label input {margin-right:5px; float:left;}


/* 지점의사선택 */
#article .step_doctor {background:#f1f1f1; position:relative; border-bottom:1px solid #b7b7b7; padding:30px 20px; margin-bottom:50px;}
#article .step_doctor .branch {overflow:hidden; width:828px;}
#article .step_doctor .branch a {width:395px; height:50px; float:left; text-align:center; color:#fff; font-size:16px; line-height:50px; margin-right:18px;}
#article .step_doctor .branch a:hover {text-decoration:underline;}
#article .step_doctor .branch .off {background:transparent url(../../images/sub/reserve_br_off.png) right top no-repeat;}
#article .step_doctor .branch .hit {background:transparent url(../../images/sub/reserve_br_on.png) left top no-repeat;}

#article .step_doctor .before {text-align:center; font-size:14px;  background:transparent url(../../images/sub/reserve_no.png) center top no-repeat; padding:140px 0 0 0; margin:40px 0; line-height:20px;}

#article .step_doctor .doctor {overflow:hidden; margin-top:20px; width:882px;}
#article .step_doctor .doctor a {float:left; background:#fff; border:1px solid #f1f1f1; width:195px; height:255px; margin:0 7px 7px 0;}
#article .step_doctor .doctor a:hover {border:1px solid #666}

#article .step_doctor .doctor .photo {overflow:hidden;}
#article .step_doctor .doctor .photo img {float:left;}
#article .step_doctor .doctor .name {display:block; font-size:16px; color:#000; margin:10px 0 0 0; background:transparent url(../../images/sub/reserve_dr_off.png) 10px center no-repeat; line-height:21px; padding-left:40px;}
#article .step_doctor .doctor .field {color:#666; font-size:11px; margin:10px 15px;}

#article .step_doctor .doctor .hit {border:1px solid #009ddc;}
#article .step_doctor .doctor .hit:hover {border:1px solid #009ddc;}
#article .step_doctor .doctor .hit .name {background:transparent url(../../images/sub/reserve_dr_on.png) 10px center no-repeat;}


/* 날짜시간선택 */
#article .step_time {background:#f1f1f1; position:relative; border-bottom:1px solid #b7b7b7; padding:30px 20px; margin-bottom:50px; text-align:center;}
#article .step_time .tie {overflow:hidden;}

#article .step_time .calendar {width:394px; float:left; background:#000;}
#article .step_time .calendar .month {margin-bottom:20px}
#article .step_time .calendar .month b {font-weight:normal; font-size:18px; color:#333; float:left;}
#article .step_time .calendar .month a {float:left; margin:0 15px;}

#article .step_time .calendar .date {background:#fff; border:1px solid #b5b5b5}
#article .step_time .calendar .date table {width:100%}
#article .step_time .calendar .date th {font-weight:normal; width:56px; font-size:13px; height:47px; line-height:47px; background:#e6e6e6 url(../../images/sub/calendar_border.png) right top repeat-y;}
#article .step_time .calendar .date td {width:56px; height:48px; line-height:48px; background:#fff; background:transparent url(../../images/sub/calendar_border.png) left top repeat-x; position:relative;}
#article .step_time .calendar .date td div {font-size:13px; display:block; width:100%; height:100%; background:transparent url(../../images/sub/calendar_border.png) right top repeat-y;  color:#999}

#article .step_time .calendar span.ui-state-default {position:relative;}
#article .step_time .calendar span.ui-state-default:before {content:"예약완료"; position:absolute; left:0; bottom:-16px; z-index:5; font-size:11px; color:#aaa; width:100%; text-align:center; letter-spacing:-1px;}

/* JJC : 사유적용 : 2021-01-05 */
#article .step_time .calendar .app_calc.oper span.ui-state-default:before {content:"수술"; }
#article .step_time .calendar .app_calc.out span.ui-state-default:before {content:"외래"; }
#article .step_time .calendar .app_calc.close span.ui-state-default:before {content:"휴진"; }
/* JJC : 사유적용 : 2021-01-05 */

#article .step_time .calendar .date thead .sat {background-image:none}
#article .step_time .calendar .date tbody .sat div {background-image:none}

#article .step_time .calendar .no_reserve span.ui-state-default:before {display:none !important;}
#article .step_time .calendar .no_reserve span.ui-state-default {color:#ccc;}
#article .step_time .calendar .no_reserve span.ui-state-default {background:transparent url('../../images/sub/bg_cal_dot.gif') left top repeat;}


#article .step_time .timetable {width:395px; float:right;}
#article .step_time .timetable .month {margin-bottom:20px}
#article .step_time .timetable .month b {font-weight:normal; font-size:18px; color:#333; float:left;}

#article .step_time .timetable .time {background:#e6e6e6; border:1px solid #b5b5b5; overflow:hidden; position:relative; }
#article .step_time .timetable .time .clear {background-image:none;}

#article .step_time .timetable .day {background:#fff url(../../images/sub/calendar_border.png) left bottom repeat-x; margin-left:113px; overflow:hidden}
#article .step_time .timetable .day div {float:left; background:#fff url(../../images/sub/calendar_border.png) left bottom repeat-x; width:140px; height:24px; line-height:24px; color:#999; position:relative;}
#article .step_time .timetable .day div div {display:block; height:100%; background:transparent url(../../images/sub/calendar_border.png) left top repeat-y;}
/* #article .step_time .timetable .day .none:before {content:"예약완료"; position:absolute; left:10px; top:2px; z-index:5; font-size:11px; color:#aaa; text-align:center; letter-spacing:-1px;}
 */
#article .step_time .timetable .text1 {position:absolute; left:0; top:0; width:113px; height:86px; padding-top:10px; background:transparent url(../../images/sub/calendar_border.png) left bottom repeat-x;}
#article .step_time .timetable .text2 {position:absolute; left:0; top:0; width:113px; height:134px; padding-top:10px; margin:96px 0 0 0; background:transparent url(../../images/sub/calendar_border.png) left bottom repeat-x;}
#article .step_time .timetable .text3 {position:absolute; left:0; bottom:0; width:113px; height:38px; padding-top:10px;}




#article .step_time .bottom {overflow:hidden; margin-top:20px;}
#article .step_time .bottom .guide {width:394px; text-align:left; float:left;}
#article .step_time .bottom .guide .one {float:left; margin-right:5px; }
#article .step_time .bottom .guide .one b {line-height:15px; float:left; font-size:11px; color:#444; font-weight:normal}
#article .step_time .bottom .guide .ic1 {float:left; background:#009ddc; width:15px; height:15px; margin-right:5px}
#article .step_time .bottom .guide .ic2 {float:left; background:#ff6000; width:15px; height:15px; margin-right:5px}
#article .step_time .bottom .guide .ic3 {float:left; background:#fff; width:15px; height:15px; margin-right:5px}
#article .step_time .bottom .guide .limit {float:right; color:#000; font-weight:600; font-size:13px;}
#article .step_time .bottom .guide .limit strong {color:#ff0000;}

#article .step_time .bottom .result {width:395px; float:right; background:#fff; border:1px solid #b5b5b5;padding:15px 0;}
#article .step_time .bottom .result dt { font-size:16px;  color:#444;  line-height:18px;}
#article .step_time .bottom .result u {color:#009ddc}
#article .step_time .bottom .result dd {margin-top:20px; color:#ff0000; font-size:11px;}


/* 선택컬러공통 */
#article .step_time .none a {color:#999}
#article .step_time .ready {background-color:#009ddc !important; color:#fff;}
#article .step_time .ready div {color:#fff  !important;}
#article .step_time .hit {background-color:#ff6000 !important; color:#fff;}
#article .step_time .hit div {color:#fff !important; }

#article .reserve_complete {position:absolute; left:0; bottom:0; margin:40px; background:#fff; border:1px solid #009ddc; width:800px; overflow:hidden; padding:25px; text-align:center; font-size:18px; line-height:30px; color:#333}
#article .reserve_complete u {color:#009ddc}
#article .reserve_complete .this_guide {display:block; color:#ff0000; margin-bottom:5px; font-size:18px; font-weight:600; letter-spacing:-1px;}


/* 페이지 사용자 도움말 ----------------------------------------------------- */
#article .user_guide {border:1px solid #d4d4d4; padding:30px 30px 30px 30px; background:transparent url(../../images/sub/ic_guide.gif) 40px center no-repeat; margin-top:50px;}
#article .user_guide dl { margin-left:90px; border-left:1px dashed #d4d4d4; padding-left:30px;}
#article .user_guide dt {font-size:16px; color:#009ddc; margin-bottom:10px;}
#article .user_guide dd {line-height:18px;}


/* 통합검색 ----------------------------------------------------- */
.comb_search {overflow:hidden}
.comb_search .title {padding:30px 0}
.comb_search .research_box {background:#515559; padding:0 30px; height:90px; line-height:90px; color:#fff; font-size:23px; position:relative;}
.comb_search .research_box b {color:#00b4ff;}
.comb_search .research_box .form_box {position:absolute; right:0; top:0; margin:20px;}
.comb_search .research_box .form_box input[type=text] {background:#fff; width:300px; height:50px; line-height:50px; padding:0 20px; color:#333; font-size:20px; float:left;}
.comb_search .research_box .form_box input[type=submit] {background:transparent url(../../images/sub/btn_comb_search.gif) left center no-repeat; float:left; width:120px; height:50px;}

.comb_search .data_no {background:transparent url(../../images/sub/search_no.png) center top no-repeat; padding:200px 0 0 0; text-align:center; font-size:18px; margin:80px 0}

.comb_search .data_result {background:#fff; border-top:1px solid #d5d8dd; border-left:1px solid #d5d8dd; border-right:1px solid #d5d8dd; border-bottom:1px solid #a0a3a7; margin-top:20px; padding:40px;}
.comb_search .data_result .result_t {font-size:20px; position:relative; color:#999; position:relative; margin-bottom:20px;}
.comb_search .data_result .result_t b {font-weight:normal; color:#000; margin-right:20px;}
.comb_search .data_result .result_t em {color:#0096d9; text-decoration:underline}
.comb_search .data_result .result_t .btn_more {position:absolute; right:0; top:0; font-size:16px; background:transparent url(../../images/sub/search_more.gif) right center no-repeat; padding-right:16px;}

.comb_search .data_result .result dl {padding:20px; border-top:1px dashed #e3e3e3; }
.comb_search .data_result .result dl:hover {background:#f9f9f9}
.comb_search .data_result .result dd {color:#999; line-height:16px; margin-top:5px;}
.comb_search .data_result .result dt a {font-size:16px; color:#333}
.comb_search .data_result .result .word {color:#fff; background:#0096d9; font-weight:normal}


/* 여기까지 작업 : 2014년 7월 1일 화요일 */