/* 서브 */ #sub {width:100%; max-width:640px; display:inline-block; } #sub .subtop {width:100%;background-position:top center;background-repeat:no-repeat;height:224px;text-align:center; padding-top:70px;text-shadow:1px 1px 1px rgba(0,0,0,0.3); overflow: hidden;} #sub .subtop.top1 {background-image:url(images/subtop1.jpg);background-position:top left!important;} #sub .subtop.top2 {background-image:url(images/subtop2.jpg);} #sub .subtop.top3 {background-image:url(images/subtop3.jpg);} #sub .subtop.top4 {background-image:url(images/subtop4.jpg); background-position:top right !important; } #sub .subtop.top5 {background-image:url(images/subtop5.jpg);} #sub .subtop.top6 {background-image:url(images/subtop6.jpg);} #sub .subtop.top7 {background-image:url(images/subtop7.jpg);} #sub .subtop.top8 {background-image:url(images/subtop8.jpg);} #sub .subtop.top9 {background-image:url(images/subtop1.jpg); background-position:top left!important;} #sub .snb {width:640px;margin:-37px auto 0;background:#f4f4f4;} #sub .snb ul {height:66px;} #sub .snb .p1 li {width:100%} #sub .snb .p2 li {width:50%} #sub .snb .p4 li {width:25%} #sub .snb .p5 {height:132px; !important} #sub .snb .p5 li {width:33.3%} #sub .snb .p5 li:nth-child(4) {width:50%} #sub .snb .p5 li:nth-child(5) {width:50%} #sub .snb .p6 {height:132px; !important} #sub .snb .p6 li {width:33.3%} #sub .snb .p7 {height:132px; !important} #sub .snb .p7 li {width:33.3%} #sub .snb .p7 li:nth-child(1) {width:23%} #sub .snb .p7 li:nth-child(2) {width:23%} #sub .snb .p7 li:nth-child(3) {width:23%} #sub .snb .p7 li:nth-child(4) {width:30%} #sub .snb li {float:left;text-align:center;background:url(images/snb_part.gif) left center no-repeat;font-size:19px} #sub .snb li.first {background:none} #sub .snb li a {display:block;padding:10px 0;line-height:44px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} #sub .snb li a.on,#sub .snb li a.on:hover {background:#a84672;color:#fff;} #sub .snb li a:hover {background:#f5f5f5} #sub #content {width:100%; max-width:640px; margin:40px auto;} #sub #content > .center {margin-bottom:} #sub #content > div{text-align: center;} #sub #content > .center span {font-size:14px} #sub #content .paragraph {width:100%;display:inline-block; margin-bottom:40px; position:relative} #sub #content .paragraph .bg_gray {background:#f5f5f5} #sub #content .paragraph .inner {width:600px;clear:both;position:relative; text-align: center;} /*#sub #content .paragraph .inner > img{width:100%; height:auto;}*/ #sub #content .paragraph.visual {margin-top:40px} #sub #content .paragraph.visual hr {position:absolute;top:315px;left:50%;margin-left:-30px;width:60px;height:1px;background:#a84672;} #sub #content .paragraph.visual hr.part {position:relative;top:0;left:0; width:100%;height:1px;background:#e0e0e0;border:0;margin:15px 0} #sub #content .paragraph.visual {padding:15px 0 0;} #sub #content .paragraph.visual h1 {font-size:60px;margin:15px 0 10px} #sub #content .paragraph .v_d{margin-top: 20px; padding: 0 20px;} #sub #content .paragraph.bottom {background-position:top center;background-repeat:no-repeat;text-align:center;padding-top:35px;padding-bottom:35px; width:100%; margin: 0 auto;} #sub #content .paragraph.bottom.sub2_1 {background-image:url(images/sub2_1_bottom.jpg); overflow: hidden;} #sub #content .paragraph.bottom h4{line-height: 35px;} #sub #content .paragraph.bottom.sub6 {background-image:url(images/sub6_bottom.jpg); overflow: hidden;} #sub #content .paragraph.sub3_4_3 {background:url(images/sub3_4_3_bg.jpg) top right no-repeat; height:370px;padding-top:30px; overflow: hidden;} #sub #content .paragraph.sub4_3_2 {background-color:#f4f6f8;height:349px;padding:30px 0; overflow: hidden;} #sub #content .paragraph.sub6_5_2 {background:url(images/sub6_5_2_bg.jpg) top center no-repeat;height:323px;padding-top:20px; overflow: hidden;} #sub #content .paragraph.sub6_7_t1_2 {background:url(/images/sub6_7_t1_2_bg.jpg) right no-repeat; height:420px;padding-top:45px; overflow:hidden;} #sub #content .paragraph.sub7_3_2 {background:url(images/sub7_3_2_bg.jpg) top right no-repeat;height:319px;padding-top:45px; overflow: hidden; padding-bottom: 50px;} #sub #content .paragraph.sub7_5_2 {background:url(images/sub7_5_2_bg.jpg) top right no-repeat; height:319px;padding-top:45px} #sub #content .paragraph.sub7_7_t2_1 {background-color: #f4f6f8; padding-top:30px; padding-bottom: 30px; overflow: hidden;} #sub #content .paragraph.sub7_7_t6_2 {background-color:#f4f6f8; padding-top:30px; padding-bottom: 30px;} #sub #content .paragraph h3.subject { margin-bottom:20px;color:#303030;} #sub #content .paragraph h3.subject span {color:#a84672} #sub #content .paragraph h3.subject span:before {content:url(images/subject.png);padding-right: 10px;} #sub #content .paragraph .row {width:100%;display:inline-block;clear:both} #sub #content .paragraph .row .article {width:100%;padding:20px 30px;} #sub #content .paragraph hr {width:100%;height:1px;background:#d0d0d0;border:0;margin:20px 0} #sub #content .paragraph hr.bar {width:25px;background:#303030;text-align:left} #sub #content .paragraph hr.mini {width:25px;background:#7a2427;margin:30px auto;height:3px;display:inline-block} /* 도형 설정*/ #sub #content .paragraph h5.hexagon {width:127px;height:146px;background-position:center; background-repeat:no-repeat;text-align:center; color:#fff;float:left; line-height:146px;} #sub #content .paragraph h5.hexagon.line2 {line-height:1.5;padding-top:50px} #sub #content .paragraph h5.hexagon.type1 {background-image:url(images/hexagon1.png);} #sub #content .paragraph h5.hexagon.type2 {background-image:url(images/hexagon2.png);} #sub #content .paragraph .hexagon_right {width:75%; padding-left:20px;padding-top:10px;float:left} #sub #content .paragraph .hexagon_right p {text-align: left;} #sub #content .paragraph .inner div.bt {float: left; width:91%; text-align: left; margin-left:8.5%;} #sub #content .paragraph .inner div.bt span {background:#333;color:#fff;padding:0 20px;line-height:inherit;display:inline-block;margin-right:10px;} #sub #content .paragraph .hexa {position:relative; /*left:-50%;*/ float:right;} #sub #content .paragraph .hexa > div {width:165px;min-height:190px;background-position:top center;background-repeat:no-repeat;text-align:center;position:relative; left:50%;margin:0 15px; display:inline-block; vertical-align: top;} #sub #content .paragraph .hexa > div div {width:100%;height:190px;} #sub #content .paragraph .hexa > div span {background:#fff;color:#303030;width:40px;height:40px;line-height:40px;border-radius:40px;display:inline-block; margin-top:30px} #sub #content .paragraph .hexa > div.odd {background-image:url(images/hexa_1.png);} #sub #content .paragraph .hexa > div.even {background-image:url(images/hexa_2.png);} #sub #content .paragraph .hexa > div p {width:100%;margin-top:15px} #sub #content .paragraph .hexa_big {position:relative; left:-50%; float:right;} #sub #content .paragraph .hexa_big > div {width:180px;min-height:219px;background-position:top center;background-repeat:no-repeat;text-align:center;float:left;position:relative; left:51%;margin-right:10px;display:inline-block} #sub #content .paragraph .hexa_big > div div {width:100%;height:219px;} #sub #content .paragraph .hexa_big > div span {background:#fff;color:#303030;width:40px;height:40px;line-height:40px;border-radius:40px;display:inline-block; margin-top:40px} #sub #content .paragraph .hexa_big > div.odd {background-image:url(images/hexa_big1.png);} #sub #content .paragraph .hexa_big > div.even {background-image:url(images/hexa_big2.png);} #sub #content .paragraph .hexa_big > div p {width:100%;margin-top:15px; } #sub #content .paragraph .bullet {width:100%;display:inline-block;padding:15px 25px;} #sub #content .paragraph .bullet li {float:left;background:url(images/bullet.png) left 5px no-repeat;width:100%;margin-top:15px;text-align:left;padding-left:35px;min-height:28px;} #sub #content .paragraph .bullet.center li {text-align:center !important; float:left; background:url(images/bullet.png) 85px 5px no-repeat;} #sub #content .paragraph .bullet li.first {margin-top:0} /* 넘버링 */ #sub #content .paragraph {counter-reset:ctn 0;} #sub #content .paragraph .pat_frm {background:url(images/pattern.gif);padding:10px;} #sub #content .paragraph .pat_frm > div {background:#fff;position:relative;padding:20px} #sub #content .paragraph .number p {margin-top:15px;padding-left:30px;margin-left:10px; text-align: left;} #sub #content .paragraph .number p.first {margin-top:0} #sub #content .paragraph .number p:before {content:counter(ctn,decimal); counter-increment:ctn 1;width:23px;height:23px;background:#a84672;color:#fff;line-height:23px;border-radius:23px;text-align:center;font-weight:500;display:inline-block;margin-right:10px;margin-left:-33px;} /* 수술정보*/ #sub #content .paragraph.surgerybox {border:1px #d0d0d0 dashed;padding:30px 10px} #sub #content .paragraph .surgery.bd {border-left:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid} #sub #content .paragraph .surgery > div {background-position:center 20px ;background-repeat:no-repeat;border-left:1px #e0e0e0 solid; float:left; height:170px; padding-top:100px;text-align:center} #sub #content .paragraph .surgery .first {border-left:0} #sub #content .paragraph .surgery.p5 > div {width:20%;} #sub #content .paragraph .surgery.p6 > div {width:16.66%;} #sub #content .paragraph .surgery .time {background-image:url(images/surgery_time.png);} #sub #content .paragraph .surgery .thread {background-image:url(images/surgery_thread.png);} #sub #content .paragraph .surgery .recover {background-image:url(images/surgery_recover.png);} #sub #content .paragraph .surgery .enter {background-image:url(images/surgery_enter.png);} #sub #content .paragraph .surgery .nopain {background-image:url(images/surgery_nopain.png);} #sub #content .paragraph .surgery .pain {background-image:url(images/surgery_pain.png);} #sub #content .paragraph .surgery .effect {background-image:url(images/surgery_effect.png);} #sub #content .paragraph .surgery .keep {background-image:url(images/surgery_keep.png);} #sub #content .paragraph .infobox {display:inline-block} #sub #content .paragraph .infobox h4 {color:#fff;width:100%;padding:15px 0;text-align:center} #sub #content .paragraph .infobox.type1 h4 {background:#d57fa6;} #sub #content .paragraph .infobox.type2 h4 {background:#a84672;} #sub #content .paragraph .infobox.type3 h4 {background:#8c71b4;} #sub #content .paragraph .infobox > div {border:1px #d0d0d0 solid;border-top:0;padding:25px 0;width:100%;display:inline-block} #sub #content .paragraph .infobox #sub #content .paragraph .pointline {background:url(images/point_line.png) center no-repeat;width:100%;height:54px;margin-bottom:10px;} #sub #content .paragraph .pointline p {float:left;text-align:center;line-height:54px;} #sub #content .paragraph .pointline p.num {font-weight:500;font-family: 'Roboto', san-serif; color:#fff; width:100px; text-transform:uppercase} #sub #content .paragraph .pointline p.txt {width:495px;} #sub #content .paragraph .faq {border-top:1px #a84672 solid; text-align:justify} #sub #content .paragraph .faq > * {margin-top:15px} #sub #content .paragraph .faq .question {color:#d57fa6;} #sub #content .paragraph .faq .question:before {content:'Q'; border-right:1px #d57fa6 solid;} #sub #content .paragraph .faq .answer {padding-left:70px;position:relative;} #sub #content .paragraph .faq .answer:before {content:'A'; border-right:1px #b0b0b0 solid;color:#b0b0b0;margin-left:-70px;position:absolute} #sub #content .paragraph .faq > *:before {font-weight:700; font-family: 'KoPub Batang', serif !important; font-size:30px; line-height:25px;width:30px;height:25px;padding-right:20px;margin-right:20px;text-align:left;display:inline-block} /* 테이블 */ #sub #content .paragraph table.basic {} #sub #content .paragraph table.basic th,#sub #content .paragraph table.basic td {padding:6px 0;text-align:inherit} #sub #content .paragraph table.basic th {color:#d57fa6;} #sub #content .paragraph table.pricetable {border-top:2px #a84672 solid; width: 100%; border-collapse: collapse;} #sub #content .paragraph table.pricetable th,#sub #content .paragraph table.pricetable td {padding: 10px 5px;} #sub #content .paragraph table.pricetable th {border-bottom:1px #a84672 solid; } #sub #content .paragraph table.pricetable th h5 {color:#a84672; font-weight: 700;} #sub #content .paragraph table.pricetable td {border-bottom: 1px #e0e0e0 solid;} /* 고정 탭 */ .jbFixed { position: fixed !important; top: 0px; left: 0; margin-left: 4.5% !important; z-index: 100; margin-top: 0px !important; height:60px } /* 서브페이지 탭 */ #sub #content ul.tabs {width:600px;margin:0 auto;height:60px;line-height:59px;position:relative;z-index:10;background:#f5f5f5;} #sub #content ul.tabs.p3 li {width:33.33%} #sub #content ul.tabs.p4 li {width:25%} #sub #content ul.tabs.p5 li {width:20%} #sub #content ul.tabs.p6 {height:120px !important;} #sub #content ul.tabs.p6 li {width:33%} #sub #content ul.tabs.p7 {height:120px !important;} #sub #content ul.tabs.p7 li {width:25%} #sub #content ul.tabs.p7 li:nth-child(5) {width:33%} #sub #content ul.tabs.p7 li:nth-child(6) {width:33%} #sub #content ul.tabs.p7 li:nth-child(7) {width:33%} #sub #content ul.tabs.p8 {height:120px !important;} #sub #content ul.tabs.p8 li {width:25%} #sub #content ul.tabs li { display:inline-block; float:left; text-align:center; font-size:18px; } #sub #content ul.tabs li a {display:block;border-bottom:1px #e0e0e0 solid;} #sub #content ul.tabs li:hover a,#sub #content ul.tabs li.active a {line-height:57px;background:#fff;border-top:2px #a84672 solid;border-bottom:1px #fff solid;border-left:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid;} #sub #content .tab_container {width:100%;display:inline-block; } #sub #content .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;} /* 게시판 */ #sub #content .board_box {width:100%;display:inline-block;font-size:15px;line-height:1.7;min-height:500px}