@charset "utf-8";

#sub {padding-top:110px;}
/* sub-visual */
.sub-visual {position:relative; height:460px; background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:10;}
.sub-visual01 {background-image:url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image:url('../img/sub/sub-visual02.jpg');}
.sub-visual03 {background-image:url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image:url('../img/sub/sub-visual04.jpg');}
.sub-visual05 {background-image:url('../img/sub/sub-visual05.jpg');}
.sub-visual .tit-box {height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.sub-visual01 .tit-box,
.sub-visual03 .tit-box {height:calc(100% - 40px);}
.sub-visual .tit-box h2 {font-size:55px; line-height:1.2em; color:#fff; font-weight:600;}
/* lnb */
#lnb {margin-top:-40px; position:relative; z-index:20;}
.lnb {margin-bottom:150px;}
.lnb ul {display:flex;}
.lnb ul li {width:100%; position:relative;}
.lnb ul li:after {content:''; width:1px; height:20px; background:rgba(255,255,255,0.2); position:absolute; top:50%; margin-top:-10px; right:0;}
.lnb ul li:last-child:after {display:none;}
.lnb ul li a {display:flex; padding:10px 10px; min-height:80px; background:#20407f; height:100%; font-size:18px; line-height:32px; color:#fff; flex-direction:column; justify-content:center; align-items:center; text-align:center; transition:all 0.6s;}
.lnb ul li.active a {color:#20407f; background:#fff; font-weight:600;}
.lnb ul li a:hover {color:#20407f; background:#fff;}

.real-cont {padding-bottom: 180px;}

/* sub common */
.sub-title {text-align:center;}
.sub-title .txt-box {margin-bottom:76px;}
.sub-title h3 {font-size:50px; color:#111; line-height:1.25em; position:relative; display:inline-block; position:relative; padding:0 28px;}
.sub-title h3:before,
.sub-title h3:after {content:''; width:8px; height:8px; background:#20407f; border-radius:50%; position:absolute; top:50%; margin-top:-4px;}
.sub-title h3:before {left:0;}
.sub-title h3:after {right:0;}
.sub-title b {display: block; font-size: 32px; font-weight: 600; line-height: 1.5em; color: #111; margin-top: 26px;}
.sub-title p {font-size:22px; color:#666; line-height:1.59em; margin-top:26px;}
.sub-title p strong {font-weight:600; color:#111;}
.sub-title .img-box {width: 100%; height: 420px; background-repeat: no-repeat; background-position: center center; background-size: cover;}

.doc-tit {text-align:center; margin-bottom:70px;}
.doc-tit > span {display:inline-block; margin-bottom:30px; width:160px; line-height:48px; border:1px solid #20407f; padding:0 10px; font-size:16px; color:#20407f; font-family:'Montserrat'; font-weight:700;}
.doc-tit b {display: block; font-family: 'montserrat'; font-size: 16px; font-weight: 700; line-height: 1.3em; color: #20407f; margin-bottom: 13px;}
.doc-tit h4 {font-size:55px; line-height:1.36em; color:#111;}
.doc-tit h4 span {font-weight: 400;}
.doc-tit p {font-size:22px; line-height:1.5em; color:#666; margin-top:18px;}
.doc-tit p strong {font-weight: 600; color: #111;}
.doc-tit.white > span {color:rgba(255,255,255,0.5); border-color:rgba(255,255,255,0.3);}
.doc-tit.white h4 {color:#ffff;}
.doc-tit.white p {color: #fff;}
/* sub 01 01 */
table {border-top: 2px solid #20407f;}
table thead {background: #f7f7f7;}
table th {font-size: 20px; font-weight: 600; line-height: 1.3em; color: #000; padding: 23px 5px; text-align: center;}
table th:not(:last-child), table td:not(:last-child) {border-right: 1px solid #ddd;}
table tbody tr {border-bottom: 1px solid #ddd;}
table td {font-size: 20px; line-height: 1.3em; color: #666; padding: 23px 5px; text-align: center;}
.table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.doctor .table-responsive table {width: 100%; min-width: 1024px;}
.doctor table col:nth-child(1) {width: 4.9%;}
.doctor table col:nth-child(2) {width: 260px;}
.doctor table col:nth-child(3) {width: 11.4%;}
.doctor table col:nth-child(4) {width: 32.7%;}
.doctor table col:nth-child(5) {width: 32.7%;} 
.doctor table td {line-height: 1.77em;}
.doctor table td:nth-child(2) {padding: 20px;}
.doctor table td:nth-child(4), .doctor table td:nth-child(5) {text-align: left; padding: 38px 30px;}
.doctor table .pic {position:relative; height:0; padding-bottom:136%; border-radius: 10px; overflow:hidden; transition:all 0.6s;}
.doctor table .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}

/* sub 01 02 */
.tour .slide-view {margin-bottom: 10px;}
.tour .slide-view .items {position: relative;}
.tour .slide-view .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; background-color: #20407f; background-repeat: no-repeat; background-position: center center; font-size: 0; border: none; transition: all 0.5s; z-index: 5;}
.tour .slide-view .slick-prev {left: 0; background-image: url('../img/sub/icon-prev-arrow.png');}
.tour .slide-view .slick-next {right: 0; background-image: url('../img/sub/icon-next-arrow.png');}
.tour .slide-view .slick-arrow:hover {opacity: 0.85;}
.tour .slide-tab .items {margin: 0 -5px;}
.tour .slide-tab .item {padding: 0 5px; cursor: pointer;}

/* sub 01 03 */
.location .cont01 {margin-bottom: 55px;}
.location .cont01 .map {margin-bottom: 25px;}
.location .cont01 .map .root_daum_roughmap {width:100% !important; height:460px !important;}
.location .cont01 .map .root_daum_roughmap .wrap_map {height:460px !important;}
.location .root_daum_roughmap .border1,
.location .root_daum_roughmap .border2 {border: none;}
.location .root_daum_roughmap .border3, 
.location .root_daum_roughmap .border4 {background-color: transparent;}
.location .cont01 .details {display: flex; justify-content: space-between;}
.location .cont01 .details dl {display: flex; margin-bottom: 7px;}
.location .cont01 .details dl:last-child {margin-bottom: 0;}
.location .cont01 .details dt {width: 50px; font-size: 20px; font-weight: 600; line-height: 1.4em; color: #111; margin-right: 20px; text-align-last: justify;}
.location .cont01 .details dd {width: 700px; font-size: 20px; line-height: 1.4em; color: #666;}
.location .cont01 .btn-area {display: flex; margin-top: 6px;}
.location .cont01 .btn-area a {display: flex; justify-content: center; align-items: center; width: 56px; height: 56px;}
.location .cont01 .btn-area .btn-search {background: #20407f; margin-right: 8px;}
.location .cont01 .btn-area .btn-print {background: #111;}
.location .cont01 .btn-area img {transition: all 0.5s;}
.location .cont01 .btn-area a:hover img {transform: rotate(-15deg);}
.location .cont02 .btn-area {display: flex; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.location .cont02 .btn-area a {position: relative; display: inline-block; font-size: 18px; font-weight: 600; line-height: 55px; border-radius: 27px; text-align: center; padding-left: 30px; transition: all 0.5s;}
.location .cont02 .btn-area a:hover {box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);}
.location .cont02 .btn-area .btn-kakao {width: 150px; color: #3a201f; background-color: #ffe600; margin-right: 8px;}
.location .cont02 .btn-area .btn-blog {width: 145px; color: #fff; background-color: #33b24a;}
.location .cont02 .btn-area .btn-kakao:before {position: absolute; top: 50%; left: 30px; margin-top: -10px; content: ''; width: 22px; height: 20px; background: url('../img/sub/btn-kakao.png') no-repeat left center;}
.location .cont02 .btn-area .btn-blog:before {position: absolute; top: 50%; left: 35px; margin-top: -8px; content: ''; width: 20px; height: 17px; background: url('../img/sub/btn-blog.png') no-repeat left center;}
.location .cont02 .subway dl {display: flex; align-items: center;}
.location .cont02 .subway dt {position: relative; width: 112px; font-size: 20px; font-weight: 600; line-height: 1.4em; color: #111; padding-left: 33px;}
.location .cont02 .subway dt:before {position: absolute; top: 2px; left: 0; content: ''; width: 18px; height: 24px; background-image: url('../img/sub/location-icon-subway.png'); background-repeat: no-repeat; background-position: left center;}
.location .cont02 .subway dd {display: flex; align-items: center;}
.location .cont02 .subway dd b {display: inline-block; line-height: 40px; font-size: 16px; font-weight: 700; color: #fff; border-radius: 20px; text-align: center; padding: 0 15px;}
.location .cont02 .subway dd b:nth-child(1) {background: #ec7827; margin-right: 8px;}
.location .cont02 .subway dd b:nth-child(2) {background: #f01d25;}
.location .cont02 .subway dd p {font-size: 20px; line-height: 1.4em; color: #111;}
.location .cont02 .subway dd p span {display: inline-block; color: #666; margin-left: 15px; margin-right: 18px;}

/* sub 02 01 */
.avf .sub-title .img-box {background-image: url('../img/sub/avf.jpg');}
.avf .cnt {padding:160px 0 180px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.avf .cnt01 .doc-tit {margin-bottom: 0;}
.avf .management .doc-tit h4 br.mob-only {display: none;}
.avf .management .col .row {width:33.333%;}
.avf .management .inner .txt-box b {display: block; font-size: 26px; font-weight: 600; line-height: 1.4em; color: #fff; margin-bottom: 17px;}
.avf .management .inner .txt-box p {opacity: 0.7;} 
.dialysis {padding-top: 150px;}
.dialysis .sub-title b br.mob-only {display: none;}
.dialysis .sub-title .img-box {background-image: url('../img/sub/dialysis.jpg');}
.dialysis .cnt {padding:160px 0 180px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.dialysis .cnt01 {padding: 150px 0 180px;}
.dialysis .doc-tit {margin-bottom: 75px;}
.dialysis .cnt01 .doc-tit p {margin-top: 62px;}
.dialysis .cnt02 {background-position:top center; background-size:contain;}
.dialysis .process .col {max-width: 882px; margin: 0 auto;}
.dialysis .process .col .row:nth-child(3):before {display: none;}
.dialysis .process .col .row:nth-child(n+3) {margin-bottom: 0;}
.dialysis .time {padding: 152px 0 147px;}
.dialysis .management .col .row {width:33.333%;}
.dialysis .management .inner .txt-box b {display: block; font-size: 26px; font-weight: 600; line-height: 1.4em; color: #fff; margin-bottom: 17px;}
.dialysis .management .inner .txt-box p {opacity: 0.7;} 

/* sub 03 01 */
.prostate .sub-title .img-box {background-image: url('../img/sub/prostate.jpg');}
.prostate .cnt {padding:160px 0 180px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.cause {background-color:#f6f6f6;}
.cause .col {display:flex; margin:0 -30px;}
.cause .col .row {width:33.3333333%; padding:0 30px;}
.cause .inner {background:#fff; height:100%;}
.cause .inner .txt-box {padding:46px 10px 55px; text-align:center;}
.cause .inner .txt-box h5 {font-size:26px; line-height:1.4em; color:#111; font-weight:600; margin-bottom:14px;}
.cause .inner .txt-box p {font-size:20px; line-height:1.6em; color:#666;}
.prostate .cnt02 {background-color:#fff;}
.prostate .cnt02 .col {display:flex; flex-wrap:wrap; margin:0 -30px -60px;}
.prostate .cnt02 .col .row {width:33.3333333%; padding:0 30px; margin-bottom:60px;}
.prostate .cnt02 .inner {display:block; height:280px; border:1px solid #ddd; position:relative; padding: 53px 60px 56px;}
.prostate .cnt02 .inner p {font-size:20px; line-height:1.6em; color:#666; margin-bottom:6px;}
.prostate .cnt02 .inner h5 {font-size:32px; line-height:1.4em; color:#111; font-weight:600;}
.prostate .cnt02 .inner .icon {position:absolute; bottom:40px; right:50px;}
.treatment {background-image:url('../img/sub/prostate03bg.jpg');}
.treatment .doc-tit {margin-bottom: 0;}
.prostate .cnt05 {background-image:url('../img/sub/prostate05bg.jpg');}
.prostate .cnt05 .col {display:flex; justify-content:center; flex-wrap:wrap; margin:0 -17px -34px; position:relative; z-index:1;}
.prostate .cnt05 .col .row {padding:0 17px; margin-bottom:34px;}
.prostate .cnt05 .inner {width:260px; height:260px; border:1px solid #20407f; border-radius:50%; text-align:center; padding:46px 20px 20px; background:#fff;}
.prostate .cnt05 .row:last-child .inner {background:#20407f;}
.prostate .cnt05 .inner span {display:block; font-size:14px; font-weight:600; color:#20407f; line-height:1.8em; margin-bottom:16px;}
.prostate .cnt05 .row:last-child .inner span {color:rgba(255,255,255,0.2);}
.prostate .cnt05 .inner p {font-size:18px; line-height:1.6em; color:#666;}
.prostate .cnt05 .row:last-child .inner p {color:#fff;}
.prostate .cnt06 {padding:150px 0; background-image:url('../img/sub/prostate06bg.jpg');}
.prostate .cnt06 .txt-box {text-align:center; color:#fff;}
.prostate .cnt06 .txt-box .icon {margin-bottom:18px;}
.prostate .cnt06 .txt-box h4 {font-size:40px; line-height:1.2em; font-weight:600; margin-bottom:32px;}
.prostate .cnt06 .txt-box p {font-size:22px; line-height:1.4em; opacity:0.8;}
.management {background-image:url('../img/sub/prostate07bg.jpg');}
.management .col {display:flex; margin:0 -30px;}
.management .col .row {width:25%; padding:0 30px;}
.management .inner {height:100%; border-bottom:1px solid rgba(255,255,255,0.3);}
.management .inner .txt-box {padding:32px 10px; text-align:center;}
.management .inner .txt-box p {font-size:20px; line-height:1.6em; color:#fff;}

.myoma {padding-top: 150px;}
.myoma .sub-title .img-box {background-image: url('../img/sub/myoma.jpg');}
.myoma .cnt {padding:160px 0 180px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.cause-type02 {background-color:#f6f6f6;}
.cause-type02 .col {display:flex; flex-wrap:wrap; margin:0 -30px -60px;}
.cause-type02 .col .row {width:50%; padding:0 30px; margin-bottom:60px;}
.cause-type02 .inner {height:100%; background:#fff; display:flex;}
.cause-type02 .inner .img-box {width:100%; max-width:280px; height: 100%;}
.cause-type02 .inner .img-box img {height: 100%;}
.cause-type02 .inner .txt-box {width:1%; flex:1 1 auto; padding:46px 60px;}
.cause-type02 .inner .txt-box h5 {font-size:26px; line-height:1.3em; color:#111; font-weight:600; margin-bottom:20px;}
.cause-type02 .inner .txt-box p {font-size:20px; line-height:1.6em; color:#666;}
.myoma .cnt02 {background-color:#fff;}
.myoma .cnt02 .col {display:flex; margin:0 -30px;}
.myoma .cnt02 .col .row {width:33.333333%; padding:0 30px;}
.myoma .cnt02 .inner {border:1px solid #ddd; padding:56px 60px; position:relative; min-height:360px; height: 100%;}
.myoma .cnt02 .inner h5 {font-size:32px; line-height:1.3em; color:#111; font-weight:600; margin-bottom:20px;}
.myoma .cnt02 .inner p {font-size:20px; line-height:1.6em; color:#666;}
.myoma .cnt02 .inner .icon {position:absolute; bottom:54px; right:54px;}
.myoma .cnt03 {background-image:url('../img/sub/myoma03bg.jpg');}
.process {background-image:url('../img/sub/myoma05bg.jpg');}
.process .col {display:flex; justify-content:center; flex-wrap:wrap; margin:0 -17px -34px; position:relative; z-index:1;}
.process .col .row {position: relative; padding:0 17px; margin-bottom:50px;}
.process .col .row:before {content:''; width:34px; height:1px; border-top:1px dashed #20407f; position:absolute; top:50%; right:-17px; z-index:-1;}
.process .col .row:last-child:before {display: none;}
.process .inner {width:260px; height:260px; border:1px solid #20407f; border-radius:50%; text-align:center; padding:46px 20px 20px; background:#fff;}
.process .row:last-child .inner {background:#20407f;}
.process .inner span {display:block; font-size:14px; font-weight:600; color:#20407f; line-height:1.8em; margin-bottom:10px;}
.process .row:last-child .inner span {color:rgba(255,255,255,0.2);}
.process .inner p {font-size:18px; line-height:1.6em; color:#666;}
.process .row:last-child .inner p {color:#fff;}
.process .inner p strong {font-weight:600; color:#20407f;}
.process .row:last-child .inner p strong {color:#fff;}
.time {background-image:url('../img/sub/myoma06bg.jpg');}
.myoma .time {padding: 183px 0 145px;}
.time .txt-box {text-align:center; color:#fff;}
.time .txt-box .icon {margin-bottom:20px;}
.time .txt-box h4 {font-size:40px; line-height:1.2em; font-weight:600; margin-bottom:32px;}
.time .txt-box p {font-size: 22px; line-height: 1.4em; color: #fff; opacity: 0.8;}
.myoma .cnt07 {background-image:url('../img/sub/myoma07bg.jpg');}
.myoma .cnt07 .col {display:flex; flex-wrap:wrap; margin:0 -30px -60px;}
.myoma .cnt07 .col .row {width:50%; padding:0 30px; margin-bottom:60px;}
.myoma .cnt07 .inner {height:100%; border-bottom:1px solid rgba(255,255,255,0.3);}
.myoma .cnt07 .inner .txt-box {padding:24px 10px; text-align:center; display:flex; justify-content:center; align-items:center; min-height:130px;}
.myoma .cnt07 .inner .txt-box p {font-size:20px; color:#fff; line-height:1.6em;}

/* sub 03 02 */
.varicocele .sub-title .img-box {background-image: url('../img/sub/varicocele.jpg');}
.varicocele .cnt {padding:160px 0 180px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.varicocele .cnt02 .doc-tit {margin-bottom: 0;}
.varicocele .cnt03 {background: url('../img/sub/varicocele03bg.jpg') no-repeat center center/cover;}
.varicocele .cnt03 .col {display: flex; margin: 0 -30px;}
.varicocele .cnt03 .row {position: relative; width: 33.3333%; padding: 0 30px;}
.varicocele .cnt03 .row:after {position: absolute; top: 50%; right: -10px; margin-top: -10px; content: ''; width: 19px; height: 21px; background-image: url('../img/sub/varicocele03-arrow.png'); background-repeat: no-repeat; background-position: center center;}
.varicocele .cnt03 .row:last-child:after {display: none;}
.varicocele .cnt03 .inner {position: relative; height: 100%; background: #fff;}
.varicocele .cnt03 .txt-box {text-align: center; padding: 40px 10px 45px;}
.varicocele .cnt03 .txt-box p {font-size: 22px; line-height: 1.59em; color: #666;}
.varicocele .cnt03 .txt-box p strong {font-weight: 600; color: #111;}
.varicocele .cnt03 .text p {font-size: 22px; line-height: 1.59em; color: #666; text-align: center; margin-top: 70px;}
.varicocele .cnt06 .doc-tit > span {margin-bottom: 43px;}
.varicocele .cnt06 .doc-tit h4 br.mob-only {display: none;}
.varicocele .cnt06 .doc-tit h4 span {position: relative; font-weight: 700; padding-top: 6px;}
.varicocele .cnt06 .doc-tit h4 span:before {position: absolute; top: 0; left: 50%; margin-left: -3px; content: ''; width: 5px; height: 5px; background: #fff; border-radius: 50%;}
.varicocele .cnt06 .wrap {display: flex; align-items: center;}
.varicocele .cnt06 .img-box {max-width: 687px; width: 100%; margin-right: 100px;}
.varicocele .cnt06 .check-list {width: 1%; flex: 1 1 auto;}
.varicocele .cnt06 .check-list li {position: relative; font-size: 20px; line-height: 1.6em; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 32px 10px 32px 40px;}
.varicocele .cnt06 .check-list li:last-child {border-bottom: none;}
.varicocele .cnt06 .check-list li:before {position: absolute; top: 36px; left: 0; content: ''; width: 25px; height: 21px; background-image: url('../img/sub/varicocele06-checkbox.png'); background-repeat: no-repeat; background-position: left center;}

.pelvic {padding-top: 150px;}
.pelvic .sub-title .img-box {background-image: url('../img/sub/pelvic.jpg');}
.pelvic .cnt {padding:160px 0 180px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.pelvic .cnt02 {background-color:#fff;}
.pelvic .cnt02 .col {display:flex; flex-wrap: wrap; margin: -40px -30px;}
.pelvic .cnt02 .col .row {width:33.333333%; padding: 40px 30px;}
.pelvic .cnt02 .inner {border:1px solid #ddd; padding:56px 60px; position:relative; min-height:340px; height: 100%;}
.pelvic .cnt02 .inner h5 {font-size:32px; line-height:1.3em; color:#111; font-weight:600; margin-bottom:15px;}
.pelvic .cnt02 .inner p {font-size:20px; line-height:1.6em; color:#666;}
.pelvic .cnt02 .inner .icon {position:absolute; bottom:63px; right:60px;}
.pelvic .cnt03 {background: #fbfbfb;}
.pelvic .cnt03 .col {display: flex; flex-wrap: wrap; margin: -40px -30px;}
.pelvic .cnt03 .row {width: 25%; padding: 40px 30px;}
.pelvic .cnt03 .inner {min-height: 315px; height: 100%; border: 1px solid #ddd; padding: 58px 48px; text-align: center;}
.pelvic .cnt03 .inner b {display: block; font-size: 26px; font-weight: 600; line-height: 1.4em; color: #20407f; margin-bottom: 15px;}
.pelvic .cnt03 .inner p {font-size: 20px; line-height: 1.6em; color: #666;}

/* sub 03 03 */
.plantar .cnt {padding:160px 0 180px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.plantar .doc-tit > span {margin-bottom: 40px;}
.plantar .cnt01 {padding: 0 0;}
.plantar .cnt01 .img-box {width: 100%; height: 420px; background: url('../img/sub/plantar01.jpg') no-repeat center center/cover;}
.plantar .management .col {flex-wrap: wrap; margin: -30px;}
.plantar .management .col .row {width:33.3333%; padding: 30px;}

/* sub 04 01 */
.varicose .sub-title .img-box {background-image: url('../img/sub/varicose.jpg');}
.varicose .cnt {padding:160px 0 180px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.varicose .cnt01 .col {display: flex; flex-wrap: wrap; margin: -30px;}
.varicose .cnt01 .row {width: 33.333%; padding: 30px;}
.varicose .cnt01 .inner {height: 100%; border: 1px solid #ddd;}
.varicose .cnt01 .inner h5 {font-size: 26px; font-weight: 600; line-height: 1.4em; color: #000; text-align: center; padding: 42px 10px;}
.varicose .cnt02 {background: #f6f6f6;}
.varicose .cnt02 .col {display: flex; margin: -30px;}
.varicose .cnt02 .row {width: 33.333%; padding: 30px;}
.varicose .cnt02 .inner {height: 100%; background: #fff; padding-top: 60px; text-align: center;}
.varicose .cnt02 .icon {margin-bottom: 35px;}
.varicose .cnt02 .inner h5 {font-size: 26px; font-weight: 600; line-height: 1.3em; color: #000; margin-bottom: 17px;}
.varicose .cnt02 .inner > p {font-size: 20px; line-height: 1.6em; color: #666; padding: 0 10px;}
.varicose .cnt02 .color-box {position: relative; display: flex; justify-content: center; align-items: center; height: 113px; background: #20407f; margin-top: 32px;}
.varicose .cnt02 .color-box:before {position: absolute; top: -1px; left: 50%; margin-left: -14px; content: ''; width: 28px; height: 16px; background: url('../img/sub/varicose02-arrow.png') no-repeat center top;}
.varicose .cnt02 .color-box p {font-size: 20px; line-height: 1.4em; color: #fff; text-align: center;}
.varicose .cnt03 .doc-tit {margin-bottom: 50px;}
.varicose .cnt03 dl {display: flex; width: 100%; margin-bottom: 40px;}
.varicose .cnt03 dl:last-child {margin-bottom: 0;}
.varicose .cnt03 dt {display: flex; justify-content: center; align-items: center; width: 320px; font-size: 32px; font-weight: 600; color: #fff; background: #20407f;}
.varicose .cnt03 dd {display: flex; align-items: center; width: calc(100% - 320px); min-height: 150px; font-size: 20px; line-height: 1.6em; color: #666; background: #fff; padding: 30px 80px 30px 60px;}
.varicose .cnt04 .doc-tit > span {width: 225px;}
.varicose .overview {padding-bottom: 0;}
.varicose .cnt05 .img-box {height: 617px; background: url('../img/sub/varicose05.jpg') no-repeat center center/cover;}
.varicose .advantage {background: #f6f6f6;}
.varicose .advantage .col {display: flex; margin: -30px;}
.varicose .advantage .row {width: 25%; padding: 30px;}
.varicose .advantage .inner {display: flex; flex-direction: column; justify-content: space-between; min-height: 300px; height: 100%; background: #fff; padding: 60px;}
.varicose .advantage .inner p {font-size: 20px; line-height: 1.6em; color: #666;}
.varicose .advantage .inner .icon {text-align: right;}
.varicose .treatment .doc-tit {margin-bottom: 70px;}
.varicose .treatment ol {display: flex; margin: -30px;}
.varicose .treatment ol li {position: relative; width: 25%; padding: 30px;}
.varicose .treatment ol li:after {position: absolute; top: 50%; right: -7px; margin-top: -8px; content: ''; width: 13px; height: 15px; background: url('../img/sub/varicose07-arrowpng.png') no-repeat center center;}
.varicose .treatment ol li:last-child:after {display: none;}
.varicose .treatment ol li .inner {height: 100%; background: #fff;}
.varicose .treatment ol li .text-box {position: relative; min-height: 145px; padding: 60px 20px 30px;}
.varicose .treatment ol li .text-box .num {position: absolute; top: -25px; left: 50%; margin-left: -25px; width: 50px; line-height: 50px; background: #20407f; font-family: 'montserrat'; font-size: 16px; font-weight: 700; color: #fff; text-align: center;}
.varicose .treatment ol li .text-box p {font-size: 20px; line-height: 1.6em; color: #666; text-align: center;}
.varicose .cnt08 .img-box {height: 615px; background: url('../img/sub/varicose08.jpg') no-repeat center center/cover;} 
.varicose .cnt10 ol li {width: 33.333%;}
.varicose .cnt10 ol li .text-box {min-height: 160px; padding: 60px 70px 30px;}

/* sub 05 01 */
.care .sub-title .img-box {background-image: url('../img/sub/care.jpg');}
.care .cnt {padding:160px 0 180px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.care .cnt01 {padding-bottom: 0;}
.care .cnt01 .img-box,
.care .cnt02 .img-box,
.care .cnt04 .img-box {display: flex; justify-content: center; align-items: center; width: 100%; height: 490px; background: #f6f6f6; text-align: center; padding: 20px 30px;}
.care .treatment .doc-tit {margin-bottom: 70px;}
.care .cnt03 .col,
.care .cnt05 .col {display: flex; margin: -30px;}
.care .cnt03 .row,
.care .cnt05 .row {width: 33.3333%; padding: 30px;}
.care .cnt03 .inner, 
.care .cnt05 .inner {height: 100%; background: #fff;}
.care .cnt03 .txt-box, 
.care .cnt05 .txt-box {display: flex; justify-content: center; align-items: center; min-height: 120px; padding: 20px 10px;}
.care .cnt03 .txt-box p, 
.care .cnt05 .txt-box p {font-size: 20px; line-height: 1.6em; color: #666; text-align: center;}
.care .management .col {flex-wrap: wrap; margin: -30px;}
.care .management .col .row {width: 50%; padding: 30px;}