@charset "utf-8"; /* CSS Document */ /*-----공통-----*/ .cont > div#bbs div{text-align:left;} .cont > div .question{text-align:left;} .skyblue_span_color{color:#2cc9d1;} .con_sub_title{position:relative; width:100%; text-align:center; overflow:hidden; margin:0 auto; padding:70px 0 56px 0; font-weight:bold; font-size:40px; line-height:40px; color:#333;} .con_sub2_title {position:relative; width:100%; text-align:center; overflow:hidden; margin:0 auto; padding:70px 0 0 0; font-weight:bold; font-size:40px; line-height:40px; color:#333;} .con_sub3_title { position:relative; width:100%; text-align:center; overflow:hidden; margin:0 auto; padding:0 0 56px 0; font-size:14px; color:#333;} .big_span02{color:#000; font-size:20px; line-height:1.5;} .black_color{color:#000;} .color_orange{color:#f3356b; text-decoration:underline;} .con_div01{position:relative; width:100%; overflow:hidden;} .con_div01 .cc01{position:relative; width:736px; overflow:hidden; margin:0 auto;} .con_div02{position:relative; width:100%; overflow:hidden; background:#f8f8f9;} .con_div02 .cc02{position:relative; width:736px; overflow:hidden; margin:0 auto;} .con_div03{position:relative; width:100%; overflow:hidden; background:url(/img/area_bg.gif) repeat 0 0;} .con_div03 .cc03{position:relative; width:736px; overflow:hidden; margin:0 auto;} /*제나리뷰*/ .review_center_btn{position:relative; width:100%; text-align:center; margin:0 0 34px 0; overflow:hidden;} .info_div{position:relative; width:100%; overflow:hidden; padding:0 0 20px 0; margin:10px 0 0 0;} .question{position:relative; width:100%;} .question:hover .question_dl dt{color:#000;} .question:hover .question_dl dd{color:#000;} .question .question_dl{position:relative; width:100%; overflow:hidden; cursor:pointer;} .question .question_dl dt{float:left; text-align:center; width:13%; background:url(/img/question_line.gif) no-repeat right 0; font-size:12px; color:#999999;} .question .question_dl dt .big_font_span{font-size:30px; font-weight:bold; line-height:30px;} .question .question_dl dd{float:right; width:80%; padding:10px 40px 0 10px; overflow:hidden; position:relative; height:50px; font-size:14px; line-height:1.2; color:#999999; text-align:left; box-sizing:border-box;} .question .question_dl dd span{padding-top:10px; display:block;} .question .question_dl dd .question_dd_span{font-size:12px; line-height:12px; padding-top:10px;} .question:hover .question_dl02 dt{color:#000;} .question:hover .question_dl02 dd{color:#000;} .question .question_dl02{position:relative; width:100%; overflow:hidden; cursor:pointer;} .question .question_dl02 dt{float:left; text-align:center; width:13%; background:url(/img/question_line.gif) no-repeat right 0; color:#999999; font-size:12px;} .question .question_dl02 dt .big_font_span{font-size:30px; font-weight:bold; line-height:30px;} .question .question_dl02 dd{float:right; width:80%; padding:10px 40px 0 10px; overflow:hidden; height:50px; position:relative; font-size:14px; line-height:1.2; color:#999999; text-align:left; box-sizing:border-box;} .question .info_btn{position:absolute; right:0; top:0; cursor:pointer; z-index:99;width:30px;} .question .consult_btn01{position:absolute; right:52px; top:0; cursor:pointer; z-index:99;} .question .hide{display:none; margin:20px 0 0 0; border-bottom:1px dotted #cccccc; } .question .hide .hide_img_box{position:relative; width:100%; overflow:hidden; margin:0 auto; min-height:210px;/*background:url(/img/review_con_img_box.gif) no-repeat center 0;*/} .question .hide .hide_img_box01{background:url(/img/review_con_img_box01.gif) no-repeat center 0; background-size:100%;} .question .hide .hide_img_box02{background:url(/img/review_con_img_box02.gif) no-repeat center 0; background-size:100%;} .question .hide .hide_img_box03{background:url(/img/review_con_img_box03.gif) no-repeat center 0; background-size:100%;} .question .hide .hide_img_box .img_box_dl{position:relative; margin:10% 0 0 20px; overflow:hidden;} .question .hide .hide_img_box .img_box_dl dt{color:#2cc9d1; margin:0 0 4px 0; font-size:1.5vw;} .question .hide .hide_img_box .img_box_dl dd{color:#000; font-size:3vw; line-height:1.2;} .question .hide .hide_p{position:relative; width:100%; overflow:hidden; margin:0 auto; line-height:1.3; padding:20px 0;} .question .hide .hide_con_btn{position:relative; width:194px; overflow:hidden; margin:0 auto; padding:0 0 20px 0;} .question .hide .hide_con_btn li{float:left; margin:0 7px 0 0;} .question .hide .hide_con_btn li.last{margin:0;} .question .consult_div_read_bg{position:relative; width:734px; height:auto; overflow:hidden; margin:20px auto; background:#fafafa; border:1px solid #eeeeee; border-radius:20px; /*background:url(/img/consult_div_read_bg.gif) no-repeat 0 0;*/} .question .consult_div_read_bg .div_read_dl{position:relative; width:670px; overflow:hidden; margin:30px auto;} .question .consult_div_read_bg .div_read_dl dt{float:left; width:118px; margin:0 10px 0 0;} .question .consult_div_read_bg .div_read_dl dd{float:right; width:542px; overflow:hidden; line-height:1.6;} /*bottom_quick*/ .bottom_quick{position:relative; width:100%; overflow:hidden;} .bottom_quick .bottom_quick_div{position:relative; width:100%; overflow:hidden; background:#5d626d;} .bottom_quick .bottom_quick_div .bottom_quick_title{position:relative; width:736px; overflow:hidden; margin:0 auto; text-align:center;} .bottom_quick .bottom_quick_div .bottom_quick_title .bottom_quick_p01{position:relative; width:100%; overflow:hidden; margin:46px 0 18px 0;} .bottom_quick .bottom_quick_div .bottom_quick_title .bottom_quick_p02{position:relative; width:100%; overflow:hidden; margin:0 0 29px 0;} .bottom_quick_div02{position:relative; width:100%; overflow:hidden; background:#f2f2f2;} .bottom_quick_div02 .bottom_quick_ul{position:relative; width:572px; margin:30px auto; overflow:hidden;} .bottom_quick_div02 .bottom_quick_ul li{float:left; margin:0 29px 0 0;} .bottom_quick_div02 .bottom_quick_ul li.last{margin:0;} .bottom_quick_div02 .bottom_quick_ul02 {position:relative; width:666px; overflow:hidden; margin:0 auto;} .bottom_quick_div02 .bottom_quick_ul02 li{float:left; width:49%; margin:0 2% 0 0;} .bottom_quick_div02 .bottom_quick_ul02 li.last{margin:0;} .bottom_quick_div02 .bottom_quick_ul02 li .bottom_quick_dl{position:relative; width:100%; overflow:hidden; margin:0 0 38px 0;} .bottom_quick_div02 .bottom_quick_ul02 li .bottom_quick_dl dt{float:left; width:70%; color:#000; font-size:16px; margin:2px 0 0 0;} .bottom_quick_div02 .bottom_quick_ul02 li .bottom_quick_dl dd{float:right; width:30%;} .bottom_quick_div02 .bottom_quick_ul02 li .bottom_quick_dl dd a{display:block;} .bottom_quick_div02 .bottom_quick_ul02 li .bottom_quick_dl dt, .bottom_quick_div02 .bottom_quick_ul02 li .bottom_quick_dl dd .bottom_quick_div02 .bottom_quick_ul02 li .bottom_quick_dl dd img{vertical-align:middle;} /*한의원 소개*/ .intro_info_title{position:absolute; left:0; top:0; width:100%;} .intro_info_title dt{color:#999999; margin:0 0 4px 0;} .intro_info_title dd{color:#000; font-weight:bold; font-size:49px; line-height:49px;} #tab-container02{position:relative; width:100%; min-height:504px; background:url(/img/intro_info_bg01.gif) no-repeat right top; border-bottom:1px solid #e8e8e8; padding:0 0 20px 0; margin:0 0 30px 0;} #tab-container02 .tab_list02{position:absolute; bottom:24px; overflow:hidden;} #tab-container02 .tab_list02 li{float:left;} #tab-container02 .tab_list02 li.last{margin:0;} #tab-container02 .tab_img02{position:relative; width:60%; top:110px;} #tab-container03{position:relative; width:100%; min-height:464px; background:url(/img/intro_info_bg02.gif) no-repeat right top;padding:0 0 20px 0;} #tab-container03 .tab_img03{position:relative; width:60%; top:110px;} #tab-container04{position:relative; width:100%; min-height:464px; background:url(/img/intro_info_bg03.gif) no-repeat right top; padding:0 0 40px 0; margin:0 0 30px 0;} #tab-container04 .tab_list04{position:absolute; bottom:24px; overflow:hidden;} #tab-container04 .tab_list04 li{float:left;} #tab-container04 .tab_list04 li.last{margin:0;} #tab-container04 .tab_img04{position:relative; width:60%; top:110px;} .intro_table01{position:relative; width:100%; margin:0 auto; border-top:2px solid #2cc9d1; background:#fff;} .intro_table01 caption{display:none;} .intro_table01 th{padding:14px 0; text-align:center; color:#000; border-right:1px solid #ffffff; background:#bee6e7;} .intro_table01 th.last{border-right:none;} .intro_table01 td{padding:14px 0; text-align:center; color#666666; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;} .intro_table01 td.last{border-right:none;} .intro_table01 td, .intro_table01 td img{vertical-align:middle;} .cc02_ul{position:relative; width:100%; overflow:hidden; margin:20px 0 60px 0;} .cc02_ul li.cc02_ul_left{float:left; width:82%;} .cc02_ul li.cc02_ul_right{float:left; width:18%;} .cc02_ul li .cc02_ul_ul{position:relative; width:100%; overflow:hidden;} .cc02_ul li .cc02_ul_ul li{line-height:1.7;} .intro_map{position:relative; width:99%; overflow:hidden; margin:0 auto 20px auto; border:1px solid #efefed;} .intro_map_dl{position:relative; width:100%; overflow:hidden; margin:0 auto 20px auto;} .intro_map_dl dt{color:#000; font-weight:bold; font-size:17px; margin:0 0 10px 0;} .intro_map_dl dd{color:#666666;} .intro_map_dl02{position:relative; width:100%; overflow:hidden; margin:0 auto 88px auto;} .intro_map_dl02 dt{color:#000; font-weight:bold; font-size:17px; margin:0 0 10px 0;} .intro_map_dl02 dd{color:#666666;} .intro_map_btn{position:absolute; right:0; top:588px;} .intro_map_btn li{float:left; margin:0 6px 0 0;} .intro_map_btn li.last{margin:0;} .navermap_btn a{background:#2cc9d1; color:#fff; font-weight:500; width:100px; height:30px; display:block; text-align:center; float:right;} /*공지사항*/ .intro_notice_table{position:relative; width:100%; margin:0 auto; border-top:2px solid #2cc9d1;} .intro_notice_table caption{display:none;} .intro_notice_table th{padding:11px 0; text-align:center; color:#000; font-weight:bold; border-bottom:1px solid #2cc9d1;} .intro_notice_table td{padding:11px 6px; text-align:center; border-bottom:1px solid #d8d8d8; color:#999999;} .intro_notice_table td.bg_td{background:#f5f5f5; color:#000;} .intro_notice_table td.td_txt_left{text-align:left; color:#000;} .intro_notice_btn{position:relative; width:100%; text-align:right; overflow:hidden; margin:26px auto;} /*상담*/ .consult_div{position:relative; width:100%; overflow:hidden; padding:0 0 20px 0; margin:10px 0 0 0;} .consult_li{position:relative; width:100%; margin:0 0 20px 0;} .consult_li a{display:block;} .consult_li a:hover .consult_dl dt{color:#000;} .consult_li a:hover .consult_dl dd{color:#000;} .consult_li .consult_dl{position:relative; width:100%; overflow:hidden;} .consult_li .consult_dl dt{text-align:center; float:left; width:13%; background:url(/img/question_line.gif) no-repeat right 0; line-height:12px; color:#999999;} .consult_li .consult_dl dt .big_font_span{font-size:30px; font-weight:bold; line-height:30px;} .consult_li .consult_dl dd{float:right; width:80%;padding:10px 60px 0 10px; overflow:hidden; position:relative; height:50px; font-size:14px; line-height:1.2; color:#999999; text-align:left; box-sizing:border-box;} .consult_li .consult_btn01{position:absolute; right:32px; top:0; cursor:pointer; z-index:99; width:30px;} .consult_li .consult_btn02{position:absolute; right:0; top:0; cursor:pointer; z-index:99; width:30px;} .reservation_list_table{position:relative; width:100%; margin:0 auto; border-top:1px solid #22aabe;} .reservation_list_table caption{display:none;} .reservation_list_table th{padding:10px 0; text-align:center; color:#333; border-bottom:1px solid #dcdcdc; background:#e3f4f4;} .reservation_list_table td{padding:10px 4px; text-align:center; color:#666666; border-bottom:1px solid #dcdcdc;} .reservation_list_table td.consult_table_left{text-align:left;} .reservation_list_table td.consult_skyblue_color{color:#22aabe;} .consult_right_btn{position:relative; width:100%; text-align:right; margin:30px 0; overflow:hidden;} /*상담-read*/ .consult_div_read{position:relative; width:100%; overflow:hidden; padding:0 0 20px 0; margin:10px 0 0 0;} .consult_div_read li{line-height:1.6;} .consult_div_read li.consult_div_read_bg{position:relative; width:100%; height:auto; overflow:hidden; margin:20px auto; background:#fafafa; border:1px solid #eeeeee; border-radius:20px; /*background:url(/img/consult_div_read_bg.gif) no-repeat 0 0;*/} .consult_div_read li.consult_div_read_bg .div_read_dl{position:relative; width:100%; overflow:hidden; margin:20px auto;} .consult_div_read li.consult_div_read_bg .div_read_dl dt{float:left; width:17%; margin:0 0 0 3%;} .consult_div_read li.consult_div_read_bg .div_read_dl dt img{max-width:100%;} .consult_div_read li.consult_div_read_bg .div_read_dl dd{float:right; width:80%; overflow:hidden; line-height:1.6;} .consult_dl_read{position:relative; width:100%; overflow:hidden; border-bottom:1px dotted #cccccc; border-top:2px solid #2cc9d1; margin:0 0 20px 0; padding:10px 0;} .consult_dl_read dt{float:left; width:20%; background:url(/img/question_line.gif) no-repeat right 0; font-size:12px; color:#999999;} .consult_dl_read dt .big_font_span_read{font-size:30px; font-weight:bold; color:#000; line-height:30px;} .consult_dl_read dd .black_color{font-size:24px;} .consult_dl_read dd .consult_dl_read_span{font-size:14px; line-height:30px;} .consult_dl_read dd{float:right; width:77%; margin:0 0 0 3%; overflow:hidden; position:relative; font-size:14px; line-height:1.2; color:#999999;} .consult_read_dl_bottom{position:relative; width:100%; margin:0 auto; overflow:hidden;} .consult_read_dl_bottom dt{float:left; width:185px;} .consult_read_dl_bottom dt .left_read_btn{position:relative; width:100%; overflow:hidden;} .consult_read_dl_bottom dt .left_read_btn li{float:left; margin:0 7px 0 0;} .consult_read_dl_bottom dt .left_read_btn li.last{margin:0;} .consult_read_dl_bottom dd{float:right; width:89px;} /*예약*/ .reservation_top_ul{position:relative; width:100%; overflow:hidden; margin:0 auto 36px auto;} .reservation_top_ul li{line-height:2; text-align:center;} .reservation_div{position:relative; width:100%; margin:0 auto !important; padding:0 !important;} .reservation_div .reservation_div_top{position:relative; width:100%; height:41px; overflow:hidden; margin:0 auto; background:url(/img/reservation_bg01.png) no-repeat 0 0;} .reservation_div .reservation_div_top .reservation_div_top_txt{position:relative; width:100%; overflow:hidden; margin:0 auto; text-align:center; color:#d3d5dc; line-height:41px;} .reservation_div .reservation_con_div{position:relative; width:100%; height:auto; overflow:hidden; margin:0 auto 24px auto; background:url(/img/reservation_bg02.png) no-repeat 0 0;} .reservation_div .reservation_con_div .reservation_con_div_left{float:left; position:relative; width:100%; overflow:hidden; margin:0 auto;} .con_div_left_dl{float:right; position:relative; width:100%; overflow:hidden; margin:26px 0 24px 0;} .con_div_left_dl dt{float:left; width:28%; background:url(/img/reservation_arrow.gif) no-repeat right center; margin:0 12% 0 0; color:#000; font-weight:bold;} .con_div_left_dl dd{float:right; width:56%; color:#000; margin:0 4% 0 0;} .con_div_left_dl dd .con_div_left_ul{position:relative; overflow:hidden;} .con_div_left_dl dd .con_div_left_ul li{float:left; width:50%;} .con_div_left_dl dt, .con_div_left_dl dd, .con_div_left_dl dd .con_div_left_ul li, .con_div_left_dl dd .con_div_left_ul li input, .con_div_left_dl dd .con_div_left_ul li label{vertical-align:middle;} .con_left_div{position:relative; width:100%; height:auto; overflow:hidden; background:url(/img/reservation_bg04.png) no-repeat 0 0;} .con_left_div .absolute_p{position:relative; text-align:left; background:url(/img/skyblue_dot.gif) no-repeat 0 12px; color:#333333; padding:10px 0 0 20px;} .con_left_div .year_ul{position:relative; width:100%; overflow:hidden; margin:14px auto 14px auto;} .con_left_div .year_ul li{float:left; vertical-align:middle;} .con_left_div .year_ul li a{display:block; width:17px; height:29px;} .con_left_div .year_ul li.year_left_arrow{width:17px; height:29px; background:url(/img/reservation_left_btn.gif) no-repeat 0 0; margin-top:10px;} .con_left_div .year_ul li.year_left_arrow:hover{background:url(/img/reservation_left_btn_on.gif) no-repeat 0 0;} .con_left_div .year_ul li.year_right_arrow{width:17px; height:29px; background:url(/img/reservation_right_btn.gif) no-repeat 0 0;margin-top:10px;} .con_left_div .year_ul li.year_right_arrow:hover{background:url(/img/reservation_right_btn_on.gif) no-repeat 0 0;} .con_left_div .year_ul li.year_txt{width:80%; height:auto; font-size:30px; text-align:center; color:#1888c2; line-height:28px; margin:0 auto 10px;} .con_left_div .year_ul li.year_txt span{display:block; font-size:20px; font-weight:bold;} .year_con{position:relative; width:100%; overflow:hidden; margin:0 auto;} .year_con .year_con_top{position:relative; width:100%; overflow:hidden; margin:0 auto; background:#1888c2;} .year_con .year_con_top .year_con_left{float:left; position:relative; width:86px; overflow:hidden; margin:0 auto; padding:10px 0;} .year_con .year_con_top .year_con_left li{float:left; color:#fff; margin:0 9px 0 0; font-size:14px; font-weight:bold; line-height:14px;} .year_con .year_con_top .year_con_left li a{display:block;} .year_con .year_con_top .year_con_left li.first{margin:0 9px 0 20px;} .year_con .year_con_top .year_con_left li.last{margin:0;} .year_con .year_con_top .year_con_left li, .year_con .year_con_top .year_con_left li img, .year_con .year_con_top .year_con_left li a{vertical-align:middle;} .year_con .year_con_top .year_con_right{float:right; position:relative; width:405px; overflow:hidden; margin:0 auto; padding:8px 0 9px 0;} .year_con .year_con_top .year_con_right li{float:left; width:26px; background:url(/img/reservation_dot.gif) no-repeat right center; margin:0 7px 0 0;} .year_con .year_con_top .year_con_right li.first{margin:0 7px 0 16px;} .year_con .year_con_top .year_con_right li.last{margin:0; padding:0; background:none;} .year_con .year_con_top .year_con_right li a{font-size:14px; font-weight:bold; line-height:14px; color:#8abbd5;} .year_con .year_con_top .year_con_right li a:hover, .year_con .year_con_top .year_con_right li a.on{color:#fff;} .week{position:relative; width:100%; overflow:hidden; margin:1px auto 0 auto; border-bottom:1px solid #dddddd; background:#e6e4e4; padding:4px 0;} .week li{float:left; width:14.28%; color:#6b6262; text-align:center;} .week li.week_color{color:#ff0000;} .year_box{position:relative; width:100%; overflow:hidden; margin:0 auto; background:#fff;} .year_box .year_box_ul{position:relative; width:100%; overflow:hidden; margin:0 auto;} .year_box .year_box_ul li{float:left; width:12.285%; height:43px; margin:7px 1% 0; text-align:center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .year_box .year_box_ul li a{display:block; width:100%; height:43px; color:#ffffff; line-height:43px; } .year_box .year_box_ul li.last{margin:7px 0 0 0;} .year_box .year_box_ul li.year_pink{background:#f2d1d3;} .year_box .year_box_ul li.year_gray{background:#e2e8ea;} .year_box .year_box_ul li.year_green{background:#65c8dd;} .year_box .year_box_ul li.year_green:hover{background:#30a0b8;} .year_box .year_box_ul li.year_green_on{background:#30a0b8;} .reservation_con_div_right01{clear:both; position:relative; width:100%; overflow:hidden; margin:0 auto;} .reservation_con_div_right01 .right_title01{float:left; width:20%; overflow:hidden; margin:8px auto 8px auto; color:#333333; font-size:15px; font-weight:bold; line-height:15px;} .reservation_con_div_right01 .day_div01{float:left; width:80%; height:36px; overflow:hidden; margin:0 auto 8px auto; background:url(/img/reservation_bg05.png) no-repeat 0 0;} .reservation_con_div_right01 .day_div01 .input150{width:100%; height:30px; margin:6px 0 0 0; border:none; border:1px solid #dddddd;} .reservation_con_div_right02{clear:both; position:relative; width:100%; overflow:hidden; margin:0 auto;} .reservation_con_div_right02 .right_title02{float:left; width:20%; overflow:hidden; margin:8px auto 9px auto; color:#333333; font-size:15px; font-weight:bold; line-height:15px;} .reservation_con_div_right02 .day_div02{float:left; width:80%; height:36px; overflow:hidden; margin:0 auto; background:url(/img/reservation_bg06.png) no-repeat 0 0; /* border:1px solid #dddddd;*/} .reservation_con_div_right02 .day_div02 .day_div02_ul{position:relative; height:46px; overflow:hidden; margin:0 0 0 ; } .reservation_con_div_right02 .day_div02 .day_div02_ul li{width:100%} .reservation_con_div_right02 .day_div02 .day_div02_ul li a{display:block; padding:3px 0; color:#666666;} #reserTimeTemp {height:32px;} #reserTimeTemp option{display:block; padding:3px 0; color:#666666;text-indent:20px;} .reservation_con_div_bottom{position:relative; width:100%; overflow:hidden; margin:0 auto; background:url(/img/reservation_bg03.png) no-repeat 0 0;} .reservation_con_div_bottom .con_div_bottom_center{position:relative; width:100%; overflow:hidden; margin:0 auto;} .div_bottom_center_dl{position:relative; width:100%; overflow:hidden; margin:20px auto 0 auto;} .div_bottom_center_dl dt{float:left; width:20%; color:#333333; font-size:14px;} .div_bottom_center_dl dd{float:right; width:80%; overflow:hidden; color:#333333; font-size:13px;} .div_bottom_center_dl dt, .div_bottom_center_dl dd, .div_bottom_center_dl dd input, .div_bottom_center_dl dd label{vertical-align:middle;} .div_bottom_center_dl02{position:relative; width:100%; overflow:hidden; margin:8px auto 0 auto;} .div_bottom_center_dl02 dt{float:left; width:20%; color:#333333; font-size:14px;} .div_bottom_center_dl02 dd{float:right; width:80%; overflow:hidden; color:#333333; font-size:13px;} .div_bottom_center_dl02 dd input{width:100%;} .div_bottom_center_dl02 dd textarea{width:100%; height:100px;} .div_bottom_center_dl02 dd .input50{width:50%;} /*.div_bottom_center_dl02 dd .input166{width:166px; height:19px; border:1px solid #ededed; background:#fff; padding:0;} .div_bottom_center_dl02 dd .input226{width:226px; height:19px; border:1px solid #ededed; background:#fff; padding:0;} .div_bottom_center_dl02 dd textarea{width:612px; height:70px; border:1px solid #ededed; background:#fff; padding:0; resize:none;}*/ .div_bottom_center_dl02 dt, .div_bottom_center_dl02 dd, .div_bottom_center_dl02 dd input, .div_bottom_center_dl02 dd label{vertical-align:middle;} .reservation_two_btn{position:relative; width:200px; margin:0 auto; margin:28px auto 0 auto;} .reservation_two_btn li{float:left; margin:0 12px 0 0;} .reservation_two_btn li.last{margin:0;} /*체험단*/ .experience_ul{position:relative; width:100%; overflow:hidden; margin:0 auto;} .experience_ul li{position:relative; float:left; margin:0 2% 10px 0; width:32%;} .experience_ul li img{width:100%;} .experience_ul li:nth-child(3n+3){margin:0 0 22px 0;} /*프로그램*/ .program_con_txt{position:relative; width:100%; overflow:hidden; margin:10px auto; color:#333333; font-size:16px; line-height:2; text-align:center; letter-spacing:-1px;} .program_con_txt02{position:relative; width:100%; overflow:hidden; margin:10px auto 30px auto; color:#333333; font-size:16px; line-height:2; text-align:center; letter-spacing:-1px;} .program_index_dl{position:relative; width:460px; margin:50px auto 50px auto; overflow:hidden;} .program_index_dl dt{text-align:center; margin:0 0 10px 0;} .program_index_dl dd{text-align:center; color:#f3356b;} .con_div03_ul1{position:relative; width:558px; margin:0 auto; overflow:hidden;} .con_div03_ul1 li{float:left; margin:0 20px 0 0;} .con_div03_ul1 li.last{margin:0;} .con_div03_ul1 li .con_div03_dl{position:relative; width:100%; overflow:hidden;} .con_div03_ul1 li .con_div03_dl dt{margin:0 0 10px 0; overflow:hidden;} .con_div03_ul1 li .con_div03_dl dd{color:#333; text-align:center;} .program_big_black_txt{position:relative; width:100%; overflow:hidden; margin:10px auto; color:#333333; font-size:23px; line-height:2; text-align:center; letter-spacing:-1px; font-weight:bold;} .program_big_black_txt02{position:relative; width:100%; overflow:hidden; margin:10px auto; color:#333333; font-size:23px; line-height:2; text-align:center; letter-spacing:-1px;} .flash_small_div{position:relative; width:295px; margin:0 auto; overflow:hidden; margin:10px auto 20px auto;} .cc03_con_div{position:relative; width:736px; height:532px; overflow:hidden; margin:0 auto; background:url(/img/sub_con_line.gif) repeat-y center 0;} .cc03_con_div .cc03_con_div_ul{position:relative; width:100%; overflow:hidden; margin:146px 0 0 0;} .cc03_con_div .cc03_con_div_ul li.cc03_con_div_ul_li{float:left; width:352px;} .cc03_con_div .cc03_con_div_ul li.last{float:right; width:378px;} .cc03_con_div .cc03_con_div_ul li .cc03_con_div_dl{position:relative; width:100%; overflow:hidden; margin:0 0 30px 0;} .cc03_con_div .cc03_con_div_ul li .cc03_con_div_dl dt{margin:0 0 20px 0; padding:0 0 0 6px;} .cc03_con_div .cc03_con_div_ul li .cc03_con_div_dl dd{padding:0 0 0 32px; line-height:1.6;} .cc03_absol_p01{position:absolute; left:220px; top:0; width:156px; height:20px; background:url(/img/program_index_img08.gif) no-repeat right 0; color:#333;} .cc03_absol_p02{position:absolute; left:358px; top:54px; width:156px; height:20px; background:url(/img/program_index_img09.gif) no-repeat left 0; color:#333; padding:0 0 0 40px;} .cc03_absol_p03{position:absolute; left:220px; top:108px; width:156px; height:20px; background:url(/img/program_index_img10.gif) no-repeat right 0; color:#333;} .program_bottom_ul{position:relative; width:100%; overflow:hidden; margin:0 auto 30px auto;} .program_bottom_ul li{float:left; width:228px; height:454px; margin:0 26px 0 0;} .program_bottom_ul li.program_bottom_ul_bg01{background:url(/img/program_index_img14.gif) no-repeat 0 0;} .program_bottom_ul li.program_bottom_ul_bg02{background:url(/img/program_index_img15.gif) no-repeat 0 0;} .program_bottom_ul li.program_bottom_ul_bg03{background:url(/img/program_index_img16.gif) no-repeat 0 0;} .program_bottom_ul li.last{margin:0;} .program_bottom_ul li .program_bottom_ul_con{position:relative; width:180px; overflow:hidden; margin:261px auto 0 auto;} .program_bottom_ul li .program_bottom_ul_con li{width:170px; height:auto; background:url(/img/program_dot.gif) no-repeat left 8px; padding:0 0 0 10px; margin:0 0 10px 0; line-height:1.4; color:#666; font-size:14px; letter-spacing:-1px;} /*다이어트칼럼*/ .column_top_ul{position:relative; width:100%; overflow:hidden; margin:0 auto 24px auto;} .column_top_ul li.column_left{float:left; width:44px; height:44px;} .column_top_ul li.column_left a{display:block; width:44px; height:44px; background:url(/img/column_left_btn.gif) no-repeat 0 0;} .column_top_ul li.column_left a:hover{background:url(/img/column_left_btn_on.gif) no-repeat 0 0;} .column_top_ul li.column_center{float:left; width:647px; overflow:hidden;} .column_top_ul li.column_center .column_dl{position:relative; width:100%; overflow:hidden;} .column_top_ul li.column_center .column_dl dt{color:#999; margin:0 0 4px 0; text-align:center;} .column_top_ul li.column_center .column_dl dd{color:#333; text-align:center; font-size:26px; font-weight:bold; line-height:26px;} .column_top_ul li.column_right{float:left; width:44px; height:44px;} .column_top_ul li.column_right a{display:block; width:44px; height:44px; background:url(/img/column_right_btn.gif) no-repeat 0 0;} .column_top_ul li.column_right a:hover{background:url(/img/column_right_btn_on.gif) no-repeat 0 0;} .column_con{position:relative; width:100%; max-width:646px; overflow:hidden; margin:0 auto; padding:30px 44px; border:1px solid #dcdcdc;} .column_con img{max-width:646px;} .column_con .column_img{position:relative; width:100%; overflow:hidden; margin:40px auto; text-align:center;} .column_con .column_txt{position:relative; width:100%; overflow:hidden; margin:40px auto; line-height:1.6;} .column_bottom_ul{position:relative; width:100%; overflow:hidden; margin:20px auto;} .column_bottom_ul li{position:relative; float:left; margin:0 2% 22px 0; width:32%;} .column_bottom_ul li img{width:100%;} .column_bottom_ul li:nth-child(3n+3){margin:0 0 22px 0;} .column_bottom_ul li a{/*display:block; width:229px; height:229px;*/} .column_bottom_ul li.column_bottom_li{background:url(/img/column_box_img01.gif) no-repeat 0 0;} .column_bottom_ul li.column_bottom_li:hover .black_over{display:block;} .column_bottom_ul li.column_bottom_li01{background:url(/img/column_box_img01.gif) no-repeat 0 0;} .column_bottom_ul li.column_bottom_li01:hover .black_over{display:block;} .column_bottom_ul li.column_bottom_li02{background:url(/img/column_box_img02.gif) no-repeat 0 0;} .column_bottom_ul li.column_bottom_li02:hover .black_over{display:block;} .column_bottom_ul li.column_bottom_li03{background:url(/img/column_box_img03.gif) no-repeat 0 0;} .column_bottom_ul li.column_bottom_li03:hover .black_over{display:block;} .column_bottom_ul li.column_bottom_li04{background:url(/img/column_box_img04.gif) no-repeat 0 0;} .column_bottom_ul li.column_bottom_li04:hover .black_over{display:block;} .column_bottom_ul li.column_bottom_li05{background:url(/img/column_box_img05.gif) no-repeat 0 0;} .column_bottom_ul li.column_bottom_li05:hover .black_over{display:block;} .column_bottom_ul li.column_bottom_li06{background:url(/img/column_box_img05-11.gif) no-repeat 0 0;} .column_bottom_ul li.column_bottom_li06:hover .black_over{display:block;} .black_over{ height:auto; font-size:14px; } .black_over p{font-size:14px; padding:0 10px; margin:10px 0 0 0; min-height:50px;} .black_over a{/*display:block; width:229px; height:83px;}*/} .black_over .black_over_dl{padding:0 10px; font-size:14px;} .black_over .black_over_dl dt{color:#2b2c2e; margin:24px 0 0 0;} .black_over .black_over_dl dd{} /*.black_over{display:none; position:absolute; left:0; top:0; width:229px; height:229px; background:url(/img/column_dim_bg02.png) repeat-x 0 0;} .black_over a{display:block; width:229px; height:229px;} .black_over .black_over_dl{position:absolute; bottom:0; width:189px; height:83px; overflow:hidden; background:url(/img/column_dim_bg.png) repeat-x 0 0; padding:0 20px;} .black_over .black_over_dl dt{color:#fff; margin:24px 0 0 0;} .black_over .black_over_dl dd{}*/ /*직업별 노하우*/ .knowhow_ul{position:relative; width:100%; overflow:hidden; margin:0 auto;} .knowhow_ul li{position:relative; float:left; margin:0 2% 22px 0; width:32%;} .knowhow_ul li img{width:100%;} .knowhow_ul li:nth-child(3n+3){margin:0 0 22px 0;} .knowhow_ul li span{font-size:16px; font-weight:500; color:#666; text-align:center; display:block;} .knowhow_ul li a{display:block;} .knowhow_ul li.last{margin:0 0 11px 0;} /*.knowhow_ul li .knowhow_dl{position:relative; width:232px; height:232px; overflow:hidden;} .knowhow_ul li .knowhow_dl dt{text-align:center; margin:0 0 6px 0;} .knowhow_ul li .knowhow_dl dd{text-align:center; color:#333;}*/ @media screen and (max-width:480px){ .column_bottom_ul li{position:relative; float:left; margin:0 2% 22px 0; width:49%;} .column_bottom_ul li:nth-child(3n+3){margin:0 2% 22px 0;} .column_bottom_ul li:nth-child(2n+2){margin:0 0 22px 0;} .knowhow_ul li{position:relative; float:left; margin:0 2% 22px 0; width:49%;} .knowhow_ul li:nth-child(3n+3){margin:0 2% 22px 0;} .knowhow_ul li:nth-child(2n+2){margin:0 0 22px 0;} .experience_ul li{position:relative; float:left; margin:0 2% 10px 0; width:49%;} .experience_ul li:nth-child(3n+3){margin:0 2% 22px 0;} .experience_ul li:nth-child(2n+2){margin:0 0 22px 0;} .question .hide .hide_img_box{ min-height:120px;} .question .hide .hide_img_box .img_box_dl dt{color:#2cc9d1; margin:0 0 4px 0; font-size:3vw;} .question .hide .hide_img_box .img_box_dl dd{color:#000; font-size:5vw; line-height:1.2;} } /*회원정보수정 layerpopup*/ .layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:400;} .layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);} .layer .pop-layer {display:block;} .pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 734px; height:auto; z-index: 10;} .pop-layer .pop-container{position:relative; width:100%; overflow:hidden; margin:0 auto;} .pop-layer .pop-container .member_layer_top{position:relative; width:100%; height:40px; background:url(/img/layer_top_bg.png) no-repeat 0 0; font-size:25px; font-weight:bold; line-height:25px; text-indent:20px; color:#fff; padding:17px 0 0 0;} .pop-layer .pop-container .layer_con{position:relative; width:100%; height:328px; background:url(/img/layer_bg.png) no-repeat 0 0;} .pop-layer .pop-container .layer_con .layer_cc{position:relative; width:666px; overflow:hidden; margin:0 auto;} .member_layer_table{position:relative; width:100%; margin:30px auto 20px auto; border-top:1px solid #2cc9d1;} .member_layer_table caption{display:none;} .member_layer_table th{padding:10px 0; text-align:center; background:#e3f4f4; border-bottom:1px solid #dcdcdc; color:#333333;} .member_layer_table td{padding:10px 4px; text-align:center; border-bottom:1px solid #dcdcdc; color:#666666;} .member_layer_table td.layer_table_td{text-align:left;} .member_layer_table td.layer_color01{color:#22aabe;} .member_layer_table td.layer_color02{color:#f3356b;} .layer_dl_right{float:right; position:relative; overflow:hidden; margin:0 auto 0 auto;} .layer_dl_right dt{float:left; color:#333; font-weight:bold; font-size:15px; margin:0 10px 0 0; line-height:32px;} .layer_dl_right dd{float:left; font-size:32px; color:#f3356b; line-height:32px;} .layer_dl_right dt, .layer_dl_right dd {vertical-align:middle;} a.cbtn {position:absolute; right:18px; top:20px; z-index:20;} /*사이트맵*/ .sitemap_ul{position:relative; width:100%; overflow:hidden; margin:50px auto 0 auto;} .sitemap_ul li{float:left; width:216px; height:237px; margin:0 42px 0 0;} .sitemap_ul li.last{margin:0;} .sitemap_ul li .sitemap_dl{position:relative; width:216px; overflow:hidden;} .sitemap_ul li .sitemap_dl dt{color:#fff; text-align:center; font-weight:bold; font-size:23px; line-height:23px; padding:18px 0 17px 0;} .sitemap_ul li .sitemap_dl dt.sitemap_dl_dt01{background:url(/img/sitemap_box_bg.gif) no-repeat 0 0;} .sitemap_ul li .sitemap_dl dt.sitemap_dl_dt02{background:url(/img/sitemap_box_bg02.gif) no-repeat 0 0;} .sitemap_ul li .sitemap_dl dd{border-bottom:1px solid #dddddd; text-indent:30px;} .sitemap_ul li .sitemap_dl dd a{display:block; padding:16px 0 11px 0; color:#666666;} #bbs #bread{position:relative; margin:0px 5%; width:90%; padding:0 0 0 0; overflow:hidden;} /*제목*/ #bbs #bread .rtop{width:100%; height:100%; margin:0px 0px 18px 0px; overflow:hidden; border-bottom:1px solid #d1d1d1; border-top:2px solid #2cc9d1; padding:10px 0;} #bbs #bread .rtop dl{position:relative;} #bbs #bread .rtop dt{position:relative; padding:0 0 0px 0px; color:#2e2e2e; font-size:18px; font-weight:bold; line-height:170%;} #bbs #bread .rtop dd{position:relative; width:100%; color:#666; font-size:12px; padding:5px 0 10px 0px;} #bbs #bread .rtop span{position:relative; top:5px;} /*읽기내용*/ #board #bread .read_con{position:relative; width:100%; height:100%; min-height:250px; _height:250px; padding:0px 0 20px 0px; clear:both; overflow:hidden;/* border-bottom:1px solid #d1d1d1;*/ line-height:200%;} #board #bread .read_conP{position:relative; width:96%; height:100%; min-height:200px; _height:200px; padding:0px 0 20px 0px; clear:both; overflow:hidden; border-bottom:1px solid #d1d1d1; line-height:200%;} /*치료사례 사진*/ #board #bread .read_conP .ccP{position:relative; text-align:left; clear:left; line-height:200%;} /*치료사례 내용*/ /*#board #bread .read_conP .ccP{width:96%; margin:20px 0 0 0; float:left;}*/ #board #bread .read_con ol{margin-left:25px; list-style:decimal;} #board #bread .read_con ul{margin-left:25px; list-style:disc;} #board #bread .read_conP .beafphoto{float:left; width:96%; text-align:center; display:table;} #board #bread .read_conP .beafphoto dl{width:615px; height:285px; margin:0 auto; padding:10px; overflow:hidden; background:url(/img/beaf_next.gif) no-repeat 50%; display:table;} #board #bread .read_conP .beafphoto dt{position:relative; width:284px; height:284px; float:left; background:#f6f6f6; display:table-cell; line-height:284px; border:1px solid #e2e2e2;} #board #bread .read_conP .beafphoto dt span{position:absolute; top:266px; left:266px;} #board #bread .read_conP .beafphoto dd{position:relative; width:284px; height:284px; float:right; background:#f6f6f6; display:table-cell; line-height:284px; border:1px solid #e2e2e2;} #board #bread .read_conP .beafphoto dd span{position:absolute; top:266px; left:0px;} /*상담에 답변*/ #board #bread .counselRe{position:relative; width:100%; margin:0px 0 0 0; padding:20px 0; overflow:hidden;/* border-bottom:1px solid #d1d1d1;*/} #board #bread .counselRe .top{width:90%; height:100%; margin:0px 0px 0px 0px; overflow:hidden; border-bottom:none;} #board #bread .counselRe .top dl{position:relative;} #board #bread .counselRe .top dt{position:relative; padding:0 0 0px 0px; color:#2e2e2e; font-size:13px; font-weight:bold; line-height:170%;} #board #bread .counselRe .top dd{position:relative; width:100%; color:#666; font-size:12px; padding:5px 0 10px 0px;} #board #bread .counselRe .top span{position:relative; top:-1px; background:#8d744a; padding:3px 5px; color:#fff; font-size:12px;} #board #bread .counselRe .read_con{position:relative; width:100%; height:100%; min-height:200px; _height:200px; padding:0px 0 0px 0px; clear:both; overflow:hidden; border:none; background:#eeeeee;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;} .btn_in, .btn_in *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/img/btn_bg.gif) no-repeat;font-size:11px; color:#797979;text-decoration:none !important;vertical-align:top;white-space:nowrap; font-weight:bold;} .btn_in{margin:0 4px 0 0px;} .btn_in *{left:4px;cursor:pointer;_cursor:hand;} .btn_in.inbtn{height:26px;line-height:26px; background-position:left 0;} .btn_in.inbtn *{height:26px;line-height:26px;padding:0 10px 0 6px;background-position:right top;font-size:11px;} .btn_in.strong *{font-weight:bold !important} /*게시판 확인버튼*/ #member .btnok .btn_in, #member .btnok .btn_in *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/img/big_btn_bg.gif) no-repeat;font-size:11px; color:#797979;text-decoration:none !important;vertical-align:top;white-space:nowrap; font-weight:bold;} #member .btnok .btn_in{margin:0px 4px 0 0px;} #member .btnok .btn_in *{left:4px;cursor:pointer;_cursor:hand;} #member .btnok .btn_in.inbtn{height:28px;line-height:28px; background-position:left 0;} #member .btnok .btn_in.inbtn *{height:28px;line-height:28px;padding:0px 15px 0 13px;background-position:right top;font-size:11px;} #member .btnok .btn_in.strong *{font-weight:bold !important} #member .btnAll a.btns{display:inline-block; padding-right:4px; background:#333; font-size:13px;color:#fff; height:36px; border-radius:5px;line-height:36px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;} #member .btnAll a.btns strong{display:block; padding:1px 8px 0 12px; color:#fff; !important;} #member .readBtn{width:100%; margin:10px 0; float:right;} #member .btnAll{position:relative; color:#797979 !important; vertical-align:middle;} #member .btnAll span{position:absolute; top:10px; left:15px; float:left; color:#2e2e2e !important;} /*link*/ #bbs a{color:#2e2e2e; text-decoration:none;} #bbs a:hover{text-decoration:none;} /*버튼들*/ #bbs .btnAll{position:relative; color:#797979 !important; vertical-align:middle;} #bbs .btnAll a.btns{display:inline-block; padding-right:4px; background:#333; font-size:13px;color:#fff;height:36px; border-radius:5px;line-height:36px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important; } #bbs .btnAll a.btns strong{display:block; padding:0 8px 0 12px; color:#fff;} /*리드페이지에 윗글아랫글*/ #bbs .btnAll span{position:absolute; top:10px; left:15px; float:left; color:#2e2e2e !important;} #bbs .btnList{position:relative; color:#797979 !important; vertical-align:middle;} #bbs .btnList a.btns{display:inline-block; padding-right:4px; background:#333; font-size:13px;color:#fff; height:36px;line-height:36px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important; } #bbs .btnList a.btns strong{display:block; padding:0 2px 0 4px; color:#fff;} /*리드페이지에 윗글아랫글*/ #bbs .btnList span{position:absolute; top:10px; left:15px; float:left; color:#2e2e2e !important;} /*글쓰기*/ #bbs .btnAll{padding:10px 0 0 0; overflow:hidden; font-size:11px; text-align:right; width:98%; height:50px;} #bbs .btnAll a.wbtn{display:inline-block; width:46px; margin:0 3px 0 0; padding:0 0 0 28px; font-family:'돋움',dotum; background:url(/img/btn_write.gif) no-repeat 0 1px; color:#797979 !important;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} #bbs .btnAll a.wbtn strong{display:block; padding:0 10px 0 0; font-size:11px;} #bbs .btnAll a:hover.wbtn{color:#2e2e2e !important; text-decoration:none;} #bbs .btnAll a.wbtn strong{display:block; padding:0 10px 0 0; font-size:11px;} #bbs .btnAll a:hover.btns{color:#2e2e2e !important; text-decoration:none;} /*버튼 센터 */ .btnC{position:relative; text-align:center; padding:0 0; clear:both; width:100%; vertical-align:middle;} #bbs .btnC .btnAll{width:98%; margin:0 1px; text-align:center; vertical-align:middle;} .btnR{position:relative; text-align:right; padding:0 0; clear:both; width:100%; vertical-align:middle;} /*공지*/ #bbs .point a{color:#2e2e2e; text-decoration:none;} #bbs .point a:hover{text-decoration:underline;} /*게시판 시작 */ #bbs{position:relative; margin-bottom:50px; padding:0; width:100%; color:#5e5e5e;} /*list ------------------------------------------------------------------------------------------------------------------------------------------------- */ #bbs #blist{margin:10px; padding:0; overflow:hidden;} #blist table{position:relative; width:100%; height:100%; float:left; border-top:#bbbdc0 2px solid; color:#53728b; font-size:11px;} /*등록된 게시물이 없을때*/ #blist table .bbsno{} #blist table .bbsno td{padding:10px 0;} /*등록된 게시물이 없을때(갤러리형)*/ #blist .gallery .bbsno{} #blist .gallery .bbsno p{padding:10px 0; text-align:center;} /*등록된 게시물이 없을때(치료사례[before&after])*/ #blist .beafphoto .bbsno{} #blist .beafphoto .bbsno p{padding:10px 0; text-align:center;} /*thead*/ #blist table thead{width:100%; color:#797979;} #blist table thead th{padding:8px 2px; /*background:url(/img/list_line_bg.gif) repeat-x bottom;*/ border-bottom:1px solid #ccced0; font-size:11px; font-family:'돋움',dotum;} #bbs .w1{width:1% !important; min-width:10px;} #bbs .w2{width:2% !important; min-width:20px;} #bbs .w3{width:3% !important; min-width:30px;} #bbs .w4{width:4% !important;} #bbs .w5{width:5% !important; min-width:50px;} #bbs .w6{width:6% !important; min-width:60px;} #bbs .w7{width:7% !important; min-width:70px;} #bbs .w8{width:8% !important; min-width:80px;} #bbs .w9{width:9% !important;} #bbs .w10{width:10% !important; min-width:100px;} #bbs .w12{width:12% !important; min-width:120px;} #bbs .w15{width:15% !important;} #bbs .w20{width:20% !important;} #bbs .w30{width:30% !important;} #bbs .w40{width:40% !important;} #bbs .w50{width:50% !important;} #bbs .w60{width:60% !important;} #bbs .w70{width:70% !important;} #bbs .w80{width:80% !important;} #bbs .w90{width:90% !important;} #bbs .w100{width:100% !important;} /* 달력설정 타이틀 */ #bbs #breser{margin:10px; padding:20px; border:1px solid #e7e7e7; overflow:hidden;} #bbs #breser h3{font-size:16px; color:#000; padding:10px 0; clear:both;} #breser table th{border:1px solid #CCC; padding:10px; background:#f7f7f7;} #breser table td{border:1px solid #CCC; padding:10px;} #breser .reserDate{position:relative; height:40px;} #breser .reserDate p{text-align:center; font-size:14px; font-weight:bold; padding-top:10px;} #breser .reserDate ul li{float:left;} #breser .reserDate ul{position:absolute; left:50%; margin-left:-250px; top:5px;} #breser .reserDate ul li.left150{padding-left:150px;} #breser .reserDate a.btns{display:inline-block; padding-right:4px; background:url(/img/btn_bg.gif) no-repeat 100% 0; font-size:11px;color:#797979;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important; } #breser .reserDate a.btns strong{display:block; padding:0 8px 0 12px; background:url(/img/btn_bg.gif) no-repeat; color:#797979;} #blist table thead th.reserST{font-size:18px; line-height:125%;} /* 예약 달력 */ .reserWeek td{ font-size: 12px; text-align: right; min-width:120px; height: 40px; padding: 10px 5px 0 0; margin: 0 5px 0 5px; line-height:130%;} .ca3 div {color:#ff4386; background-color:#ececec; } .ca3 div b{font-size: 14px;} .ca2 div {color:#1559aa; background-color:#e6f7ff;} .ca2 div b{font-size: 14px;} .ca1 div {color:#2d2d2d; background-color:#ffe6e6;} .ca1 div b{font-size: 14px;} .ca4 div {color:#2d2d2d; background-color: rgb(244,244,244);} .ca4 div b{font-size: 14px;} #blist .reserCal table {width:98%; border:0px;} #blist .reserCal table td{border:0px; width:150px;} /*tbody*/ #blist table tbody{text-align:center; color:#565c7b; vertical-align:middle;} #blist table tbody td{padding:7px 2px; border-bottom:1px solid #dcdcdc; color:#a5a5a5; font-family:Tahoma; line-height:18px; vertical-align:middle;} #blist table tbody td.title{font-size:12px; text-align:left; color:#2e2e2e; vertical-align:middle;} #blist table tbody td img{line-height:18px; vertical-align:middle;} #blist table tbody td.title img{line-height:18px; vertical-align:middle;} #blist .reNum{font-size:11px; color:#f60029; padding:0 0 0 5px; margin:0;} #blist .newico{padding:0 0 0 5px; margin:0; vertical-align:middle;} /*tbody 관리자모드 라인처리*/ #blist table.line tbody{text-align:center; color:#565c7b; vertical-align:middle;} #blist table.line thead th{border-right:1px solid #d0d1d2; background:url(/img/table_th_bg.gif) repeat-x bottom;} #blist table.line tbody td{padding:7px 2px; border-bottom:1px solid #dcdcdc; color:#888888; font-family:Tahoma; border-right:1px solid #dcdcdc; line-height:18px; vertical-align:middle;} #blist table.line tbody td.title{font-size:12px; text-align:left; color:#2e2e2e; vertical-align:middle;} #blist table tbody td img{line-height:18px; vertical-align:middle;} #blist table.line tbody td.title img{vertical-align:middle;} #blist table.line tbody td.lineno{border-right:none;} #blist table.line thead th.lineno{border-right:none;} /*아이콘(답변,대기)*/ #blist .answerImg{margin:0 5px 0 15px;} #blist .closedImg{margin:3px 0 0 5px;} #blist span.re_ing{position:relative; color:#fff; font-family:'돋움',dotum; font-size:11px; background:#cacaca; padding:3px; vertical-align:middle;}/*답변*/ #blist span.re_ok{position:relative; color:#fff; font-family:'돋움',dotum; font-size:11px; background:#ff7439; padding:3px; vertical-align:middle;}/*대기*/ /*공지*/ #blist .point{ background:#f6f6f6;} #blist .point td{/*background:url(/img/list_line_bg.gif) repeat-x bottom #f6f6f6;*/ background:#f6f6f6; border-bottom:1px solid #dcdcdc;} #blist .point .title{font-size:12px; font-weight:bold;} /*page*/ #bbs .page{position:relative; width:100%; display:block; margin:0 0 0 0px; padding:20px 0 0 0; text-align:center; clear:both; color:#a5a5a5; font-size:12px;} #bbs .page a{position:relative; display:inline-block; padding:5px 6px; text-decoration: none; color:#a5a5a5;} #bbs .page strong{position:relative; display:inline-block; padding:5px 6px; text-decoration:underline; color:#f60029;} #bbs .page .next{position:relative; display:inline-block; padding:7px 3px; margin:0 10px; vertical-align:top; color:#797979; font-size:11px;} #bbs .page .next img{padding:3px 6px; *padding:4px 6px; margin:0; vertical-align: top;} #bbs .page a:hover{color:#2e2e2e; text-decoration:underline;} /*search*/ #blist .search{position:relative; width:100%; margin:0px; padding:9px 0; text-align:center; vertical-align:middle;} #blist .search input{width:160px; height:16px; border:1px solid #e7e7e7; border-right:none 0; vertical-align:middle; display:inline;} #blist .search select{width:115px; height:20px; border:1px solid #e7e7e7; font-size:12px; vertical-align:middle; color:#706a5f; margin:0 5px 0 0; display:inline;} #blist .search .sbtn{position:relative; width:53px; height:20px; top:0px; *top:-2px; left:-8px; border:none; vertical-align:bottom;} #blist .search #clinicList{ display:inline;} #color .search select{width:115px; height:20px; border:1px solid #e7e7e7; font-size:12px; vertical-align:middle; color:#706a5f; margin:0; display:inline;} #color .search .sbtn{position:relative; width:53px; height:20px; top:0px; *top:-2px; left:-8px; border:none; vertical-align:bottom;} #color .search #clinicList{ display:inline;} /*목록이미지 공지/보도/동영상*/ #bbs .photo{width:81px; height:81px; margin:0 auto; padding:0px 0; vertical-align:middle; border:1px solid #e2e2e2;}/*기본포토중앙정렬입니다.*/ #bbs .photo p{width:inherit; height:inherit; vertical-align:middle; display:table-cell; text-align:center;} /*노이미지*/ #bbs .photo .noimg{width:auto; height:auto;} /* ============================================================================================================== */ /*세로 중앙정렬 (for IE6,7)*/ div.photo img{ .margin-top:expression( verticalAlign(this) ); } /*max-width,max-height (for IE6) 가로,세로입니다. 0을 주면 자동 맞춤이 되구요.*/ *html div.photo{ width:expression( maxSize(this,0,0) ); } /*min-height (for IE6)*/ *html div.photo{ height:expression( min_height(this,0) ); } /* ============================================================================================================== */ /*치료전후사진*/ #blist .beaf .photo{width:102px; height:102px;}/*여기 사이즈를 바꿔주세요*/ /*목록이미지, 치료사례*/ #blist .pcon{text-align:left; color:#2e2e2e;} #blist .pcon dl{line-height:160%;} #blist .pcon dt{font-weight:bold;} #blist .pcon dd{margin:5px 0 0 0;} /*목록이미지, 치료사례(공지, Date, Hit)*/ #blist p.photoday{font-size:11px; color:#a5a5a5; margin:0 0 5px 0;} #blist p.photoday img{margin:0 10px 0 0;} #blist p.photoday span{margin:0 10px 0 0;} /*치료사례(테이블아님)*/ #blist .beafphoto .photo{width:140px; height:140px;}/*여기 사이즈를 바꿔주세요(dt,dd 사이즈도 같이)*/ #blist .beafphoto{position:relative; width:100%; height:100%; padding:18px 0 0 0; float:left; border-top:#c4c4c4 2px solid; /*background:url(/img/list_h_bg.gif) repeat-x top;*/ border-bottom:1px solid #dcdcdc; color:#53728b; font-size:11px;} #blist .beafphoto ul{margin:0; padding:0; list-style:none;} #blist .beafphoto ul li{float:left; width:336px; height:295px; margin:0 8px; display:inline;} /*치료전후사진*/ #blist .beafphoto ul li .bfphoto{width:314px; border:1px solid #e2e2e2; padding:10px; overflow:hidden; background:url(/img/beaf_next.gif) no-repeat 50%;} #blist .beafphoto ul li .bfphoto dt{position:relative; width:140px; height:140px; float:left; background:#f6f6f6;} #blist .beafphoto ul li .bfphoto dt span{position:absolute; top:121px; right:-1px; width:18px; height:18px; background-color:#666; color:#fff; text-align:center; vertical-align:middle; font-size:11px; font-family:Verdana; font-weight:bold; padding-top:2px;} #blist .beafphoto ul li .bfphoto dd{position:relative; width:140px; height:140px; float:right; background:#f6f6f6;} #blist .beafphoto ul li .bfphoto dd span{position:absolute; top:121px; left:1px; width:18px; height:18px; background-color:#F60; color:#fff; text-align:center; vertical-align:middle; font-size:11px; font-family:Verdana; font-weight:bold; padding-top:2px;} /*치료전후내용*/ #blist .beafphotocc{width:325px; font-size:11px; color:#2e2e2e; margin:10px 0 40px 5px;} #blist .beafphotocc p{} #blist .beafphotocc dl{} #blist .beafphotocc dt{font-size:14px; margin:0 0 10px 0;} #blist .beafphotocc dd{} /*포토갤러리*/ #blist .gallery .photo{width:150px; height:125px;}/*여기 사이즈를 바꿔주세요 (dt 사이즈도같이)*/ #blist .gallery{width:100%; padding:18px 0 18px 0; background:url(/img/list_h_bg.gif) repeat-x top; border-bottom:1px solid #dcdcdc; overflow:hidden;} #blist .gallery ul{overflow:hidden;} #blist .gallery ul li{height:210px; float:left; margin:0 0 10px 0;} #blist .gallery dl{position:relative; width:150px; float:left; margin:0 12px 0px 12px; display:inline;} #blist .gallery dt{position:relative; width:150px; height:125px; background:#f6f6f6;} #blist .gallery dd{font-size:12px; color:#2e2e2e; margin:10px 0 0 4px; text-align:left; vertical-align:middle; line-height:18px;} #blist .gallery dd img{ vertical-align:middle; line-height:18px;} /*faq 카테고리*/ #blist .faqlist{width:100%; overflow:hidden; margin:0 0 20px 0; font-size:12px;} #blist .faqlist ul{width:100%; padding:7px 20px; float:left; background:#f9f9f9; border:1px solid #ebebeb;} #blist .faqlist ul li{width:auto; float:left; margin:0 5px 0 0;} #blist .faqlist a:link{ display:block; padding:5px 20px; background:#b3b3b3; color:#fff;} #blist .faqlist a:visited{ display:block; padding:5px 20px; background:#b3b3b3; color:#fff;} #blist .faqlist a:hover{ text-decoration:none; background:#757575;} #blist .faqlist fieldset{width:95.8%; padding:8px 2%; float:left; border:1px solid #c3c7ce; background:#f2f4f5;} #blist .faqlist label{font-weight:bold; color:#313337; padding-top:2px;} #blist .faqlist input{vertical-align:middle;padding-top:2px;} /*faq - 분류별*/ #blist .faq{border-top:2px solid #c4c4c4; margin:0 0 0 0; overflow:hidden; width:100%; line-height:160%;} #blist .faq img{position:relative; top:3px; left:8px; margin:0 10px 0 0px; float:left; /*width:17px; height:17px;*/} #blist .faq dl{border-bottom:1px solid #dcdcdc; float:left; width:100%;} #blist .faq dt{font-weight:bold; padding:6px 0 6px 0; float:left; width:100%; cursor:pointer;} #blist .faq dt a{display:block; cursor:pointer;} #blist .faq dt span{display:inline-block; width:92%; float:left; padding:3px 5px;} #blist .faq dd{padding:6px 0 0 0; height:auto; margin:0; background:#f6f6f6; float:left; width:100%; display:none;} #blist .faq dd span{display:inline-block; width:92%; float:left; padding:3px 5px;} #blist .faq a:hover{text-decoration:underline;} #blist .faq dd .video{width:100%;} /*파일첨부,url*/ #blist .faq .urlFile{width:100%; height:auto; margin:0px; padding:11px 0; overflow:hidden; background:url(/img/bbs_dot_line.gif) repeat-x top;} #blist .faq .urlFile dl{position:relative; width:97%; float:left; height:19px; margin:0 0 0 10px; border:none;} #blist .faq .urlFile dt{position:relative; width:20px; padding:0 5px 0 12px; float:left; display:inline-block;} #blist .faq .urlFile dd{color:#797979; width:90%; font-size:11px; padding:0; float:left; display:inline-block;} #blist .faq .urlFile a{color:#797979; font-size:11px;} /*list 끝------------------------------------------------------------------------------------------------------------------------------------------------- */ /*read -------------------------------------------------------------------------------------------------------------------------------------------- */ /*#bbs #bread{position:relative; margin:10px; padding:20px 0 0 0; border:1px solid #e7e7e7; overflow:hidden;} #bbs #breadTop{position:relative; margin:10px; padding:10px 0 10px 0; border:1px solid #e7e7e7; overflow:hidden;} #bread .rtop{position:relative; width:98%; height:auto; margin:0px 20px 10px 0px; clear:both; overflow:hidden;} #bread .rtop .branch{margin:0px 0 5px 20px;} #bread .rtop dl{position:relative; margin:0px 0 0 20px; background:url(/img/bbs_dot_line.gif) repeat-x bottom;} #bread .rtop dt{position:relative; padding:0 0 0px 0px; color:#2e2e2e; font-size:20px; font-weight:bold; line-height:140%; padding:0 0 0 0px;} #bread .rtop dd{position:relative; width:100%; color:#a5a5a5; font-size:12px; padding:0 0 10px 0px;} #bread .rtop span{position:relative; top:2px; float:left; margin:0 5px 0 0;} #bread .rnormal{position:relative; width:98%; height:auto; margin:0px 20px 18px 0px; clear:both; overflow:hidden;} #bread .rnormal .branch{margin:0px 0 5px 20px;} #bread .rnormal dl{position:relative; margin:0px 0 0 20px;} #bread .rnormal dt{position:relative; padding:0 0 0px 0px; color:#2e2e2e; font-size:14px; font-weight:bold; line-height:170%;} #bread .rnormal dd{position:relative; width:100%; color:#a5a5a5; font-size:11px; padding:10px 0 10px 0px;} #bread .rnormal span{position:relative; top:2px; float:left; margin:0 5px 0 0;}*/ /*읽기내용*/ #bread .rcon{position:relative; width:auto; height:100%; margin:0 0 0 0; padding:10px 20px 20px 0px; clear:both;} #bread .rcon .readCont{height:100%; min-height:250px; _height:250px; width:100%; max-width:675px; height: auto;} #bread .rcon .readCont img{max-width:100%;} #bread .rcc{position:relative; width:auto; height:100%; min-height:50px; _height:50px;} #bread ol{margin-left:25px; list-style:decimal;} #bread ul{margin-left:25px; list-style:disc;} /*파일첨부,url*/ #bread .urlFile{width:100%; height:auto; margin:20px 0 0 0; padding:10px 0 10px 0; overflow:hidden; background:url(/img/bbs_dot_line.gif) repeat-x top;} #bread .urlFile dl{position:relative; width:97%; float:left; height:19px; margin:0 0 0 10px; padding:0;} #bread .urlFile dt{position:relative; width:18px; padding:0 0 0 3px; float:left; top:5px; } #bread .urlFile dd{position:relative; color:#797979; font-size:11px; padding:5px 0 10px 0px; float:left;} #bread .urlFile a{color:#797979; font-size:11px;} /*답글*/ #bread .reple{position:relative; width:100%; height:auto; margin:20px 0 20px 0; padding:10px 0px 10px 0px; background:#f5f5f5; font-size:11px; overflow:hidden;} #bread .reple dl{position:relative; width:94%; margin:0 20px; padding:13px 0px 10px 0px; border-bottom:1px solid #e5e5e5; line-height:130%;} #bread .reple dt{color:#a5a5a5; margin:0 0 10px 0;} #bread .reple strong{color:#2e2e2e; margin:0 10px 0 0;} #bread .reple dd{padding:0 20px 0 0; } /*수정,삭제 버튼*/ #bread .reple .reEdit{position:absolute; top:10px; right:20px;} #bread .reple .reEdit a{text-decoration:none; color:#2e2e2e;} #bread .reple .reEdit a:hover{text-decoration:underline; color:#2e2e2e;} /*답글쓰기*/ #bread .rego{position:relative; height:100%; margin:9px 0; padding:0px;} #bread .rego dl{width:100%; overflow:hidden; border:none 0;} #bread .rego dt{width:100%; overflow:hidden; margin:0;} #bread .rego dt input{width:110px; height:18px; float:left;} #bread .rego dd{width:100%; overflow:hidden; float:left;} #bread .rego dd textarea{width:82%; height:50px; margin:8px 5px; padding:5px; border:1px solid #c6cdd8; float:left; overflow:auto;} #bread .rego .btnAll{width:85px; display:inline; margin:35px 0 0 0px; text-align:left; float:left;} #bread .rego strong{margin:0; color:#797979;} /*댓글삭제 폼*/ .box{ width:224px; height:54px; padding:3px; border:1px solid #e2e1f8;} .in_box{position:relative; width:220px; height:50px; border:2px solid #d4d4d4; background:#f6f6f6;} .in_box p{position:absolute; top:-15px; right:5px;} .in_box dl{margin:20px 0 0 0;} .in_box dl dt{float:left; margin:0 5px 0 5px; font-weight:bold;} .in_box dl dt dd{float:left;} /*리드페이지 버튼*/ #bbs .readBtn{width:100%; margin:10px 0;} /*상담에 답변*/ #bread .readRe{position:relative; width:100%; margin:20px 0 0 0; padding:20px 0; overflow:hidden; background:#f5f5f5;} /*치료사례 사진*/ #bread .rcon .beafphoto .photo{width:284px; height:284px;}/*여기 사이즈를 바꿔주세요 (dt,dd 사이즈도 같이)*/ #bread .rcon .beafphoto{float:left; width:96%; min-height:10px; margin:0; padding:0; text-align:center;} #bread .rcon .beafphoto dl{width:615px; height:285px; margin:0 auto; padding:10px; overflow:hidden; background:url(/img/beaf_next.gif) no-repeat 50% 50%;} #bread .rcon .beafphoto dt{position:relative; width:284px; height:284px; float:left; background:#f6f6f6;} #bread .rcon .beafphoto dt span{position:absolute; top:265px; right:-1px; width:18px; height:18px; background-color:#666; color:#fff; vertical-align:middle; font-size:11px; font-family:Verdana; font-weight:bold; padding-top:2px;} #bread .rcon .beafphoto dd{position:relative; width:284px; height:284px; float:right; background:#f6f6f6;} #bread .rcon .beafphoto dd span{position:absolute; top:265px; left:1px; width:18px; height:18px; background-color:#F60; color:#fff; vertical-align:middle; font-size:11px; font-family:Verdana; font-weight:bold; padding-top:2px;} /*치료사례 내용*/ #bread .rcon .rcc{position:relative; text-align:left; clear:left;} /*read 끝-------------------------------------------------------------------------------------------------------------------------------------------- */ /*write -------------------------------------------------------------------------------------------------------------------------------------------- */ #bbs #bwrite{margin:10px; padding:20px; border:1px solid #e7e7e7; overflow:hidden;} /*개인정보방침*/ #bwrite .top{width:100%; height:100%; margin:0px 0 18px 0; overflow:hidden; background:#f5f5f5; font-size:12px; text-align:center; line-height:180%;} #bwrite .top .ScrollLy{width:94%; height:80px; margin:10px 10px 5px 10px; padding:10px; font-size:12px; border:1px solid #cccccc; background:#ffffff; z-index:1; overflow-x:hidden;overflow-y:auto;} #bwrite .top .ScrollLy .title{text-align:center; font-size:16px; font-weight:bold; font-family:'돋움',dotum;} #bwrite .top .ScrollLy h6{text-align:left; font-size:12px; font-weight:bold; font-family:'돋움',dotum; padding:15px 0 10px 0;} #bwrite .top .ScrollLy p{text-align:left;} #bwrite .top .ScrollLy ul{padding:0 0 10px 0;} #bwrite .top .ScrollLy ul li{text-align:left;} #bwrite .top .jbtn{ position:relative; top:5px; *top:1px; _top:1px;} #bwrite .top p{width:94%; text-align:right; clear:both; padding:0 0 9px 0; font-size:11px; } /*개인정보방침 끝*/ /*기본틀 2개 w=50% */ #bwrite .wlist{width:100%; height:100%; clear:both; float:left; font-size:12px;} #bwrite .wlist dl{width:100%; height:36px; padding:4px 0px; float:left; color:#53728b; } #bwrite .wlist dt{width:20%; padding:4px 0 0 0; font-size:14px; float:left; color:#797979; font-weight:bold;} #bwrite .wlist dd{float:left; width:80%; display:inline; padding:0 0 0 0; background:url(/img/board_dd_line.gif) no-repeat 0 3px;} /*지점정보,진료과목*/ #bwrite .wlist .wTop{width:100%; height:100%; padding:0 0 5px 0; background:url(/img/bbs_dot_line.gif) repeat-x bottom; float:left;} #bwrite .wlist .wTop dl{width:33%; color:#797979; float:left;} #bwrite .wlist .wTop dt{width:70px;} #bwrite .wlist .wTop dd{float:left; width:50%;} #bwrite .wlist .wTop .long{width:99%; padding:4px 0 10px 0;} #bwrite .wlist .wTop .long dt{width:70px;} #bwrite .wlist .wTop .long dd{float:left; width:84%;} /*작성자,비밀번호*/ #bwrite .wlist .wBot{width:100%; float:left; padding:5px 0 0 0; overflow:hidden;} #bwrite .wlist .wBot dl{width:100%; color:#797979; clear:both;} #bwrite .wlist .wBot dt{width:20%; float:left; font-weight:bold; _height:32px; min-height:32px; } #bwrite .wlist .wBot dd{float:left; width:80%; display:inline; _height:32px; min-height:32px; } /*이메일,휴대폰*/ #bwrite .wlist .wBot .long{width:90%;} #bwrite .wlist .wBot .long dt{width:70px;} #bwrite .wlist .wBot .long dd{float:left; width:70%;} #bwrite .wlist .wBot .long dl.plus{float:left; width:35%;} /*제목*/ #bwrite .wlist .wBot .wtitle{width:99%; padding:4px 0 10px 0; height:auto;} #bwrite .wlist .wBot .wtitle dt{width:70px;} #bwrite .wlist .wBot .wtitle dd{float:left; width:84%; } /*체그박스 답변메일받기*/ #bwrite .wlist .wBot span{font-size:11px; margin:0 0 0 10px;} /*메일받는사람*/ #bwrite .wlist .wBot .wmail{width:99%; padding:4px 0 10px 0; height:auto;} #bwrite .wlist .wBot .wmail dt{width:70px;} #bwrite .wlist .wBot .wmail dd{float:left; width:84%; } /*쓰기내용*/ #bwrite .wCon{position:relative; width:100%; min-height:255px; _height:255px; margin:10px 0 0 5px; border:0px solid #cdcdcd; clear:both;} #bwrite .wCon textarea{width:100%; height:200px; padding:10px 0; border:1px solid #cdcdcd; overflow:auto; margin:5px 0 0;} #bwrite .wCon .editor{width:100%; border-bottom:0px solid #cdcdcd; margin:0 0 0 0;} #bwrite .wCon .editor dl{width:100%;} #bwrite .wCon .editor dt{font-weight:bold; color:#f2145e; padding:10px 0 10px 10px;} #bwrite .wCon .editor dd{width:100%;} /*답변내용*/ #bwrite .reCon{position:relative; width:98%; min-height:255px; _height:255px; margin:0 0 10px 5px; background:url(/img/bbs_dot_line.gif) repeat-x top; clear:both;} #bwrite .reCon textarea{width:98%; height:240px; padding:10px 0; border-top:1px solid #fff; border-left:none 0; border-right:none 0; border-bottom:none 0; overflow:auto;} #bwrite .reCon .editor{width:100%; border-bottom:0px solid #cdcdcd; margin:0 0 20px 0;} #bwrite .reCon .editor dl{width:100%;} #bwrite .reCon .editor dt{font-weight:bold; color:#f2145e; padding:20px 0 10px 10px;} #bwrite .reCon .editor dd{width:100%;} /*파일첨부,관련링크*/ #bwrite .wlist .fplus{width:90%; height:auto; padding:4px 0px; color:#53728b; clear:both; overflow:hidden;} #bwrite .wlist .fplus dt{width:70px; padding:0 0 0 10px; float:left; color:#797979; font-weight:bold; position:relative; top:3px;} #bwrite .wlist .fplus dd{float:left; width:80%; display:inline; padding:0 0 0 10px;} /*파일첨부 내용 + 삭제 */ #bwrite .weidtFile{padding:4px 0;} #bwrite .weidtFile p{margin:0 0 10px 0;} /*스팸차단코드*/ #bwrite .spam{overflow:hidden; padding:10px 0 0 0; color:#797979; clear:both; height:auto;} #bwrite .spam dt{font-size:14px; font-weight:bold; float:left; margin:0px 5px 0 0; padding:4px 0 0 0; } #bwrite .spam dt img{ vertical-align:middle; margin:0 15px; } #bwrite .spam dd{float:left; font-size:11px; line-height:30px;} #bwrite .spam dd img{vertical-align:middle; margin:0 6px;} #bwrite .wlist dl.spam {width:100%; height:30px;} #bwrite .spam dd input{vertical-align:middle;} /*이메일, 문자 발송 */ #bwrite .editfoot{padding:10px; background-color:#f7f7f7; clear:both; text-align:center;} #bwrite .editfoot p{padding:0 0 10px 0;} #bwrite .editfoot label{font-weight:bold; padding:0 20px 0 0;} /*input*/ #bwrite .wlist input{width:100%;} #bwrite .wlist input[type="checkbox"]{width:auto;} #bwrite .wlist .inputLong{width:50%;} #bwrite .wlist .inputTitle{width:70%;} #bwrite .wlist input[type="radio"]{width:auto;} /*write 끝-------------------------------------------------------------------------------------------------------------------------------------------- */ /*온라인예약 - 제나(관리자) ----------------------------------------------------------------------------------------------------------------------------------- */ /*온라인예약프로그램*/ /*온라인예약프로그램*/ #bbs .rese2{position:relative; width:100%; border:1px solid #e7e7e7; margin:10px; color:#797979; line-height:inherit; float:left;} /*#bbs .rese2List tbody td{color:#2e2e2e !important;}*/ #bbs .rese2 .rese2Left{float:left; padding:0 20px 0 0;} #bbs .rese2 .rese2Right{float:right;} /*지전선택, 예약희망일 ------------------------ */ #bbs .rese2 .rese2Top{color:#797979; width:100%; height:40px; padding:15px 0 0 0; margin:0 0 0 20px; background:url(/img/bbs_dot_line.gif) repeat-x bottom; overflow:hidden;} #bbs .rese2 .rese2Top dl{float:left; width:170px;} #bbs .rese2 .rese2Top dt{float:left; padding:4px 5px 5px 10px;} #bbs .rese2 .rese2Top dd{float:left;} #bbs .rese2 .rese2Top dd span{margin:4px 10px 0 0; display:inline-block;} /*지전선택, 예약희망일 끝 ------------------------ */ /*달력 ----------------- */ #bbs .rese2 .calendar{width:100%; margin:25px 0 10px 20px;} #bbs .rese2 .calendar table caption{position:relative; padding:0 0 19px 0; vertical-align:middle; width:inherit; height:inherit; overflow:inherit;visibility:inherit; font-size:inherit; } #bbs .rese2 .calendar table caption span{position:relative; top:0px; color:#2e2e2e; font-size:20px; margin:0 27px;} #bbs .rese2 .calendar table caption img{margin:4px 0 0 0;} #bbs .rese2 .calendar .sat{color:#7f7fde; display:block;text-align:left;} #bbs .rese2 .calendar .sun{color:#f84c8d; display:block;text-align:left;} #bbs .rese2 .calendar table thead{} #bbs .rese2 .calendar table tbody{} #bbs .rese2 .calendar table th{padding:0 0 0 1px;} #bbs .rese2 .calendar table td{width:75px; height:61px; font-size:11px; background:#f2f2f2; border:1px solid #fff; vertical-align:top; padding:7px 0 0 10px;} #bbs .rese2 .calendar table td span{display:block; text-align:center;} #bbs .rese2 .calendar p{text-align:left; margin:10px 0 0 0;} /*달력 끝 ----------------- */ /*예약시간,병원진료,이름,연락처,이메일주소,예약내용*/ #bbs .rese2 .rese2Right{width:268px; background:#f2f2f2; float:right; padding:23px 0 0 0px; line-height:100%; min-height:590px;} #bbs .rese2 .rese2Right p{margin:0 0 10px 13px;} #bbs .rese2 .rese2Right dl{width:243px; clear:both; overflow:hidden; margin:0 auto 7px auto;} #bbs .rese2 .rese2Right dt{float:left; width:70px; margin:0; padding:4px 0 3px 0; font-size:12px; font-weight:bold; color:#797979; text-align:left; vertical-align:middle;} #bbs .rese2 .rese2Right dd{float:left; width:170px; color:#797979; vertical-align:middle;} #bbs .rese2 .rese2Right dd span{position:relative; top:3px;} #bbs .rese2 .rese2Right textarea{width:170px; height:106px;} #bbs .rese2 .rese2Right input.wid80{width:80px; vertical-align:middle;} /*예약시간*/ #bbs .rese2 .rese2Right .TimeCon{width:170px; height:138px; border:1px solid #7f9db9; margin:0 0 0 0px; overflow:hidden; clear:both;} #bbs .rese2 .rese2Right .TimeCon ul{margin:0px; padding:0px; overflow:hidden; height:138px; overflow:scroll; overflow-x:hidden; background:#fff;} #bbs .rese2 .rese2Right .TimeCon ul li{margin:0px; padding:0 0 2px 5px;} #bbs .rese2 .rese2Right .TimeCon ul li:hover{background:#b2b4bf; cursor:pointer;} /*예약시간 끝*/ /*버튼 (진료예약,취소)*/ #bbs .rese2 .ftV{color:#766cc0 !important;} /*온라인예약2(리드페이지) - 제나*/ #bbs #bread .reseReadTop{ height:100%; margin:0 0 0 20px; line-height:100%; background:url(/img/bbs_dot_line.gif) repeat-x bottom; overflow:hidden;} #bbs #bread .reseReadTop dl{float:left; width:45%; margin:0 0 0 10px; padding:0 0 5px 0; height:auto; background:none;} #bbs #bread .reseReadTop dt{float:left; position:relative; width:90px; margin:0; padding:5px 0 0 10px; font-weight:bold; background:url(/img/icon_red.gif) no-repeat left; font-size:12px; font-weight:normal; color:#797979; display:inline;} #bbs #bread .reseReadTop dd{float:left; width:auto; position:relative; color:#000; font-size:12px;} #bbs #bread .reseReadTop dd strong{position:relative; top:0px;} /*주소 width:100%;*/ #bbs #bread .reseReadTop .dlw100{width:90%;} #bbs #bread .reseReadTop .dlw100 dt{} #bbs #bread .reseReadTop .dlw100 dd{width:75%;} /*온라인예약 - 제나 끝 ------------------------------------------------------------------------------------------------------------------------------------- */ /*온라인예약2 - 제나 ----------------------------------------------------------------------------------------------------------------------------------- */ /*온라인예약프로그램*/ #bbs2 .rese2{position:relative; width:840px; border:1px solid #e7e7e7; margin:10px; color:#797979; line-height:inherit; float:left;} /*#bbs .rese2List tbody td{color:#2e2e2e !important;}*/ #bbs2 .rese2 .rese2Left{float:left; padding:0 20px 10px 0;} #bbs2 .rese2 .rese2Right{float:right;} /*지전선택, 예약희망일 ------------------------ */ #bbs2 .rese2 .rese2Top{color:#797979; width:525px; height:40px; padding:15px 0 0 0; margin:0 0 0 20px; background:url(/img/bbs_dot_line.gif) repeat-x bottom; overflow:hidden;} #bbs2 .rese2 .rese2Top dl{float:left;} #bbs2 .rese2 .rese2Top dt{float:left; padding:4px 15px 5px 0;} #bbs2 .rese2 .rese2Top dd{float:left;} #bbs2 .rese2 .rese2Top dd span{margin:4px 10px 0 0; display:inline-block;} /*지전선택, 예약희망일 끝 ------------------------ */ /*달력 ----------------- */ #bbs2 .rese2 .calendar{width:530px; margin:25px 0 10px 20px;} #bbs2 .rese2 .calendar table caption{position:relative; padding:0 0 19px 0; vertical-align:middle; width:inherit; height:inherit; overflow:inherit;visibility:inherit; font-size:inherit; } #bbs2 .rese2 .calendar table caption span{position:relative; top:0px; color:#2e2e2e; font-size:24px; font-family:Tahoma; margin:0 27px;} #bbs2 .rese2 .calendar table caption img{margin:4px 0 0 0;} #bbs2 .rese2 .calendar .sat{color:#7f7fde; display:block;text-align:left;} #bbs2 .rese2 .calendar .sun{color:#f84c8d; display:block;text-align:left;} #bbs2 .rese2 .calendar table thead{} #bbs2 .rese2 .calendar table tbody{} #bbs2 .rese2 .calendar table th{padding:0 0 0 1px;} #bbs2 .rese2 .calendar table td{width:75px; height:61px; font-size:11px; background:#f2f2f2; border:1px solid #fff; vertical-align:top; padding:7px 0 0 10px;} #bbs2 .rese2 .calendar table td span{display:block; text-align:center;} #bbs2 .rese2 .calendar p{text-align:left; margin:10px 0 0 0;} /*달력 끝 ----------------- */ /*예약시간,병원진료,이름,연락처,이메일주소,예약내용*/ #bbs2 .rese2 .rese2Right{width:268px; background:#f2f2f2; float:right; padding:23px 0 0 0px; line-height:100%;} #bbs2 .rese2 .rese2Right p{margin:0 0 10px 13px;} #bbs2 .rese2 .rese2Right dl{width:243px; clear:both; overflow:hidden; margin:0 auto 7px auto;} #bbs2 .rese2 .rese2Right dt{float:left; width:70px; margin:0; padding:4px 0 3px 0; font-size:12px; font-weight:bold; color:#797979; text-align:left;} #bbs2 .rese2 .rese2Right dd{float:left; width:170px; color:#797979;} #bbs2 .rese2 .rese2Right dd span{position:relative; top:3px;} #bbs2 .rese2 .rese2Right textarea{width:170px; height:106px;} /*예약시간*/ #bbs2 .rese2 .rese2Right .TimeCon{width:170px; height:138px; border:1px solid #7f9db9; margin:0 0 0 0px; overflow:hidden; clear:both;} #bbs2 .rese2 .rese2Right .TimeCon ul{margin:0px; padding:0px; overflow:hidden; height:138px; overflow:scroll; overflow-x:hidden; background:#fff;} #bbs2 .rese2 .rese2Right .TimeCon ul li{margin:0px; padding:0 0 2px 5px;} #bbs2 .rese2 .rese2Right .TimeCon ul li:hover{background:#b2b4bf; cursor:pointer;} /*예약시간 끝*/ /*버튼 (진료예약,취소)*/ #bbs2 .rese2 .ftV{color:#766cc0 !important;} /*온라인예약2(리드페이지) - 제나*/ #bbs2 #bread .reseReadTop{ height:100%; margin:0 0 0 20px; line-height:100%; background:url(/img/bbs_dot_line.gif) repeat-x bottom; overflow:hidden;} #bbs2 #bread .reseReadTop dl{float:left; width:45%; margin:0 0 0 10px; padding:0 0 5px 0; height:auto; background:none;} #bbs2 #bread .reseReadTop dt{float:left; position:relative; width:90px; margin:0; padding:5px 0 0 10px; font-weight:bold; background:url(/img/icon_red.gif) no-repeat left; font-size:12px; font-weight:normal; color:#797979; display:inline;} #bbs2 #bread .reseReadTop dd{float:left; width:auto; position:relative; color:#000; font-size:12px;} #bbs2 #bread .reseReadTop dd strong{position:relative; top:0px;} /*주소 width:100%;*/ #bbs2 #bread .reseReadTop .dlw100{width:90%;} #bbs2 #bread .reseReadTop .dlw100 dt{} #bbs2 #bread .reseReadTop .dlw100 dd{width:75%;} /*온라인예약2 - 제나 끝 ------------------------------------------------------------------------------------------------------------------------------------- */ /*온라인예약 - 부민 ------------------------------------------------------------------------------------------------------------------------------------- */ #bbs .bline{background:url(/img/bbs_dot_line.gif) repeat-x bottom;} #bbs .rese{position:relative; margin:10px; color:#797979; line-height:inherit; float:left;} /*스텝1 --------------------------------------------------------------------------------------------------------- */ .rese .reseStep1{overflow:hidden; margin:0 0 16px 0;} .rese .reseStep1 dl{float:left; width:100%;} .rese .reseStep1 dt{position:relative; float:left; width:65px; height:45px; background-color:#666; color:#fff; margin:0 15px 0 0; padding:30px 10px 10px 10px;} .rese .reseStep1 dt span{position:absolute; top:5px; right:5px; color:#999; font-size:10px; font-family:Verdana; } .rese .reseStep1 dd{float:left; width:85%; border:1px solid #e7e7e7; padding:10px 0;} .rese .reseStep1 dd dl{margin:3px 15px 3px 15px; padding:0 0 0 0; width:95%;} .rese .reseStep1 dd dt{width:65px; padding:3px 0 0 0; height:18px; background:none; color:#484848;} .rese .reseStep1 dd dd{border:none 0; width:70%; padding:0;} /*의료진 리스트*/ .rese .reseStep1 #doctor{font-family:dotum,"돋움"; width:auto;} .rese .reseStep1 #doctor ul{width:auto;} .rese .reseStep1 #doctor ul li{float:left; width:255px; margin:20px 0 0 0;} .rese .reseStep1 #doctor p{float:left;} .rese .reseStep1 #doctor dl{width:137px; margin:0px 0 0 10px; padding:0;} .rese .reseStep1 #doctor dt{font-size:14px; color:#4a4a4c; clear:both;} .rese .reseStep1 #doctor dd{font-size:11px; clear:both; width:100%; margin:10px 0 0 0; padding:0; line-height:160%; letter-spacing:-1px;} .rese .reseStep1 #doctor dd span{color:#67af3e; display:block;} .rese .reseStep1 #doctor .btnAll{text-align:left; width:auto; clear:both; padding:0;} /*스텝1 끝 ------------------------------------------------------------------------------------------------------- */ /*스텝2 ------------------------------------------------------------------------------------------------------- */ .rese .reseStep2{overflow:hidden; margin:0 0 16px 0;} .rese .reseStep2 dl{float:left; width:100%;} .rese .reseStep2 dt{position:relative; float:left; width:65px; height:30px; background-color:#666; color:#fff; margin:0 15px 0 0; padding:45px 10px 10px 10px;} .rese .reseStep2 dt span{position:absolute; top:5px; right:5px; color:#999; font-size:10px; font-family:Verdana; } .rese .reseStep2 dd{float:left; width:85%; border:1px solid #e7e7e7;} .rese .reseStep2 dd dt{width:65px; padding:3px 0 0 0; background:none; color:#484848;} /*예약날짜 (달력) ---------------------------------- */ .rese .reseStep2 .calendar{position:relative; width:301px; height:320px; font-family:Tahoma; background:url(/img/rese_step02_day_bg.jpg) no-repeat; float:left; margin:10px 15px 0px 15px;} .rese .reseStep2 .calendar table{position:relative; width:266px; border-top:2px solid #ccc; border-bottom:1px solid #e5e5e5; margin:0 0 0 17px;} .rese .reseStep2 .calendar caption{position:relative; padding:2px 0 8px 0; font-family:Tahoma; font-size:24px; vertical-align:middle; width:inherit; height:inherit; overflow:inherit; visibility:inherit;} .rese .reseStep2 .calendar caption img{margin:4px 0 0 0; cursor:pointer;} .rese .reseStep2 .calendar table thead{} .rese .reseStep2 .calendar table th{border-bottom:1px solid #e5e5e5; padding:5px 0; line-height:100%;} .rese .reseStep2 .calendar table tbody{margin:0; padding:0;} .rese .reseStep2 .calendar table td{font-size:11px; color:#797979; text-align:center; padding:5px 0; line-height:100%;} .rese .reseStep2 .calendar table .sun{color:#f60029;} .rese .reseStep2 .calendar table .sat{color:#006ecb;} .rese .reseStep2 .calendar table .on{font-weight:bold;} .rese .reseStep2 .calendar table .pick{background:url(/img/rese_pick.gif) no-repeat 50%;} .rese .reseStep2 .calendar table .today{background:url(/img/rese_today.gif) no-repeat 50%;} .rese .reseStep2 .calendar table .pick_on{background:url(/img/rese_on.gif) no-repeat 50%;} /**/ .rese .reseStep2 .calendar p{margin:12px 0 22px 17px;} .rese .reseStep2 .calendar p.datetxt{position:absolute; top:236px; left:0;} /*예약선택일*/ .rese .reseStep2 .calendar dl{position:absolute; top:286px; left:0; overflow:hidden; padding:0;} .rese .reseStep2 .calendar dt{ float:left; width:66px; margin:0px 0 0 3px; padding:4px 0;} .rese .reseStep2 .calendar dd{float:left; margin:0 0 0 5px; padding:0; border:none 0; width:auto;} /*예약날짜 (달력) 끝---------------------------------- */ /*예약시간 선택 ------------------------------------- */ .rese .reseStep2 .reseTime{position:relative; width:220px; height:278px; font-family:Tahoma; background:url(/img/rese_step02_time_bg.jpg) no-repeat; float:left; margin:10px 15px 0px 0px;} /*예약시간선택*/ .rese .reseStep2 .reseTime .TimeCon{width:184px; height:176px; border:1px solid #7f9db9; margin:10px 0 0 18px; overflow:hidden; float:left;} .rese .reseStep2 .reseTime .TimeCon ul{margin:0px; padding:0px; overflow:hidden; height:170px; overflow:scroll; overflow-x:hidden;} .rese .reseStep2 .reseTime .TimeCon ul li{margin:0px; padding:0 0 2px 5px;} .rese .reseStep2 .reseTime .TimeCon ul li:hover{background:#b2b4bf; cursor:pointer;} .rese .reseStep2 .reseTime .selectbox1{width:185px; height:176px; border:1px solid #fff;} .rese .reseStep2 .reseTime p{margin:12px 0 22px 17px; float:left;} .rese .reseStep2 .reseTime dl{overflow:hidden; padding:4px 0 0 0;line-height:100%;} .rese .reseStep2 .reseTime dt{position:relative; float:left; width:85px; margin:0 0 0 3px; padding:4px 0;} .rese .reseStep2 .reseTime dd{float:left; margin:0 0 0 5px; padding:0; border:none 0; width:auto;} .rese .reseStep2 .reseTime dd input{width:110px;} /*예약시간 선택 끝 ------------------------------------- */ /*스텝2 끝 ----------------------------------------------------------------------------------------------------------- */ /*스텝3 --------------------------------------------------------------------------------------------------------- */ .rese .reseStep3{overflow:hidden; margin:0 0 16px 0;} .rese .reseStep3 dl{ width:100%;} .rese .reseStep3 dt{position:relative; width:100%; height:30px; color:#666; font-weight:bold; font-size:16px; margin:0 0 0 0; padding:0 10px 10px 10px;} .rese .reseStep3 dt span{color:#999;} .rese .reseStep3 dd{ width:100%; border:1px solid #e7e7e7; padding:0 0;} .rese .reseStep3 dd dl{margin:3px 15px 3px 15px; padding:0 0 0 0; width:95%;} .rese .reseStep3 dd dl dt{width:20%; float:left; padding:3px 0 0 0; height:30px; background:none; color:#484848; vertical-align:middle;} .rese .reseStep3 dd dl dd{width:80%; float:left; border:none 0; width:80%;padding:0; vertical-align:middle;} .rese .reseStep3 dd dl dd input{vertical-align:middle;} .rese .reseStep3 .spam{overflow:hidden; padding:10px 0 0 0; color:#797979; clear:both; height:40px;} .rese .reseStep3 .spam dt{font-size:12px; font-weight:bold; float:left; margin:0px 5px 0 0; padding:4px 0 0 10px; } .rese .reseStep3 .spam dt img{ vertical-align:middle; margin:0 15px; } .rese .reseStep3 .spam dd{float:left; font-size:11px; line-height:30px;} .rese .reseStep3 .spam dd img{vertical-align:middle; margin:0 6px;} .rese .reseStep3 .wlist dl.spam {width:100%; height:30px;} .rese .reseStep3 .spam dd input{vertical-align:middle; width:80px;} /*예약자정보 (회원가입css)*/ .rese .join{border:none 0; margin:0; padding:0;} .rese2 .join{border:none 0; margin:0; padding:0;} /*개인정보취급방침*/ .rese .join .joinTop{width:100%; margin:0 0 20px 0; padding:0; border:1px solid #e5e5e5;} .rese2 .join .joinTop{width:100%; margin:0 0 20px 0; padding:0;} /*예약자정보*/ .rese .reseStep3 .join dl{width:100%; margin:0;} .rese .reseStep3 .join dt{ background:none; padding:3px 0 3px 5px;} .rese .reseStep3 .join textarea{width:100%; height:85px; border:1px solid #e5e5e5; padding:2px 0 0 3px;} /*예약자정보 (회원가입css) 끝*/ /*온랑인예약 리드페이지*/ #bbs .rese .reseRead{} #bbs .rese .reseRead dl{margin-top:10px;} #bbs .rese .reseRead dt{ vertical-align:middle;} #bbs .rese .reseRead dd dl{margin:0;} #bbs .rese .reseRead dd dt{padding:6px 0 0 0; vertical-align:middle;} #bbs .rese .reseRead dd dd{padding:6px 0 0 0; vertical-align:middle;} #bbs .rese .reseRead .btnAll{width:97%;} #bbs .rese .reseRead dd dd strong{position:relative; top:0px;} /*스텝3 끝 ------------------------------------------------------------------------------------------------------- */ /*예약하기버튼*/ .rese .reseBtn{width:149px; height:43px; text-align:center;} /*온라인예약 - 부민 끝 ------------------------------------------------------------------------------------------------------------------------------------- */ /*비용문의 (쓰기페이지 + 인덱스페이지) -------------------------------------------------------------------------------------------------------- */ #bbs .moneylist #bwrite{height:100%;/*ie6버그 margin-bottom:30px;*/} #bbs .moneylist #bwrite .wlist{float:left;} #bbs .moneylist #bwrite .wlist dl{width:100%; height:auto; clear:both;} #bbs .moneylist #bwrite .wlist dt{width:100px;} #bbs .moneylist #bwrite .wlist dd{width:70%;} #bbs .moneylist #bwrite .wlist .moneypro{} #bbs .moneylist #bwrite .wlist .moneypro dd{line-height:160%; padding-top:4px;} #bbs .moneylist #bwrite .wlist input{width:auto;} /*비용문의 (쓰기페이지 + 인덱스페이지) 끝 -------------------------------------------------------------------------------------------------------- */ /*팝업*/ .popclose{background:#000; text-align:right; padding:2px 0 0 0;} .popclose input{margin:0px 0 0 0; vertical-align:middle;} .popclose span{color:#fff; margin:2px 0 0 0; display:inline-block;} .popclose img{margin:-2px 3px 0 0;}