/* CSS Document */ #content_text h1 { padding:4px 0 10px 37px; margin:0 0 10px 0px; background:url(/img/common/h1.gif) no-repeat 0 0px ; font-size:1.3em; font-weight:bold; color:#333;letter-spacing:-0.5px;} #content_text h2 { padding:0px 0 0 23px; margin:1px 0 10px 0px; background:url(/img/common/h2.png) no-repeat 0px 2px; font-weight:bold; font-size:1.15em; color:#444;letter-spacing:-0.5px;} #content_text h3 { padding:0px 0 0 18px; margin:1px 0 5px 0px; background:url(/img/common/h3.png) no-repeat 0px 4px; font-weight:bold; font-size:1.05em; color:#444;letter-spacing:-0.5px;} #content_text h4 { padding:0px 0 0 12px; margin:1px 0 5px 0px; background:url(/img/common/h4.png) no-repeat 0px 8px; font-weight:bold; font-size:1em; color:#444;letter-spacing:-0.5px;} #content_text h5 { padding:3px 0 5px 0px; margin:0px 0 5px 0px; font-size:15px; color:#867c68; letter-spacing:-0.7px;} h1 { padding:4px 0 10px 37px; margin:0 0 10px 0px; background:url(/img/common/h1.gif) no-repeat 0 0px ; font-size:1.3em; font-weight:bold; color:#333;letter-spacing:-0.5px;} #content .con3 {line-height:180%; color:#747474; font-size:12px; } #content_text .infomenu { clear: both; position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; } #content_text .left { float: left; position: relative; } #content_text .right { float: right; position: relative;} #content_text .right2 { position: relative; text-align:right;} #content_text .center { position: relative; text-align: center !important;} .div_clear {clear:both;} .silidbox00 {clear: both; position: relative; width: 100%; margin:0 0 30px 0; padding: 0 0 150px 0 } .silidbox00:after { content:""; display:block; height:0; clear:both; float:none;} #content_text ul.bu1 li {padding:3px 0px 5px 13px; margin:0; background:url(/img/common/bul_01.png) no-repeat 0 10px; font-size:1em; line-height:150%; } #content_text ul.bu2 li {padding:3px 0px 3px 8px; margin:0; background:url(/img/common/bul_02.png) no-repeat 0 10px; font-size:1em; line-height:140%; border:0 !important;} #content_text ul.polygon li { margin-bottom:15px; line-height:190%; color:#766759;font-size:1.3em;font-weight:700; } #content_text ul.polygon li:last-child{ margin-bottom:0; } #content_text ul.polygon li span.num{background:url(/img/common/ol_polygon_bg.gif) no-repeat 0 0; padding:10px 18px 35px 10px; font-size:1.3em; font-weight:700;color:#f4c710;} #content_text ul.polygon ul {padding: 3px 0 ; list-style:none;} #content_text ul.polygon ul li {padding:2px 8px 4px 60px; margin:0; font-size:0.8em; font-weight:normal; line-height:160%;color:#666;} #content_text ul.circle li { margin-bottom:0px; line-height:160%; color:#766759;font-size:1.2em;font-weight:700; } #content_text ul.circle li:last-child{ margin-bottom:0; } #content_text ul.circle li span.num{background:url(/img/common/ol_circle_bg.gif) no-repeat 0 0; padding:2px 13px 5px 7px; font-size:0.9em; font-weight:700;color:#fff;} #content_text ul.circle ul {padding: 3px 0 ; list-style:none;} #content_text ul.circle ul li {padding:2px 8px 4px 0; margin:0; font-size:0.8em; font-weight:normal; line-height:160%;color:#666;} #content_text ul.bu3 li {padding:3px 0px 10px 13px; margin:0; background:url(/img/common/bul_01.png) no-repeat 0 10px; font-size:1em; line-height:170%; border:0; } #content_text ul.bu3 ul {padding: 3px 0 ; list-style:none;} #content_text ul.bu3 ul li {padding:2px 8px 4px 6px; margin:0; background:url(/img/common/bul_03.png) no-repeat 0 10px; font-size:1em; font-weight:normal; line-height:130%;border:0;} #content_text ul.bu4 li {padding:2px 8px 4px 6px; margin:0; background:url(/img/common/bul_03.png) no-repeat 0 10px; font-size:1em; font-weight:normal; line-height:130%;} #content_text ul.bucheck li {padding:0px 8px 7px 26px; margin:0; background:url(/img/common/bul_check3.png) no-repeat 9px 3px; font-size:1em; line-height:150%; color:#635e5a;} /* 테이블 */ #content_text table.t1 { color:#666; border-collapse:collapse; width:100%; margin-top:10px; border-right:2px solid #fff; text-indent:0; font-weight:normal; border-top:2px solid #66594d; border-bottom:1px solid #f4c710;} #content_text table.t1 thead, #content_text table.t1 tbody th, #content_text table.t1 tfoot { background: #f4f2ef; font-weight:bold; color: #766759; vertical-align: middle; } #content_text table.t1 thead th{ font-weight:bold; color:#766759; padding:10px; background: #f4f2ef;} #content_text table.t1 td {padding:10px 20px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; vertical-align: middle; } #content_text table.t1 td.center {text-align:center; } #content_text table.t1 tr th{text-align:center; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;} #content_text table.t1 tr td { } /* 테이블 */ #content_text table.tsetp { color:#666; border-collapse:collapse; width:100%; margin-top:10px; text-indent:0; font-weight:normal;} #content_text table.tsetp td {background:#f0f0f0; padding:20px; border-bottom: 1px solid #fff; vertical-align: middle; } #content_text table.tsetp td.last{ border-bottom: 0px solid #fff; } #content_text table.tsetp tr th{text-align:center; color:#fff; font-size:1.1em; font-weight:700;} #content_text table.tsetp tr th.th_01{background:#eebd13; line-height:250%; border-bottom:1px solid #f5dc77;} #content_text table.tsetp tr th.th_02{background:#fe8c41; line-height:250%; border-bottom:1px solid #ffab74} #content_text table.tsetp tr th.th_03{background:#837669;} /* 버튼 */ .btn_02 {background:#e0e0e0; border:1px solid #d2d2d2; padding:6px 10px; margin:17px 0; width:70px; text-align:center; font-size:11px; text-decoration:none !important; } .btn_03 { float: right; display: inline-block; text-align: center; width: 78px; height: 78px; line-height: 76px; background-color: #afafaf; border: 1px solid #afafaf; color: #fff !important; font-size: 13px !important; text-decoration:none !important; } .btn_04 {background:#fff; border:1px solid #d2d2d2; padding:6px 10px; margin:17px 0; width:70px; text-align:center; font-size:12px; text-decoration:none !important; color: #444 !important; } .btn_s_gray1 {background:#a3a3a3; text-align:center; display:inline-block; height:24px; line-height:22px; color:#fff; padding:3px 15px; text-decoration:none !important; font-weight:bold; vertical-align:middle; color:#fff !important;} .btn_s_gray2 {background:#888; text-align:center; display:inline-block; height:30px; line-height:30px; color:#fff; padding:3px 20px; text-decoration:none !important; font-weight:bold; vertical-align:middle; color:#fff !important;} .btn_s01 {background:#66594d; text-align:center; display:inline-block; height:31px; line-height:30px; color:#fff; padding:3px 30px; text-decoration:none !important; font-weight:bold; color:#fff !important;} .btn_s02 {background:#a17043; text-align:center; display:inline-block; height:30px; line-height:30px; color:#fff; padding:3px 30px; text-decoration:none !important; font-weight:bold; vertical-align:middle; color:#fff !important;} .btn_s03 {background:#ececec; border:1px solid #d2d2d2; padding:5px 5px; margin:3px 3px; text-align:center; font-size:11px; text-decoration:none !important; } .bnt_s04{background:#444444;color:#fff; display:inline-block; padding:3px 8px 4px 8px; font-size:0.9em; line-height:140%; cursor:pointer; } /*수술보러가기버튼*/ .btn_yellow {background:#f3c811; display:block; padding:10px 0; width:200px; margin:auto; text-align:center; font-size:1em; text-decoration:none !important; color:#000 !important; font-weight:700; } .btn_yellow2 {background:#f3c811; display:block; padding:10px 0; width:200px; float:left; margin:0 2px; text-align:center; font-size:1em; text-decoration:none !important; color:#000 !important; font-weight:700; } .btn_yellow3 {background:#f3c811; display: block; padding:10px 0; width: 23.5%; float: left; margin: 0 5px; text-align:center; text-decoration: none !important; color:#000 !important; font-weight:700;} .btn_gray {background:#ececec; width:215px; text-align:center; margin:0 10px 0 0; display:inline-block; height:40px; line-height:40px; color:#555;} .btn_y100 {background:#f3c811; display:inline-block; padding:10px 0; width:100px; text-align:center; font-size:1em; text-decoration:none !important; color:#000 !important; font-weight:700; } .btn_g100 {background:#999; display:inline-block; padding:8px 0; width:80px; text-align:center; font-size:1em; text-decoration:none !important; color:#fff !important; font-weight:700; } .btn_gray_tin {background:#ddd; text-align:center; padding:4px 15px; margin:0 10px 0 0; display:inline-block; color:#555;} .btn_red_tin {background:#d74903; text-align:center; padding:5px 20px; margin:0 10px 0 0; display:inline-block; color:#fff !important;;} .btn_y100.gray { background:#999; color: #fff !important; } /*댓글쓰기*/ .textarea_01 {background:#fff; border:1px solid #e3e3e3; color:#999; font-size:12px; padding:10px; line-height:170%; height:60px;} .pt_3 {margin-top:3px;} .pt_5 {margin-top:5px;} .pt_10 {margin-top:10px;} .pt_15 {margin-top:15px;} .pt_20 {margin-top:20px;} .pt_25 {margin-top:25px;} .pt_30 {margin-top:30px;} .pt_35 {margin-top:35px;} .pt_40 {margin-top:40px;} .pt_45 {margin-top:45px;} .pt_50 {margin-top:50px;} .pt_55 {margin-top:55px;} .pt_60 {margin-top:60px;} .pb_5 {margin-bottom:5px;} .pb_10 {margin-bottom:10px;} .pb_15 {margin-bottom:15px;} .pb_20 {margin-bottom:20px;} .pb_25 {margin-bottom:25px;} .pb_30 {margin-bottom:30px;} .pb_40 {margin-bottom:40px;} .pb_50 {margin-bottom:50px;} .pb_60 {margin-bottom:60px;} .pb_70 {margin-bottom:70px;} .pb_80 {margin-bottom:80px;} .pb_100 {margin-bottom:100px;} .pl_5 {margin-left:5px;} .pl_10 {margin-left:10px;} .pl_15 {margin-left:15px;} .pl_20 {margin-left:20px;} .pl_25 {margin-left:25px;} .pl_30 {margin-left:30px;} .pl_40 {margin-left:40px;} .pl_50 {margin-left:50px;} .pr_5 {margin-right:5px;} .pr_10 {margin-right:10px;} .pr_15 {margin-right:15px;} .pr_20 {margin-right:20px;} .pr_25 {margin-right:25px;} .pr_30 {margin-right:30px;} .pr_40 {margin-right:40px;} .pr_50 {margin-right:50px;} .wp10 {width:10%;} .wp20 {width:20%;} .wp30 {width:30%;} .wp40 {width:40%;} .wp50 {width:50%;} .wp60 {width:60%;} .wp70 {width:70%;} .wp80 {width:80%;} .wp90 {width:90%;} .wp100 {width:100%;} .btn_pd {margin-top:30px} .pd_10 {padding:10px;} .pd_20 {padding:20px;} .pd_30 {padding:30px;} .pd_40 {padding:40px;} .pd_50 {padding:50px;} .ctl_01 {float:left; width:32%; } .ctr_01 {float:right; width:65%; } /* 인플란트봉 삽입술 */ .ctl_02 {float:left; width:35%; } .ctr_02 {float:right; width:58%; } /* 인공 고환 삽입술 */ .ctl_03 {float:left; width:45%; } .ctr_03 {float:right; width:48%;} .ctl_04 {float:left; width:32.14%; } .ctr_04 {float:right; width:61%;} .ctl_05 {float:left; width:17%; } .ctr_05 {float:right; width:75%; color:#fff; padding:23px 0 0 0; font-weight:700; font-size:1.1em; line-height:170%;} .ctl_06 {float:left; width:31.42%; } .ctr_06 {float:right; width:68%; color:#fff; padding:2%; line-height:170%; box-sizing:border-box } .ctr_06 span{ color:#ffcd23; font-weight:700 } .ctl_07 {float:left; width:15%; } .ctr_07 {float:right; width:80%;} .ctl_08 {float:left; width:60%;line-height:170%; box-sizing:border-box } .ctr_08 {float:right; width:34.42%; } /* 일반페이지 타이틀 */ .con_title{font-family:'NanumMyeongjoWeb';font-size:2.2em;color:#000; text-align:center; margin-bottom:10px;line-height:140%; letter-spacing:-1px; } .con_title span {color:#dc5513;font-family:'NanumMyeongjoWeb';} .con_title2{font-family:'NanumMyeongjoWeb';font-size:2.1em;color:#000; text-align:center; margin-bottom:5px;line-height:140%; letter-spacing:-1px; } .con_title2 span {color:#dc5513;font-family:'NanumMyeongjoWeb';} .con_title3{font-family:'NanumMyeongjoWeb';font-size:1.9em;color:#000; text-align:center; margin-bottom:10px;line-height:140%; letter-spacing:-1px; } .con_stitle{font-size:1.1em;color:#666;text-align:center} .con_top_box {margin-bottom:40px;} /* 폰트 */ .txt_10{font-size:1.05em;line-height:160%;} .txt_11{font-size:1.1em;line-height:160%;} .txt_12{font-size:1.2em;line-height:160%;} .txt_13{font-size:1.3em;line-height:160%;} .txt_14{font-size:1.4em;line-height:160%;} .bold {font-weight:700;} .black {color:#000;} .orange{color:#dc5513;} .l_brown {color:#96782a;} .point_tt {font-size:1.05em; font-weight:700; color:#96782a; margin-bottom:20px;} /*콘텐츠 박스*/ .con_box_01 { width:100%; border:1px solid #e0e0e0; box-sizing:border-box;padding:25px; } .con_box_01:after { content:""; display:block; height:0; clear:both; float:none;} .con_box_02 { width:100%; border:1px solid #de6533; padding:25px; box-sizing:border-box; background:#f8f8f8;} .con_box_02:after { content:""; display:block; height:0; clear:both; float:none;} .glay_box { width:100%; padding:25px; box-sizing:border-box; background:#efecea;} .glay_box:after { content:""; display:block; height:0; clear:both; float:none;} .con_box_half_01{border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0; box-sizing:border-box;padding:20px 0; text-align:center;} .con_box_half_02{border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;background:#f4f4f4;box-sizing:border-box;padding:20px;} /* 게시판 타이틀 */ .board_title {font-family:'NanumMyeongjoWeb';font-size:2em; color:#000; margin-bottom:30px; line-height:140%;text-align:center;} .board_title span {font-family:'NanumMyeongjoWeb';color:#fff; background:#ed7717; padding:1px 2px 3px 2px} .dott_line {border-bottom:1px dotted #ccc;clear:both; padding:10px 0; margin-bottom:20px;} .img_center { text-align: center; } .img_center img { width: 55%} .con_img { text-align: center; } .con_img img { width: 100%; max-width: 550px} .con_img2 { text-align: center; } .con_img2 img { width: 90%; max-width: 354px} /* 주의사항 */ #rules {position: relative; width:100%; background:url(/img/common/rule_bg.gif); box-sizing:border-box; padding:30px;color:#fff;} #rules dt{font-family:'NanumMyeongjoWeb'; position: relative; padding:15px 0 20px 60px; margin:0 0 10px 0px; background:url(/img/common/rule_icon.png) no-repeat 0 0 ; font-size:2.1em; letter-spacing:-0.5px;} #rules dd{position: relative;} #rules dd ul {position: relative; margin:0 0 0 10px} #rules dd ul li {padding:0px 0px 5px 22px; margin:0; background:url(/img/common/bul_check.png) no-repeat 0 5px; line-height:150%; } #rules dd ul li ul {position: relative; margin:10px 0 0 0} #rules dd ul li ul li {padding:2px 8px 4px 6px; margin:0; background:url(/img/common/bu_w.gif) no-repeat 0 10px; font-size:0.95em; font-weight:normal; line-height:130%;} /* 하단 전화 예약 */ #call_reservation {position: relative; background:#f0ece3; width:100%;margin-top:80px; border:1px solid #e9ac06; box-sizing:border-box; } #call_reservation:after { content:""; display:block; height:0; clear:both; float:none;} #call_reservation .left_box {padding:15px 20px 20px 25px; width:70%; float:left; box-sizing:border-box; } #call_reservation .title{position:absolute;top:15px; left:20px; padding:8px 0 15px 43px; margin:0; background:url(/img/common/call_reser_01.png) no-repeat 0 0px ; font-weight:700; font-size:1.4em; color:#6e2e17; margin-bottom:5px;} #call_reservation ul.call_form {width:100%; position: relative; padding:45px 0 5px 0; box-sizing:border-box; border-bottom:1px solid #d5cec2; } #call_reservation ul.call_form:after { content:""; display:block; height:0; clear:both; float:none;} #call_reservation ul.call_form li{float:left; width:50%; height:33px;} #call_reservation ul.call_form li span { font-weight:700;float: left; width:25%;} #call_reservation .call_input {background:#e0d8bc; border:1px solid #b9af92; padding:4px} #call_reservation .inwidth {width:120px;} #call_reservation .agree {margin:8px 0 0 0;} #call_reservation .btn_y {background:#e9ac06; padding:6px 25px; margin-left:20px; color:#000; text-align:center; font-size:1.1em; text-decoration:none !important; font-weight:700; } #call_reservation .right_box {background:#f4c710; width:30%; float:right; box-sizing:border-box; } #call_reservation .right_box ul {height:227px; } #call_reservation .right_box ul li{float:left; color:#000; background:#f4c710; width:50%; height:50%;text-align:center; padding:18px 0;box-sizing:border-box; line-height:1.1em; font-size:0.9em} #call_reservation .right_box ul li img{margin-bottom:5px;} #call_reservation .right_box ul li.y02{background:#b29c88; } #call_reservation .right_box ul li.y03{background:#b29c88; } #call_reservation .right_box ul li.y04{background:#f4c710; } #jun_check { position: relative; background:url(/img/common/check_bg.jpg); width:100%; padding:20px 20px 25px 25px; box-sizing:border-box; height:auto; margin-bottom:30px; color:#fff; } #jun_check:after { content:""; display:block; height:0; clear:both; float:none;} #jun_check .img_left {width:22%; float:left;font-family:'NanumMyeongjoWeb'; font-size:1.4em; text-align:center ;padding:20px 0 0 0 } #jun_check .img_left img {margin-bottom:10px } #jun_check .list_right {width:73%; float:right;} #jun_check ul{position: relative; width:100%; margin:15px 15px 0 0 ;} #jun_check ul li {padding:4px 8px 8px 15px; margin:0; background:url(/img/common/bul_check4.png) no-repeat 0 5px; font-weight:normal; line-height:130%;} .img_con_box {position: relative; width:100%; box-sizing:border-box;} .img_con_box:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box .left_img{float:left; width:32.14%; } .img_con_box .left_img img{ width:100%; } .img_con_box .right_txt{float:right; width:64%; box-sizing:border-box; } .img_con_box2 {position: relative; width:100%; box-sizing:border-box;} .img_con_box2:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box2 .left_img{float:left; width:24.28%; } .img_con_box2 .left_img img{ width:100%; } .img_con_box2 .right_txt{float:right; width:70%; box-sizing:border-box; } .img_con_box3 {position: relative; width:100%; box-sizing:border-box;} .img_con_box3:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box3 .left_img{float:left; width:28.57%; } .img_con_box3 .left_img img{ width:100%; } .img_con_box3 .right_txt{float:right; width:68%; box-sizing:border-box; } .img_con_box4 {position: relative; width:100%; box-sizing:border-box;} .img_con_box4:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box4 .left_img{float:left; width:20%; } .img_con_box4 .left_img img{ width:100%; } .img_con_box4 .right_txt{float:right; width:76%; box-sizing:border-box; } .img_con_box5 {position: relative; width:100%; box-sizing:border-box;} .img_con_box5:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box5 .left_img{float:left; width:25.71%; } .img_con_box5 .left_img img{ width:100%; } .img_con_box5 .right_txt{float:right; width:70%; box-sizing:border-box; } .img_con_box5_r {position: relative; width:100%; box-sizing:border-box;} .img_con_box5_r:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box5_r .left_txt{float:left; width:70%; box-sizing:border-box; } .img_con_box5_r .right_img{float:right; width:25.71%; } .img_con_box5_r .right_img img{ width:100%; } .img_con_box6 {position: relative; width:100%; box-sizing:border-box;} .img_con_box6:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box6 .left_img{float:left; width:43.84%; } .img_con_box6 .left_img img{ width:100%; } .img_con_box6 .right_txt{float:right; width:51%; box-sizing:border-box; } .img_con_box7_r {position: relative; width:100%; box-sizing:border-box;} .img_con_box7_r:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box7_r .left_txt{float:left; width:35%; box-sizing:border-box; } .img_con_box7_r .right_img{float:right; width:59.53; } .img_con_box7_r .right_img img{ width:100%; } .img_con_box8 {position: relative; width:100%; box-sizing:border-box;} .img_con_box8:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box8 .left_img{float:left; width:38.57%; } .img_con_box8 .left_img img{ width:100%; } .img_con_box8 .right_txt{float:right; width:57%; box-sizing:border-box; } .img_con_box9 {position: relative; width:100%; box-sizing:border-box;} .img_con_box9:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box9 .left_img{float:left; width:44.28%; } .img_con_box9 .left_img img{ width:100%; } .img_con_box9 .right_txt{float:right; width:52%; box-sizing:border-box; } /**20170713_요로결석페이지유지보수추가요청**/ .img_con_box10 {position: relative; width:100%; box-sizing:border-box;} .img_con_box10:after { content:""; display:block; height:0; clear:both; float:none;} .img_con_box10 .left_img{float:left; width:47%; padding:0 6% 0 0} .img_con_box10 .left_img img{ width:100%; } .img_con_box10 .right_img{float:left; width:47%; } .img_con_box10 .right_img img{ width:100%; } .h_100 {height:100px;} .h_110 {height:110px;} .h_120 {height:120px;} .h_130 {height:130px;} .h_140 {height:140px;} .h_150 {height:150px;} /* --------------------공통 ------------------------- */ /* --------------------텝 ------------------------- */ /*지점안내*/ .hp_tab{margin:15px 0 15px 0;width:100%;} .hp_tab:after { content:""; display:block; height:0; clear:both; float:none;} .hp_tab li{width:20%;float:left; text-align:center;font-size:1em; } .hp_tab li a{display:block;margin:1%; padding:13px 5px;box-sizing:border-box; color:#555; font-weight:bold; line-height:15px; background:#fff; border:1px solid #dcdcdc; } .hp_tab li a:hover,.hp_tab li a.on,.hp_tab li a:focus{box-sizing:border-box;position:relative; color:#000; text-decoration:none; background:#f4c710;border:1px solid #f4c710; } .hp_tab li a.on{font-weight:bold;} /*상담 및 예약 지점*/ .h_tab{margin:15px 0 15px 0;width:100%;} .h_tab:after { content:""; display:block; height:0; clear:both; float:none;} .h_tab li{width:16.5%;float:left; text-align:center;font-size:1em; } .h_tab li a{display:block;margin:1%; padding:13px 5px;box-sizing:border-box; color:#555; font-weight:bold; line-height:15px; background:#fff; border:1px solid #dcdcdc; } .h_tab li a:hover,.h_tab li a.on,.h_tab li a:focus{box-sizing:border-box;position:relative; color:#000; text-decoration:none; background:#f4c710;border:1px solid #f4c710; } .h_tab li a.on{font-weight:bold;} .faq_tab{margin:15px 0 15px 0;width:100%;} .faq_tab:after { content:""; display:block; height:0; clear:both; float:none;} .faq_tab li{width:25%;float:left; text-align:center;font-size:1em; } .faq_tab li a{display:block;margin:1%; padding:13px 5px;box-sizing:border-box; color:#555; font-weight:bold; line-height:15px; background:#fff; border:1px solid #dcdcdc; } .faq_tab li a:hover,.faq_tab li a.on,.faq_tab li a:focus{box-sizing:border-box;position:relative; color:#000; text-decoration:none; background:#f4c710;border:1px solid #f4c710; } .faq_tab li a.on{font-weight:bold;} .event_tab{margin:15px 0 15px 0;width:100%;} .event_tab:after { content:""; display:block; height:0; clear:both; float:none;} .event_tab li{width:33%;float:left; text-align:center;font-size:1em; } .event_tab li a{display:block;margin:1%; padding:13px 5px;box-sizing:border-box; color:#555; font-weight:bold; line-height:15px; background:#fff; border:1px solid #dcdcdc; } .event_tab li a:hover,.event_tab li a.on,.event_tab li a:focus{box-sizing:border-box;position:relative; color:#000; text-decoration:none; background:#f4c710;border:1px solid #f4c710; } .event_tab li a.on{font-weight:bold;} .member_tab{margin:15px 0 15px 0;width:100%;} .member_tab:after { content:""; display:block; height:0; clear:both; float:none;} .member_tab li{width:33.3%;float:left; text-align:center;font-size:1em; } .member_tab li a{display:block;margin:1%; padding:13px 5px;box-sizing:border-box; color:#555; font-weight:bold; line-height:15px; background:#fff; border:1px solid #dcdcdc; } .member_tab li a:hover,.member_tab li a.on,.member_tab li a:focus{box-sizing:border-box;position:relative; color:#000; text-decoration:none; background:#f4c710;border:1px solid #f4c710; } .member_tab li a.on{font-weight:bold;} .tab_2{margin:15px 0 15px 0;width:100%;} .tab_2:after { content:""; display:block; height:0; clear:both; float:none;} .tab_2 li{width:49%;float:left; text-align:center;font-size:1em; } .tab_2 li a{display:block;margin:1%; padding:13px 5px;box-sizing:border-box; color:#555; font-weight:bold; line-height:15px; background:#fff; border:1px solid #dcdcdc; } .tab_2 li a:hover,.tab_2 li a.on,.tab_3 li a:focus{box-sizing:border-box;position:relative; color:#000; text-decoration:none; background:#f4c710;border:1px solid #f4c710; } .tab_2 li a.on{font-weight:bold;} .tab_3{margin:15px 0 15px 0;width:100%;} .tab_3:after { content:""; display:block; height:0; clear:both; float:none;} .tab_3 li{width:33.2%;float:left; text-align:center;font-size:1em; } .tab_3 li a{display:block;margin:1%; padding:13px 5px;box-sizing:border-box; color:#555; font-weight:bold; line-height:15px; background:#fff; border:1px solid #dcdcdc; } .tab_3 li a:hover,.tab_3 li a.on,.tab_3 li a:focus{box-sizing:border-box;position:relative; color:#000; text-decoration:none; background:#f4c710;border:1px solid #f4c710; } .tab_3 li a.on{font-weight:bold;} .tab_4{margin:15px 0 15px 0;width:100%;} .tab_4:after { content:""; display:block; height:0; clear:both; float:none;} .tab_4 li{width:25%;float:left; text-align:center;font-size:1em; } .tab_4 li a{display:block;margin:1%; padding:13px 5px;box-sizing:border-box; color:#555; font-weight:bold; line-height:15px; background:#fff; border:1px solid #dcdcdc; } .tab_4 li a:hover,.tab_4 li a.on,.tab_4 li a:focus{box-sizing:border-box;position:relative; color:#000; text-decoration:none; background:#f4c710;border:1px solid #f4c710; } .tab_4 li a.on{font-weight:bold;} .tab_5{margin:15px 0 15px 0;width:100%;} .tab_5:after { content:""; display:block; height:0; clear:both; float:none;} .tab_5 li{width:20%;float:left; text-align:center;font-size:1em; } .tab_5 li a{display:block;margin:1%; padding:13px 5px;box-sizing:border-box; color:#555; font-weight:bold; line-height:15px; background:#fff; border:1px solid #dcdcdc; } .tab_5 li a:hover,.tab_5 li a.on,.tab_5 li a:focus{box-sizing:border-box;position:relative; color:#000; text-decoration:none; background:#f4c710;border:1px solid #f4c710; } .tab_5 li a.on{font-weight:bold;} /* --------------------텝 ------------------------- */ /* --------------------01 하이맨 비뇨기과------------------------- */ /*하이맨소개*/ #highman {position: relative;} #highman .awards{background:url(/img/01_highman/01_bg.png); width:100%; padding:60px 0;box-sizing:border-box;text-align:center } #highman .top_img {margin: 0 0 50px 0} #highman .bottom_img {margin:50px 0 0 0} #highman .awards_tt01 {color:#fff;font-family:'NanumMyeongjoWeb';font-size:1.7em; margin-bottom:18px; line-height:1.2em;} #highman .awards_tt02 {color:#8be2ff;font-family:'NanumMyeongjoWeb'; font-size:2.2em; line-height:1.2em; } #highman ul.high {position: relative;width:100%;border-top:2px solid #66594d; margin-top:30px !important;} #highman ul.high li{border-bottom:1px dotted #ddd;padding:20px 0;} #highman ul.high li:after { content:""; display:block; height:0; clear:both; float:none;} #highman ul.high div.photo{float:left;width:24.14%; } #highman ul.high div.tbox{float:right;width:70%; padding:30px 0 0 0; display:inline-block} #highman ul.high div.tit{font-weight:700; font-size:1.4em;color:#000; margin-bottom:15px; } #highman ul.tab_m { position: relative; padding: 0; margin-top:40px; width: 100%; overflow: hidden;} #highman ul.tab_m li {display:block; margin-right:1px !important; padding:13px 0px 13px 0px; width:24.8%; color:#666; font-weight:bold; background:#ddd; float:left; text-align:center;} #highman ul.tab_m li:last-child {margin-right:0; } #highman ul.tab_m li.tab_on {color:#000; background:#f4c710; } #highman ul.tab_m li.tab_on a {color:#000; } #highman .img_box {width:100%; margin-top:50px; text-align:center;} #highman ul.jangbi {position: relative;width:100%; margin-top:20px !important;} #highman ul.jangbi li{position: relative;border:1px solid #ddd;padding:0;width:30%;height:257px; float:left; margin:0 1.4% 20px 1.4%; box-sizing:border-box; } #highman ul.jangbi li:after { content:""; display:block; height:0; clear:both; float:none;} #highman ul.jangbi li div.tbox {margin:20px; } #highman ul.jangbi li div.tit {font-weight:700; font-size:1.1em;color:#000; margin-bottom:5px; text-align:left;line-height:130%;} #highman ul.jangbi li div.ttex { margin-bottom:15px; line-height:130%;} #highman ul.jangbi li div.photo img {position: absolute; bottom:0;} #highman ul.jangbi li div.photo img {width:100%;} /*의료진안내*/ #doctor {position: relative;width:100%: } #doctor ul.dbox {position: relative;width:100%:} #doctor ul.dbox li {position: relative; float:left; width: 48%; margin: 0 0 20px 0; border:1px solid #ddd; } #doctor ul.dbox li:nth-child(even), #doctor ul.dbox li.even { float:right; } #doctor ul.dbox li img{width:100%;} #doctor ul.dbox li.d_right {float:right;} #doctor ul.dbox li:hover{border:1px solid #766759;} #doctor ul.dbox li div.limotto{position: absolute; top:30px; left:30px; width:43%; color:#64564b; z-index:5; font-size:1em; display:inline-block; text-align:left;line-height:160%;} #doctor ul.dbox li div.d_photo{position: relative;width:100%;} #doctor ul.dbox li div.d_name{position: relative;width:100%; height:40px;box-sizing:border-box; background:#766759; color:#fff; font-size:1.05em; font-weight:700; padding:8px 0 0 10px; letter-spacing:-0.04em} #doctor ul.dbox li div.btn_plus{position: absolute; right:0; bottom:0;} #d_view {position: relative; width:100%; z-index: 10000; display: none;} #d_view .close{position:relative; float:right; margin-bottom:5px;} #d_view .d_viewbox {position: relative;background:#64564b; width:100%; height:350px; padding:20px; overflow-y:scroll;box-sizing:border-box;} #d_view .d_viewbox {scrollbar-face-color:#57493f; scrollbar-3dlight-color:#64564b; scrollbar-highlight-color:#57493f; scrollbar-shadow-color:#57493f; scrollbar-darkshadow-color:#57493f; scrollbar-arrow-color:#64564b; scrollbar-track-color:#9d9389; } #d_view .view_name{color:#fff;font-size:1.2em; font-weight:700; margin-bottom:8px;} #d_view .motto{float:left; color:#f4c710; width:40%; font-family:'NanumMyeongjoWeb'; font-size:1.7em;line-height:140%; letter-spacing:-1px;display:inline-block; text-align:left;} #d_view .motto_right{float:right; width:55%; } #d_view .d_viewbox ul.d_info{ padding-left:5px;} #d_view .d_viewbox ul.d_info li{padding:2px 8px 4px 5px; margin:0; background:url(/img/common/bu_01.gif) no-repeat 0px 10px; font-size:1em; line-height:130%; color:#fff} /* 지점안내 */ #hosital {position: relative;width:100%; } #hosital .title_box {border-bottom:1px solid #333; padding:10px 0 20px 0; text-align:center; font-size:2em; font-weight:700;margin:10px 0 20px; color:#000} #hosital .title_box span {position: absolute; top:0; right:0;} #hosital .title_box .tag_btn { display: inline-block; width: 38px; height: 38px; line-height: 38px; vertical-align: middle; font-size: 12px; color: #fff; border-radius: 50px; background: #ffb301; } #hosital .h-info {position: relative;width:100%; border-bottom:1px solid #ddd; padding-bottom:20px} #hosital .h-info:after { content:""; display:block; height:0; clear:both; float:none;} #hosital .h_tel {position: relative;width:49%; float:left;background:url(/img/01_highman/icno_phone.gif) no-repeat 40px 0 ; padding-left:100px;box-sizing:border-box; } #hosital .h_tel dd{ overflow: hidden; } #hosital .h_tel dd > div{ float: left; width: 49%; margin:10px 0.5%; } #hosital .h_tel dd > span { display: block; text-align: center; font-size: 1.4em; font-weight: 800; } #hosital .h_time {position: relative;width:49%; float:right;background:url(/img/01_highman/icno_time.gif) no-repeat 20px 0 ;padding-left:80px;box-sizing:border-box; } #hosital .h-info dl{ } #hosital .h-info dt{ font-size:1.2em; font-weight:700; margin-bottom:8px;} #hosital .h-info dd{} #hosital .h-info dd.phonenum{font-size:1.5em; } #hosital .banner_box{position: relative; width:100%; margin:30px 0;} #hosital .banner_box:after { content:""; display:block; height:0; clear:both; float:none;} #hosital .banner_left {width:48.57%; float:left; } #hosital .banner_left ul:after, #hosital .banner_right ul:after { content:""; display:block; height:0; clear:both; float:none; } #hosital .banner_left ul li, #hosital .banner_right ul li { height:210px; overflow:hidden; } #hosital .banner_left img, #hosital .banner_right img { width:100%; } #hosital .banner_right{width:48.57%; float:right;} #h_map {position: relative;width:100%;} #h_map .add{margin-bottom:10px} #h_map .img_map {width:48.57%;float:left; } #h_map .img_map img{width:100%; } #h_map .api_map {width:48.57%;float:right; } #h_map .api_map img{width:100%; } #h_map .c_txt{width:100%; padding-left:10px;box-sizing:border-box;margin-bottom:15px; } /*체험평점안내*/ .average_box { display:inline-block; background:url(/img/01_highman/t_bg2.gif); width:100%;border-radius:25px; height:50px; font-size:1.3em; color:#ffdfc4; text-align:center; font-weight:700; padding-top:13px; margin-bottom:20px;box-sizing:border-box;} .average_box span{font-size:1.6em; color:#fff;} #kakao {position: relative;background:#ffe13a; padding-bottom:30px;} #kakao:after { content:""; display:block; height:0; clear:both; float:none;} #kakao .titimg{position: relative;} #kakao .titimg img{width:100%;} #kakao .tittex{position: relative;color:#503f30; font-size:1.1em; font-weight:700; text-align:center; width:70%; margin:auto;padding-bottom:15px;} #kakao ul {width:100%;} #kakao ul li{width:28.75%; float:left; margin-left:3.45%; margin-bottom:15px; border:1px solid #c9ab01;border-radius:10px; background:#f5f1ee; padding:13px;box-sizing:border-box; text-align:center;} #kakao ul li div.h_mame { font-size:1.1em; font-weight:700; margin-bottom:5px;} #kakao ul li div.h_mame span{ color:#fe5300;} #kakao ul li div.idnum {padding:4px; border:1px solid #675b41;background:#fff;box-sizing:border-box; width:80%; margin:auto; color:#555;font-size:1.05em;font-weight:700; } #kakao .btn_dyellow {background:#c19b00; padding:8px 15px; text-align:center; font-size:1em; text-decoration:none !important; color:#fff !important; float:right; margin-right:3.45%; font-weight:700; } .popkakao { clear: both; position: relative; width: 95%; margin:15px auto; padding:0; overflow: hidden; } .popkakao_top {width:100%; background:#ffeb5c; color:#513436; font-size:18px; font-weight:700; text-align:center; padding:20px 0; margin-bottom:30px;} /* 20170109 네이버 톡톡 추가 */ .collabo {background: #01c43d; padding: 20px 0; text-align:center; margin: 0 auto; color: #fff; } .collabo ul { display: table; margin: 0 auto; } .collabo ul li { display: table-cell; vertical-align: middle;} .collabo ul li span { display: block;} .collabo ul li:nth-child(3) span { color: #eaff00 } .talk_use ul li i {background: #aea59d; border-radius: 50%; color:#fff; padding: 5px; color: #fff; margin: 0 5px 0 0; } .talk_use ul li span {display: block; text-align: left;} .talk_use .talk_pc li { width:100%; } .talk_use .talk_pc li img { width: 80%;} .talk_use .talk_pc li span { padding: 10px 0 20px 0} .talk_use .talk_mobile { overflow: hidden;} .talk_use .talk_mobile li { width: 30%; float:left; padding:0 2%; } .talk_use .talk_mobile li:last-child{ padding-right: 0} .talk_use .talk_mobile li img { width: 100%;} .talk_use .talk_mobile li span{ padding: 10px 0 0 0; } /* 170111 톡톡페이지 추가 */ #naver_talk{ margin:0 0 5% 0; padding:5% 0 0 0; background: #f6f6f6; } #naver_talk > div{ text-align:center; font-size:2em; line-height:1.5em; padding:0 0 7% 0; } #naver_talk > div b { color:#01c43d; } #naver_talk > div span{padding: 1px 2px 3px 2px; color:#fff; background: #ed7717; } #naver_talk li { float: left; width: 33.3%; text-align:center; padding:0 0 5% 0; } .naver_talk_m{ display:none; } .h_tel > dl > dd > div > .web { padding: 2px 0 0 0} @media (max-width:640px) { #naver_talk > div{ font-size:1.5em; } .naver_talk_m{ display:block; } .naver_talk{ display:none; } .collabo ul li img { width: 80%;} .talk_use .talk_pc li img { width: 100%;} .talk_use .talk_mobile li { width: 100%;} .talk_use .talk_mobile li img { width: 60%; } .talk_use .talk_mobile li span {padding: 10px 0 20px 0;} } @media (max-width:460px) { #naver_talk li { float: left; width: 50%; text-align:center; padding:0 0 5% 0; } } /* -------------------- // 01 하이맨 비뇨기과------------------------- */ /* -------------------- 03 남성확대 센터 ------------------------- */ /* 음경확대 */ .bigtxt {color:#de6533;font-family:'NanumMyeongjoWeb';font-size:2.1em; line-height:130%;} .color_box {position: relative; width:100%; color:#fff;display:block;clear:both; line-height:150%;} .color_box dd.li_01 {width:33.2%; float:left; border-right:1px solid #fff;background:#d8662e;box-sizing:border-box; padding:20px;} .color_box dd.li_02 {width:33.2%; float:left; border-right:1px solid #fff; background:#f4a810;box-sizing:border-box;padding:20px;} .color_box dd.li_03 {width:33.2%; float:left; background:#846556;box-sizing:border-box;padding:20px;} /* 테이블 */ #content_text table.timg { color:#666; border-collapse:collapse; width:100%;text-indent:0; font-weight:normal;border:1px solid #aea59d;} #content_text table.timg td {background:#fff; padding:20px; border-right: 1px solid #aea59d; vertical-align: middle; text-align:center;box-sizing:border-box; } #content_text table.timg td.img3 {background:#fff; padding:20px; border-right: 1px solid #aea59d; vertical-align: middle; text-align:center;box-sizing:border-box; } #content_text table.timg td.img3 img {width:100%;} #content_text table.timg tr th{text-align:center; background:#aea59d; color:#fff; font-size:1.1em; font-weight:700; border-right: 1px solid #fff; padding:5px;box-sizing:border-box; } #content_text table.timg tr th:last-child { border-right:0px solid #fff;} ul.conimg_list {width:100%;position: relative;} ul.conimg_list li {position: relative; float:left; border:1px solid #aea59d;width:32.1%; margin-right:1.8%; box-sizing:border-box; background:#aea59d; } ul.conimg_list li.one {position: relative; float:left; border:1px solid #aea59d;width:100%; margin-right:1.8%; box-sizing:border-box; background:#aea59d; } ul.conimg_list li:last-child {margin-right:0; } ul.conimg_list li div.photo {position: relative; height:134px;overflow:hidden; } ul.conimg_list li div.photo img {width:100%; height:100%;} ul.conimg_list li div.title {font-weight:700; font-size:1.1em; padding:8px 0; box-sizing:border-box; color:#fff; text-align:center } /* 남성확대*/ .tt_box { display:inline-block; background:url(/img/01_highman/t_bg2.gif); width:100%;border-radius:40px; height:80px; font-size:1.3em; color:#fff; text-align:center; font-weight:700; padding:10px 30px; margin-bottom:30px;box-sizing:border-box; line-height:180%;} .tt_box span.tplus{background:url(/img/03_expand/plus_bg.png) no-repeat 3px 7px; padding:10px } .tt_box2 { display:inline-block; background:url(/img/01_highman/t_bg2.gif); width:100%;border-radius:40px; height:50px; font-size:1.3em; color:#fff; text-align:center; font-weight:700; padding:10px 30px; margin-bottom:30px;box-sizing:border-box; line-height:180%;} .tt_box2 span.tplus{background:url(/img/03_expand/plus_bg.png) no-repeat 3px 7px; padding:10px } .con_tt_01 {font-size:1.1em; text-align:center;line-height:170%; margin-bottom:20px;} .con_tt_01 span {font-size:1.2em; font-weight:700; color:#dc5513} /* -------------------- //02 남성확대 센터 ------------------------- */ /* -------------------- 03 조루 센터 ------------------------- */ /*조루자가테스트*/ .jorutit_box { display:inline-block; background:url(/img/01_highman/t_bg2.gif); width:100%;border-radius:25px; height:50px; font-size:1.4em; color:#fff; text-align:center; font-weight:700; padding-top:13px; margin-bottom:20px;box-sizing:border-box;} #self_test{position: relative;} #self_test .top_contit{background:url(/img/04_joru/test_bg_01.gif); color:#5a4e44; text-align:center; padding:25px;box-sizing:border-box; font-size:1.1em;font-weight:700;} #self_test .q_box {background:#766759; width:100%; padding:20px; box-sizing:border-box;margin:0 } #self_test .q_box:after { content:""; display:block; height:0; clear:both; float:none;} #self_test .q_box ul {width:100%;} #self_test .q_box ul li{ padding:0px 0 10px 0px; width:100%;color:#f7d756; font-size:1.1em; font-weight:700; line-height:160%; clear:both;} #self_test .q_box ul ul {padding:5px 0 60px 10px; width:100%;} #self_test .q_box ul ul li {padding:0px;color:#fff; float:left; width:33.3%; font-size:0.8em; font-weight:normal; clear:none; line-height:160%;} #self_test .btn_box {background:#5a4e44; padding:30px 0 ; width:100%; text-align:center } #self_test .joru_step {background:#766759 url(/img/04_joru/joru_step.jpg) no-repeat center; width:100%; height:145px;} #self_test .balgi_step {background:#766759 url(/img/04_joru/balgi_step.jpg) no-repeat center; width:100%; height:145px;} #self_test .result {background:#5a4e44; width:100%; padding:30px 30px 0 30px ;box-sizing:border-box; } #self_test .result:after { content:""; display:block; height:0; clear:both; float:none;} #self_test .result_tt {background:url(/img/04_joru/icon_01.jpg) no-repeat top center; background-size:60px 60px; padding:70px 0 30px 0;text-align:center;font-size:1.4em; font-weight:700;color:#ffde56;box-sizing:border-box; } #self_test .result_form {position: relative;width:100%;text-align:center;font-size:1.2em; font-weight:700;color:#fff; line-height:250%; border-bottom:1px dotted #fff; padding:0 0 20px 0;} #self_test .result_form:after { content:""; display:block; height:0; clear:both; float:none;} #self_test input {text-align:center;font-size:1.1em; font-weight:700;color:#fe5300; border:0;} #self_test .btn_replay {margin:auto;background:#f4c710; color:#000; text-align:center; padding:10px 20px; font-size:1em;font-weight:bold; text-decoration:none !important;box-sizing:border-box; } /* -------------------- // 03 조루 센터 ------------------------- */ /* -------------------- 05 발기부전 센터 ------------------------- */ .con_s_box {position: relative; border-bottom:1px dotted #ccc; padding:0 0 40px 0; margin-bottom:40px;} .con_s_box:after { content:""; display:block; height:0; clear:both; float:none;} .con_s_title {position: relative;float:left; width:16.42%; height:115px; padding:45px 0 0 0;box-sizing:border-box; background:#dc5513 url(/img/common/bar.gif) no-repeat center 40px; text-align:center ; display:table-cell; vertical-align:middle; font-size:1.2em; color:#fff; font-weight:700 } .con_s_title2 {position: relative;float:left; width:16.42%; height:115px; padding:35px 0 0 0;box-sizing:border-box; background:#dc5513 url(/img/common/bar.gif) no-repeat center 30px; text-align:center ; display:table-cell; vertical-align:middle; font-size:1.2em; color:#fff; font-weight:700 } .con_ss_box {position: relative;float:right; width:80%;} .con_ss_box:after { content:""; display:block; height:0; clear:both; float:none;} video { width: 100%; height: auto; } /* -------------------- // 05 발기부전 센터 ------------------------- */ /* -------------------- 06 정관/포경/기타 센터 ------------------------- */ /* -------------------- //06 정관/포경/기타 센터 ------------------------- */ /* -------------------- 07 성클리닉 센터 ------------------------- */ /*전립선 질환*/ #jun {clear:both; width:100%; margin-bottom:30px; position: relative;} #jun:after { content:""; display:block; height:0; clear:both; float:none;} #jun .iconcon_box_01 {width:50%; float:left; border-right:1px dotted #484848; border-bottom:1px dotted #484848; box-sizing:border-box; background:url(/img/07_clinic/01_img_02.jpg) no-repeat 20px 25px; padding:20px 20px 20px 130px; } #jun .iconcon_box_02 {width:50%; float:right; border-bottom:1px dotted #484848; box-sizing:border-box; background:url(/img/07_clinic/01_img_03.jpg) no-repeat 20px 25px; padding:20px 20px 20px 130px; } #jun .iconcon_box_03 {width:50%; float:left; border-right:1px dotted #484848; box-sizing:border-box; background:url(/img/07_clinic/01_img_04.jpg) no-repeat 20px 25px; padding:20px 20px 20px 130px; } #jun .iconcon_box_04 {width:50%; float:right; box-sizing:border-box; background:url(/img/07_clinic/01_img_05.jpg) no-repeat 20px 25px; padding:20px 20px 20px 130px; } #icon_cross {clear:both; width:100%; margin-bottom:30px; position: relative;} #icon_cross:after { content:""; display:block; height:0; clear:both; float:none;} #icon_cross table { border-collapse:collapse; width:100%;} #icon_cross table tr { border-bottom:1px dotted #484848; } #icon_cross table tr.trb { border-bottom:0px dotted #484848; } #icon_cross table tr:last-child { border-bottom:0px dotted #484848; } #icon_cross table td {width:50%; border-right:1px dotted #484848; vertical-align:top; padding:2%;} #icon_cross table td.tdrigth {width:50%; border-right:0px dotted #484848; vertical-align:top; padding:2%;} #icon_cross table td:last-child {width:50%; border-right:0px dotted #484848; } #icon_cross dl {position: relative;width:100%; box-sizing:border-box; } #icon_cross dt {width:26.57%; float:left;} #icon_cross dt img{width:100%; } #icon_cross dd {width:68%; float:right; } #icon_cross dd:after { content:""; display:block; height:0; clear:both; float:none;} #img_check {position: relative; background:url(/img/07_clinic/02_img_03.jpg) no-repeat; width:100%; height:360px; margin-bottom:30px; } #img_check:after { content:""; display:block; height:0; clear:both; float:none;} #img_check .tt{position: relative; clear:both;font-family:'NanumMyeongjoWeb';font-size:1.9em; color:#333;width:58%; float:right;margin:45px 20px 0 0;} #img_check ul{position: relative; width:58%; float:right; margin:15px 20px 0 0 ;} #img_check ul li {padding:4px 8px 4px 15px; margin:0; background:url(/img/common/bul_check3.png) no-repeat 0 5px; font-weight:normal; color:#333; font-size:0.95em; line-height:130%;} .wedding {position: relative; width:100%; background:url(/img/07_clinic/06_img_01.jpg) no-repeat; padding:40px 30px 40px 300px; height:auto; box-sizing:border-box; color:#ababab; } .wedding:after { content:""; display:block; height:0; clear:both; float:none;} /* -------------------- // 07 성클리닉 센터 ------------------------- */ /* -------------------- 08 체형비반 센터 ------------------------- */ .top_big {color:#54391f; font-size:1.4em; font-weight:700; text-align:center; margin-bottom:30px } /* -------------------- // 08 체형비반 센터 ------------------------- */ /* -------------------- 09 피부모발 센터 ------------------------- */ #mobal ul {position: relative;width:100%; margin-top:20px !important;} #mobal ul li{position: relative;border:1px solid #aea59d;padding:0;width:30%;height:290px; float:left; margin:0 1.4% 20px 1.4%; box-sizing:border-box; background:#aea59d;color:#fff;} #mobal ul li:after { content:""; display:block; height:0; clear:both; float:none;} #mobal ul li.uh{position: relative;border:1px solid #aea59d;padding:0;width:30%;height:210px; float:left; margin:0 1.4% 20px 1.4%; box-sizing:border-box; background:#aea59d;color:#fff;} #mobal ul li.skin{position: relative;border:1px solid #aea59d;padding:0;width:30%;height:195px; float:left; margin:0 1.4% 20px 1.4%; box-sizing:border-box; background:#aea59d;color:#fff;} #mobal ul li.hauto{position: relative;border:1px solid #aea59d;padding:0;width:30%;height:auto; float:left; margin:0 1.4% 20px 1.4%; box-sizing:border-box; background:#aea59d;color:#fff;} #mobal ul li.box02{position: relative;border:1px solid #aea59d;padding:0;width:46%;height:auto; float:left; margin:0 1.4% 20px 1.4%; box-sizing:border-box; background:#aea59d;color:#fff;} #mobal ul li div.photo {position: relative;} #mobal ul li div.photo img {width:100%;} #mobal ul li div.tit {font-weight:700; font-size:1.1em; padding:15px 15px 0 15px; box-sizing:border-box; } #mobal ul li div.tit_c {font-weight:700; font-size:1.1em; padding:12px 15px 0 15px; box-sizing:border-box; text-align:center } #mobal ul li div.tit2 {font-weight:700; font-size:1.1em; padding:12px 15px 10px 15px; box-sizing:border-box; text-align:center } #mobal ul li div.tit3 {height:100px;font-weight:700; font-size:1.05em; padding:12px 15px 10px 15px; box-sizing:border-box; text-align:center } #mobal ul li div.tit3 span{ background:#766759 ; box-sizing:border-box; text-align:center; color:#fff; border-radius:15px; clear:both; display:block; margin:0 auto 5px auto; width:80px;} #mobal ul li div.tit4 {height:auto;font-weight:700; font-size:1.05em; padding:12px 12px 10px 12px; box-sizing:border-box; text-align:center } #mobal ul li div.tit4 span{ background:#766759 ; box-sizing:border-box; text-align:center; color:#fff; border-radius:15px; clear:both; display:block; margin:0 auto 5px auto; width:80px;} #mobal ul li div.tit4_1 {height:99px;font-weight:700; font-size:1.05em; padding:12px 12px 10px 12px; box-sizing:border-box; text-align:center } #mobal ul li div.tit4_1 span{ background:#766759 ; box-sizing:border-box; text-align:center; color:#fff; border-radius:15px; clear:both; display:block; margin:0 auto 5px auto; width:80px;} #mobal ul li div.ttex { padding:5px 15px 0 15px;} #chuchun ul {position: relative;width:100%; } #chuchun ul li.skin{border-bottom:1px dotted #ddd; padding:0;} #chuchun ul li{border-bottom:1px dotted #ddd; padding:20px 0;} #chuchun ul li:after { content:""; display:block; height:0; clear:both; float:none;} #chuchun ul div.photo{float:left;width:24.14%; } #chuchun ul div.tbox{float:right;width:70%; padding:18px 0 0 0; display:inline-block} #chuchun ul div.tbox2{float:right;width:70%; padding:0 0 0 0; display:inline-block} #chuchun ul div.tit{font-weight:700; font-size:1.2em;color:#000; margin-bottom:10px; } #img_list ul {position: relative;width:100%; } #img_list ul li{border-bottom:1px dotted #ddd;padding:20px 0;} #img_list ul li:after { content:""; display:block; height:0; clear:both; float:none;} #img_list ul div.photo{float:left;width:32.14%; } #img_list ul div.tbox{float:right;width:65%; padding:5px 0 0 0; display:inline-block} #img_list ul div.tit{font-weight:700; font-size:1.2em;color:#000; margin-bottom:4px; } #img_list2 ul {position: relative;width:100%; } #img_list2 ul li{border-bottom:1px dotted #ddd;padding:20px 0;} #img_list2 ul li:after { content:""; display:block; height:0; clear:both; float:none;} #img_list2 ul div.photo{float:left;width:39.28%; } #img_list2 ul div.tbox{float:right;width:58%; padding:5px 0 0 0; display:inline-block} #img_list2 ul div.tit{font-weight:700; font-size:1.2em;color:#000; margin-bottom:4px; } .sagak_box {position: relative;background:#948980; padding:25px 25px 25px 40px; width:100%; box-sizing:border-box;} .sagak_box:after { content:""; display:block; height:0; clear:both; float:none;} #need {position: relative; background:#fbe19a url(/img/09_skin/0303_img_02.jpg) no-repeat; width:100%; height:360px; margin-bottom:30px; } #need .tt{font-family:'NanumMyeongjoWeb';font-size:1.9em; color:#333;width:65%; float:right;margin-top:50px} #need ul{width:65%; float:right; margin:15px 0 0 0;} #need ul li {padding:4px 8px 4px 15px; margin:0; background:url(/img/common/bul_check2.gif) no-repeat 0 5px; font-weight:normal; color:#333; line-height:130%;} /* 스컬트전후사진 */ #be_photo_02 {position: relative; } #be_photo_02:after { content:""; display:block; height:0; clear:both; float:none;} #be_photo_02 ul {position: relative; } #be_photo_02 ul li{position: relative; float:left; width:30.8%; margin:0 1% 0 1% ;} #be_photo_02 ul li:after { content:""; display:block; height:0; clear:both; float:none;} #be_photo_02 ul li div.before{ width:100%; height:206px; overflow:hidden; border-bottom:1px solid #fff; box-sizing:border-box;} #be_photo_02 ul li div.before img { width:100%;} #be_photo_02 ul li div.after{ width:100%; height:206px; overflow:hidden; border-bottom:1px solid #fff; box-sizing:border-box;} #be_photo_02 ul li div.after img { width:100%; } #be_photo_02 ul li div.arrow {position: absolute; top:175px; left:40%; } #be_photo_02 ul li div.btitle {position: absolute;top:0; left:0;font-size:1em; width:100%; background:#b29c87; text-align:center; padding:5px 0; height:35px; color:#fff;box-sizing:border-box;} #be_photo_02 ul li div.atitle {position: absolute;bottom:0; left:0;font-size:1em; width:100%; background:#ff6708; text-align:center; padding:5px 0; height:35px; color:#fff;box-sizing:border-box;} /* 자가지방 */ .dg_box{background:#87878e; width:100%;position: relative;} .dg_box:after { content:""; display:block; height:0; clear:both; float:none;} /*여드름치료*/ .gray_bg_box {background:url(/img/09_skin/0101_img_bg.gif); padding:30px; width:100%; box-sizing:border-box } table.care { color:#666; border-collapse:collapse; width:100%; border:1px solid #cfcfcf;box-sizing:border-box} table.care td {padding:15px 10px 15px 10px; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; vertical-align:top; width:50%;box-sizing:border-box } table.care td.one {border-bottom: 1px solid #cfcfcf; vertical-align: middle; width:100%; box-sizing:border-box } table.care div.l_photo {float:left; width:32.8%; text-align:center} table.care div.r_texbox {float:right; width:67%; padding:3px;box-sizing:border-box} table.care div.l_photo2 {float:left; width:23%;text-align:center } table.care div.r_texbox2 {float:right; width:73%; padding:10px;box-sizing:border-box} table.care div.l_photo3 {float:left; width:27.71%;text-align:center } table.care div.r_texbox3 {float:right; width:68%; padding:10px;box-sizing:border-box} table.care dt{font-weight:700; font-size:1.05em; color:#000; margin:0 0 10px 0} table.care ul {} table.care ul li {font-weight:700;color:#000} table.care ul li ul li {font-weight:normal;color:#666;padding:2px 8px 4px 6px; margin:0; background:url(/img/common/bul_03.png) no-repeat 0 10px; font-size:0.95em; line-height:130%;} .q_box {padding:11px 8px 25px 19px; margin:0 0 8px 0; background:url(/img/09_skin/0204_img_05.jpg) no-repeat 0 0; font-size:1.1em;font-weight:700;color:#fff; } .q_box span {font-size:1.2em;font-weight:700;color:#f4c710; } /*두피자가진단*/ .self_test_mobal {position: relative; background:url(/img/09_skin/0603_img_01.jpg) no-repeat bottom; width:100%; padding:50px 30px 40px 30px;box-sizing:border-box } .self_test_mobal2 {position: relative; background:url(/img/09_skin/0603_img_02.jpg) no-repeat bottom; width:100%; padding:50px 30px 40px 30px;box-sizing:border-box } .self_test_title {font-family:'NanumMyeongjoWeb';font-size:2em; color:#ef6000; margin-bottom:30px; } #be_photo_03 {position: relative; } #be_photo_03:after { content:""; display:block; height:0; clear:both; float:none;} #be_photo_03 .before{ float:left; width:48.57%; overflow:hidden; border-bottom:1px solid #fff; box-sizing:border-box;} #be_photo_03 .before img { width:100%;} #be_photo_03 .after{ float:right; width:48.57%;overflow:hidden; border-bottom:1px solid #fff; box-sizing:border-box;} #be_photo_03 .after img { width:100%; } #be_photo_03 .arrow {position: absolute; top:70px; left:46%; } #be_photo_03 .btitle { float:left;font-size:1.2em; font-weight:700; width:100%; background:#b29c87; text-align:center; padding:7px 0;color:#fff;box-sizing:border-box;} #be_photo_03 .atitle {float:right;font-size:1.2em; font-weight:700; width:100%; background:#ff6708; text-align:center; padding:7px 0; color:#fff;box-sizing:border-box;} /* -------------------- // 09 피부모발 센터 ------------------------- */ /* -------------------- 회원관리 ------------------------- */ /*로그인*/ #login {width:440px; margin:auto;} #login .login_box {position:relative; border-top:1px solid #444; border-bottom:1px solid #444; margin:20px 0 30px 0; padding:30px 0; } #login ul.login_info { padding:0; margin:0; } #login ul.login_info li {font-weight:bold; margin:3px 0;} #login ul.login_info li span {width:90px; display:inline-block;} #login .btn_login {position:absolute; right:0; top:33px; vertical-align:middle; display:inline-block; background:#766759; text-decoration:none !important; color:#fff !important; font-size:15px; font-weight:bold; padding:10px 0; text-align:center; width:90px; height:83px; line-height:64px;} #login ul.btn_area {margin:0; overflow:hidden; width:500px;} #login ul.btn_area li {float:left;} #login .input01 {border:1px solid #ddd; width:230px; height:34px; padding:2px 5px; color:#666; font-weight:normal; } dl.con_tit {padding:0; margin:0; text-align:center;} dl.con_tit dt { color:#333; font-size:1.8em; font-weight:700 } dl.con_tit dd { color:#666; font-size:1.1em; margin:15px 0 35px 0;} .txt_p {color:#11adce;} /*회원가입*/ .join_tab{position:relative; margin:15px 0 20px 0;width:100%;} .join_tab:after { content:""; display:block; height:0; clear:both; } .join_tab li{width:33%;float:left; text-align:center;display:block;margin-right:1px; height:50px; padding:12px 0;box-sizing:border-box;color:#766759; font-weight:bold; line-height:15px; background:#d5d5d5; background:url(/img/common/tab02_bg_off.gif) repeat-x;} .join_tab li.on{color:#fff; text-decoration:none; background:url(/img/common/tab02_bg_on.gif) no-repeat top center;} .join_tt {position:relative; text-align:center; font-weight:700; font-size:1.4em; margin:15px 0 15px 0;} .join_tts {position:relative; text-align:center; font-weight:700;margin:15px 0 10px 0;} .red { color:#d74903; font-weight:700;} .join_ok_box {border:3px solid #f4c710; padding:40px; width:60%; margin:auto;text-align:center;} .join_ok_box .tt_ok{ color:#000; font-weight:700; font-size:1.4em; margin-bottom:20px;} /* 아이디비번찾기*/ .id_find {position:relative; border:1px solid #ddd; width:100%;box-sizing:border-box; padding:30px; margin-top:30px;} .id_find:after { content:""; display:block; height:0; clear:both; } .id_find .tt_find{ border-bottom:1px dotted #ddd; margin-bottom:20px;} .id_find .btn_find { position:relative; display:inline-block; background:url(/img/mypage/find_btn_bg.gif) no-repeat; text-decoration:none !important; color:#fff !important; font-size:1em; font-weight:bold; padding:5px 0; text-align:center; width:100px; height:100px; line-height:90px;} .id_find .input02 {border:1px solid #ddd; padding:8px 10px; color:#666; font-weight:normal; } .id_find .find_form {width:70%; float:left; padding:0 0 0 20px;} .id_find .btn_box {width:25%; float:right;} #content_text table.t_find { color:#666; border-collapse:collapse; width:100%; margin:0; border:0; text-indent:0; font-weight:normal;} #content_text table.t_find td {padding:0; vertical-align: middle; } #content_text table.t_find tr th{text-align:left; } /* -------------------- //회원관리 ------------------------- */ @media (max-width:1010px) { /*콘텐츠 이미지 모바일일때 100%로 ~~*/ .con_img {width:100%;} } @media (max-width:840px){ .btn_yellow3 {background:#f3c811; display: block; padding:10px 0; width: 45%; float: left; margin:5px 5px; text-align:center; text-decoration: none !important; color:#000 !important; font-weight:700;} .pb_100{margin-bottom: 130px;} } @media (max-width:740px) { .btn_g100 {background:#999; display:inline-block; padding:8px 0; width:50px; text-align:center; font-size:1em; text-decoration:none !important; color:#fff !important; font-weight:700; } #content_text h1 { padding:0px 0 10px 25px; margin:0 0 5px 0px; background-size:23px 23px; font-size:1.15em;} #content_text h2 { padding:0px 0 0 16px; margin:1px 0 10px 0px; background:url(/img/common/h2.png) no-repeat 0px 4px; background-size:15px 15px; font-size:1.02em;} #content_text ul.polygon li {margin-bottom:15px; line-height:190%; color:#766759;font-size:1.1em;font-weight:700; } #content_text ul.polygon li span.num{background-size:30px 30px; padding:5px 10px 35px 5px; font-size:1.2em; font-weight:700;color:#f4c710;} #content_text ul.polygon ul {padding: 3px 0 ; list-style:none;} #content_text ul.polygon ul li {padding:2px 8px 4px 20px; margin:0; font-size:0.9em; font-weight:normal; line-height:160%;color:#666;} #content_text ul.circle li {line-height:160%;font-size:1.1em;} #content_text ul.circle li span.num{background:url(/img/common/ol_circle_bg.gif) no-repeat 0 0; background-size:22px 22px; padding:2px 10px 5px 7px; font-size:0.9em;} .ctl_01 {float:none; width:100%; display:inline-block;} .ctr_01 {float:none; width:100%; } /* 인플란트봉 삽입술 */ .ctl_02 {float:none; width:100%; } .ctr_02 {float:none; width:100%; margin-top:10px;} /* 인공 고환 삽입술 */ .ctl_03 {float:none; width:100%; } .ctr_03 {float:none; width:100%;margin-top:10px;} .ctl_04 {float:none; width:100%; } .ctr_04 {float:none; width:100%; margin-top:5px; } .ctl_05 {width:25%; } .ctr_05 {width:70%; color:#fff; padding:0 0 0 0;font-weight:normal; font-size:0.95em; line-height:170%;} /* 자가지방 */ .ctl_06 {float:none; width:100%; } .ctr_06 {float:none; width:100%; padding:3%; } .ctl_08 {float:none;width:100%;} .ctl_08 img {width:80%;} .ctr_08 {float:none; width:50%;padding-top:20px; margin:auto} /* ------------------------ 공통 ------------------------------ */ /* 일반페이지 타이틀 */ .con_title{font-size:1.5em;color:#000; margin-bottom:10px; line-height:130%;} .con_stitle{font-size:1.05em;color:#666;text-align:center} .con_top_box {margin-bottom:20px;} .con_title2{font-size:1.4em;margin-bottom:10px; line-height:130%;} .con_title3{font-size:1.3em; margin-bottom:10px; line-height:130%;} /* 폰트 */ .txt_12{font-size:1.03em;line-height:160%;} .txt_10{font-size:1.01em;} .bx-wrapper .bx-caption span {font-size:0.85em;} /*콘텐츠 박스*/ .con_box_01{ padding:15px;} .con_box_02{padding:15px; } .glay_box {padding:15px;} .con_box_half_01{padding:25px;} .con_box_half_02{padding:15px;} /*콘텐츠 이미지 모바일일때 100%로 ~~*/ .con_img {width:100%;} /* 테이블 */ #content_text table.t1 td {padding:7px; } /* 게시판 타이틀 */ .board_title {font-size:1.2em; margin-bottom:20px; } /* 주의사항 */ #rules {padding:15px; } #rules dt{ padding:6px 0 10px 40px; margin:0 0 10px 0px; background-size:35px 35px; font-size:1.5em;letter-spacing:-1px; } #rules dd ul {position: relative; margin:0 0 0 10px} #rules dd ul li {padding:0px 0px 5px 22px; margin:0; background:url(/img/common/bul_check.png) no-repeat 0 5px; line-height:150%; } /* 하단 전화 예약 */ #call_reservation .left_box {padding:15px; width:100%; float:none; } #call_reservation .title{position:absolute;top:15px; left:15px; padding:5px 0 45px 35px; margin:0; background:url(/img/common/call_reser_01.png) no-repeat 0 0px; background-size:30px; font-size:1.2em;} #call_reservation ul.call_form {width:100%; position: relative; padding:45px 0 5px 0; box-sizing:border-box; border-bottom:1px solid #d5cec2; } #call_reservation ul.call_form:after { content:""; display:block; height:0; clear:both; float:none;} #call_reservation ul.call_form li{float:none; width:100%; height:35px;} #call_reservation ul.call_form li span { font-weight:700;float: left; width:25%;} #call_reservation .call_input {background:#e0d8bc; border:1px solid #b9af92; padding:5px} #call_reservation .inwidth {width:120px;} #call_reservation .agree {margin:10px 0 0 0; width:100%; display:block;float:none; text-align:center} #call_reservation .btn_y {display:inline-block; padding:6px 25px;font-size:1em } #call_reservation .right_box {background:#f4c710; width:100%; float:none; box-sizing:border-box; } #call_reservation .right_box ul {height:auto; } #call_reservation .right_box ul li{float:left; background:#f4c710; width:25%; height:90px; padding:15px 0;} #call_reservation .right_box ul li img{ width:30px;} #call_reservation .right_box ul li.y02{background:#efba0b; } #call_reservation .right_box ul li.y03{background:#f4c710; } #call_reservation .right_box ul li.y04{background:#efba0b; } #jun_check {padding:15px 15px 15px 15px; margin-bottom:30px; } #jun_check .img_left {width:100%; margin:auto;float:none; font-size:1.3em; padding:0 0 0 0 } #jun_check .img_left img {width:30%; margin-bottom:10px } #jun_check .list_right {width:100%; float:none;} #jun_check ul{position: relative; width:100%; margin:15px 0 0 0 ;} #jun_check ul li {padding:4px 8px 8px 15px; margin:0; background:url(/img/common/bul_check4.png) no-repeat 0 5px; font-weight:normal; line-height:130%;} .img_con_box .left_img{float:none; width:50%; margin:auto } .img_con_box .right_txt{float:none; width:100%; margin-top:10px;} .img_con_box2 .left_img{float:none; width:40%; margin:auto} .img_con_box2 .right_txt{float:none; width:100%;margin-top:10px; } .img_con_box3 .left_img{float:none; width:40%; margin:auto} .img_con_box3 .right_txt{float:none; width:100%;margin-top:10px; } .img_con_box4 .left_img{float:none; width:40%; margin:auto} .img_con_box4 .right_txt{float:none; width:100%;margin-top:10px; } .img_con_box5 .left_img{float:none; width:40%; margin:auto} .img_con_box5 .right_txt{float:none; width:100%;margin-top:10px; } .img_con_box6 .left_img{float:none; width:60%; margin:auto} .img_con_box6 .right_txt{float:none; width:100%;margin-top:10px; } .img_con_box8 .left_img{display:none } .img_con_box8 .left_img img{ width:100%; } .img_con_box8 .right_txt{float:none; width:100%; box-sizing:border-box; } .img_con_box9 .left_img{float:none; width:50%; margin:auto } .img_con_box9 .left_img img{ width:100%; } .img_con_box9 .right_txt{float:none; width:100%;margin-top:10px; } .h_150 {height:auto;} /* ------------------------ // 공통 ------------------------------ */ /* ------------------------텝 ------------------------------ */ .hp_tab li{width:33%;font-size:0.9em; } .hp_tab li a{ padding:10px 5px;font-weight:normal; line-height:15px;} .h_tab li{width:33%;font-size:0.9em; } .h_tab li a{ padding:10px 5px;font-weight:normal; line-height:15px;} .faq_tab li{width:50%;font-size:0.9em; } .faq_tab li a{ padding:10px 5px;font-weight:normal; line-height:15px;} .event_tab li{width:33%;font-size:0.9em; } .event_tab li a{ padding:10px 5px;font-weight:normal; line-height:15px;} .member_tab{margin:15px 0 15px 0;width:100%;} .member_tab li{width:50%;float:left;font-size:0.9em; } .member_tab li a{display:block;margin:1%; padding:10px 5px;} .tab_3 li{width:50%;font-size:0.8em; } .tab_3 li a{ padding:10px 3px;font-weight:normal; line-height:15px;} .tab_4 li{width:50%;font-size:0.8em; } .tab_4 li a{ padding:10px 3px;font-weight:normal; line-height:15px;} .tab_5 li{width:33%;font-size:0.9em; } .tab_5 li a{ padding:10px 5px;font-weight:normal; line-height:15px;} /* ------------------------ // 텝 ------------------------------ */ .btn_pd {margin-top:15px} .btn_yellow {padding:8px 0; width:80%;} /* 하이맨소개 */ #highman .awards{background:url(/img/01_highman/01_bg.png) no-repeat; width:100%; padding:20px; } #highman .awards img {width:100%; } #highman .top_img {margin: 0 0 20px 0} #highman .bottom_img {margin:20px 0 0 0} #highman .awards_tt01 {font-size:1.1em; margin-bottom:5px;} #highman .awards_tt02 { font-size:1.3em; } #highman ul.high li{border-bottom:1px dotted #ddd;padding:20px 0;} #highman ul.high div.photo{float:left;width:30%; } #highman ul.high div.photo img {width:100%; } #highman ul.high div.tbox{width:65%; padding:0 0 0 0; } #highman ul.high div.tbox img {width:100%; } #highman ul.high div.tit{ font-size:1.1em; margin-bottom:5px; } #highman ul.tab_m { margin-top:40px; width: 100%;} #highman ul.tab_m li {padding:8px 0px 8px 0px; width:49.5%; margin-bottom:1px; height:27px; font-weight:normal; } #highman ul.tab_m li:last-child {margin-right:0; } #highman ul.tab_m li.tab_on {color:#000; background:#f4c710; } #highman ul.tab_m li.tab_on a {color:#000; } #highman .img_box { margin-top:30px;} #highman .img_box img {width:100%;} #highman ul.jangbi li{ width:47%;height:200px; margin:0 1.4% 20px 1.4%; } #highman ul.jangbi li div.tbox {margin:10px; } #highman ul.jangbi li div.tit {font-size:1em;color:#000; } #highman ul.jangbi li div.ttex { margin-bottom:8px;} .highman ul.cilist li {margin:20px 0 15px 0; line-height:160%; color:#555; font-size:1.0em; } .highman ul.cilist ul {padding:3px 0 ; list-style:none;} .highman ul.cilist ul li {padding:2px 8px 4px 20px; margin:0; font-size:0.9em; font-weight:normal; line-height:160%; color:#666;} /*의료진안내*/ #doctor ul.dbox li {width:100%; float:none; clear:both; margin-bottom:20px} #doctor ul.dbox li img{width:100%;} #doctor ul.dbox li.d_right {float:none;} #doctor ul.dbox li div.limotto{ top:25px; left:15px; width:47%; font-size:1em; line-height:140%; } #doctor ul.dbox li div.d_photo{width:100%;} #doctor ul.dbox li div.d_name{width:100%; height:40px;color:#fff; font-size:0.9em; padding:10px 0 0 10px;} #d_view .d_viewbox { height:220px; padding:15px;} #d_view .view_name{font-size:1.1em; } #d_view .motto{float:none; width:100%; font-family:'NanumMyeongjoWeb'; font-size:1.4em; line-height:140%; margin-bottom:5px; } #d_view .motto_right{float:none; width:100%; } #d_view .d_viewbox ul.d_info{ padding-left:5px;} #d_view .d_viewbox ul.d_info li{padding:2px 8px 4px 5px; margin:0; background:url(/img/common/bu_01.gif) no-repeat 0px 10px; font-size:1em; line-height:130%; color:#fff} #hosital .title_box {padding:10px 0 20px 0; text-align:left; font-size:1.2em;} #hosital .h-info {border-bottom:1px solid #ddd; padding-bottom:20px} #hosital .h_tel {width:100%; float:none;background:url(/img/01_highman/icno_phone.gif) no-repeat 10px 0;background-size:30px 30px; padding-left:45px; } #hosital .h_time {width:100%; float:none;background:url(/img/01_highman/icno_time.gif) no-repeat 10px 0;background-size:30px 30px;padding-left:45px; } #hosital .h-info dt{ font-size:1.1em;margin-bottom:3px;} #hosital .h-info dd.phonenum{font-size:1.3em; margin-bottom:10px;} #hosital .banner_left, #hosital .banner_right { width:100%; float:none; clear:both; height:auto; margin-bottom:10px; } #hosital .banner_left ul li, #hosital .banner_right ul li { height:auto; } #h_map {position: relative;width:100%;} #h_map .img_map {width:100%;float:none; margin-bottom:10px; } #h_map .api_map {width:100%;float:none; } #h_map .c_txt{width:100%; padding-left:10px; } /* 음경확대 */ .bigtxt {font-size:1.4em; text-align:left;} .color_box {position: relative; width:100%; color:#fff;display:block;clear:both; line-height:150%;} .color_box dd.li_01 {width:100%; float:none; border-right:0px solid #fff; border-bottom:1px solid #fff;padding:15px;} .color_box dd.li_02 {width:100%; float:none; border-right:0px solid #fff; border-bottom:1px solid #fff;padding:15px;} .color_box dd.li_03 {width:100%; float:none; background:#846556;padding:15px;} .con_s_box { padding:0 0 20px 0; margin-bottom:20px;} .con_s_title {;float:none; width:100%; display:block; height:auto; padding:15px 0 7px 10px; background:#dc5513 url(/img/common/bar.gif) no-repeat 10px 10px; text-align:left ;font-size:1em; } .con_s_title2 {float:none; width:100%; display:block;height:auto; padding:15px 0 7px 10px; background:#dc5513 url(/img/common/bar.gif) no-repeat 10px 10px; text-align:left ; font-size:1em; } .con_ss_box {float:none; width:100%; margin-top:10px;} /* 테이블 */ #content_text table.timg td {padding:15px;} #content_text table.timg td img {width:100%; } #content_text table.timg td.img3 {padding:10px;} #content_text table.timg td.img3 img {width:100%;} #content_text table.timg tr th{ font-size:0.9em; font-weight:normal; } ul.conimg_list li { width:48%; margin-right:1.8%; margin-bottom:1.8%; } ul.conimg_list li.one {width:48%; margin-right:1.8%; box-sizing:border-box; background:#aea59d; } ul.conimg_list li:last-child {margin-right:0; } ul.conimg_list li div.photo {height:80px; } ul.conimg_list li div.title {font-weight:normal; font-size:1em; padding:5px 0; } /* 남성확대*/ .tt_box {border-radius:20px; height:100px; font-size:1em; font-weight:700; padding:8px 15px; margin-bottom:20px;line-height:160%;} .tt_box span.tplus{background:url(/img/03_expand/plus_bg.png) no-repeat 4px 8px; background-size:20px 20px; } .tt_box2 { border-radius:40px; height:auto; font-size:1em; font-weight:700; padding:8px 15px; margin-bottom:10px;} .tt_box2 span.tplus{background:url(/img/03_expand/plus_bg.png) no-repeat 4px 8px; background-size:20px 20px;} .con_tt_01 {font-size:1em;line-height:160%;} .con_tt_01 span {font-size:1.1em;} #content_text ul.circle2 li { margin-bottom:0px; line-height:160%; color:#222; font-size:1.0em; font-weight:600; } #content_text ul.circle2 li:last-child{ margin-bottom:0; } #content_text ul.circle2 li span.num{background:url(/img/common/ol_circle_bg1.jpg) no-repeat 0 0; padding:3px 10px 8px 7px; font-size:0.9em; font-weight:700; color:#fff;} #content_text ul.circle2 ul {padding: 3px 0 ; list-style:none;} #content_text ul.circle2 ul li {padding:2px 5px 6px 0; margin:0; font-size:0.9em; font-weight:normal; line-height:160%;color:#666;} /*체험평점안내*/ .average_box { border-radius:50px; height:auto; font-size:1em; color:#ffdfc4; text-align:center; font-weight:700; padding:10px 10px; margin-bottom:20px;box-sizing:border-box;} .average_box span{font-size:1.2em; color:#fff;} #kakao {padding-bottom:10px;} #kakao .tittex{font-size:0.9em; width:80%; line-height:150%; } #kakao ul {width:100%;} #kakao ul li{width:45%; float:left; margin-left:3.45%; margin-bottom:10px; padding:8px 5px;} #kakao ul li div.h_mame { font-size:1em; font-weight:700; margin-bottom:5px;} #kakao ul li div.h_mame span{ color:#fe5300;} #kakao ul li div.idnum {padding:4px; width:90%;font-size:0.8em; } /*조루자가테스트*/ .jorutit_box { border-radius:50px; height:auto; font-size:1em; color:#fff; padding:10px 10px;} #self_test .top_contit{padding:12px; font-size:0.9em; font-weight:700;} #self_test .q_box { border-radius:0;} #self_test .q_box ul li{font-size:0.9em; font-weight:700; line-height:160%; clear:both;} #self_test .q_box ul ul {padding:5px 0 10px 10px; width:100%;} #self_test .q_box ul ul li {color:#fff; float:none; width:100%; font-size:0.9em; font-weight:normal; line-height:170%;} #self_test .joru_step {background:#766759 url(/img/04_joru/joru_step_m.jpg) no-repeat center; background-size: 250px; height:160px;} #self_test .balgi_step {background:#766759 url(/img/04_joru/balgi_step_m.jpg) no-repeat center; background-size: 250px; height:165px;} #self_test .result { padding:15px 15px 0 15px; } #self_test .result_tt {background-size:50px 50px; padding:60px 0 10px 0;font-size:1.1em; font-weight:700; } #self_test .result_form {font-size:1em; line-height:250%; border-bottom:1px dotted #fff; padding:0 0 15px 0; } #self_test input {text-align:center;font-size:1.1em; font-weight:700;color:#fe5300; border:0;} /* -------------------- 06 무도정관 센터 ------------------------- */ .graph01_w {width:100%; border:1px solid #ddd; padding:40px 20px 20px 20px; box-sizing:border-box; background:#f5f5f5;} .graph01_w .title01 {text-align:center; font-family:'NanumMyeongjoWeb'; font-size:1.5em; padding:15px 0 0px 0; line-height:140%; background:url(/img/06_ect/gr_line.jpg) no-repeat top; } .graph01_w .title02 {text-align:center;font-family:'NanumMyeongjoWeb'; font-size:2.2em; padding:5px 0 25px 0; color:#fe6c00; line-height:140%; background:url(/img/06_ect/gr_one.png) no-repeat bottom;} .graph01_w ul.list li {margin:20px 0 15px 0; line-height:160%; color:#555; font-size:0.9em; } .graph01_w ul.list ul {padding:3px 0 ; list-style:none;} .graph01_w ul.list ul li {padding:2px 8px 4px 20px; margin:0; font-size:0.9em; font-weight:normal; line-height:160%; color:#666;} .graph01_w ul.list span {font-size:0.9em; font-weight:700; } /* -------------------- 07 성클리닉 센터 ------------------------- */ /*전립선 질환*/ #icon_cross table td { padding:3% 2% 3% 2%;} #icon_cross dl {position: relative;width:100%; box-sizing:border-box; } #icon_cross dt {width:100%; float:none; text-align:center} #icon_cross dt img{width:40%; margin-bottom:3px; } #icon_cross dd {width:100%; float:none; } #img_check {background:#f6eef1 url(/img/07_clinic/02_img_03_m.jpg) no-repeat top left; background-size:100%; height:auto;} #img_check .tt{font-size:1.3em; width:60%; float:right;margin:30px 20px 20px 0; text-align:right; } #img_check ul{width:90%; float:none; margin:auto ; padding-bottom:20px} .wedding { background:#1d1a21 url(/img/07_clinic/06_img_01_m.jpg) no-repeat; background-size:100%; padding:10%; height:auto; box-sizing:border-box; color:#ababab; } /* -------------------- // 07 성클리닉 센터 ------------------------- */ /* -------------------- 08 체형비만센터 ------------------------- */ /* -------------------- // 08 체형비만센터 ------------------------- */ /* -------------------- 09 피부모발 센터 ------------------------- */ #mobal ul li{width:47%;height:270px; line-height:140%;} #mobal ul li.uh{width:47%;height:140px;} #mobal ul li.skin{width:47%;height:140px;font-size:0.9em; line-height:130%; } #mobal ul li.hauto{width:140px;width:30.5%;} #mobal ul li div.tit {font-size:1em; padding:10px 10px 0 10px; box-sizing:border-box; } #mobal ul li div.tit_c {font-weight:normal; font-size:1em; padding:8px 12px 0 12px;} #mobal ul li div.tit2 {font-size:0.9em; padding:5px; height:50px} #mobal ul li div.tit3 {height:100px;font-weight:normal; padding:8px 5px 8px 5px; font-size:0.85em; line-height:140%;} #mobal ul li div.tit3 span{ border-radius:15px; margin:0 auto 5px auto; width:50px; font-size:0.8em} #mobal ul li div.tit4 {height:auto;font-weight:normal; font-size:0.85em;padding:8px 5px 8px 5px;line-height:140%; } #mobal ul li div.tit4 span{ border-radius:15px; width:50px; font-size:0.8em} #mobal ul li div.ttex { padding:5px 15px 0 15px;} #be_photo_03 .arrow {position: absolute; top:30px; left:45%; } #be_photo_03 .arrow img {width:50%;} #chuchun ul div.photo{float:left;width:30%; } #chuchun ul div.photo img {width:100%; } #chuchun ul div.tbox{float:right;width:65%; padding:0 0 0 0;} #chuchun ul div.tit{font-weight:700; font-size:1.2em;color:#000; margin-bottom:5px; } .sagak_box { padding:15px 15px 15px 15px; width:100%; box-sizing:border-box;} #need {position: relative; background:#fdde98; background-size:100%; width:100%; height:auto; margin-bottom:30px; padding:0 0 30px; } #need .tt{font-size:1.3em;width:100%; float:none; text-align:center; padding:20px; margin-top:0; box-sizing:border-box;} #need ul{width:90%; float:none; margin:auto; } /* 스컬트전후사진 */ #be_photo_02 ul li{position: relative; float:left; width:30.8%; margin:0 1% 0 1% ;} #be_photo_02 ul li div.before{ width:100%; height:auto;} #be_photo_02 ul li div.after{ width:100%; height:auto; } #be_photo_02 ul li div.arrow {position: absolute; top:45%; left:43%; } #be_photo_02 ul li div.arrow img{width:20px; } #be_photo_02 ul li div.btitle {font-size:0.9em; padding:2px 0; height:auto;} #be_photo_02 ul li div.atitle {font-size:0.9em; padding:2px 0; height:auto; } /*여드름치료*/ .gray_bg_box {background:url(/img/09_skin/0101_img_bg.gif); padding:15px; width:100%; box-sizing:border-box } #img_list ul div.photo{float:none;width:60%; margin:auto } #img_list ul div.tbox{float:none;width:100%; padding:10px 0 0 0; } #img_list ul div.tit{font-size:1.05em} table.care td {padding:10px 5px 0px 5px; } table.care div.l_photo {float:none; width:100%; height:120px; text-align:center} table.care div.l_photo img{height:120px;} table.care div.r_texbox {float:none; width:100%; padding:3px;} table.care div.l_photo2 {float:none; width:100%; height:120px;} table.care div.l_photo2 img{height:120px;} table.care div.r_texbox2 {float:none; width:100%; padding:10px;} table.care dt{font-weight:700; font-size:0.95em; color:#000; margin:0 0 5px 0; line-height:130%;} table.care ul {} table.care ul li {font-weight:700;color:#000} table.care ul li ul li {font-weight:normal;color:#666;padding:2px 8px 4px 6px; margin:0; background:url(/img/common/bul_03.png) no-repeat 0 10px; font-size:0.9em; line-height:130%;} .q_box {padding:10px 25px; width:100%; margin:0 0 8px 0; background:#7f613a; font-size:1.05em; box-sizing:border-box;border-radius:50px;} .q_box span {font-size:1.2em; } /* -------------------- // 09 피부모발 센터 ------------------------- */ /*두피자가진단*/ .self_test_mobal {position: relative; background:#f2eeea; width:100%; padding:20px 10px 10px 10px; } .self_test_mobal2 {position: relative;background:#f2eeea; width:100%; padding:20px 10px 10px 10px; } .self_test_title {font-family:'NanumMyeongjoWeb';font-size:1.3em; color:#ef6000; margin-bottom:20px; } /*로그인*/ #login {width:100%; margin:auto;} #login .login_box {margin:10px 0 30px 0; padding:20px 0; } #login ul.login_info li span {width:20%; } #login .btn_login {font-size:1.2em; top:23px; padding:0; width:70px; height:70px; line-height:50px;} #login ul.btn_area {margin:0; overflow:hidden; width:100%;} #login ul.btn_area li {width:48%; margin-right:1%;float:left;} #login .input01 {border:1px solid #ddd; width:40%; height:30px; padding:2px 5px; color:#666; font-weight:normal; } .btn_gray {width:100%;} dl.con_tit dt { font-size:1.2em; height:200%; } dl.con_tit dd { font-size:1em; margin:15px 0 35px 0;} .txt_p {color:#11adce;} /*회원가입*/ .join_tab li{width:32%;} .join_tt {font-size:1.1em; margin:15px 0 15px 0;} .join_ok_box { padding:25px; width:80%;} .join_ok_box .tt_ok{font-size:1.2em; margin-bottom:20px;} /* 아이디비번찾기*/ .id_find {position:relative; border:1px solid #ddd; width:100%;box-sizing:border-box; padding:15px; margin-top:30px;} .id_find:after { content:""; display:block; height:0; clear:both; } .id_find .tt_find{ border-bottom:1px dotted #ddd; margin-bottom:20px;} .id_find .btn_find { position:relative; display:inline-block; background:#766759; text-decoration:none !important; color:#fff !important; font-size:1em; font-weight:bold; padding:2px 0; margin-top:10px;text-align:center; width:60%; height:30px; line-height:30px;} .id_find .input02 {border:1px solid #ddd; padding:8px 0px; color:#666; font-weight:normal; } .id_find .find_form {width:100%; float:none; padding:0} .id_find .btn_box {width:100%; float:none; text-align:center;} } @media (min-width:741px) { .web {display:block;} .m_mobile {display:none;} } @media(max-width: 740px) { .web {display:none;} .m_mobile {display:block;} } /* 동영상 */ .video{position: relative; padding-bottom: 56.25%;} .video iframe{position: absolute; width: 100%; height: 100%;} @media (max-width: 740px){ .video{padding-bottom: 56.25%;} }