@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

#wrapper {overflow:hidden;}

.doc-tit {margin-bottom:15px;}
.doc-tit h3 {position:relative; font-size:26px; color:#000; font-weight:700; letter-spacing:-.05em; line-height:1.538em; padding-left:20px;}
.doc-tit h3:before {position:absolute; content:""; width:8px; height:21px; background:#1f9b85; border-radius:5px; top:50%; margin-top:-11.5px; left:0;}

.doc-txt {font-size:20px; line-height:1.5em; color:#555; letter-spacing:-.05em;}

.table01 {width:100%; font-family: 'Noto Sans KR','Open Sans',AppleGothic,helvetica,sans-serif; border-collapse:collapse; border-spacing:0px; font-size:18px; color:#fff; background:#fff; border-top:2px solid #a7a4b4;}
.table01 th {color:#000; text-align:center; font-size:18px; padding:15px 10px; background:#fdfcfc; font-weight:700; line-height:1.333em; letter-spacing:-.04em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 td {padding:11px 15px; text-align:center; color:#555; border:1px solid #dfdfdf; line-height:1.750em; font-size:18px; letter-spacing:-.01em;}
.table01.type02 td {padding:10px 5px;}
.table01 td .tt {font-size:18px; letter-spacing:-.04em; line-height:1.111em; margin-top:7px; min-height:40px;}
.table01 td.center {text-align:left; padding-left:30px;}
.table01 .radiobox label:before {margin:0;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}


.greetings {display:flex; justify-content:space-between;}
.greetings .txt-box h3 {font-family: 'Cafe24Ssurround'; font-size:30px; font-weight:700; letter-spacing:-.05em; line-height:1.5em; color:#2787a7;}
.greetings .txt-box h3 strong {color:#27a6a7;}
.greetings .txt-box .txt {font-size:18px; font-weight:500; letter-spacing:-.05em; color:#010101; line-height:1.667em; margin-top:30px;}
.greetings .txt-box .sign {font-size:18px; color:#555; letter-spacing:-.05em; line-height:1.667em; font-weight:700; text-align:right;}
.greetings .txt-box .sign span img {margin-left:15px;}

.history {background:#eff0f7; padding:0 55px; border-radius:15px; padding-top:60px;}
.history ul li {display:flex; align-items:center; padding:40px 0; border-bottom:1px dashed #4d4f51; padding-left:50px;}
.history ul li:last-child {border-bottom:0; padding-bottom:130px;}
.history ul li:nth-child(2) .history-list {margin-top:10px;}
.history ul li:nth-child(3) .history-list {margin-top:40px;}
.history ul li .circle {display:flex; align-items:center; justify-content:center; font-family: 'Cafe24Ssurround'; font-size:43px; color:#fff; font-weight:700; min-width:173px; height:170px; text-align:center; background:#6269ae; border-radius:50%; margin-right:55px;} 
.history ul li .circle.font {font-size:28px;}
.history ul li:nth-child(even) .circle {background:#e997c5;}
.history ul li dl {display:flex; margin-bottom:10px; align-items:flex-start;}
.history ul li dl dt {font-family:'Noto Sans KR',sans-serif; font-size:20px; font-weight:700; color:#000; letter-spacing:-.05em; min-width:170px; line-height:1.3em;}
.history ul li dl dd {font-size:18px; color:#555; letter-spacing:-.05em; line-height:1.333em;}
.history .history-list .txt {font-size:24px; color:#555; letter-spacing:-.05em; line-height:1.667em; font-weight:700;}
 
.organization .img {text-align:center;}

.guide {padding-bottom:45px; border-bottom:1px dashed #ddd; margin-top:-35px;}
.guide ul {margin-bottom:-20px;}
.guide ul li {display:flex; align-items: center; margin-bottom:20px;}
.guide ul li .tit {font-family: 'Cafe24Ssurround'; font-size:30px; font-weight:700; letter-spacing:-.05em; border-radius:15px; min-width:280px; color:#0e739e; background:#d0e8f3; letter-spacing:-.05em; height:76px; line-height:76px; text-align:center; margin-right:25px;}
.guide ul li:nth-child(2) .tit {background:#d1f3e9; color:#1fa17a;}
.guide ul li:nth-child(3) .tit {background:#feecf2; color:#dc809c;}
.guide ul li .txt {font-size:26px; font-weight:600; color:#454545; letter-spacing:-.025em;}

.service-wrap .sb-tit {font-family: 'Cafe24Ssurround'; font-size:30px; color:#000; font-weight:700; letter-spacing:-.05em; line-height:1.5em; text-align:center; margin:85px 0 70px;}
.service-wrap ul {display:flex; margin:0 -25px;}
.service-wrap ul li {width:25%; text-align:center; padding:0 25px;}
.service-wrap ul li .tit {position:relative; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; color:#555; margin-top:35px; background:#f4f4f4; height:43px; border-radius:20px; margin-bottom:20px;}
.service-wrap ul li .tit:before {position:absolute; content:""; width:16px; height:24px; background:url('../images/sub/sb-next.png')50% 50% no-repeat; background-size:contain; right:-32px; top:50%; margin-top:-12px;}  
.service-wrap ul li:last-child .tit:before {display:none;}
.service-wrap ul li .list {display:inline-flex; flex-direction:column; font-size:18px; font-weight:600; color:#777; letter-spacing:-.05em; line-height:1.667em;}
.service-wrap ul li .list p {text-align:left;}

.location-tit {font-family: 'Cafe24Ssurround'; font-size:30px; font-weight:700; color:#6269ae; letter-spacing:-.05em; line-height:1.5em; margin-top:50px;}
.location dl {display:flex; margin-top:20px;}
.location dl dt {min-width:175px; font-size:24px; color:#555; font-weight:700; letter-spacing:-.025em; }
.location dl dt img {margin-right:15px;}
.location dl dd {font-size:24px; color:#555; letter-spacing:-.025em; line-height:1.3em;}

.root_daum_roughmap {width:100% !important; height:540px !important;}
.root_daum_roughmap .wrap_map {height:540px !important;}

.management .management-box {display: flex; flex-direction: column; justify-content: center; min-height:220px; background:#e4f0f9; border-radius:15px; padding:40px 0 40px 60px; margin-bottom:70px;}
.management .management-box h3 {font-family: 'Cafe24Ssurround'; font-size:40px; color:#2284d8; font-weight:700; letter-spacing:-.05em; line-height:1.3em; margin-bottom:8px;}
.management .management-box .tit {font-size:24px; font-weight:700; letter-spacing:-.05em; color:#333; line-height:1.667em;}
.management .management-list {border:1px solid #ddd; border-radius:15px; padding-left:45px; padding-bottom:40px; margin-bottom:70px;} 
.management .management-list .lg-tit-wrap {margin-top:-25px;} 
.management .management-list .lg-tit {display:inline-flex; align-items:center; justify-content:center; height:55px; background:#75b3e8; border-radius:30px; padding:0 40px; margin-bottom:40px;} 
.management .management-list .lg-tit h4 {font-family: 'Cafe24Ssurround'; font-size:26px; font-weight:700; letter-spacing:-.05em; color:#fff; text-align:center;}
.management .management-list dl {position:relative; display:flex; margin-bottom:15px; padding-left:25px; margin-left:20px;}
.management .management-list dl:before {position:absolute; content:""; width:15px; height:15px; background:url('../images/sub/dot1.jpg')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-7.5px; left:0;}
.management .management-list dl dt {width:60px; font-size:20px; color:#000; letter-spacing:-.025em; line-height:1.3em; font-weight:700;}
.management .management-list dl dd {font-size:20px; color:#000; letter-spacing:-.025em; line-height:1.3em;}

.characteristic .cnt {margin-bottom:45px;}
.characteristic .management .management-box {background:transparent; background-repeat:no-repeat; background-position:right;/*  background:#daf1e4; */}
.characteristic .management .management-box.height {min-height:254px; background-position:right;}
/* .characteristic .management .management-box.height.pt {padding-top:10px;} */
.characteristic .management .management-box.heights {min-height:231px; background-position:right;}
.characteristic .management .management-box h3 {color:#1f9b85;}
.characteristic-list ul {display:flex; flex-wrap:wrap; margin-bottom:-25px; margin-left:-35px;}
.characteristic-list ul li {width:calc(33.3333% - 35px); margin-left:35px; margin-bottom:25px; border:1px solid #ddd; border-radius:15px; text-align:center; padding:60px 0 45px 0;}
.characteristic-list ul li:nth-child(4),
.characteristic-list ul li:nth-child(5) {width:calc(50% - 35px);}
.characteristic-list ul li .tit {font-size:24px; font-weight:700; color:#000; letter-spacing:-.05em; line-height:1.250em; margin:15px 0 10px;}
.characteristic-list ul li .txt {font-size:20px; color:#555; letter-spacing:-.05em; line-height:1.5em;}

.characteristic-wrap {border:1px solid #ddd; border-radius:15px; margin-top:70px; padding:0 20px; padding-bottom:40px;}
.characteristic-wrap ul {display:flex;}
.characteristic-wrap ul li {width:20%; text-align:center;}
.characteristic-wrap .characteristic-wd li {width:33.3333%;}
.characteristic-wrap .characteristic-wd li .b-tit {font-size:20px; font-weight:700; color:#000; letter-spacing:-.05em; margin-top:10px; line-height:1.5em;}
.characteristic-wrap ul li .tit {font-size:20px; letter-spacing:-.05em; line-height:1.5em; margin-top:10px;}
.characteristic-wrap .characteristic-tit-wrap {margin-top:-25px;}
.characteristic-wrap .characteristic-tit-wrap .characteristic-tit {display: inline-flex;align-items: center;justify-content: center; height: 51px; background: #1f9b85; border-radius: 30px;padding: 0 40px;margin-bottom: 40px;}
.characteristic-wrap .characteristic-tit-wrap .characteristic-tit h4 {font-size:24px; font-weight:700; letter-spacing:-.05em; color:#fff; text-align:center;}

.heal-list ul {display:flex; margin-left:-40px;}
.heal-list ul li {display:flex; flex-direction:column; justify-content:center; width:calc(25% - 40px); margin-left:40px; border:1px solid #ddd; border-radius:20px; min-height:220px; text-align:center;}
.heal-list ul li .tit {font-size:20px; color:#000; letter-spacing:-.05em; line-height:1.3em; margin-top:15px; font-weight:500;}

.symptom ul {display:flex; margin-left:-40px;}
.symptom ul li {display:flex; flex-direction:column; padding-top:30px; align-items:center; width:calc(50% - 40px); margin-left:40px; border:1px solid #ddd; border-radius:15px; text-align:center; min-height:600px;}
.symptom.height ul {margin-left:-35px; margin-bottom:-30px; flex-wrap:wrap;}
.symptom.height ul li {width:calc(33.3333% - 35px); margin-left:35px; margin-bottom:30px; min-height:460px;}
.symptom.height.min ul li {min-height:380px; padding-bottom:50px;}
.symptom.height.min ul li .tit {font-size:24px;}
.symptom ul li .tit {font-size:20px; font-weight:700; color:#000; letter-spacing:-.05em; line-height:1.5em; margin:25px 0 10px;}
.symptom ul li .symptom-list {display:inline-flex; flex-direction:column; text-align:left; min-height:200px;}
.symptom ul li .symptom-list p {font-size:18px; letter-spacing:-.05em; line-height:1.650em; padding-left:0.4em; text-indent:-0.4em; margin-bottom:5px;}

.symptom-list ul {display:flex; flex-wrap:wrap; margin-left:-20px; margin-bottom:-20px;}
.symptom-list ul li {display:flex; align-items:center; width:calc(50% - 20px); margin-left:20px; margin-bottom:20px; border-radius:20px; border:1px solid #ddd; min-height:130px;}
.symptom-list ul li .circle {margin:0 20px 0 40px; display:flex; flex-direction:column; justify-content:center; min-width:70px; height:70px; background:#5ac3b0; border-radius:50%; font-size:24px; font-weight:700; letter-spacing:-.05em; text-align:center; color:#fff;}
.symptom-list ul li:nth-child(2) .circle {background:#f5a956;}
.symptom-list ul li:nth-child(3) .circle {background:#66c9ee;}
.symptom-list ul li:nth-child(4) .circle {background:#e978c2;}
.symptom-list ul li .txt {font-size:19px; letter-spacing:-.05em; line-height:1.5em;}
.symptom-list-box {display:flex; align-items:center; margin-top:40px; border:1px solid #ddd; border-radius:20px; min-height:100px; padding-left:45px;}
.symptom-list-box h4 {font-size:24px; font-weight:700; letter-spacing:-.05em; line-height:1.250em; background:#93a1d6; height:60px; line-height:58px; color:#fff; text-align:center; padding:0 40px; border-radius:30px;}
.symptom-list-box .txt {font-size:20px; letter-spacing:-.05em; line-height:1.5em; padding-left:20px;}

.step {margin-top:50px;}
.step ul {display:flex; margin-left:-25px;}
.step ul li {display:flex; flex-direction:column; align-items:center; width:calc(25% - 25px); margin-left:25px; border:1px solid #ddd; border-radius:20px; text-align:center; min-height:210px; padding:0 28px;}
.step.wd ul {margin-left:-30px;}
.step.wd ul li {display:flex; flex-direction:column; padding-bottom:30px; justify-content:space-between; width:calc(33.3333% - 30px); margin-left:30px; min-height:470px;}
.step.wd ul li .num {margin-top:20px; margin-bottom:10px;}
.step.wd ul li .txt {line-height:1.650em; margin-bottom:10px; min-height:165px;}
.step.wd ul li .txt-box {padding:0 25px; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; letter-spacing:-.05em; color:#1f9b85; line-height:1.364em; min-height:110px; background:#daf1e4; border-radius:15px; }
.step.wd ul li:nth-child(2) .txt-box {color:#e6a26b; background:#fff3e9;}
.step ul li .num {display:flex; justify-content:center; align-items:center; margin:0 auto; font-size:30px; letter-spacing:-.05em; background:#1f9b85; border-radius:50%; width:66px; height:66px; text-align:center; color:#fff; font-weight:700; margin-top:-33px; margin-bottom:30px;}
.step ul li:nth-child(2) .num {background:#e6a26b;}
.step ul li:nth-child(3) .num {background:#f67070;}
.step ul li:nth-child(4) .num {background:#f55d28;}
.step ul li .tit {font-size:22px; font-weight:700; letter-spacing:-.05em; color:#000; line-height:1.818em;}
.step ul li .txt {font-size:18px; color:#555; letter-spacing:-.10em; line-height:1.300em; display:inline-flex; text-align:left; flex-direction:column; margin-top:10px; padding:0 10px;}
.step ul li .txt p {padding-left:0.5em; text-indent:-0.5em; letter-spacing:-.03em;}

.diagnosis {display:flex; background-repeat:no-repeat; min-height:170px; margin-bottom:50px; padding-left:35px; align-items:center; background-position:right;}
.diagnosis .txt-box {font-size:20px; font-weight:600; color:#333; letter-spacing:-.03em; line-height:1.5em; padding-left:30px;}
.diagnosis .txt-box span {font-weight:900;}
.diagnosis-tit {font-size:20px; font-weight:600; color:#333; letter-spacing:-.03em; line-height:1.5em; margin-bottom:10px;}

.residence-txt {margin-bottom:15px;}
.info-txt {font-size:18px; color:#555; letter-spacing:0; line-height:1.3em; margin-bottom:10px;}
 
.table-responsive .radiobox label {margin-right:0;}

.diagnosis-txt {font-size:24px; color:#555; line-height:1.3em; font-weight:700; letter-spacing:-.04em; margin-bottom:15px;}

.result-list ul {margin-bottom:-25px;}
.result-list ul li {overflow:hidden; position:relative; display:flex; border:1px solid #ddd; border-radius:15px; margin-bottom:25px; min-height:185px; align-items:center; background:#fff;}
.result-list ul li:before {position:absolute; content:""; top:45px; right:60px; width:208px; height:182px; background:url('../images/sub/diagnosis-ico.png')50% 50% no-repeat; background-size:contain;}
.result-list ul li .result-wrap {min-width:220px; text-align:center;}
.result-list ul li .result-wrap p {font-size:20px; color:#000; letter-spacing:-.03em; line-height:1.3em; margin-bottom:5px;}
.result-list ul li .result-wrap .lg-tt {font-size:40px; color:#c75c7c; font-weight:700; letter-spacing:-.03em; margin-top:15px;}
.result-list ul li .num-wrap {font-size:20px; color:#d1ac91; letter-spacing:-.03em; margin-bottom:5px; font-weight:700; letter-spacing:-.03em; }
.result-list ul li .tt {font-size:24px; letter-spacing:-.03em; color:#000; font-weight:700; line-height:1.250em;}
.result-list ul li .tt p {font-size:20px; margin-top:5px;} 
.result-list ul li .txt-box {position:relative; padding-left:40px;}
.result-list ul li .txt-box:before {position:absolute; content:""; width:1px; height:127px; background:#ddd; top:50%; margin-top:-63.5px; left:0;}

.diagnosis-list {margin-bottom:10px;}
.diagnosis-list ul li {font-size:18px; color:#555; letter-spacing:-.04em; line-height:1.667em;}
.diagnosis-s-tit {font-size:16px; color:#999; letter-spacing:-.04em; line-height:1.3em; margin-top:10px;} 

.agency-wrap {margin-bottom:80px;}
.agency-wrap.last {margin-bottom:0;}
.agency-tit {font-family: 'Cafe24Ssurround'; font-size:30px; font-weight:700; letter-spacing:-.05em; color:#333; line-height:; margin-bottom:10px;}
.agency-tit span img {margin-right:7px;}

.consulting {display:flex; background:#fdf6e7; overflow:hidden; min-height:305px; align-items:flex-end; padding-left:90px;}
.consulting .ico {margin-bottom:-100px;}
.consulting .txt-box {text-align:center; padding-left:70px; margin-bottom:40px;}
.consulting .txt-box .tit {font-size:20px; color:#000; font-weight:700; letter-spacing:-.03em; line-height:1.3em; margin-bottom:45px;}
.consulting .txt-box .btn {display:block; margin:0 auto; font-size:20px; border-radius:50px; font-weight:700; color:#000; letter-spacing:0; width:300px; background:#fff; height:70px; line-height:68px;}
.consulting .txt-box .btn span img {vertical-align:middle; margin-right:8px;}

.buttons-flex {display:flex; justify-content:center;}
.buttons-flex .btn-pack.focus.colorss {background:#f46161; border-color:#f46161;}

.application .application-tit {font-size:26px; font-weight:700; color:#000; letter-spacing:-.03em; line-height:1.3em; margin-bottom:20px;}
.application .application-txt {font-size:18px; font-weight:500; color:#000; letter-spacing:-.03em; line-height:1.111em; margin-bottom:10px;}


.buttons-flexes {display:flex; justify-content:center;}
.buttons-flexes .buttons:last-child {background:#454545;}
.buttons-flexes .buttons:last-child .btn-pack.focus {background:#454545; border-color:#454545; max-width:180px;}


.btn-flex {text-align:center; margin-top:30px;}
.button {display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 60px;}



.table-list h3 {display:flex; align-items:center; justify-content:space-between; height:70px; border-top:1px solid #000; border-bottom:1px solid #ddd; padding:0 20px;}
.table-list h3 .txt-box {display:flex;}
.table-list .date {font-size:18px; font-weight:500; letter-spacing:0; color:#717b7b;}
.table-list .num {font-size:18px; font-weight:500; letter-spacing:0; color:#717b7b;}
.table-wrap {padding-top:70px; padding-left:80px; padding-bottom:60px; border-bottom:1px solid #ddd;}
.table-wrap dl {display:flex; margin-bottom:15px;}
.table-wrap dl dt {font-size:18px; font-weight:700; color:#000; letter-spacing:0; width:250px;}
.btn-wrap {text-align:center; margin-top:45px}
.btn-wrap .btn {font-size:20px; font-weight:700; letter-spacing:-.03em; font-weight:700; line-height:65px; color:#fff; width:180px; height:65px; background:#979797; display:block; margin:0 auto; border-radius:10px;}

.col-btn {background:#f46161; color:#fff; text-align:center; width:178px; height:60px; line-height:60px; border-radius:10px; font-size:20px; font-weight:700;}

.heart-bg {margin-bottom:140px; display:flex; flex-direction:column; justify-content:space-between; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; border-radius:50px; text-align:center; min-height:680px; padding:40px 0;}
.heart-bg h3 {font-family: 'Cafe24Ssurround'; font-size:25px; color:#242424; letter-spacing:-.05em; line-height:1.600em;}
.heart-bg h4 {font-family: 'Cafe24Ssurround'; font-size:30px; color:#242424; letter-spacing:-.05em; line-height:1.333em;}
.heart-bg h4 span {color:#ee7ba2;}
.heart-bg h4 span:last-child {color:#3fae6c;}
.heart-bg .img {margin:45px 0 30px;}
.heart-bg .txt {font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.556em;}

.doc-tits {text-align:center; margin-bottom:70px;}
.doc-tits.mg {margin-bottom:25px;}
.doc-tits h3 {font-family: 'Cafe24Ssurround'; font-size:30px; color:#6269ae; letter-spacing:-.05em; line-height:1.3em;}

.character {margin-bottom:90px;}
.character .character-list {margin-bottom:140px;}
.character .character-list ul {display:flex; justify-content:space-around;}
.character .character-list ul li {padding:; text-align:center;}
.character .character-list ul li .tit {font-family: 'Cafe24Ssurround'; font-size:30px; font-weight:700; letter-spacing:-.05em; line-height:1.333em; color:#ee7ba2; margin-top:20px; margin-bottom:10px;}
.character .character-list ul li:last-child .tit {color:#19b78d;}
.character .character-list ul li .txt {}

.picture-list {margin-bottom:140px;}
.picture-list ul {display:flex;}
.picture-list ul li {position:relative; min-height:425px; width:33.3333%; text-align:center;}
.picture-list ul li:nth-child(2) {margin-top:25px;}
.picture-list ul li:nth-child(3) {margin-top:70px;}
.picture-list ul li .download {margin-top:30px; display:block; position:absolute; bottom:0; left:50%; margin-left:-65px;}

.infor {font-size:18px; color:#454545; letter-spacing:-.05em; line-height:1.556em; text-align:center;}