/* 서브 */
#sub {width:100%; min-width:1200px; 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)}
#sub .subtop.top1 {background-image:url(images/subtop1.jpg);}
#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);}
#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/subtop9.jpg);}

#sub .snb {width:1200px;margin:-37px auto 0;background:#fff;height:74px;}
#sub .snb .p1 li {width:100%}
#sub .snb .p2 li {width:50%}
#sub .snb .p4 li {width:25%}
#sub .snb .p5 li {width:20%}
#sub .snb .p6 li {width:16.66%}
#sub .snb .p7 li {width:14.28%}
#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:15px 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:1200px;margin:80px auto}
#sub #content > .center {margin-bottom:}
#sub #content > .center span {font-size:14px}
#sub #content .paragraph {width:100%;display:inline-block; margin-bottom:70px; position:relative}
#sub #content .paragraph .bg_gray {background:#f5f5f5}
#sub #content .paragraph .inner {width:1100px;clear:both;position:relative}

#sub #content .paragraph.visual {margin-top:70px}
#sub #content .paragraph.visual hr {position:absolute;top:40px;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 .half {padding:45px 40px 0}
#sub #content .paragraph.visual .half h1 {font-size:60px;margin:15px 0 10px}


#sub #content .paragraph.bottom {background-position:top center;background-repeat:no-repeat;text-align:center;padding-top:40px;padding-bottom:40px}
#sub #content .paragraph.bottom.sub2_1 {background-image:url(images/sub2_1_bottom.jpg);}
#sub #content .paragraph.bottom.sub6 {background-image:url(images/sub6_bottom.jpg);}

#sub #content .paragraph.sub3_4_3 {background:url(images/sub3_4_3_bg.jpg) top center no-repeat;height:349px;padding-top:45px}
#sub #content .paragraph.sub4_3_2 {background:url(images/sub4_3_2_bg.jpg) top center no-repeat;height:349px;padding-top:45px}
#sub #content .paragraph.sub6_5_2 {background:url(images/sub6_5_2_bg.jpg) top center no-repeat;height:323px;padding-top:45px}

#sub #content .paragraph.sub6_7_t1_2 {background:url(images/sub6_7_t1_2_bg.jpg) top center no-repeat;height:500px;padding-top:45px}
#sub #content .paragraph.sub7_3_2 {background:url(images/sub7_3_2_bg.jpg) top center no-repeat;height:319px;padding-top:45px}
#sub #content .paragraph.sub7_5_2 {background:url(images/sub7_5_2_bg.jpg) top center no-repeat;height:319px;padding-top:45px}
#sub #content .paragraph.sub7_7_t2_1 {background:url(images/sub7_7_t2_1_bg.jpg) top center no-repeat;height:515px;padding-top:45px}
#sub #content .paragraph.sub7_7_t6_2 {background:url(images/sub7_7_t6_2_bg.jpg) top center no-repeat;height:396px;padding-top:45px}


#sub #content .paragraph h3.subject {padding-left:50px;margin-bottom:20px;color:#303030}
#sub #content .paragraph h3.subject:before {content:url(images/subject.png); position:absolute; left:11px}
#sub #content .paragraph h3.subject span {color:#a84672}

#sub #content .paragraph .row {width:100%;display:inline-block;clear:both}
#sub #content .paragraph .row .article {width:62.5%;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 h4.hexagon {width:164px;height:189px;background-position:center; background-repeat:no-repeat;text-align:center;line-height:189px;color:#fff;float:left}
#sub #content .paragraph h4.hexagon.line2 {line-height:1.5;padding-top:60px}
#sub #content .paragraph h4.hexagon.type1 {background-image:url(images/hexagon1.png);}
#sub #content .paragraph h4.hexagon.type2 {background-image:url(images/hexagon2.png);}
#sub #content .paragraph .hexagon_right {width:85%;padding-left:30px;padding-top:10px;float:left}
#sub #content .paragraph .hexagon_right 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:209px;min-height:241px;background-position:top center;background-repeat:no-repeat;text-align:center;float:left;position:relative; left:50%;margin:0 5px;display:inline-block}
#sub #content .paragraph .hexa > div div {width:100%;height:241px;}
#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:255px;min-height:294px;background-position:top center;background-repeat:no-repeat;text-align:center;float:left;position:relative; left:50%;margin:0 10px;display:inline-block}
#sub #content .paragraph .hexa_big > div div {width:100%;height:294px;}
#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:18px}
#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 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}
#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:45px 50px;width:100%;display:inline-block}


#sub #content .paragraph .pointline {background:url(images/point_line.png) center no-repeat;width:100%;height:54px;margin-bottom:10px;}
#sub #content .paragraph .pointline h5 {float:left;text-align:center;line-height:54px;}
#sub #content .paragraph .pointline h5.num {font-weight:500;font-family: 'Roboto', san-serif; color:#fff; width:150px; text-transform:uppercase}
#sub #content .paragraph .pointline h5.txt {width:950px;}


#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 20px;}
#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: 50%;
    margin-left: -600px !important;
    z-index: 100;
    margin-top: 0px !important;
	height:60px
}





/* 서브페이지 탭 */
#sub #content ul.tabs {width:1200px;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 li {width:16.66%}
#sub #content ul.tabs.p7 li {width:14.28%}
#sub #content ul.tabs.p8 li {width:12.5%}
#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}