@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.color333 {color:#333 !important;}
.color-1 {color:#014190 !important;}
.color-2 {color:#cf0000 !important;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.fz18 {font-size:18px;}
.fz20 {font-size:20px;}
.fz22 {font-size:22px;}

.doc-cnt100 {margin-bottom:100px;}

.greeting {display:flex;}
.greeting .col-r {margin-left:125px; flex:1;}
.greeting .col-r .top {font-size:30px; padding-bottom:20px; margin-bottom:30px; position:relative; border-bottom:1px solid #ddd; color:#2c2c2c; letter-spacing:-.03em; font-weight:600; line-height:1.4em;}
.greeting .col-r .top:after {width:190px; position:absolute; content:''; bottom:-1px; left:0; background-color:#014190; height:1px;}
.greeting .col-r .top span {color:#014190;}
.greeting .col-r p {margin-bottom:30px; line-height:1.63em;}
.greeting .col-r p:last-child {margin-bottom:0;}
.greeting .col-r p.last {margin-top:45px; font-weight:500; color:#2c2c2c;}
.greeting .col-r p.last .name {font-size:26px; padding-left:10px; letter-spacing:-.03em; font-weight:600;}

.doctor {display:flex;}
.doctor .cont {padding-left:100px; flex:1;}
.doctor .name {font-size:35px; margin-bottom:35px; padding:25px 0 20px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; border-bottom:1px solid #ddd;}
.doctor .flex {display:flex;}
.doctor .item {width:50%;}
.doctor:last-child .name {border-bottom:0;}
.doctor .tit {margin-bottom:15px; font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.doctor li {margin-bottom:10px; padding-left:20px; line-height:1.4em; position:relative;}
.doctor li:last-child {margin-bottom:0;}
.doctor li:before {position:absolute; content:'•'; top:0; left:10px;}

.local {margin:40px -15px 0; display:flex; text-align:center;}
.local .group {padding:0 15px; flex:1 281px; max-width:281px; width:1%;}
.local .group:last-child {flex:1 421px; max-width:421px;}
.local .box {padding-top:53px; min-height:277px; border:1px solid #ddd; border-radius:10px;}
.local .tit {font-weight:600; margin:32px 0 12px;}
.local ul {margin-top:35px;}
.local ul li {margin-bottom:12px; display:flex; line-height:1.3em;}
.local ul li:last-child {margin-bottom:0;}
.local ul li span {width:110px; text-align:center; letter-spacing:.1em;}
.local ul li p {flex:1; text-align:left;}
.local .last .box {padding-top:40px; color:#fff; border:none; background:linear-gradient(160deg, rgba(1,54,119,1) 0%, rgba(139,162,195,1) 92%); }
.local .last .tit {margin:0 !important;}

.sub-top {height:150px; line-height:1.6em; display:flex; align-items:center; justify-content:center; background-color:#fff; border:5px solid #d0d8e1; text-align:center; color:#333; background-repeat:no-repeat; background-position:98% 100%;}
.sub-top.type2 {padding-left:40px; text-align:left; justify-content:normal; color:#454545;}

.doc-tit {font-size:24px; margin-bottom:25px; padding-left:45px; font-weight:600; color:#333; letter-spacing:-.03em; line-height:1.3em; position:relative;}
.doc-tit:before {width:28px; height:28px; left:0; top:2px; background-image:url('../images/sub/doctit.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.table table {border-collapse:collapse; width:100%;}
.table table th {text-align:center; font-weight:600; color:#333;}
.table-1 th {padding:15px 10px; border:1px solid #ddd; border-bottom:0; background-color:#e5ecf4;}
.table-1 td {padding:47px 10px; border:1px solid #ddd; border-top:0; text-align:center;}

.table-2 table {border-top:1px solid #242424;}
.table-2 th {border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.table-2 td {border-bottom:1px solid #ddd; padding:16px 10px 16px 22px;}

.boder-left {border-left:1px solid #ddd;}

.tablet-block {display:none;}

.top-wrap {padding:300px 100px 0; text-align:center; background-repeat:no-repeat;}
.top-wrap .box {padding-top:75px; background-color:#fff;}
.top-wrap p {line-height:1.556em;}

.s-tit {margin-bottom:30px; font-weight:600; z-index:100; display:inline-block; position:relative;}
.s-tit:after {position:absolute; content:''; bottom:0; left:0; right:0; z-index:-1; height:15px; background-color:#ccd9e9;}

.sub-bgc {padding:95px 0; background-color:#f2f5f9;}

.disease-list {text-align:center;}
.disease-list .tit {font-size:26px; font-weight:600;}
.disease-list ul {display:flex; margin:50px -12px 0;}
.disease-list ul li {padding:0 12px; width:11.1111%;}
.disease-list ul li .item {height:110px; display:flex; align-items:center; justify-content:center; font-weight:600; background-color:#fff; border-radius:100%; box-shadow:1px 3px 10px rgba(0,0,0,.15);}

.clinic-list ul {display:flex; margin:0 -23px; justify-content:center;}
.clinic-list li {padding:0 23px;}
.clinic-list .in {position:relative;}
.clinic-list .txt {width:110px; height:110px; align-items:center; justify-content:center; display:flex; position:absolute; bottom:0; right:0; color:#fff; font-weight:600;}
.clinic-list li:nth-child(odd) .txt {background-color:rgba(64,107,161,.85);}
.clinic-list li:nth-child(even) .txt {background-color:rgba(1,65,144,.85);}

.clinic-list.big ul {justify-content:space-between}
.clinic-list.big .txt {width:180px; height:180px;}
.clinic-list.big p {margin-top:35px; line-height:1.556em;}

.clinic2 {display:flex;}
.clinic2 .s-tit {margin-bottom:40px;}
.clinic2 .col {width:50%;}
.clinic2 .col-r {padding:55px 20px 20px 60px; background-color:#f8f8f8;}
.clinic2 .fz20 {margin-bottom:25px; line-height:1.5em;}
.clinic2 p {margin-bottom:17px; line-height:1.625em;}
.clinic2 p:last-child {margin-bottom:0;}

.clinic2.type2 .col {width:auto;}
.clinic2.type2 .col-r {flex:1;}

.precautions {margin-top:35px;}
.precautions ul {display:flex; margin:15px -20px 0;}
.precautions ul li {padding:0 20px; width:33.3333%;}
.precautions ul li .item {height:120px; border-radius:10px; align-items:center; justify-content:center; font-weight:500; color:#333; line-height:1.625em; text-align:center; display:flex;}
.precautions ul.bg1 .item {background-color:#f7f0f7;}
.precautions ul.bg2 .item {background-color:#ecf0f5;}
.precautions ul.bg3 .item {background-color:#f1f8f6;}

.checkup {margin:0 -20px; text-align:center; display:flex;}
.checkup li {padding:0 20px; width:33.3333%;}
.checkup li .item {border:1px solid #ddd; border-top:0;}
.checkup li .item .tit {height:60px; font-weight:600; display:flex; align-items:center; justify-content:center; color:#fff; background-color:#102035;}
.checkup li .item .cnt {min-height:167px; line-height:1.6em; display:flex; align-items:center; justify-content:center;}

.sap {display:flex;}
.sap .col-r {padding:25px 0 0 60px; flex:1; text-align:center;}
.sap ul {display:flex; flex-wrap:wrap; margin:0 -7px -15px;}
.sap ul li {width:33.3333%; padding:0 7px; margin-bottom:15px;}
.sap ul .item {height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:#fff; box-shadow:1px 3px 10px rgba(0,0,0,.15); border-radius:5px;}
.sap p {margin-top:17px; font-weight:500; color:#333; line-height:1.3em;} 
.sap span {font-size:14px; display:block; line-height:1.2em;}

.sap2 {display:flex;}
.sap2 .col-l .img {width:560px;}
.sap2 .col-r {margin-left:60px; flex:1;}
.sap2 .col-r .pf {padding-left:12px; text-indent:-12px; line-height:1.5em;}
.sap2 .col-r .pf b {font-weight:600; color:#cf0000;}

.treatment-list {font-size:18px; letter-spacing:-.03em;}
.treatment-list li {margin-bottom:40px;}
.treatment-list .box {padding:40px; border-width:2px; border-style:solid; box-shadow:1px 3px 10px rgba(0,0,0,.15); border-radius:10px;}
.treatment-list .ico {margin-bottom:35px;}
.treatment-list .top {margin-bottom:25px;}
.treatment-list .top .tit {font-size:24px; font-weight:600; letter-spacing:-.03em;}
.treatment-list .top p {margin-top:10px;}
.treatment-list .flex {display:flex; align-items:center;}
.treatment-list .flex.last {margin-top:10px;}
.treatment-list .flex p {flex:1; letter-spacing:-.08em;}
.treatment-list .flex .won {line-height:40px; min-width:100px; border-radius:30px; position:relative; font-weight:600; color:#333; text-align:center; display:inline-block;}

.treatment-list li:nth-child(1) .box {border-color:#c267c2;}
.treatment-list li:nth-child(1) .top .tit {color:#c267c2;}
.treatment-list li:nth-child(1) .flex .won {background-color:#f7f0f7;}

.treatment-list li:nth-child(2) .box {border-color:#014190;}
.treatment-list li:nth-child(2) .top .tit {color:#014190;}
.treatment-list li:nth-child(2) .flex .won {background-color:#e5ecf4;}

.treatment-list li:nth-child(3) .box {border-color:#6ac6ac;}
.treatment-list li:nth-child(3) .top .tit {color:#6ac6ac;}
.treatment-list li:nth-child(3) .flex .won {background-color:#f1f8f6;}

.treatment-list li:nth-child(4) .box {border-color:#ffa200;}
.treatment-list li:nth-child(4) .top .tit {color:#ffa200;}
.treatment-list li:nth-child(4) .flex .won {background-color:#ede3d2;}

.treatment-list li:nth-child(5) .box {border-color:#ff695b;}
.treatment-list li:nth-child(5) .top .tit {color:#ff695b;}
.treatment-list li:nth-child(5) .flex .won {background-color:#edd6d4;}

.treatment-list li:nth-child(6) .box {border-color:#91ca0e;}
.treatment-list li:nth-child(6) .top .tit {color:#91ca0e;}
.treatment-list li:nth-child(6) .flex .won {background-color:#e2ebcc;}

.treatment-list li:nth-child(7) .box {border-color:#7d61f2;}
.treatment-list li:nth-child(7) .top .tit {color:#7d61f2;}
.treatment-list li:nth-child(7) .flex .won {background-color:#d9d4ef;}

.prdInf .group {margin-bottom:100px; display:flex;}
.prdInf .group:last-child {margin-bottom:0;}
.prdInf .cnt {margin-left:100px; padding-top:20px; flex:1;}
.prdInf .tit {font-size:28px; padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #ddd; font-weight:600; color:#333; letter-spacing:-.03em;}
.prdInf li {margin-bottom:18px; font-weight:500; line-height:1.444em;}
.prdInf li:last-child {margin-bottom:0;}
.prdInf li.item {padding-left:13px; text-indent:-13px;}