@charset "utf-8";

.doc-sub-tit {color:#c2abec; font-size:22px; font-weight:600; line-height:1.4em; letter-spacing:-.04em; margin-bottom:23px;}

.hr-line {border-bottom:1px solid #dfdfdf; margin:120px 0;}

.dot-list > li {position:relative; padding-left:15px; margin-bottom:6px;}
.dot-list > li:last-child {margin-bottom:0;}
.dot-list > li:before {content:""; position:absolute; top:11px; left:0; width:6px; height:6px; background:#ccc; border-radius:100%;}
.dot-list.text-gray-small > li {color:#878787; font-size:14px; line-height:1.6em; margin-bottom:8px;}
.dot-list.text-gray-small > li:before {top:6px;}

.num-list > li {position:relative; padding-left:37px; margin-bottom:22px; color:#878787; font-size:14px; line-height:1.714em; letter-spacing:-.03em;}
.num-list > li:last-child {margin-bottom:0;}
.num-list > li .num {position:absolute; top:0; left:0; width:26px; height:26px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:500; line-height:1.3em; letter-spacing:0; background:#878787; border-radius:100%;}
.num-list > li strong {font-weight:500; color:#2c2c2c;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em; margin-bottom:6px;}
.hypen-list > li:last-child {margin-bottom:0;}

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #505050; line-height:1.625em; letter-spacing:-.04em;}
.table-style table th {padding:20px 20px; border:1px solid #dfdfdf; background:#f9f9f9; font-size:1.125em; line-height:1.6em; font-weight:500; color:#2c2c2c;}
.table-style table th .en {font-weight:400; color:#505050; font-size:0.889em; letter-spacing:-.03em; line-height:1.6em;}
.table-style table td {padding:20px 20px; border:1px solid #dfdfdf; color:#505050; font-weight:400;}
.table-style table td.left {padding-left:30px; padding-right:30px;}
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;}
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;}

.gray-text {color:#878787; font-size:22px; font-weight:400; line-height:1.6em; letter-spacing:-.04em; margin-bottom:40px;}

.greetings {position:relative; margin-bottom:80px; border:10px solid #f4f4f4; background:url("../images/sub/greeting_bg.png") right -39px center no-repeat; border-radius:20px;}
.greetings:before {content:""; position:absolute; top:-10px; right:-10px; bottom:-10px; width:calc(50% + 10px); border:10px solid #f5b1d1; border-left:0; border-radius:0 20px 20px 0;}
.greetings:after {content:""; position:absolute; bottom:-10px; right:50%; width:150px; border-bottom:10px solid #f5b1d1;}
.greetings .cnt {position:relative; width:65%; max-width:670px; padding:82px 0 73px 80px; color:#505050; font-size:18px; line-height:1.667em; font-weight:300; letter-spacing:-.04em; z-index:2;}
.greetings .cnt .tit {margin-bottom:30px; color:#2c2c2c; font-size:46px; font-weight:200; line-height:1.391em; letter-spacing:-.04em;}
.greetings .cnt .tit .c1 {font-weight:500; color:#f5b1d1;}
.greetings .cnt .tit .c1 span {position:relative;}
.greetings .cnt .tit .c1 span:before {content:""; position:absolute; top:-6px; left:50%; width:6px; height:6px; margin-left:-3px; background:#f5b1d1; border-radius:100%;}
.greetings .cnt .tit .c2 {font-weight:500; color:#c2abec;}
.greetings .cnt .txt {margin-bottom:20px;}
.greetings .cnt .name {color:#2c2c2c; margin-top:40px;}
.greetings .cnt .name strong {font-weight:600;}
.greetings .img {position:absolute; bottom:0; right:9%; z-index:2;}

.representative-history {color:#505050; font-weight:300; line-height:1.5em; letter-spacing:-.04em;}
.representative-history h3 {color:#f5b1d1; font-size:34px; font-weight:600; line-height:1.3em; letter-spacing:-.04em; margin-bottom:30px;}
.representative-history .row {display:flex; flex-wrap:wrap; margin:0 -20px;}
.representative-history .col {width:33.3333333%; padding:0 20px;}
.representative-history ul li {position:relative; padding-left:17px; margin-bottom:17px;}
.representative-history ul li:before {content:""; position:absolute; top:7px; left:0; width:6px; height:6px; background:#ccc; border-radius:100%;}
.representative-history ul li strong {color:#2c2c2c; font-weight:500;}

.introduction-top-img {text-align:center; padding:0 10px; margin-bottom:100px;}

.introduction-cnt-1 {display:flex; align-items:center; color:#505050; font-size:18px; line-height:1.667em; font-weight:300; letter-spacing:-.04em; margin-bottom:150px;}
.introduction-cnt-1 .cnt {width:60%; padding-right:5%;}
.introduction-cnt-1 .cnt h3 {color:#f5b1d1; font-size:34px; font-weight:600; line-height:1.3em; letter-spacing:-.04em; margin-bottom:25px;}
.introduction-cnt-1 .cnt p {margin-top:17px;}
.introduction-cnt-1 .img {width:40%; text-align:center;}

.introduction-cnt-2 {text-align:center; margin-bottom:80px; color:#2c2c2c; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.introduction-cnt-2 .row {display:flex;}
.introduction-cnt-2 .col {width:25%; padding:0 15px; border-left:1px solid #dfdfdf;}
.introduction-cnt-2 .col:first-child {border-left:0;}
.introduction-cnt-2 .col img {display:block; margin:0 auto 20px;}

.introduction-cnt-3 {text-align:center;}
.introduction-cnt-3 .row {display:flex; margin:0 -10px;}
.introduction-cnt-3 .col {width:25%; padding:0 10px;}
.introduction-cnt-3 dl:before {content:""; display:block; position:relative; margin:-10px auto 17px; width:2px; height:40px; background:#f5b1d1;}
.introduction-cnt-3 dt {color:#2c2c2c; font-size:22px; font-weight:600; line-height:1.3em; letter-spacing:-.04em; margin-bottom:5px;}
.introduction-cnt-3 dd {color:#505050; font-weight:300; line-height:1.4em; letter-spacing:-.04em;}

.location-wrap {display:flex; justify-content:space-between; font-size:18px; font-weight:300; line-height:1.667em; letter-spacing:-.04em;}
.location-wrap .map-area {width:calc(50% - 5px); position:relative;}
.location-wrap .cnt-area {width:calc(50% - 5px); color:#fff;}
.location-wrap .root_daum_roughmap {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
.location-wrap .root_daum_roughmap .wrap_map {position:absolute; top:0; left:0; width:100% !important; height:100% !important; border:1px solid #dfdfdf; border-radius:20px 0 0 20px; overflow:hidden;}
.location-wrap .root_daum_roughmap .map_border {display:none !important;}
.location-wrap .root_daum_roughmap .wrap_controllers {display:none !important;}
.location-wrap h3 {font-size:30px; font-weight:800; line-height:1.3em; letter-spacing:-.04em; margin-bottom:25px;}
.location-wrap h3 img {vertical-align:middle; margin:-.2em 20px 0 0;}
.location-wrap .cnt1 {padding:65px 50px; background:url("../images/sub/loc_bg.jpg") 100% 0 no-repeat; background-size:cover; border:1px solid #dfdfdf; border-radius:0 20px 0 0; margin-bottom:10px;}
.location-wrap .cnt1 .tel {font-size:40px; font-weight:600; line-height:1em; letter-spacing:-.04em;}
.location-wrap .cnt1 .line {margin:35px 0; height:1px; background:#fff; opacity:.3;}
.location-wrap .cnt1 .hour {font-size:20px; font-weight:500; line-height:1.5em; margin-bottom:30px;}
.location-wrap .cnt1 .hour dl {display:flex; margin-bottom:15px;}
.location-wrap .cnt1 .hour dl:last-child {margin-bottom:0;}
.location-wrap .cnt1 .hour dt {width:152px; font-weight:600;}
.location-wrap .cnt1 .hour dd {flex:1 1 auto; min-width:0; width:1%;}
.location-wrap .cnt1 .etc {opacity:.8;}
.location-wrap .cnt2 {padding:48px 50px; background:#2c2c2c; border:1px solid #dfdfdf; border-radius:0 0 20px 0;}
.location-wrap .cnt2 .addr {margin-bottom:15px; font-size:20px; line-height:1.5em; font-weight:600;}

.slideshow {max-width:1000px; margin:0 auto;}
.slideshow .slider {position:relative; border:1px solid #dfdfdf; border-radius:20px; overflow:hidden; margin-bottom:10px;}
.slideshow .thumbs {overflow:hidden;}
.slideshow .thumbs .items {margin:0 -5px;}
.slideshow .thumbs .slick-slide {padding:0 5px;}
.slideshow .thumbs .item {position:relative; border-radius:10px; overflow:hidden;}
.slideshow .thumbs .item:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #dfdfdf; border-radius:10px;}
.slideshow .thumbs .item img {display:block; opacity:.5;}
.slideshow .thumbs .slick-current .item:after {border:2px solid #f5b1d1}
.slideshow .thumbs .slick-current .item img {opacity:1;}

.sub-top-img {padding:0 10px; margin-bottom:120px;}
.sub-top-img .box {display:flex; align-items:center; max-width:1720px; height:500px; margin:0 auto; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border-radius:20px;}
.sub-top-img .box.bg1 {background-image:url("../images/sub/aging2_top_img.jpg");}
.sub-top-img .box.bg2 {background-image:url("../images/sub/aging1_top_img.jpg");}
.sub-top-img .box.bg3 {background-image:url("../images/sub/aging3_top_img.jpg");}
.sub-top-img .box.bg4 {background-image:url("../images/sub/checkup1_top_img.jpg");}
.sub-top-img .box.bg5 {background-image:url("../images/sub/pregnant1_top_img.jpg");}
.sub-top-img .box.bg6 {background-image:url("../images/sub/checkup2_top_img.jpg");}
.sub-top-img .box.bg7 {background-image:url("../images/sub/checkup3_top_img.jpg");}
.sub-top-img .box.bg8 {background-image:url("../images/sub/checkup4_top_img.jpg");}
.sub-top-img .t1 {color:#878787; font-size:16px; font-weight:300; line-height:1.6em; letter-spacing:-.04em; margin-bottom:2px;}
.sub-top-img .t2 {color:#2c2c2c; font-size:50px; font-weight:600; line-height:1.4em; letter-spacing:-.04em;}
.sub-top-img .t3 {color:#505050; font-size:20px; font-weight:400; line-height:1.6em; letter-spacing:-.04em; margin-top:12px;}
.sub-top-img .t4 {position:relative; display:inline-block; padding:0 2px; color:#2c2c2c; font-size:14px; font-weight:400; line-height:1.6em; letter-spacing:-.04em; margin-top:18px;}
.sub-top-img .t4 span {position:relative;}
.sub-top-img .t4:before {content:""; position:absolute; bottom:0; left:-3px; right:-3px; height:13px; background:#f5b1d1; opacity:.5;}

.sub-top-heading {text-align:center; margin-bottom:80px;}
.sub-top-heading h2 {color:#2c2c2c; font-size:32px; font-weight:600; line-height:1.4em; letter-spacing:-.04em; margin-bottom:32px;}
.sub-top-heading p {color:#505050; font-size:18px; font-weight:300; line-height:1.778em; letter-spacing:-.04em;}
.sub-top-heading p strong {font-weight:500;}
.sub-top-heading .bar {margin:40px auto 32px; width:60px; height:2px; background:#f5b1d1}
.sub-top-heading:after {content:""; display:block; margin:32px auto 0; width:60px; height:2px; background:#f5b1d1}

.sub-top-heading.type2:after {display:none;}

.sub-top-box {padding:42px; margin-bottom:80px; font-size:30px; line-height:1.5em; letter-spacing:-.04em; border:10px solid #f4f4f4; text-align:center; border-radius:10px;}
.sub-top-box strong {font-weight:600;}

.sub-cnt {display:flex; color:#505050; font-weight:300; line-height:1.875em; letter-spacing:-.04em; margin-bottom:100px;}
.sub-cnt > .left {width:32.12%; padding-right:30px;}
.sub-cnt > .right {flex:1 1 auto; min-width:0; width:1%;}
.sub-cnt h3 {position:relative; padding-left:20px; color:#2c2c2c; font-size:26px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.sub-cnt h3:before {content:""; position:absolute; top:4px; left:0; width:3px; height:25px; background:#f5b1d1;}
.sub-cnt:last-child {margin-bottom:0;}

.checklist ul {display:flex; flex-wrap:wrap; margin:-9px -20px;}
.checklist ul li {position:relative; width:calc(50% - 40px); margin:9px 20px; padding-left:27px;}
.checklist ul li:before {content:""; position:absolute; top:4px; left:0; width:19px; height:19px; background:url("../images/sub/check.png") 50% 50% no-repeat;}
.checklist ul li strong {font-weight:500; color:#2c2c2c;}
.checklist .etc {color:#c2abec; font-weight:600; margin-top:22px;}
.checklist.mg {margin-bottom:50px;}

.graph-wrap .axis {color:#ccc; font-size:18px; font-weight:600; line-height:1.3em; letter-spacing:-.04em;}
.graph-wrap .axis.y {margin-bottom:9px;}
.graph-wrap .axis.x {margin-top:9px; text-align:right;}
.graph-wrap .legend {display:flex; justify-content:center;}
.graph-wrap .serie {margin:0 15px; display:flex; align-items:center; color:#000; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.graph-wrap .serie .marker {width:30px; height:5px; margin:0 10px 1px 0;}

.vaccine-list {border-top:2px solid #505050; overflow:hidden; text-align:center; font-weight:400; line-height:1.5em;}
.vaccine-list ul {margin-right:-1px; display:flex; flex-wrap:wrap;}
.vaccine-list ul li {display:flex; align-items:center; justify-content:center; flex-direction:column; width:33.33333333%; padding:17px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}

.symptom-list ul {display:flex; flex-wrap:wrap; justify-content:center; margin:-5px;}
.symptom-list ul li {width:calc(25% - 10px); height:170px; margin:5px; display:flex; flex-direction:column; justify-content:center; color:#505050; line-height:1.5em; font-weight:500; border:1px solid #dfdfdf; border-radius:10px; text-align:center;}
.symptom-list ul li:before {content:""; display:block; margin:0 auto 15px; width:28px; height:28px; background:url("../images/sub/check2.png") 50% 50% no-repeat;}