/* 공통 */ .font_blue {color:#4fa5de; font-weight:bold;} .font_red {color:#e78594; font-weight:bold;} .font_yellow {color:#eeb413; font-weight:bold;} h3.h3_sub07_01 {padding:60px 0 32px; text-align:center; } /* 온라인 상담 리스트 */ div.table_list {width:100%; } div.table_list table {width:100%; } div.table_list table thead tr th {padding:13px 0; font-size:15px; background:#cfcfcf; } div.table_list table tbody tr td {padding:13px 0; font-size:14px; text-align:center; border-bottom:1px solid #cfcfcf;} div.table_list table tbody tr td.subject {text-align:left; } div.table_list table tbody tr td.subject > a {padding-left:10px; text-decoration:none; } div.table_list table tbody tr td.subject > a:hover {color:#febb00;} div.table_list table tbody tr td.subject > img {padding-left:10px; } div.table_list table tbody tr td p.reply_ok {display:inline-block; width:55px; padding:2px 12px 0 12px; height:20px; text-align:center; color:#fff; font-weight:bold; border:1px solid #eeb413; border-radius:3px; background:#eeb413; } div.table_list table tbody tr td p.reply_no {display:inline-block; width:55px; padding:2px 12px 0 12px; height:20px; text-align:center; color:#a3a3a3; font-weight:bold; border:1px solid #a4a4a4; border-radius:3px; background:#fff;} /* 컨텐츠 보기 */ div.table_list table tbody tr td.subject div.subject_media {position:relative; height:98px; padding-left:160px; overflow:hidden; } div.table_list table tbody tr td.subject div.subject_media img {position:absolute; top:0px; left:0; display:inline-block; width:148px; height:98px; border:1px solid #cfcfcf; } div.table_list table tbody tr td.subject div.subject_media div.subject_media_data {overflow:hidden; padding:10px; border-bottom:1px solid #e8e8e8; } div.table_list table tbody tr td.subject div.subject_media div.subject_media_data p.p_media {float:left; font-size:14px; font-weight:bold; } div.table_list table tbody tr td.subject div.subject_media div.subject_media_data p.p_media_day {float:right; color:#bcbcbc; font-size:14px; font-weight:bold; } div.table_list table tbody tr td.subject div.subject_media div.subject_media_data p.p_media_day span {padding:0 20px; } div.table_list table tbody tr td.subject div.subject_media > p {padding:20px 38px 0 10px; } div.table_btn01 {padding-top:30px; text-align:right; } div.table_btn01 a {display:inline-block; width:106px; height:32px; padding-top:18px; font-size:14px; text-align:center; color:#fff; text-decoration:none;background:url(../images/sub07/bg_btn_cencle.gif) repeat-x 0 0 ; } /* 온라인 상담 신청하기 */ div.table_write {height:970px;padding:46px 80px 0 80px; background:url(../images/sub07/bg_table_write.gif) no-repeat 0 0 ;} div.bg_write_s {height:825px; background:url(../images/sub07/bg_table_write_s.gif) no-repeat 0 0 ;} div.bg_write02 {height:1249px; background:url(../images/sub07/bg_table_write02.gif) no-repeat 0 0 ;} div.bg_call {height:579px; padding:46px 460px 0 80px; background:url(../images/sub07/bg_table_call.jpg) no-repeat 0 0 ;} div.bg_kakao {height:579px; padding:46px 460px 0 80px; background:url(../images/sub07/bg_table_kakao.jpg) no-repeat 0 0 ;} div.table_write table {width:100%; } div.table_write table > tbody > tr:first-child > th {border-top:0; } div.table_write table > tbody > tr > th {padding:3px 0; height:32px; border-top:1px solid #cfcfcf; text-align:left; color:#787878;} div.table_write table > tbody > tr > th label {display:inline-block; padding-left:25px; font-size:16px; } div.table_write table > tbody > tr > th p {display:inline-block; padding-left:25px; font-size:16px;} div.table_write table > tbody > tr:first-child > td {border-top:0; } div.table_write table > tbody > tr > td {padding-top:3px; border-top:1px solid #cfcfcf;} div.table_write table > tbody > tr > td > div.sub_table {overflow:hidden; padding-left:10px; vertical-align:top;} div.table_write table > tbody > tr > td > div.sub_table input[type=password], div.table_write table > tbody > tr > td > div.sub_table input[type=text] {padding:5px 5px; border:1px solid #e6e6e6; border-radius:3px; background:#fff; } div.table_write table > tbody > tr > td > div.sub_table input[type=file] {padding:5px 0; border:1px solid #e6e6e6; border-radius:3px; background:#fff;} div.table_write table > tbody > tr > td > div.sub_table input[type=password]:focus, div.table_write table > tbody > tr > td > div.sub_table input[type=text]:focus, div.table_write table > tbody > tr > td > div.sub_table textarea:focus {border:1px solid #eeb413;} div.table_write table > tbody > tr > td > div.sub_table textarea {padding:5px; border:1px solid #e6e6e6; border-radius:3px; line-height: 1.4; } div.table_write table > tbody > tr > td > div.sub_table select {display:inline-block; padding:3px 0 4px; border:1px solid #e6e6e6; border-radius:2px; background:#fff;} div.table_write table > tbody > tr > td div.sub_table div.tel_lest {float:left;} div.table_write table > tbody > tr > td div.sub_table div.check_box {float:left; padding:5px 0 0 5px; } div.table_write table > tbody > tr > td div.sub_table div.check_box input[type="checkbox"] {display:inline-block; vertical-align:top; margin-top:2px; } div.table_write table > tbody > tr > td div.sub_table div.check_box label {display:inline-block; font-size:14px; padding:0 5px 0 3px; } div.table_write table > tbody > tr > td div.sub_table div.email_list {float:left; } div.table_write table > tbody > tr > td div.sub_table div.radio_box {padding:5px 0 0 5px;} div.table_write table > tbody > tr > td div.sub_table div.radio_box input[type=radio] {display:inline-block; vertical-align:top; margin-top:2px; } div.table_write table > tbody > tr > td div.sub_table div.radio_box label {display:inline-block; padding:0 20px 0 5px; font-size:14px; } div.table_write table > tbody > tr > td div.table_sub {padding-left:10px; } div.table_write table > tbody > tr > td div.table_sub img {vertical-align:middle; } div.table_write table > tbody > tr > td div.table_sub label {font-size:14px; } div.table_write table > tbody > tr > td div.table_sub input[type=text] {padding:5px 5px; border:1px solid #e6e6e6; border-radius:3px; background:#fff; } div.table_write table > tbody > tr > td div.table_sub input[type=text]:focus {border:1px solid #eeb413;} div.table_write table > tbody > tr > td a.btn_look {float:left; display:inline-block; padding-right:10px; vertical-align:middle; } .bdb1 {border-bottom:1px solid #cfcfcf;} /* 온라인 상담 버튼 */ div.btn_write {padding-top:10px; text-align:right; } div.btn_write a {display:inline-block; width:100px; height:32px; padding-top:18px; font-size:15px; font-weight:bold; text-align:center; color:#fff; text-decoration:none; background:url(../images/sub07/bg_btn_cencle.gif) repeat-x 0 0 ; } div.btn_write a.btn_ok {background:url(../images/sub07/bg_btn_ok.gif) repeat-x 0 0 ;} div.btn_write a.btn_kakao {width:140px; background:url(../images/sub07/bg_btn_ok.gif) repeat-x 0 0 ;} /* 온라인상담 보기 */ div.table_view {width:100%; border-top:4px solid #cfcfcf; border-bottom:1px solid #cfcfcf;} div.table_view table {width:100%; } div.table_view table tbody tr:first-child th {border-top:0; } div.table_view table tbody tr th {padding:10px 0; text-align:left; font-size:14px; background:#ececec; border-top:1px solid #cfcfcf;} div.table_view table tbody tr th p {padding-left:35px; } div.table_view table tbody tr:first-child td {border-top:0; } div.table_view table tbody tr td {padding:10px 0; font-size:14px; border-top:1px solid #cfcfcf;} div.table_view table tbody tr td div.sub_view {padding-left:20px; } div.table_view table tbody tr td div.sub_view p.reply_ok {display:inline-block; width:55px; padding:2px 12px 0 12px; height:20px; text-align:center; color:#fff; font-weight:bold; border:1px solid #eeb413; border-radius:3px; background:#eeb413; } div.table_view table tbody tr td div.sub_view p.reply_no {display:inline-block; width:55px; padding:2px 12px 0 12px; height:20px; text-align:center; color:#a3a3a3; font-weight:bold; border:1px solid #a4a4a4; border-radius:3px; background:#fff;} div.table_view table tbody tr td div.sub_view_data {padding:30px 40px 40px 40px; line-height: 1.6; font-size: 30px;} div.table_view table tbody tr td div.sub_view_reply {border:3px solid #f8c964;} div.table_view table tbody tr td div.sub_view_reply h4 {padding:25px 0 25px 40px; border-bottom:1px solid #cfcfcf;} div.table_view table tbody tr td div.sub_view_reply div.reply_sub {padding:40px 35px; } /* 전후 사진보기 */ div.table_view table tbody tr td div.sub_view_data div.before_after_view {position:relative; width:100%; padding-bottom:35px; } div.table_view table tbody tr td div.sub_view_data div.before_after_view ul {overflow:hidden; } div.table_view table tbody tr td div.sub_view_data div.before_after_view ul li {float:left; } div.table_view table tbody tr td div.sub_view_data div.before_after_view ul li img {width:510px; height:340px;} div.table_view table tbody tr td div.sub_view_data div.before_after_view > img {position:absolute; top:145px; left:476px; } div.table_view table tbody tr td div.sub_view_data DIV.view_data_img { margin-bottom: 8px; } div.table_view table tbody tr td div.sub_view_data DIV.view_data_img > IMG { max-width:1000px; } /* 비밀번호 확인 */ div.table_pwd {padding:100px 0 150px; border-top:4px solid #cfcfcf; border-bottom:4px solid #cfcfcf; } div.table_pwd div.table_pwd_sub {width:644px; margin:0 auto;} div.table_pwd div.table_pwd_sub h3 {padding:0 0 2px 13px; border-bottom:1px solid #cfcfcf;} div.table_pwd div.table_pwd_sub form {width:270px; margin:0 auto; padding-top:50px;} div.table_pwd div.table_pwd_sub form label {font-size:14px; } div.table_pwd div.table_pwd_sub form input[type="password"] {padding:4px 5px; border:1px solid #9b9b9b; } div.table_pwd div.table_pwd_sub form div.pwd_btn {display:inline-block; width:250px; margin:0 auto; padding-top:20px; text-align:center; } div.table_pwd div.table_pwd_sub form div.pwd_btn a.btn_ok {display:inline-block; width:106px; height:32px; padding-top:18px; text-align:center; color:#fff; font-weight:bold; font-size:15px; background:url(../images/sub07/bg_btn_ok.gif) repeat-x 0 0 ; text-decoration:none; } div.table_pwd div.table_pwd_sub form div.pwd_btn a.btn_cencle {display:inline-block; width:106px; height:32px; padding-top:18px; text-align:center; color:#fff; font-weight:bold; font-size:15px; background:url(../images/sub07/bg_btn_cencle.gif) repeat-x 0 0 ; text-decoration:none; } /* paging */ div.paging {text-align:center; padding-top:30px;} div.paging > a {display:inline-block;} div.paging > a > img {vertical-align:middle;} div.paging span {display:inline-block;padding-right:5px; } div.paging span a.on {display:inline-block; padding:8px; height:6px; line-height:10px; margin-left:4px; vertical-align:middle; color:#d5ae93; } div.paging span a {display:inline-block; height:8px; padding:7px; line-height:10px; margin-left:4px; font-size:14px; vertical-align:middle; text-decoration:none; font-weight:bold; } div.paging span a:hover { color:#d5ae93;} /* 게시판 검색 */ div.bd_search {padding-top:30px; text-align:center; background:url(../images/main/bg_search.gif) no-repeat 0 0 ;} div.bd_search form {overflow:hidden; width:456px; margin:0 auto;} div.bd_search select {float:left; padding:4px 0 4px; border:1px solid #80899b;} div.bd_search div.search_box {float:left; height:24px; padding:0 10px; margin-left:4px; border:1px solid #80899b; background:#fff;} div.bd_search input[type=text] {padding:3px 0; border:0; font-size:14px; line-height:14px; color:#666; vertical-align:middle; } div.bd_search a {float:left; margin-left:4px; } /* 공지사항 등록하기 */ div.table_write_notice {width:940px; padding-top:30px; margin:0 auto; } div.table_write_notice h3.h3_login {font-size:30px; font-weight:normal; padding-bottom:25px; } div.table_write_notice h3.h3_withdraw {font-size:30px; font-weight:normal; padding-bottom:5px;} div.table_write_notice p.p_member {padding-bottom:25px; font-size:14px; } div.bg_notice_top {height:10px; background:url(../images/sub08/bg_input_top.gif) no-repeat 0 0 ;} div.write_notice {width:940px; padding:0 80px;} div.write_notice > table {width:100%; } div.write_notice > table > tbody > tr:first-child > th {border-top:4px solid #cfcfcf;} div.write_notice > table > tbody > tr:last-child > th {border-bottom:1px solid #cfcfcf;} div.write_notice > table > tbody > tr > th {padding:10px 0; text-align:left; font-size:14px; color:#787878; border-top:1px solid #cfcfcf; background:#e9e9e9;} div.write_notice > table > tbody > tr > th > label {padding-left:23px; } div.write_notice > table > tbody > tr > th > p {padding-left:23px; } div.write_notice > table > tbody > tr:first-child > td {border-top:4px solid #cfcfcf;} div.write_notice > table > tbody > tr:last-child > td {border-bottom:1px solid #cfcfcf;} div.write_notice > table > tbody > tr > td {padding-top:2px; text-align:left; font-size:14px; border-top:1px solid #cfcfcf;} div.write_notice > table > tbody > tr > td > div.sub_table {padding-left:17px;} div.write_notice > table > tbody > tr > td > div.sub_table input[type=password], div.write_notice > table > tbody > tr > td > div.sub_table input[type=text] {padding:5px 5px; border:1px solid #e6e6e6; border-radius:3px; background:#fff; } div.write_notice > table > tbody > tr > td > div.sub_table select {display:inline-block; padding:3px 0 4px; border:1px solid #e6e6e6; border-radius:2px; background:#fff;} div.write_notice > table > tbody > tr > td > div.sub_table input[type=password]:focus, div.write_notice > table > tbody > tr > td > div.sub_table input[type=text]:focus {border:1px solid #eeb413;} div.write_notice > table > tbody > tr > td > div.sub_table div.email_list {float:left; } div.write_notice > table > tbody > tr > td > div.sub_table div.check_box {float:left; padding:5px 0 0 5px; } div.write_notice > table > tbody > tr > td > div.sub_table div.check_box input[type="checkbox"] {display:inline-block; vertical-align:top; margin-top:2px; } div.write_notice > table > tbody > tr > td > div.sub_table div.check_box label {display:inline-block; font-size:14px; padding:0 5px 0 3px; } div.write_notice > table > tbody > tr > td > div.sub_table div.radio_box {padding:5px 0 0 5px;} div.write_notice > table > tbody > tr > td > div.sub_table div.radio_box input[type=radio] {display:inline-block; vertical-align:top; margin-top:2px; } div.write_notice > table > tbody > tr > td > div.sub_table div.radio_box label {display:inline-block; padding:0 20px 0 5px; font-size:14px; } div.write_notice > table > tbody > tr > td > div.sub_table a.btn_overlap {display:inline-block; width:65px; padding-top:4px; margin-left:5px; height:21px; color:#fff; text-align:center; background:#585858; font-size:14px; text-decoration:none; } div.bg_notice_bottom {height:10px; background:url(../images/sub08/bg_input_btm.gif) no-repeat 0 0 ;} /* faq */ div.table_faq {} div.table_faq table {width:100%; } div.table_faq table tbody tr td.faq_data {padding:5px 0; } div.table_faq table tbody tr td.faq_data h4 {background:url(../images/sub07/bg_faq_q.png) no-repeat 30px 10px #cfcfcf; cursor: pointer;} div.table_faq table tbody tr td.faq_data h4 > a {position:relative; display:block; padding:13px 0 13px 68px; color:#585858; font-size:14px; text-decoration:none; } /*div.table_faq table tbody tr td.faq_data h4 > a.a_open span.btn_close {position:absolute; overflow:hidden; top:7px; font-size:0; right:10px; width:29px; height:29px; display:inline-block; background:url(../images/sub07/faq_arrow.png) no-repeat 0 0;}*/ /*div.table_faq table tbody tr td.faq_data h4 > a.a_close span.btn_close {position:absolute; overflow:hidden; top:7px; font-size:0; right:10px; width:29px; height:29px; display:inline-block; background:url(../images/sub07/faq_arrow.png) no-repeat 0 -29px;}*/ div.table_faq table tbody tr td.faq_data h4 > a span.btn_close {position:absolute; overflow:hidden; top:7px; font-size:0; right:10px; width:29px; height:29px; display:inline-block; background-image: url(../images/sub07/faq_arrow.png); background-repeat: no-repeat; } div.table_faq table tbody tr td.faq_data h4 > a.a_open span.btn_close { background-position: 0 -29px; } div.table_faq table tbody tr td.faq_data h4 > a.a_close span.btn_close { background-position: 0 0; } div.table_faq table tbody tr td.faq_data div.sub_faq {display:none; padding:30px 65px; line-height:150%; font-size:14px; border-left:4px solid #cfcfcf; border-right:4px solid #cfcfcf; border-bottom:4px solid #cfcfcf; background:url(../images/sub07/bg_faq_a.png) no-repeat 27px 30px #fff;} div.table_faq table tbody tr td.faq_data div.sub_faq P IMG { max-width: 100%; /*관리자 에디터 사용해서*/ } div.table_faq table tbody tr td.faq_data div.on {display:block;} /* 진료예약 */ div.calendar {padding-bottom:30px;} div.calendar div.calendar_top {position:relative; padding:0px 0 20px 0; text-align:center; } div.calendar div.calendar_top h5 {text-align:center; font-size:30px; font-weight:normal; } div.calendar div.calendar_top h5 span.year {font-weight:bold; } div.calendar div.calendar_top h5 span.month {color:#257bcc; font-weight:bold; } div.calendar div.calendar_top a.month_l {position:absolute; top:10px; left:300px; } div.calendar div.calendar_top a.month_r {position:absolute; top:10px; right:300px; } div.calendar div.calendar_main {position:relative; } div.calendar div.calendar_main a.month_l {position:absolute; top:150px; left:120px;} div.calendar div.calendar_main a.month_r {position:absolute; top:150px; right:120px;} div.calendar div.calendar_main table {width:540px; margin:0 auto; } div.calendar div.calendar_main table thead tr th:first-child {border-left:1px solid #ced2d3;} div.calendar div.calendar_main table thead tr th {padding:10px 0; background:#dfdfdf; border-top:1px solid #ced2d3; border-right:1px solid #ced2d3;} div.calendar div.calendar_main table thead tr th.sun {color:#ff4726; } div.calendar div.calendar_main table thead tr th.sat {color:#1479d7; } div.calendar div.calendar_main table tbody tr td:first-child {border-left:1px solid #ced2d3;} div.calendar div.calendar_main table tbody tr td {height:60px; padding-top:10px; vertical-align:top; text-align:right; border-right:1px solid #ced2d3; border-bottom:1px solid #ced2d3; background:#fff;} div.calendar div.calendar_main table tbody tr td.sun {color:#ff4726; } div.calendar div.calendar_main table tbody tr td.sat {color:#1479d7; } div.calendar div.calendar_main table tbody tr td p {padding-right:10px; font-weight:bold; } div.calendar div.calendar_main table tbody tr td.today {position:relative; } div.calendar div.calendar_main table tbody tr td.today a {position:absolute; top:0; left:0; display:inline-block; width:68px; height:38px; padding-top:25px; text-align:center; text-decoration:none; font-weight:bold; color:#789ec6; vertical-align:middle; font-size:14px; border:5px solid #94b2d1; letter-spacing:-1px; } div.calendar div.calendar_main table tbody tr td.reserve_on {background:#d6f0fc; cursor: pointer; } div.calendar div.calendar_main table tbody tr td.reserve_on a {display:block; padding-top:5px; text-align:center; text-decoration:none; font-weight:bold; font-size:12px; color:#666; letter-spacing:0.1px; } div.calendar div.calendar_main table tbody tr td.reserve_on a span {color:#fa6447; font-family:"Arial"; font-weight:bold; } /* 테이블 리스트 with star */ div.table_list_02 {padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } div.table_list_02 ul {overflow:hidden; } div.table_list_02 ul li:first-child {padding-left:0; } div.table_list_02 ul li { float:left; width:336px; height:270px; padding:0 0 15px 45px; text-align:center;} div.table_list_02 ul li a {position:relative; display:inline-block; width:336px; height:270px; margin:0 auto; text-align:center; text-decoration:none; } div.table_list_02 ul li a span.sub_img {overflow:hidden; display:block; text-align:center; width:336px; height:200px; } div.table_list_02 ul li a span.sub_img img {display:inline-block; width:336px; } div.table_list_02 ul li a span.sub_tit {position:absolute; bottom:44px; left:0; width:100%; display:block; font-weight:bold; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; } div.table_list_02 ul li a span.sub_data {position:absolute; bottom:25px; left:0; width:100%; display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } div.table_list_02 ul li a:hover {opacity:0.5; background:#fff; }