/************************************************************************ ********************************* 서브 *********************************/ #sub {width:100%; float:left; display:inline-block;} /* 서브메뉴 */ #sub .snb {width:100%; background-color:#786661; display: inline-block; float: left;} #sub .snb ul {float:right; position:relative; left:-50%; } #sub .snb ul li {float:left; position:relative; left:50%; line-height:70px;} #sub .snb ul li:before {content: "|"; margin: 0 20px; float: left; font-weight:100; color:#bbb;} #sub .snb ul li.first:before {content: ""; margin: 0 !important;} #sub .snb ul li a {color:#fff;font-size:20px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #sub .snb ul li a.on {color:#f9deb4;font-weight:700} #sub .snb#sub2 {padding: 10px 0;} #sub .snb#sub2 li {line-height: 45px !important;} #sub .snb#sub2 li::before {margin: 0 30px;} .jbFixed {position: fixed !important; top: 0px !important; z-index:999; margin-top:0 !important; box-shadow: 0 0 10px rgba(0,0,0,0.3);} /* 서브 내용 */ #sub #content {width:100%; overflow: hidden;} #sub #content .paragraph {width:100%;display:inline-block; position:relative; float: left;} #sub #content .row {width:100%;display:inline-block;position:relative;clear:both} #sub #content .bg_gray {background-color:#f5f5f5; padding: 100px 0;} #sub #content .bg_white {background-color:#fff; padding: 100px 0;} #sub #content .bg_beige {background-color: #f7efe8; padding: 100px 0;} #sub #content .bottom_nopd {padding: 100px 0 0 !important;} #sub #content hr.part {width:100%;height:1px;background-color:#d0d0d0;border:0;} #sub #content hr.part.gold {background-color: #a67c52;} #sub #content h3.roundtitle {padding: 8px 30px; border-radius: 60px; background-color: #786661; color: #fff; display: inline-block; margin-bottom: 10px; position: relative;} #sub #content h4.roundtitle {padding: 3px 20px; border-radius: 50px; background-color: #786661; color: #fff; display: inline-block; margin-bottom: 5px;} #sub #content .bullet { margin-left: 24px; margin-bottom: 8px; } #sub #content .bullet::before {content:url(images/bullet.gif); padding-right: 14px;margin-left: -24px; position: relative; top: -3px;} #sub #content .bullet.blank { font-style: italic; } #sub #content .bullet.blank::before {content: ""; } #sub #content .minibullet { margin-left: 14px; margin-bottom: 4px; } #sub #content .minibullet::before {content:"\16EB"; color: #c7ac8a; padding-right: 8px;margin-left: -14px; position: relative; top: -2px; } /* 최상단 비주얼 */ #sub #content .paragraph.visual { height: 400px; padding: 100px 0; background-position: center;} #sub #content .paragraph.visual > div {width: 750px; height: 100%; padding: 35px 0; margin: auto; background-color: rgba(255,255,255,0.9); text-align: center;} #sub #content .paragraph.visual.sub1_1 {background-image: url(images/sub1_1_visual.jpg);} #sub #content .paragraph.visual.sub2_1 {background-image: url(images/sub2_1_visual.jpg);} #sub #content .paragraph.visual.sub3_1 {background-image: url(images/sub3_1_visual.jpg);} #sub #content .paragraph.visual.sub3_2 {background-image: url(images/sub3_2_visual.jpg);} #sub #content .paragraph.visual.sub3_3 {background-image: url(images/sub3_3_visual.jpg);} #sub #content .paragraph.visual.sub3_4 {background-image: url(images/sub3_4_visual.jpg);} #sub #content .paragraph.visual.sub3_5 {background-image: url(images/sub3_5_visual.jpg);} #sub #content .paragraph.visual.sub3_6 {background-image: url(images/sub3_6_visual.jpg);} #sub #content .paragraph.visual.sub4_1 {background-image: url(images/sub4_1_visual.jpg);} #sub #content .paragraph.visual.sub4_2 {background-image: url(images/sub4_2_visual.jpg);} #sub #content .paragraph.visual.sub4_3 {background-image: url(images/sub4_3_visual.jpg);} #sub #content .paragraph.visual.sub4_4 {background-image: url(images/sub4_4_visual.jpg);} #sub #content .paragraph.visual.sub5_1 {background-image: url(images/sub5_1_visual.jpg);} #sub #content .paragraph.visual.sub6_1 {background-image: url(images/sub6_1_visual.jpg);} #sub #content .paragraph.visual.sub7_1 {background-image: url(images/sub7_1_visual.jpg);} #sub #content .paragraph .float.txtbox {padding: 30px 50px;} #sub #content .paragraph .float_r.txtbox {padding: 100px 50px;} #sub #content .paragraph.imgbox {padding-left: 50%;} #sub #content .paragraph.imgbox > * {margin-left: -960px;float: left;} #sub #content .paragraph.imgbox .surgery_info { position:relative; bottom:auto; margin:auto;} #sub #content .paragraph.imgbox .row {width:1920px !important;} #sub #content .paragraph .borderbox {width: 100%; display: flex;} #sub #content .paragraph .borderbox > div {flex: 1; margin: 0 1.5%; border-style: solid; border-width: 2px; padding: 40px; text-align: center; background-color: #fff;} #sub #content .paragraph .borderbox > div.one {border-color: #e0e0e0;} #sub #content .paragraph .borderbox > div.odd {border-color: #916c3e;} #sub #content .paragraph .borderbox > div.even {border-color: #b79469;} #sub #content .paragraph .borderbox > div span.number {width: 44px; height: 44px; line-height: 44px; font-size: 30px; border-radius: 44px; color: #fff; display: inline-block; font-weight: bold;} #sub #content .paragraph .borderbox > div.odd span.number {background-color: #916c3e;} #sub #content .paragraph .borderbox > div.even span.number {background-color: #b79469;} #sub #content .paragraph .imglist {width: 100%; display: flex; } #sub #content .paragraph .imglist > div {flex: 1; margin: 0 2%; padding-bottom: 15px; border-bottom: 2px #b79469 solid;} #sub #content .paragraph .imglist > div > img {width: 100%; margin-bottom: 15px;} /* 넘버링 */ #sub #content .cnt {counter-reset:ctn 0;} #sub #content .cnt .number p {margin-top:6px;padding-left:20px;margin-left:5px;} #sub #content .cnt .number p.first {margin-top:0} #sub #content .cnt .number p:before {content:counter(ctn,decimal); counter-increment:ctn 1;width:20px;height:20px;background:#888;color:#fff;line-height:20px;border-radius:20px;text-align:center;font-weight:500;display:inline-block;margin-right:5px;margin-left:-23px;} /* 원형리스트 */ #sub #content .paragraph .circlelist {width: 100%; display: inline-block;} #sub #content .paragraph .circlelist ul {float: right; left: -50%; position: relative;} #sub #content .paragraph .circlelist ul li {float: left; left: 50%; position: relative; text-align: center; width: 220px; height: 220px; background: url(images/circlelist.png) no-repeat; margin: 0 10px;} #sub #content .paragraph .circlelist ul li span {color: #b79469; font-weight: 700; margin-top: 20px; display: inline-block; font-size: 20px;} /* 프레임 리스트 */ #sub #content .paragraph .framebox {width: 100%; } #sub #content .paragraph .framebox.white {background-color: #fff;} #sub #content .paragraph .framebox.gray {background-color: #f5f5f5;} #sub #content .paragraph .framebox > div {width: 100%;} #sub #content .paragraph .framebox .top {height: 50px; background: url(images/frame_top.gif) top center no-repeat;} #sub #content .paragraph .framebox .content {display: inline-block; border-left: 1px #d0d0d0 solid; border-right: 1px #d0d0d0 solid; padding: 0 50px;} #sub #content .paragraph .framebox .bottom {height: 50px; background: url(images/frame_bottom.gif) top center no-repeat;} /* 검진센터 좌우배열 */ #sub #content .paragraph .circletitle {display: table; width: 130px; height: 130px; border-radius: 130px; text-align: center; background-color: #916c3e; float:left;} #sub #content .paragraph .circletitle > div {display: table-cell; vertical-align: middle; color: #fff;} #sub #content .paragraph .circletitle_con {width: 1030px; float:right;} #sub #content .paragraph .circletitle_con.short {width: 430px;} /* 원형사진 */ #sub #content .paragraph .roundingbox {border-radius: 100%; overflow: hidden;} /* 테이블 */ #sub #content table.basic {width: 100%; border-collapse: collapse;} #sub #content table.basic th,#sub #content table.basic td {padding:14px 20px; font-size: 20px;} #sub #content table.basic th {color: #fff;} #sub #content table.basic th.th1 {background-color: #505050;} #sub #content table.basic th.th2 {background-color: #b79469;} #sub #content table.basic th.th3 {background-color: #916c3e;} #sub #content table.basic td {border-bottom:1px #d0d0d0 solid; border-left: 1px #e0e0e0 solid;} #sub #content table.basic td.head {border-left: 0;} #sub #content table.basic td.gray {background-color:#f5f5f5;} #sub #content table.basic.timetable th,#sub #content table.basic.timetable td {padding:10px 15px;} #sub #content table.basic td span {font-weight: 600;} #sub #content table.basic td span.off {color: #c2142a;} #sub #content table.basic td span.scope {color: #b79469;} /* 탭 */ #sub #content ul.tabs {width:100%; display: flex; } #sub #content ul.tabs li { line-height: 80px;text-align:center; font-size:24px; -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out; flex:1; } #sub #content ul.tabs li a {display:block;} #sub #content ul.tabs li:hover,#sub #content ul.tabs li.active {background-color: #b79469; color: #fff; font-weight: 700;} #sub #content .tab_content {width:100%;min-height:280px;display:inline-block;} /* 게시판 */ #sub #content .board_box {width:100%;display:inline-block;font-size:18px;line-height:1.7;min-height:500px}