@charset "utf-8";
.mCont {position:relative; padding:80px 0;}
.mCont.padSet {padding:80px 0 0;}
.mCont.bigBnr {width:100%; overflow:hidden; padding:80px 0 0;}
.mCont.gray {background:#F4F4F4;}
.mCont .mConTitle {color:#222; font-size:40px; font-weight:700; margin-bottom:40px; display:flex; justify-content:space-between; align-items:center;}
.mCont .mConTitle a.moreView {color:#222; font-size:16px; display:flex; gap:4px; position:relative; margin:0; width:auto;}
.mCont .mConTitle a.moreView:after {content:''; width:16px; height:16px; background:url(../img/ico_plus.svg) no-repeat 50% 50%; background-size:100%;}

.sortFunc {display:flex; justify-content:flex-end; align-items:center; gap:32px;}
.sortFunc a {display:block; color:#AEAEAE; font-size:16px; font-weight:700;}
.sortFunc a.on {color:#007A8C;}

.flex-column {display:flex; flex-flow:column wrap;}
.flex-column-gap32 {display:flex; flex-flow:column wrap; gap:32px;}
.flex-column-gap60 {display:flex; flex-flow:column wrap; gap:60px;}
.flex-gap32 {display:flex; flex-flow:row wrap; gap:32px; justify-content:flex-start; align-items:center;}
.flex-gap48 {display:flex; flex-flow:row wrap; gap:48px; justify-content:flex-start; align-items:flex-start;}
.flex-gap60 {display:flex; flex-flow:row wrap; gap:60px; justify-content:flex-start; align-items:flex-start;}
.flex-gap80 {display:flex; flex-flow:row wrap; gap:80px; justify-content:flex-start; align-items:flex-start;}
.stretch {align-items:stretch;}
.flex-gap12-stretch {display:flex; gap:12px; align-items:stretch;}
.flex-between {display:flex; justify-content:space-between;}
.flex-between-center {display:flex; justify-content:space-between; align-items:center;}

.mResDoc {display:flex; flex-flow:row wrap; align-items:stretch; gap:32px;}
.resHalfBox {position:relative; width:calc(50% - 16px); background:#FFF; border-radius:16px; padding:32px;}
.resHalfBox.deco:after {content:''; position:absolute; right:32px; top:32px; width:78px; height:78px; background:url(../img/sym_mizmedi.svg) no-repeat 50% 50%; background-size:100%;}
.resHalfBox .title {color:#222; font-size:26px; font-weight:700;}
.resHalfBox .title > a.viewDoctor {color:#777; font-size:16px; color:#777; font-weight:400;}
.resHalfBox .title > a.viewDoctor:after {content:''; display:inline-block; width:8px; height:22px; background:url(../img/ar_tail_g.svg) no-repeat 50% 50%; background-size:100%; vertical-align:-5px; margin-left:4px;}
.resHalfBox .desc {color:#777; font-size:16px; margin-top:16px;}
.resHalfBox .btns {display:flex; align-items:stretch; gap:8px; margin-top:48px;}
.resHalfBox .btns > a {width:calc(50% - 4px); padding:14px 0; border:1px solid #007A8C; border-radius:8px; color:#007A8C; font-size:16px; font-weight:500; text-align:center; transition:.2s all;}
.resHalfBox .btns > a.on {color:#FFF; background:#FD9879; border:1px solid #FD9879;}
.resHalfBox .btns > a.dis {color:#AEAEAE; background:#EFEFEF; border:1px solid #EFEFEF;}
.resHalfBox .searchDoc {display:flex; align-items:center; gap:8px; margin-top:48px; width:100%; max-width:424px; position:relative; z-index:1;}
.resHalfBox .searchDoc input[type="text"] {flex:1 0 auto; height:50px; line-height:50px; border:1px solid #EFEFEF; background:#EFEFEF; border-radius:8px; padding:0 20px; color:#222; font-size:16px;}
.resHalfBox .searchDoc input[type="text"]:focus {border:1px solid #FD9879; background:#FFF;}
.resHalfBox .searchDoc button {width:88px; height:50px; color:#FFF; font-size:16px; background:#FD9879; text-align:center; border-radius:8px;}
.resHalfBox .todayDoc {position:absolute; right:0; bottom:0; width:auto; height:100%;}
.resHalfBox .todayDoc a {display:block; width:100%; height:100%; position:relative;}
.resHalfBox .todayDoc a img {width:auto; height:100%;}
.resHalfBox .todayDoc a .docInfo {position:absolute; right:24px; bottom:32px; text-align:right; color:#222; font-size:18px; font-weight:500;}
.resHalfBox .todayDoc a .docInfo span {display:block; color:#777; font-size:16px;}

.quickTreat {display:flex; justify-content:space-between; align-items:center; padding:26px 40px; background:#007A8C; border-radius:16px; width:100%;}
.quickTreat .txtSec {display:flex; align-items:center; gap:24px;}
.quickTreat .txtSec .title {display:flex; align-items:center; gap:8px; color:#FFF; font-size:30px; font-weight:700; position:relative; flex:0 0 auto;}
.quickTreat .txtSec .title:before {content:''; width:34px; height:34px; background:url(../img/ico_calendar.svg) no-repeat 50% 50%; background-size:100%;}
.quickTreat .txtSec .title:after {content:''; width:8px; height:22px; background:url(../img/ar_tail_w.svg) no-repeat 50% 50%; background-size:100%; display:none;}
.quickTreat .txtSec .desc {color:#FFF; font-size:16px; font-weight:400; line-height:1.3;}
.quickTreat .txtSec .desc span {display:block; color:#CFFAD7;}
.quickTreat .inputSec {position:relative; width:100%; max-width:364px; display:flex; gap:8px; align-items:center;}
.quickTreat .inputSec input[type="text"] {background:#FFF; text-align:center; height:46px; line-height:46px;}
.quickTreat .inputSec input.pName {width:92px;}
.quickTreat .inputSec input.pNum {width:170px;}
.quickTreat .inputSec button {width:88px; height:46px; text-align:center; color:#FFF; font-size:16px; background:#222;}

.bnrSec {position:relative; border-radius:16px;}
.bnrSec a {display:block; position:relative; height:138px;}
.bnrSec a .txtSec {display:flex; align-items:center; padding:0 56px; color:#FFF; font-size:28px; font-weight:700; line-height:1.3; width:50%; height:100%;}
.bnrSec a .imgSec {position:absolute; right:0; bottom:0; width:540px;}

.swiper-container.hosPart {position:relative; padding:0 32px 20px;}
.swiper-container.hosPart .swiper-slide {width:250px;}
.swiper-container.hosPart .swiper-slide,
.swiper-container.hosPart a,
.swiper-container.hosPart img {-webkit-user-drag: none; user-select: none;}

.perPart {position:relative;}
.perPart a {position:relative; display:flex; flex-flow:column wrap; align-items:flex-end; gap:20px; padding:32px 20px; background:#F4F4F4; border:1px solid #E5E5E5; border-radius:16px;}
.perPart a .tSec {width:100%; color:#777;}
.perPart a .tSec .txt {font-size:16px; margin-bottom:6px;}
.perPart a .tSec .partName {font-size:24px; font-weight:700; height:60px; word-break:break-all;}
.perPart a .svgIco {display:block; width:80px; height:80px; color:#777;}

.perPart a.dis {opacity:0.5;}
.perPart a.on {opacity:1.0; border:1px solid #FD9879; background: linear-gradient(222deg, #FFBDAD -16.63%, #EF9678 99.57%); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);}
.perPart a.on .tSec {color:#FFF;}
.perPart a.on .svgIco {color:#FFF;}

.mMyChart {display:flex; flex-flow:row wrap; gap:64px; background:#FFF; border:1px solid #E5E5E5; border-radius:16px; padding:28px 32px 0;}
.mMyChart .perSet {position:relative; flex:1 1 0; padding-bottom:32px;}
.mMyChart .perSet:after {content:''; position:absolute; right:-32px; top:0; width:1px; height:calc(100% - 32px); background:#E5E5E5;}
.mMyChart .perSet:last-child:after {display:none;}
.mMyChart .perSet .mcTitle {display:flex; align-items:center; height:43px; color:#222; font-size:26px; font-weight:700;}
.mMyChart .perSet .myProfile {display:flex; justify-content:space-between; align-items:center; height:43px; background:#007A8C; border-radius:100px; padding:0 20px; color:#FFF; font-size:18px;}
.mMyChart .perSet .myProfile strong {font-size:22px; font-weight:700;}
.mMyChart .perSet .myProfile > a.btnUsrEdit {display:block; width:20px; height:20px; background:url(../img/ico_setting.svg) no-repeat 50% 50%; background-size:100%;}
.mMyChart .perSet .mySchedule {margin-top:16px; padding:0;}
.mMyChart .perSet .mySchedule .title {display:flex; align-items:center; gap:6px; color:#222; font-size:18px; font-weight:700;}
.mMyChart .perSet .mySchedule .title:before {content:''; width:24px; height:24px; background:url(../img/ico_schedule.svg) no-repeat 50% 50%; background-size:100%;}
.mMyChart .perSet .mySchedule .date {color:#777; font-size:18px; font-weight:500; margin-top:8px;}
.mMyChart .perSet .mySchedule .treatDr {color:#777; font-size:16px; margin-top:8px;}
.mMyChart .perSet .mySchedule .treatDr strong {color:#222; font-weight:700;}
.mMyChart .perSet .btns {display:flex; justify-content:flex-end; margin-top:22px; padding:0 20px;}
.mMyChart .perSet .btns > a {display:inline-flex; align-items:center;}
.mMyChart .perSet .btns > a.btnStateRes {gap:4px; color:#777; font-size:16px; font-weight:500;}
.mMyChart .perSet .btns > a.btnStateRes:after {content:''; width:8px; height:22px; background:url(../img/ar_tail_g.svg) no-repeat 50% 50%; background-size:100%;}
.mMyChart .perSet .btns > a.btnStateRes:hover {color:#222;}
.mMyChart .perSet .btns > a.btnStateRes:hover:after {background:url(../img/ar_tail_b.svg) no-repeat 50% 50%; background-size:100%;}
.mMyChart .perSet .drImg {position:absolute; right:0; bottom:0; height:100%;}
.mMyChart .perSet .drImg img {width:auto; height:100%;}
.mMyChart .perSet .reCentDr {margin-top:46px;}
.mMyChart .perSet .reCentDr .part {color:#777; font-size:16px;}
.mMyChart .perSet .reCentDr .drName {color:#222; font-size:26px; font-weight:500; margin-top:4px;}

.mMyChart .perSet.deco:after {}
.mMyChart .perSet.my .mySchedule {padding:0 20px;}
.mMyChart .perSet.deco:before {content:''; position:absolute; right:0; bottom:32px; width:78px; height:78px; background:url(../img/sym_bi.svg) no-repeat 50% 50%; background-size:100%;}
.mMyChart .perSet.deco .btns {padding:0; margin-top:24px; justify-content:flex-start;}
.mMyChart .perSet.deco .btns > a.btnTreatPart {min-width:178px; gap:20px; justify-content:space-between; padding:14px 16px; border-radius:8px; border:1px solid #E5E5E5; color:#222; font-size:16px; font-weight:500;}
.mMyChart .perSet.deco .btns > a.btnTreatPart:after {content:''; width:8px; height:22px; background:url(../img/ar_tail_g.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
.mMyChart .perSet.deco .btns > a.btnTreatPart:hover {background:#FD9879; border:1px solid #FD9879; color:#FFF;}
.mMyChart .perSet.deco .btns > a.btnTreatPart:hover:after {background:url(../img/ar_tail_w.svg) no-repeat 50% 50%; background-size:100%;}

.mMyChart .emptyBox {height:220px; display:flex; flex-flow:column wrap; gap:12px; justify-content:center; align-items:center; color:#777; font-size:16px; width:100%;}
.mMyChart .emptyBox a {display:inline-block; padding:12px 26px; background:#007A8C; color:#FFF; font-size:14px; font-weight:500; border-radius:8px;}

.swiper-container.mBnr {overflow:visible;}
.swiper-container.mBnr .swiper-slide {border-radius:16px; overflow:hidden; position:relative;}
.swiper-container.mBnr .swiper-slide a {position:relative; display:block; width:100%; height:100%;}
.swiper-container.mBnr .swiper-slide a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:16px; background:rgba(0, 0, 0, 0.6); transition:.4s all;}
.swiper-container.mBnr .swiper-slide a .txtSec {position:absolute; left:56px; bottom:56px; color:#FFF;}
.swiper-container.mBnr .swiper-slide a .txtSec .txt {font-size:40px; font-weight:700; line-height:1.3;}
.swiper-container.mBnr .swiper-slide a .txtSec .desc {font-size:16px; line-height:1.3; margin-top:16px;}
.swiper-container.mBnr .swiper-slide.swiper-slide-active a:after {background:rgba(0, 0, 0, 0);}
.bnrFunc {position:absolute; right:56px; bottom:56px; display:flex; align-items:center; gap:4px; z-index:10;}
.bnrFunc .pagingGroup {display:flex; padding:4px 6px; background:rgba(0, 0, 0, 0.6); border-radius:100px;}
.bnrFunc .mBnr-prev {display:block; width:20px; height:20px; background:url(../img/dir_rolling.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); flex:0 0 auto; cursor:pointer;}
.bnrFunc .mBnr-next {display:block; width:20px; height:20px; background:url(../img/dir_rolling.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto; cursor:pointer;}
.bnrFunc .swiper-pagination-fraction {font-size:14px; color:#FFF; width:30px; display:flex; justify-content:center; align-items:center; gap:2px;}
.bnrFunc .mBnr-pagination.swiper-pagination-fraction .swiper-pagination-current {color:#FFF;}
.bnrFunc .mBnr-pagination.swiper-pagination-fraction .swiper-pagination-total {color:#FFF;}
.bnrFunc .mBnr-play {width:28px; height:28px; background:url(../img/ico_play.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; cursor:pointer; display:none;}
.bnrFunc .mBnr-pause {width:28px; height:28px; background:url(../img/ico_pause.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; cursor:pointer;}

.treatGuide {display:flex; align-items:stretch; gap:96px; height:170px; padding:0 32px;}
.treatGuide .opTime {width:58%; display:flex; flex-flow:column wrap; justify-content:space-between; position:relative;}
.treatGuide .opTime:after {content:''; position:absolute; right:0; top:0; width:78px; height:78px; background:url(../img/sym_mizmedi.svg) no-repeat 50% 50%; background-size:100%;}
.treatGuide .titleSec {width:100%;}
.treatGuide .tgTitle {color:#222; font-size:26px; font-weight:700;}
.treatGuide .txt {margin-top:16px; display:flex; gap:20px;}
.treatGuide .txt span {display:inline-block; position:relative; color:#777; font-size:18px;}
.treatGuide .txt span:after {content:''; position:absolute; right:-10px; top:50%; transform:translate(0, -50%); width:1px; height:16px; background:#ddd;}
.treatGuide .txt span:last-child:after {display:none;}
.treatGuide .opTime .btns {display:flex; gap:8px;}
.treatGuide .opTime .btns a {display:flex; justify-content:space-between; align-items:center; flex:1 1 0; padding:8px 16px; border:1px solid #E5E5E5; color:#222; font-size:16px; border-radius:8px;}
.treatGuide .opTime .btns a .svgIco {width:8px; height:22px;}
.treatGuide .opTime .btns a:hover {background:#FD9879; border:1px solid #FD9879; color:#FFF;}
.treatGuide .opTime .btns a:hover .svgIco {color:#FFF;}
.treatGuide .opTel {width:calc((100% - 58%) - 96px); display:flex; flex-flow:column wrap; justify-content:space-between; position:relative;}
.treatGuide .opTel:before {content:''; position:absolute; left:-48px; top:0; width:1px; height:100%; background:#E5E5E5;}
.treatGuide .opTel:after {content:''; position:absolute; right:32px; top:0; width:70px; height:70px; background:url(../img/sym_tel.svg) no-repeat 50% 50%; background-size:100%;}
.treatGuide .opTel a {display:flex; align-items:center; gap:14px;}
.treatGuide .opTel a .telTitle {padding:15px 12px; background:#ECF6F4; border-radius:6px; color:#007A8C; font-size:13px; font-weight:700;}
.treatGuide .opTel a em {color:#007A8C; font-size:60px; font-weight:600; line-height:1.0;}

.mBbsSec {display:flex; gap:32px; flex-flow:row wrap;}
.mBbsSec .bigThumb {width:60%; border-radius:16px; border:1px solid #ddd; overflow:hidden;}
.mBbsSec .bigThumb a {display:flex; align-items:flex-end; position:relative; height:100%;}
.mBbsSec .bigThumb a:after {content:''; display:block; height:auto; padding-bottom:55%;}
.mBbsSec .bigThumb a img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.mBbsSec .bigThumb a .txtSec {position:relative; color:#FFF; background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); z-index:10; padding:24px 32px;}
.mBbsSec .bigThumb a .txtSec .cate {display:inline-block; font-size:16px; font-weight:500; margin-bottom:8px;}
.mBbsSec .bigThumb a .txtSec .subject {font-size:40px; font-weight:700; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.mBbsSec .articleList {width:calc(40% - 32px); display:flex; flex-flow:column wrap; gap:16px;}
.mBbsSec .articleList .perArticle {position:relative;}
.mBbsSec .articleList .perArticle a {display:flex; gap:12px;}
.mBbsSec .articleList .perArticle a .thumb {position:relative; border-radius:8px; border:1px solid #ddd; overflow:hidden; width:174px; flex:0 0 auto;}
.mBbsSec .articleList .perArticle a .thumb:after {content:''; display:block; height:auto; padding-bottom:55%;}
.mBbsSec .articleList .perArticle a .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.mBbsSec .articleList .perArticle a .txtSec {position:relative; padding-top:14px;}
.mBbsSec .articleList .perArticle a .txtSec .cate {display:inline-block; color:#007A8C; font-size:16px; font-weight:700; margin-bottom:8px; line-height:1.0;}
.mBbsSec .articleList .perArticle a .txtSec .subject {font-size:16px; font-weight:500; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.bbsList {display:flex; flex-flow:row wrap; gap:32px;}
.bbsList .perItem {flex:1 1 0;}
.bbsList .perItem a {display:block; padding:32px 24px; border-radius:16px; border:1px solid #E5E5E5; height:100%;}
.bbsList .perItem a .cate {display:inline-block; color:#007A8C; font-size:16px; font-weight:700; margin-bottom:8px; line-height:1.0;}
.bbsList .perItem a .subject {color:#222; font-size:18px; font-weight:700; line-height:1.3; height:48px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bbsList .perItem a .desc {color:#777; font-size:16px; font-weight:700; line-height:1.3; height:40px; margin-top:16px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bbsList .perItem a.on {border:1px solid #007A8C; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);}
.bbsList .perItem a.dis .cate {color:#999;}
.bbsList .perItem a.dis .subject {color:#999;}
.bbsList .perItem a.dis .desc {color:#999;}

.mCont .bbsList .perItem {width:calc(25% - 24px);}

.swiper-container.oftenService {padding-bottom:20px;}
.swiper-container.oftenService .swiper-slide {width:132px;}

.os-prev {position:absolute; left:0; top:50%; transform:translate(0, -50%) rotate(180deg); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.os-next {position:absolute; right:0; top:48%; transform:translate(0, -50%); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.swiper-button-disabled {background:url(../img/dir_off.svg) no-repeat 50% 50%; background-size:100%;}
.perOs {position:relative;}
.perOs a {position:relative; display:block; padding:24px 0; background:#FFF; border:1px solid #E5E5E5; border-radius:16px;}
.perOs a .svgIco {display:block; width:54px; height:54px; color:#999; margin:0 auto 9px;}
.perOs a .txt {text-align:center; color:#999; font-size:16px; font-weight:500;}

.perOs a.dis {opacity:0.5;}
.perOs a.on {opacity:1.0; border:1px solid #007A8C; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);}
.perOs a.on .tSec {color:#007A8C;}
.perOs a.on .svgIco {color:#007A8C;}

.loginWrap {position:relative;}
.loginWrap .loginSec {display:flex; flex-flow:row wrap; gap:32px; align-items:stretch; margin-bottom:24px;}
.loginWrap .loginSec .comnBox {width:calc(50% - 16px);}
.loginWrap .loginSec .comnBox.regiKind {justify-content:center;}
.loginWrap .loginSec .func {display:flex; justify-content:space-between; align-items:center; margin-top:16px; width:calc(100% - 162px);}
.loginWrap .loginSec .func label {color:#777; font-size:14px;}
.loginWrap .loginSec .func a {display:inline-block; color:#777; font-size:14px;}
.loginWrap .loginSec .func a:hover {color:#222; text-decoration:underline;}

.loginForm {position:relative; padding-right:162px;}
.loginForm input {display:inline-block; width:100%; height:50px; background:#FFF; padding:0 15px; color:#222; font-size:16px; border:1px solid #E5E5E5;}
.loginForm input:focus {outline:1px solid #007A8C; z-index:10;}
.loginForm .input {position:relative; z-index:1;}
.loginForm .input.is-focus {z-index:10;}
.loginForm .input.id input {border-radius:8px 8px 0 0;}
.loginForm .input.id input[readonly] {background:#f0f0f0;}
.loginForm .input.id input[readonly]:focus {outline:none;}
.loginForm .input.pw {margin-top:-1px;}
.loginForm .input.pw input {border-radius:0 0 8px 8px;}
.loginForm .input .inputDel {position:absolute; right:12px; top:50%; transform:translate(0, -50%); width:24px; height:24px; background:url(../img/ico_del.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; display:none;}
.loginForm button.btnLogin {position:absolute; right:0; top:0; width:146px; height:100%; background:#007A8C; border-radius:8px; text-align:center; color:#FFF; font-size:16px; font-weight:500;}

.regiSns {display:flex; justify-content:center; align-items:center; gap:16px;}
.regiSns a {display:block; width:46px; height:46px;}
.regiSns a.facebook {background:url(../img/sns_regi_fb.png) no-repeat 50% 50%; background-size:100%;}
.regiSns a.kakao {background:url(../img/sns_regi_kakao.png) no-repeat 50% 50%; background-size:100%;}
.regiSns a.naver {background:url(../img/sns_regi_naver.png) no-repeat 50% 50%; background-size:100%;}
.regiSns a.google {background:url(../img/sns_regi_google.png) no-repeat 50% 50%; background-size:100%;}

.comnBox.guide .userBenefit {width:calc(100% - 418px); position:relative;}
.comnBox.guide .userBenefit:after {content:''; position:absolute; right:-40px; top:0; width:1px; height:100%; background:#E5E5E5;}
.comnBox.guide .userBenefit .title {margin-bottom:24px;}
.comnBox.guide .userBenefit .benefitList {display:flex; gap:78px;}
.comnBox.guide .userBenefit .benefitList ul {display:flex; flex-flow:column wrap; gap:20px;}
.comnBox.guide .userBenefit .benefitList ul li {display:block;}
.comnBox.guide .userBenefit .benefitList ul li > a {color:#222; font-size:16px; font-weight:500; position:relative;}
.comnBox.guide .userBenefit .benefitList ul li dl {display:flex; gap:20px; margin-top:10px; padding-left:10px;}
.comnBox.guide .userBenefit .benefitList ul li dl dd {position:relative;}
.comnBox.guide .userBenefit .benefitList ul li dl dd:after {content:''; position:absolute; right:-10px; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#777;}
.comnBox.guide .userBenefit .benefitList ul li dl dd:last-child:after {display:none;}
.comnBox.guide .userBenefit .benefitList ul li dl dd > a {color:#777; font-size:16px; font-weight:500;}
.comnBox.guide .guideBtn {width:338px;}
.comnBox.guide .guideBtn .title {margin-bottom:8px;}
.comnBox.guide .guideBtn .desc {color:#777; font-size:14px; line-height:1.4;}
.comnBox.guide .guideBtn a.btnRegist {display:block; margin-top:16px; padding:14px 0; text-align:center; color:#007A8C; font-size:16px; font-weight:500; border:1px solid #007A8C; border-radius:8px;}

.comnBox.chk {width:100%; max-width:424px; margin:0 auto; padding:56px 40px;}
.comnBox.chk .chkTitle {color:#777; font-size:16px; font-weight:500; line-height:1.3; text-align:center; margin-bottom:32px;}
.comnBox.chk .loginForm {padding:0;}
.comnBox.chk .loginForm button.btnLogin {position:relative; right:unset; top:unset; width:100%; margin-top:24px; padding:14px 0; text-align:center; background:#fff; border:1px solid #007A8C; color:#007A8C;}
.comnBox.chk .loginForm button.btnLogin:hover {background:#007A8C; border:1px solid #007A8C; color:#FFF;}

.comnBox.tight {padding:0 32px;}
.comnBox.marTop {margin-top:30px;}

.regiWrap {position:relative;}
.regiWrap .regiDivision {position:relative; background:#F9F9F9; border-radius:16px; padding:56px 40px; margin-bottom:32px;}
.regiWrap .regiDivision .dvTitle {color:#222; font-size:20px; font-weight:700; text-align:center; margin-bottom:40px;}
.regiWrap .regiDivision .divisionKind {position:relative; display:flex; gap:32px; margin-bottom:40px;}
.regiWrap .regiDivision .divisionKind .comnBox {flex:1 1 0;}
.regiWrap .regiBtn {display:block; width:100%; text-align:center; font-size:16px; font-weight:500; padding:14px 0; border-radius:8px;}
.regiWrap .regiBtn.green {color:#FFF; border:1px solid #007A8C; background:#007A8C;}
.regiWrap .regiBtn.line {color:#007A8C; border:1px solid #007A8C; background:#FFF;}

.regiStep {display:flex; align-items:stretch; border-top:1px solid #ddd; padding-top:20px; margin-bottom:80px;}
.regiStep .perStep {flex:1 1 0; color:#AEAEAE; text-align:center;}
.regiStep .perStep .txt {font-size:14px; margin-bottom:4px;}
.regiStep .perStep .sTitle {font-size:24px; font-weight:600;}
.regiStep .perStep.on .txt {color:#777;}
.regiStep .perStep.on .sTitle {color:#007A8C;}

.cautionList {position:relative;}
.cautionList.marSet {margin-top:32px;}
.cautionList .cauTitle {color:#222; font-size:20px; font-weight:700; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #ddd;}
.cautionList ul {display:flex; flex-flow:column wrap; gap:8px;}
.cautionList ul li {position:relative; color:#222; font-size:16px; font-weight:500; line-height:1.4; padding-left:16px;}
.cautionList ul li:after {content:''; position:absolute; left:5px; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}
.cautionList ul.grayTxt {margin-top:24px;}
.cautionList ul.grayTxt li {color:#777;}
.cautionList ul.grayTxt li:after {background:#777;}

.cautionList.voc .cauTitle {line-height:1.4;}
.cautionList.voc .cusTel {color:#222; font-size:36px; font-weight:300;}
.cautionList.voc .cusTel span {font-size:16px;}
.cautionList.voc .cusTel a {font-weight:700; color:#007A8C;}

.regiFormSec {position:relative;}
.regiFormSec.marSet {margin-bottom:56px;}
.regiFormSec .termBox {position:relative; margin-bottom:40px;}
.regiFormSec .termBox.bbs {margin-top:40px;}
.regiFormSec .termBox.bbs .agree_policy {height:200px;}
.regiFormSec .termBox .termCont {position:relative; background:#f9f9f9; padding:40px; border-radius:16px;}
.regiFormSec .termBox .agreeTxt {display:flex; justify-content:flex-end; align-items:center; margin-top:16px; gap:16px;}
.regiFormSec .termBox .agreeTxt label {color:#222;}
.regiFormSec .domainWrap {flex:1 0 auto; display:flex; position:relative;}
.regiFormSec .domainWrap .emailDomainCustom {position:absolute; left:1px; top:1px; background:#FFF; display:none; z-index:2; border:0;}
.regiForm .inputBlock input[type="text"].emailDomainCustom {max-width:calc(100% - 32px); height:calc(100% - 2px);}
.regiForm .inputBlock input[type="text"].emailDomainCustom:focus {border:1px solid transparent;}
.rfTitle {display:flex; justify-content:space-between; align-items:center; padding:0 10px;}
.rfTitle p {color:#222; font-size:20px; font-weight:500; margin-bottom:16px; display:flex; align-items:center; gap:8px;}
.rfTitle p label {color:#222; font-size:14px; margin-left:10px;}
.rfTitle span {color:#007A8C;}
.rfTitle span.cauTxt {color:#777; font-size:14px; font-weight:500; line-height:1.3;}
.rfTitle .required {color:#777; font-size:14px;}
.rfTitle .required em {color:#FF6200; font-weight:700;}

.agree_guide {height:250px; overflow:hidden; overflow-y:auto;}
.agree_guide > p {font-weight:300; font-size:14px;}
.agree_guide > h4  {margin-top:40px; margin-bottom:10px; color:#000; font-size:16px; font-weight:500;}
.agree_guide > h4:first-of-type  {margin-top:0;}
.agree_guide > ol > li {margin-bottom:10px; padding-left:23px; text-indent:-23px; font-weight:300; line-height:1.4; font-size:14px;}
.agree_guide > ol li ul {overflow:hidden; padding:5px 0;}
.agree_guide > ol li ul > li {position:relative; padding-left:15px; text-indent:0; font-weight:300; line-height:1.4; font-size:14px;}
.agree_guide > ol li ul > li:before {content:'\00B7'; position:absolute; top:0; left:0;}

.agree_policy {font-size:16px; color:#777; line-height:1.4; word-break:keep-all; height:250px; overflow:hidden; overflow-y:auto;}
.agree_policy p {margin:0 0 12px;}
.agree_policy h4 {font-size:18px; color:#222; font-weight:600; margin:30px 0 12px;}
.agree_policy ul {margin:12px 0; padding-left:0px;}
.agree_policy ul li {position:relative; padding-left:12px;}
.agree_policy ul li:after {content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#777; border-radius:50%;}
.agree_policy ol {margin:12px 0; padding-left:0px;}
.agree_policy li {margin-bottom:6px; line-height:1.4;}
.agree_policy li.subTitle {font-weight:700; margin-top:20px;}
.agree_policy .table {margin:20px 0;}
.agree_policy table {width:100%; border-collapse:collapse; font-size:16px; color:#777;}
.agree_policy th {padding:12px 10px; border:1px solid #ddd; vertical-align:top; line-height:1.4; color:#222; font-weight:500; background:#f8f8f8;}
.agree_policy td {padding:12px 10px; border:1px solid #ddd; vertical-align:top; line-height:1.4;}
.agree_policy .labeling-table img {max-width:100%; height:auto;}
.agree_policy > h4 {margin-top:30px;}
.agree_policy > div {margin-top:30px;}
.agree_policy a {color:#006a79; text-decoration:underline;}

.agree_policy .agree_p_right .s_tit {font-size:22px; color:#222; font-weight:600; margin:50px 0 12px;}
.agree_policy .agree_p_right .s_tit:first-child {margin-top:0;}
.agree_policy .agree_p_right h4 + p {margin-top:0;}


.table.style02 {padding-top:20px;}
.table.style02 table {width:100%; text-align:center; border-bottom:1px solid #c7c7c7;}
.table.style02 table thead tr th {height:70px; color:#000; font-weight:500; border-top:2px solid #868686;}
.table.style02 table tbody tr th {padding:20px 0; color:#000; font-weight:500; text-align:center; border-top:1px solid #e8e8e8; line-height:40px}
.table.style02 table tbody tr td {padding:20px 0; font-weight:300; text-align:left; border-top:1px solid #e8e8e8;}
.table.style02 table tbody tr td.align_left {padding:25px 30px; text-align:center;}
.table.style02 table tbody tr:first-child th,
.table.style02 table tbody tr:first-child td {border-top:1px solid #868686;}

.regiOpt {position:relative;}
.regiOpt.marSet {margin-bottom:56px;}

.regiForm {position:relative; border:1px solid #E5E5E5; border-radius:16px; overflow:hidden;}
.regiForm .required {display:inline-block; margin-left:4px; color:#FF6200; font-weight:600;}
.regiForm table colgroup col.item {width:240px;}
.regiForm table th, .regiForm table td {padding:16px 24px; color:#222; font-size:16px; font-weight:500; text-align:left; height:76px; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; position:relative;}
.regiForm table th {background:#F2F8F9;}
.regiForm table th.arTop {vertical-align:top; padding-top:28px;}
.regiForm table td:last-child {border-right:0;}
.regiForm table tr:last-child th, .regiForm table tr:last-child td {border-bottom:0;}
.regiForm table td .txt {color:#777;}
.regiForm table td .txt strong {font-weight:700; color:#222;}
.regiForm table td .pStats {display:inline-block; border-radius:6px; width:auto; height:auto; padding:6px 10px; text-align:center; margin-left:16px; font-size:14px; position:relative; right:unset; bottom:unset;}
.regiForm input[type="text"], .regiForm input[type="password"] {border:1px solid #E5E5E5; height:44px; border-radius:4px; padding:0 16px;}
.regiForm input.inputSubject {width:100%; max-width:100%;}
.regiForm input:focus {border:1px solid #007A8C;}
.regiForm input[readonly] {background:#FFF; border:0; padding:0;}
.regiForm textarea {display:block; width:100%; height:160px; padding:16px; border:1px solid #E5E5E5; background:transparent; border-radius:4px;}
.regiForm table label {margin-right:16px;}
.regiForm table label .required {margin-left:-24px;}
.regiForm input.regiName {width:100%; max-width:344px;}
.regiForm .inputBirth {display:flex; align-items:center; width:100%; max-width:344px; gap:10px;}
.regiForm .inputBirth.wide {max-width:560px;}
.regiForm .inputBirth span {margin-right:10px;}
.regiForm .inputBlock {display:flex; align-items:center; gap:16px; color:#777; font-size:16px; flex-flow:row wrap; width:100%;}
.regiForm .inputBlock input[type="text"] {width:100%; max-width:240px;}
.regiForm .inputBlock input.inputAddress {max-width:calc(50% - 8px);}
.regiForm .inputBlock input.etcReason {margin-left:-16px;}
.regiForm .inputBlock input.inputDate {max-width:180px; background:#FFF url(../img/ico_schedule.svg) no-repeat right 10px center;}
.regiForm .inputBlock input.inputEtc {margin-left:-16px; max-width:560px;}
.regiForm .inputBlock .group {display:flex; align-items:center; color:#777; font-size:16px; gap:16px;}
.regiForm .inputBlock .group > a {padding:12px 24px; border-radius:4px; border:1px solid #007A8C; color:#007A8C; font-size:16px; font-weight:700;}
.regiForm .inputBlock button.btnChk {padding:12px 24px; border-radius:4px; border:1px solid #B2B2B2; background:#B2B2B2; color:#FFF; font-size:16px; font-weight:700;}
.regiForm .inputBlock.address .group {width:100%;}
.regiForm .inputBlock.address .group input[readonly] {border:1px solid #E5E5E5;}
.regiForm .inputBlock .period {display:flex; align-items:center; gap:8px;}
.regiForm .inputBlock label.full {width:100%;}
.regiForm .inputBlock label .cauTxt {display:inline-block; color:#777; font-size:14px; margin-left:-20px;}
.regiForm .inputBlock label .cauTxt em {color:#FD9879; font-weight:700;}
.regiForm .inputBlock.paper {gap:0 16px;}
.regiForm .inputBlock.paper label {height:44px;}
.regiForm .errorTxt {color:#FF6200; font-size:14px; margin-top:8px; font-weight:400;}
.regiForm .attatchFile {display:flex; align-items:center; gap:6px; color:#777; font-size:16px; margin-top:10px;}
.regiForm .attatchFile .btnDel {display:inline-block; width:20px; height:20px; background:#444; border-radius:50%; position:relative; cursor:pointer;}
.regiForm .attatchFile .btnDel:after {content:''; position:absolute; left:50%; top:50%; width:1px; height:12px; background:#FFF; transform:translate(-50%, -50%) rotate(45deg); z-index:1;}
.regiForm .attatchFile .btnDel:before {content:''; position:absolute; left:50%; top:50%; width:1px; height:12px; background:#FFF; transform:translate(-50%, -50%) rotate(-45deg); z-index:1;}
.regiFormSec .btns {display:flex; justify-content:flex-end; align-items:center; margin-top:56px; gap:12px;}
.regiFormSec .btns.arCenter {justify-content:center;}
.regiFormSec .btns.space-between {justify-content:space-between;}
.regiFormSec .btns .group {display:flex; align-items:center; gap:12px;}
.regiFormSec .btns .cauTxt {color:#777; font-size:16px; line-height:1.3; position:relative; padding:0 0 0 24px;}
.regiFormSec .btns .cauTxt:after {content:'*'; position:absolute; left:10px; top:2px;}

.resultRegist {display:flex; justify-content:center; align-items:flex-start; gap:40px; padding:30px;}
.resultRegist .imgSec {width:110px;}
.resultRegist .imgSec .svgIco {color:#075869;}
.resultRegist .txtSec {position:relative;}
.resultRegist .txtSec .welComeTxt {color:#222; font-size:24px; line-height:1.6; font-weight:400;}
.resultRegist .txtSec .welComeTxt strong {font-weight:700;}
.resultRegist .txtSec .myId {color:#007A8C; font-size:20px; font-weight:700; margin:16px 0;}
.resultRegist .txtSec .desc {color:#777; font-size:16px;}

.verifyWrap {position:relative;}
.verifyWrap .btns {position:relative; padding-top:48px; margin-top:48px; border-top:1px solid #ddd; text-align:center;}
.verifyWrap .btns .txt {color:#222; font-size:20px; font-weight:500; margin-bottom:24px;}
.verifyWrap .btns a.btn {width:100%; max-width:338px;}
.verifyCont {display:flex; align-items:stretch; gap:32px;}
.verifyCont .vfTitle {color:#222; font-size:20px; font-weight:500; margin-bottom:16px; padding-left:10px;}
.verifyCont .termBox {position:relative; width:calc(45% - 16px);}
.verifyCont .termBox .termCont {position:relative; background:#f9f9f9; padding:30px 16px 30px 30px; border-radius:16px;}
.verifyCont .termBox .termCont .agree_policy {height:130px;}
.verifyCont .termBox .agreeTxt {display:flex; justify-content:flex-end; align-items:center; margin-top:16px; gap:16px;}
.verifyCont .termBox .agreeTxt label {color:#222;}
.verifyCont .nonMemRes {width:calc(55% - 16px);}
.verifyCont .nonMemRes .txtSec {position:relative;}
.verifyCont .nonMemRes .txtSec .txt {color:#222; font-size:20px; font-weight:700; line-height:1.4;}
.verifyCont .nonMemRes .txtSec .desc {color:#777; font-size:14px; line-height:1.3; margin-top:16px;}
.verifyCont .nonMemRes a.btn {width:100%; max-width:256px;}

.resForm {display:flex; gap:32px; align-items:stretch;}
.resForm .resStepBox {width:calc(68% - 16px); display:flex; flex-direction:column; gap:24px; padding-bottom:120px;}
.resStepBox .stepBox {position:relative; border-radius:16px; border:1px solid #E5E5E5;}
.resStepBox .stepBox .titleSec {display:flex; justify-content:space-between; align-items:center; padding:32px;}
.resStepBox .stepBox .titleSec .title {display:flex; align-items:center; gap:8px; color:#777; font-size:24px; font-weight:700;}
.resStepBox .stepBox .titleSec .title .svgIco {color:#777; width:32px; height:32px;}
.resStepBox .stepBox .titleSec .sort {position:relative; display:none;}
.resStepBox .stepBox .titleSec .sort .in {display:flex; align-items:center; gap:8px;}
.resStepBox .stepBox .titleSec .sort .in a {display:flex; gap:10px; align-items:center; padding:7px 14px; color:#FFF; font-size:14px; background:#71B8C3; border-radius:100px;}
.resStepBox .stepBox .titleSec .sort .in a:before {content:''; width:14px; height:14px; background:url(../img/uico_chk.svg) no-repeat 50% 50%; background-size:100%; opacity:0.8;}
.resStepBox .stepBox .titleSec .sort .in a.on {background:#007A8C;}
.resStepBox .stepBox .titleSec .sort .in a.on:before {opacity:1.0;}

.resStepBox .stepBox .tPartList {position:relative; display:none;}
.resStepBox .stepBox .tPartList .in {padding:32px; display:flex; flex-flow:row wrap; align-items:stretch; gap:16px 14px;}
.resStepBox .stepBox .tPartList .in a {width:calc(25% - 11px); text-align:center; padding:10px 16px; border-radius:100px; color:#777; font-size:16px; font-weight:500;}
.resStepBox .stepBox .tPartList .in a:hover {background:#FD9879; color:#FFF;}
.resStepBox .stepBox .tPartList .in a.on {background:#FD9879; color:#FFF;}

.resStepBox .stepBox .resDocList {display:none; padding:6px;}
.resStepBox .stepBox .resDocList .in {display:flex; flex-direction:column; max-height:640px; overflow-y:auto;}
.resDocList .in .perDoc {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #E5E5E5; padding:0 24px; width:100%;}
.resDocList .in .perDoc .perDocInfo {display:flex; align-items:center; gap:16px; min-width:0; width:calc(100% - 120px);}
.docThumb {width:130px; position:relative; flex:0 0 auto; overflow:hidden;}
.docThumb:after {content:''; display:block; height:auto; padding:0 0 125%;}
.docThumb img {position:absolute; left:50%; transform:translate(-50%, 0); top:16px; width:80%; height:auto;}
.resDocList .in .perDoc .perDocInfo .infoBox {position:relative; min-width:0;}
.resDocList .in .perDoc .perDocInfo .infoBox .drName {display:flex; align-items:center; gap:6px;}
.resDocList .in .perDoc .perDocInfo .infoBox .drName span {color:#222; font-size:20px; font-weight:700;}
.resDocList .in .perDoc .perDocInfo .infoBox .drName > a {display:flex; justify-content:center; align-items:center; gap:4px; color:#777; font-size:12px; padding:4px 12px; border:1px solid #777; border-radius:100px; position:relative;}
.resDocList .in .perDoc .perDocInfo .infoBox .drName > a:after {content:''; width:8px; height:16px; background:url(../img/ar_tail_g.svg) no-repeat 50% 50%; background-size:auto 100%;}
.resDocList .in .perDoc .perDocInfo .infoBox .drName > a:hover {background:#007A8C; color:#FFF; border:1px solid #007A8C;}
.resDocList .in .perDoc .perDocInfo .infoBox .drName > a:hover:after {background:url(../img/ar_tail_w.svg) no-repeat 50% 50%; background-size:auto 100%;}
.resDocList .in .perDoc .perDocInfo .infoBox .drPart {color:#777; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:8px 0 32px;}
.resDocList .in .perDoc .perDocInfo .infoBox .qTreat {display:flex; align-items:center; gap:8px;}
.resDocList .in .perDoc .perDocInfo .infoBox .qTreat .item {padding:5px 8px; border-radius:4px; color:#075869; font-size:14px; font-weight:700; background:#ECF6F4;}
.resDocList .in .perDoc .perDocInfo .infoBox .qTreat .ipCon {color:#075869; font-size:14px;}

.resStepBox .stepBox .resScheduleBox {display:none;}
.resStepBox .stepBox .resScheduleBox .in {position:relative;}
.resScheduleBox .in > .txt {position:relative; color:#999; font-size:16px; line-height:1.3; display:flex; gap:4px; padding:24px 32px; border-bottom:1px solid #E5E5E5;}
.resScheduleBox .in > .txt:before {content:'*';}
.resScheduleBox .in > .txt br {display:none;}
.resScheduleBox .in > .txt em {color:#007A8C; font-weight:700;}

.resScheduleBox .in .calendarTime {display:flex; gap:32px; padding:32px 30px; align-items:flex-start;}
.resScheduleBox .in .calendarTime .calendarBox {width:calc(64% - 16px);}
.resScheduleBox .in .calendarTime .calendarBox.full {width:100%;}
.resScheduleBox .in .calendarTime .calendarBox .calHead {display:flex; justify-content:space-between; align-items:center; margin-bottom:28px;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .moveMonth {display:flex; gap:4px; align-items:center;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .moveMonth a.dir {display:block; width:24px; height:24px;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .moveMonth a.dir.prev {background:url(../img/dir_calendar.svg) no-repeat 50% 50%; transform:rotate(180deg);}
.resScheduleBox .in .calendarTime .calendarBox .calHead .moveMonth a.dir.next {background:url(../img/dir_calendar.svg) no-repeat 50% 50%;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .moveMonth .currentMonth {text-align:center; color:#222; font-size:20px; font-weight:700;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .legend {display:flex; justify-content:flex-end; align-items:center; gap:16px;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .legend p {display:flex; align-items:center; gap:4px; color:#777; font-size:14px; font-weight:500;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .legend p:before {content:''; width:12px; height:12px; border-radius:50%;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .legend p.today:before {background:#FFF; border:2px solid #8AD2D9;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .legend p.choice:before {background:#FD9879; border:2px solid #FD9879;}
.resScheduleBox .in .calendarTime .calendarBox .calHead .legend p.possible:before {background:#8AD2D9; border:2px solid #8AD2D9;}
.resScheduleBox .in .calendarTime .timeBox {width:calc(36% - 16px);}
.resScheduleBox .in .calendarTime .timeBox .title {color:#222; font-size:20px; font-weight:700; margin-bottom:24px;}
.resScheduleBox .in .calendarTime .timeBox ul {display:flex; flex-flow:row wrap; gap:8px; height:auto; max-height:286px; overflow:hidden; overflow-y:auto; padding-right:10px;}
.resScheduleBox .in .calendarTime .timeBox ul li {display:block; width:calc(50% - 4px);}
.resScheduleBox .in .calendarTime .timeBox ul li a {display:block; color:#777; font-size:14px; font-weight:500; text-align:center; padding:11px 0; border:1px solid #ddd; border-radius:4px;}
.resScheduleBox .in .calendarTime .timeBox ul li a:hover {background:#FD9879; border:1px solid #FD9879; color:#FFF;}
.resScheduleBox .in .calendarTime .timeBox ul li a.on {background:#FD9879; border:1px solid #FD9879; color:#FFF;}

.calendar {position:relative;}
.calendar table col.cDay {width:calc(100% / 7);}
.calendar table th, .calendar table td {border-bottom:1px solid #EFEFEF;}
.calendar table tr:last-child td {border-bottom:0;}
.calendar table th {text-align:center; color:#222; font-size:16px; font-weight:500; padding:8px 0;}
.calendar table td {padding:10px 0;}
.calendar table td .day {display:flex; justify-content:center; align-items:center; color:#777; font-size:16px; font-weight:500; width:32px; height:32px; border-radius:50%; margin:0 auto;}
.calendar table td .day a {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.calendar table td .day.today a {border:2px solid #8AD2D9; border-radius:50%; color:#777;}
.calendar table td .day.choice a {border:2px solid #FD9879; background:#FD9879; border-radius:50%; color:#FFF;}
.calendar table td .day.possible a {border:2px solid #8AD2D9; background:#8AD2D9; border-radius:50%; color:#FFF;}
.calendar table td .day.possible.choice a {border:2px solid #FD9879; background:#FD9879; border-radius:50%; color:#FFF;}

.resStepBox .stepBox.on {border:1px solid #007A8C; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.20);}
.resStepBox .stepBox.on .titleSec {background:#F2F8F9; border-radius:16px 16px 0 0;}
.resStepBox .stepBox.on .titleSec .title {color:#007A8C;}
.resStepBox .stepBox.on .titleSec .title .svgIco {color:#007A8C;}
.resStepBox .stepBox.on .titleSec .sort {display:block;}
.resStepBox .stepBox.on .tPartList#treatPart {display:block;}
.resStepBox .stepBox.on .resDocList {display:block;}
.resStepBox .stepBox.on .resScheduleBox {display:block;}

.resForm .resSummary {width:calc(32% - 16px); display:flex; flex-direction:column;}
.resForm .resSummary .stickyWrap {flex:1; display:flex;}
.resForm .resSummary .stickyWrap .stickyCont {position:sticky; top:180px; min-height:530px; background:#F9F9F9; display:flex; flex-direction:column; justify-content:space-between; width:100%; align-self:flex-start; border:1px solid #E5E5E5; border-radius:16px; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.05); padding-bottom:80px;}
.stickyCont .resInfo {display:flex; flex-flow:column wrap; border-radius:16px 16px 0 0; overflow:hidden;}
.stickyCont .resInfo a {display:flex; align-items:center; gap:8px; color:#AEAEAE; font-size:24px; font-weight:700; padding:32px; border-bottom:1px solid #E5E5E5;}
.stickyCont .resInfo a span {display:flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:50%; flex:0 0 auto; color:#FFF; font-size:14px; font-weight:500; background:#AEAEAE;}
.stickyCont .resInfo a.on {background:#FFF; color:#007A8C;}
.stickyCont .resInfo a.on span {background:#007A8C;}
.stickyCont .patInfo {padding:24px 32px; background:#FFF;}
.stickyCont .patInfo > .title {display:flex; justify-content:space-between; align-items:center; color:#222; font-size:20px; font-weight:700; margin-bottom:20px;}
.stickyCont .patInfo > .title a {display:block; padding:7px 14px; color:#222; font-size:14px; font-weight:500; border:1px solid #E5E5E5; border-radius:100px;}
.stickyCont .patInfo > .title a:hover {background:#007A8C; color:#FFF;}
.stickyCont .patInfo ul {display:flex; flex-flow:column wrap; gap:10px;}
.stickyCont .patInfo ul li {display:flex; justify-content:space-between; align-items:center; color:#777; font-size:14px;}
.stickyCont .patInfo ul li .item {font-size:16px;}
.stickyCont .patInfo ul li .ipCon {font-size:14px;}

.stickyCont a.btnReser {position:absolute; left:0; bottom:0; width:100%; height:80px; border-radius:0 0 16px 16px; color:#FFF; font-size:24px; font-weight:700; display:flex; justify-content:center; align-items:center; background:#007A8C;}
.stickyCont a.btnReser.dis {background:#ccc;}

.resCautionSec {position:relative;}
.resCautionSec > .rcTitle {color:#222; font-size:20px; font-weight:700; padding-bottom:16px; margin-bottom:24px; border-bottom:1px solid #ddd;}
.resCautionSec ul {display:flex; flex-flow:column wrap; gap:4px;}
.resCautionSec ul li {position:relative; padding-left:12px; color:#222; font-size:16px; line-height:1.4;}
.resCautionSec ul li:after {content:'•'; position:absolute; left:0; top:-2px;}
.resCautionSec .cautionBox {margin-top:24px; background:#F9F9F9; padding:24px;}

.comnTable {position:relative;}
.comnTable.round {border:1px solid #E5E5E5; border-radius:16px; overflow:hidden; box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.10);}
.comnTable.arCenter table th, .comnTable.arCenter table td {text-align:center;}
.comnTable.marSet {margin-bottom:56px;}
.comnTable .ctTitle {color:#222; font-size:20px; font-weight:500; display:flex; justify-content:space-between; align-items:center; padding:0 10px; margin-bottom:16px;}
.comnTable .tableSec {position:relative; border-radius:16px; overflow:hidden; border:1px solid #E5E5E5;}
.comnTable table colgroup col.item {width:240px;}
.comnTable table colgroup col.popItem {width:100px;}
.comnTable table th, .comnTable table td {padding:16px 24px; color:#222; font-size:16px; font-weight:500; text-align:left; height:76px; line-height:1.6; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.comnTable table th {background:#F2F8F9;}
.comnTable table th:last-child, .comnTable table td:last-child {border-right:0;}
.comnTable table tr:last-child th, .comnTable table tr:last-child td {border-bottom:0;}
.comnTable table td input[type="text"] {border:1px solid #E5E5E5; border-radius:4px; height:44px; line-height:42px; width:100%;}
.comnTable table td input[type="text"]:focus {border:1px solid #007A8C;}
.comnTable table td .cauTxt {color:#777; font-size:14px; margin-left:8px;}
.comnTable table td ul li {padding-left:12px;}
.comnTable table td ul li:after {left:0;}
.comnTable table td .strong {font-weight:600;}
.comnTable table td .tOrange {color:#FF4400;}
.comnTable .required {display:inline-block; font-weight:700; color:#FF6200;}
.comnTable .inputBirth {display:flex; gap:5px; align-items:center;}
.comnTable .inputBirth span {width:20px; text-align:center; color:#777; font-size:16px; flex:0 0 auto;}
.comnTable .inputBlock {display:flex; align-items:center; gap:8px; color:#777; font-size:16px; flex-flow:row wrap; width:100%;}
.comnTable .inputBlock input[type="password"] {border:1px solid #E5E5E5; border-radius:4px; height:44px; line-height:42px; width:100%; padding:0 16px;}
.comnTable .inputBlock table td input[type="password"]:focus {border:1px solid #007A8C;}
.comnTable .errorTxt {color:#FF6200; font-size:14px; margin-top:8px; font-weight:400;}
.popTableSec .comnTable label {margin-right:20px;}

.comnTable.short table th, .comnTable.short table td {padding:14px 18px; height:auto; font-size:14px;}
.comnTable.short table td {font-weight:400;}

.comnTable.scroll table th {font-weight:700;}
.comnTable.scroll table th, .comnTable.scroll table td {padding:14px 18px; height:auto;}
.comnTable.scroll table td {font-weight:400;}
.comnTable.scroll table td strong {font-weight:600;}

.statsList {display:flex; flex-flow:row wrap; gap:24px 32px;}
.statsList .perStats {position:relative; width:calc(50% - 16px); border:1px solid #E5E5E5; border-radius:16px; padding:0 40px 0 24px; display:flex; justify-content:space-between; align-items:center;}
.statsList .perStats:hover {border:1px solid #007A8C; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.20);}
.statsList .perStats .perDocInfo {display:flex; gap:16px; align-items:stretch;}
.statsList .perStats .perDocInfo .infoBox {position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:0; padding:32px 0;}
.statsList .perStats .perDocInfo .infoBox .trDate {display:inline-block; color:#075869; font-size:14px; font-weight:500; padding:5px 8px; background:#ECF6F4; border-radius:4px;}
.statsList .perStats .perDocInfo .infoBox .trDate span {font-weight:700; margin-right:4px;}
.statsList .perStats .perDocInfo .infoBox .drName {display:flex; flex-flow:column wrap; gap:4px; color:#222; font-size:20px; font-weight:500;}
.statsList .perStats .perDocInfo .infoBox .drName .drPart {color:#777; font-size:16px; font-weight:500;}
.statsList .perStats .funcBtns {display:flex; gap:8px; flex-direction:column; width:130px;}
.statsList .perStats .funcBtns a {flex:1; padding:14px 0;}

.moreView {display:flex; justify-content:center; align-items:center; margin-top:56px; width:100%;}
.moreView a {display:inline-block; padding:12px 32px; color:#777; font-size:16px; font-weight:500; border:1px solid #E5E5E5; border-radius:100px;}
.moreView a:hover {background:#444; border:1px solid #444; color:#FFF;}

.myMainWrap {position:relative; display:flex; flex-direction:column; gap:24px;}
.myMainWrap .rowCont {display:flex; gap:32px; align-items:stretch;}
.rowCont .myProfileCard {display:flex; flex-direction:column; justify-content:space-between; min-height:330px; width:calc(66% - 16px);}
.rowCont .myProfileCard .myProfile {display:flex; justify-content:space-between; align-items:flex-start;}
.rowCont .myProfileCard .myProfile .in {display:flex; gap:14px; align-items:center;}
.rowCont .myProfileCard .myProfile .in .ico {width:56px; height:56px; border-radius:50%; overflow:hidden; background:url(../img/myico_sym.svg) no-repeat 50% 50%; background-size:100%;}
.rowCont .myProfileCard .myProfile .in .info {position:relative;}
.rowCont .myProfileCard .myProfile .in .welcomeTxt {position:relative; color:#AEAEAE; font-size:20px; font-weight:600;}
.rowCont .myProfileCard .myProfile .in .welcomeTxt strong {color:#222; font-weight:700;}
.rowCont .myProfileCard .myProfile .in .trNum {color:#007A8C; font-size:16px; font-weight:500; margin-top:8px; display:flex; align-items:center; gap:6px; position:relative;}
.rowCont .myProfileCard .myProfile .in .trNum a {color:#007A8C; font-size:16px; font-weight:500;}
.rowCont .myProfileCard .myProfile .in .trNum a strong {font-weight:700;}
.rowCont .myProfileCard .myProfile .in .trNum a.trNumGuide {display:block; width:16px; height:16px; background:url(../img/myico_guide.svg) no-repeat 50% 50%; background-size:100%; position:relative;}
.rowCont .myProfileCard .myProfile .in .trNum .trnPop {position:absolute; left:52%; top:34px; border-radius:16px; border:1px solid #666; background:#FFF; padding:20px; z-index:10; color:#777; font-size:14px; font-weight:400; line-height:1.3; width:375px; display:none;}
.rowCont .myProfileCard .myProfile .in .trNum .trnPop:after {content:''; position:absolute; left:20px; top:-13px; width:20px; height:14px; background:url(../img/ar_guide_g.svg) no-repeat 50% 50%; background-size:100%;}
.rowCont .myProfileCard .myProfile a.btnEdit {display:inline-block; padding:7px 14px; color:#222; font-size:14px; font-weight:500; border:1px solid #E5E5E5; border-radius:100px;}
.rowCont .myProfileCard .myProfile a.btnEdit:hover {background:#007A8C; border:1px solid #007A8C; color:#FFF;}
.rowCont .myProfileCard .myInfoBox {display:flex; gap:80px;}
.rowCont .myProfileCard .myInfoBox .perMyInfo {position:relative; width:calc(50% - 40px); position:relative; display:flex; flex-direction:column; justify-content:flex-end;}
.rowCont .myProfileCard .myInfoBox .perMyInfo:after {content:''; position:absolute; right:-40px; top:0; width:1px; height:100%; background:#E5E5E5;}
.rowCont .myProfileCard .myInfoBox .perMyInfo:last-child:after {display:none;}
.rowCont .myProfileCard .myInfoBox .perMyInfo ul {display:flex; flex-direction:column; gap:16px;}
.rowCont .myProfileCard .myInfoBox .perMyInfo ul li {display:flex; justify-content:space-between; align-items:center; font-size:16px; font-weight:500;}
.rowCont .myProfileCard .myInfoBox .perMyInfo ul li .item {color:#777;}
.rowCont .myProfileCard .myInfoBox .perMyInfo ul li .ipCon {color:#222; text-align:right;}
.rowCont .myProfileCard .myInfoBox .perMyInfo ul li em {display:block; font-size:14px; margin-top:4px;}
.rowCont .myProfileCard .myInfoBox .perMyInfo .pmTitle {margin-bottom:16px; color:#007A8C; font-size:16px; font-weight:700;}
.rowCont .myTrStats {width:calc(34% - 16px); border-radius:16px; border:1px solid #E5E5E5; padding:40px 40px 0; display:flex; justify-content:space-between; flex-direction:column;}
.rowCont .resDocInfo {display:flex; gap:32px; align-items:flex-end;}
.rowCont .resDocInfo .docThumb {width:144px;}
.rowCont .resDocInfo .docThumb:after {padding-bottom:165%;}
.rowCont .resDocInfo .docThumb img {top:0; width:100%;}
.rowCont .resDocInfo .resInfo {margin-bottom:40px;}
.rowCont .resDocInfo .resInfo .resDate {color:#222; font-size:16px; font-weight:500; line-height:1.3; margin-bottom:30px;}
.rowCont .resDocInfo .resInfo .drName {display:flex; flex-flow:column wrap; gap:4px; color:#222; font-size:26px; font-weight:500;}
.rowCont .resDocInfo .resInfo .drName .drPart {color:#777; font-size:16px; font-weight:500;}

.rowCont .mGroup {display:flex; flex-flow:row wrap; gap:24px 32px; width:calc(66% - 16px);}
.rowCont .mGroup .comnBox {width:calc(50% - 16px); padding-bottom:0; display:flex; flex-direction:column;}

.rowCont .comnBox.recent {padding-bottom:0; display:flex; justify-content:space-between; min-height:0;}
.rowCont .comnBox.recent .resDocInfo {align-items:center; flex-direction:row-reverse; justify-content:space-between; align-items:flex-start; margin-top:20px;}
.rowCont .comnBox.recent .resDocInfo .docThumb {width:112px;}
.rowCont .comnBox.recent .resDocInfo .docThumb:after {padding-bottom:122%;}
.rowCont .comnBox.recent .resDocInfo .resInfo .resDate {margin-bottom:24px;}
.rowCont .comnBox.recent .resDocInfo .resInfo {margin-bottom:0;}

.oftenTreat {margin:20px 0 40px;}
.oftenTreat .lastTreat {display:flex; justify-content:space-between; align-items:center; color:#777; font-size:16px; font-weight:500;}
.oftenTreat .lastTreat strong {color:#222; font-weight:600;}
.oftenTreat a.myBtn {margin-top:28px;}

.articleStats {position:relative; margin:20px 0 40px;}
.articleStats a {display:flex; justify-content:space-between; align-items:center; padding:9px 16px; border:1px solid #E5E5E5; border-radius:8px; color:#777; font-size:16px; font-weight:500; margin-bottom:8px;}
.articleStats a:last-child {margin-bottom:0;}
.articleStats a:hover {background:#007A8C; border:1px solid #007A8C; color:#FFF;}
.articleStats a span {font-size:14px;}
.articleStats a span em {font-size:24px; font-weight:500; margin-right:4px;}

.lectureList {display:flex; flex-direction:column; gap:8px; margin:20px 0 40px;}
.lectureList li {display:block;}
.lectureList li a {display:flex; justify-content:space-between; gap:16px; align-items:center; color:#777; font-weight:500; line-height:1.3;}
.lectureList li a:hover {color:#222;}
.lectureList li a .subject {font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lectureList li a .date {font-size:14px; flex:0 0 auto;}

.rowCont .myLuncher {width:calc(34% - 16px); border-radius:16px; border:1px solid #E5E5E5; padding:40px;}

.emptyBox {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:10px; min-height:100px;}
.emptyBox .txt {color:#777; font-size:16px; line-height:1.3;}
.rowCont .myTrStats .emptyBox {margin-bottom:44px;}

.myCardSec {position:relative; border-radius:8px; overflow:hidden; margin:20px 0 0;}
.myCardSec:after {content:''; display:block; height:auto; padding-bottom:56.25%;}
.myCardSec > a {position:absolute; left:0; top:0; display:flex; justify-content:space-between; flex-direction:column; align-items:flex-end; padding:24px; background:url(../img/bg_card.png) no-repeat 50% 50%; background-size:100%; width:100%; height:100%;}
.myCardSec > a .txt {display:flex; align-items:center; gap:4px; color:#777; font-size:14px; font-weight:500; position:relative;}
.myCardSec > a .txt:after {content:''; width:8px; height:22px; background:url(../img/ar_tail_g.svg) no-repeat 50% 50%; background-size:100%;}
.myCardSec > a .cardInfo {width:100%; color:#777; font-weight:500;}
.myCardSec > a .cardInfo .issuer {font-size:16px; margin-bottom:6px;}
.myCardSec > a .cardInfo .cardNum {font-size:20px;}
.myCardSec > a:hover .txt {color:#222;}
.myCardSec > a:hover .txt:hover:after {background:url(../img/ar_tail_b.svg) no-repeat 50% 50%; background-size:100%;}
.myCardSec .emptyBox {position:absolute; left:0; top:0; width:100%; height:100%;}

.paperMenu {display:flex; flex-direction:column; gap:16px; margin-top:32px;}
.paperMenu a {display:flex; justify-content:space-between; color:#777; font-size:16px; font-weight:500; padding:0 8px;}
.paperMenu a .svgIco {width:20px; height:20px; color:#777;}
.paperMenu a:hover {color:#007A8C; font-weight:700;}
.paperMenu a:hover .svgIco {color:#007A8C;}

.mySearchSec {display:flex; align-items:center; gap:8px; margin-bottom:40px;}
.mySearchSec .period {display:flex; align-items:center; gap:8px;}
.period input[type="text"] {width:180px; height:44px; line-height:42px; border:1px solid #E5E5E5; background:#FFF url(../img/ico_schedule.svg) no-repeat right 10px center;}
.mySearchSec select {width:212px; border:1px solid #E5E5E5; border-radius:8px;}
.mySearchSec .schCondition {flex:1; display:flex; align-items:center; gap:8px;}
.mySearchSec .schCondition .btnMonth {flex:1; border:1px solid #E5E5E5; border-radius:8px; display:flex; height:44px; overflow:hidden;}
.mySearchSec .schCondition .btnMonth a {flex:1; border-right:1px solid #E5E5E5; height:100%; display:flex; justify-content:center; align-items:center; color:#222; font-size:16px; font-weight:500;}
.mySearchSec .schCondition .btnMonth a.on {background:#007A8C; color:#FFF;}
.mySearchSec .schCondition .btnMonth a:hover {background:#f0f0f0;}
.mySearchSec .schCondition .btnMonth a:last-child {border-right:0;}
.mySearchSec .schCondition .schTreat {display:flex; align-items:center; gap:8px;}
.mySearchSec .schCondition .schTreat button {display:flex; justify-content:center; align-items:center; color:#FFF; font-size:16px; font-weight:500; background:#FD9879; padding:12px 20px;}

.myTreatList {position:relative;}
.myTreatList .totalTxt {color:#222; font-size:20px; font-weight:500; margin-bottom:16px;}
.myTreatList .inList {display:flex; flex-flow:row wrap; gap:24px; align-items:stretch;}
.myTreatList .inList .perTreat {position:relative; width:calc(33.33334% - 16px);}
.myTreatList .inList .perTreat a {display:flex; align-items:flex-end; justify-content:space-between; padding:40px; border:1px solid #E5E5E5; border-radius:16px; width:100%; height:100%;}
.myTreatList .inList .perTreat a .txtSec {position:relative;}
.myTreatList .inList .perTreat a .txtSec .drName {display:flex; flex-flow:column wrap; gap:4px; color:#222; font-size:26px; font-weight:500;}
.myTreatList .inList .perTreat a .txtSec .drName .drPart {color:#777; font-size:16px; font-weight:500;}
.myTreatList .inList .perTreat a .txtSec .trDate {display:inline-block; color:#075869; font-size:14px; font-weight:500; padding:5px 8px; background:#ECF6F4; border-radius:4px; margin-top:16px;}
.myTreatList .inList .perTreat a .svgIco {width:54px; height:54px; color:#d9D9D9; flex:0 0 auto;}
.myTreatList .inList .perTreat a:hover {border:1px solid #007A8C; box-shadow: 0 0 10px 0 rgba(0, 122, 140, 0.25);}
.myTreatList .inList .perTreat a:hover .svgIco {color:#007A8C;}

.myTreatList .inList .perTreat a {align-items:center; height:auto;}

.bbs {position:relative;}
.bbs .btns {display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:56px;}

.bbsView {position:relative; border-radius:16px; border:1px solid #E5E5E5; overflow:hidden; margin-bottom:56px;}
.bbsView .subjectSec {display:flex; align-items:center; gap:8px; background:#F2F8F9; padding:24px; border-bottom:1px solid #E5E5E5; color:#222; font-size:20px; font-weight:500; line-height:1.3;}
.bbsView .subjectSec .category {display:inline-block; padding:5px 12px; color:#FFF; font-size:14px; font-weight:500; background:#007A8C; border-radius:4px;}
.bbsView .bbsOpt {display:flex; justify-content:space-between; align-items:center; padding:18px 24px; border-bottom:1px solid #E5E5E5;}
.bbsView .bbsOpt .attachFiles {display:flex; gap:24px;}
.bbsView .bbsOpt .attachFiles .item {display:flex; align-items:center; color:#777; font-size:16px; gap:2px;}
.bbsView .bbsOpt .attachFiles .item:before {content:''; width:18px; height:18px; background:url(../img/uico_file.svg) no-repeat 50% 50%;}
.bbsView .bbsOpt .attachFiles .ipCon {position:relative;}
.bbsView .bbsOpt .attachFiles .ipCon a {display:block; color:#222; font-size:16px; font-weight:500;}
.bbsView .bbsOpt .date {display:flex; gap:20px; color:#777; font-size:16px;}
.bbsView .bbsOpt .date span {position:relative;}
.bbsView .bbsOpt .date span:after {content:''; position:absolute; right:-10px; top:4px; width:1px; height:12px; background:#777;}
.bbsView .bbsOpt .date span:last-child:after {display:none;}
.bbsView .bbsConSec {padding:24px; color:#222; font-size:16px; line-height:1.4; font-family:'Pretendard Variable';}
.bbsView .bbsConSec p, .bbsView .bbsConSec p span, .bbsView .bbsConSec span {color:#222; font-size:16px; line-height:1.4; font-family:'Pretendard Variable';}
.bbsView .bbsConSec img {max-width:100% !important; margin:20px auto !important;}

.myLecture {display:flex; gap:32px;}
.myLecture .comnBox {flex:1;}
.myLecture .comnBox {padding:0; display:flex; flex-direction:column;}
.myLecture .comnBox .title {padding:25px 0; text-align:center; background:#EFEFEF; color:#999; font-size:20px; font-weight:700; border-radius:16px 16px 0 0;}
.myLecture .comnBox.active .title {color:#007A8C; background:#F2F8F9;}
.myLecture .comnBox ul {display:flex; flex-direction:column; padding:40px; gap:48px;}
.myLecture .comnBox ul li {display:flex; justify-content:space-between; align-items:center; position:relative;}
.myLecture .comnBox ul li:after {content:''; position:absolute; left:0; bottom:-24px; width:100%; height:1px; background:#E5E5E5;}
.myLecture .comnBox ul li:last-child:after {display:none;}
.myLecture .comnBox ul li a.btn.cancel:hover {background:#FD9879; border:1px solid #FD9879; color:#FFF;}
.myLecture .comnBox ul li .lectureInfo {display:flex; align-items:center; gap:24px;}
.myLecture .comnBox ul li .lectureInfo .lecDate {display:flex; justify-content:center; align-items:center; flex-direction:column; gap:4px; width:85px; height:80px; background:#F9F9F9; border-radius:8px; color:#222; font-size:16px; font-weight:500;}
.myLecture .comnBox ul li .lectureInfo .lecDate span {color:#777; font-size:14px;}
.myLecture .comnBox ul li .lectureInfo .infoSec {position:relative;}
.myLecture .comnBox ul li .lectureInfo .infoSec .subject {color:#222; font-size:16px; font-weight:500;}
.myLecture .comnBox ul li .lectureInfo .infoSec .time {color:#777; font-size:14px; font-weight:500; margin-top:8px;}

.comnLnb {position:sticky; top:180px; width:214px;}
.comnLnb.health {top:240px;}
.inLnb {border-radius:16px; overflow:hidden; border:1px solid #007A8C;}
.inLnb a {display:block; border-bottom:1px solid #E5E5E5; padding:24px 0; color:#999; font-size:16px; font-weight:500; text-align:center;}
.inLnb a.on {background:#007A8C; color:#FFF;}
.inLnb a.on:hover {background:#007A8C; color:#FFF;}
.inLnb a:hover {background:#f9f9f9;}
.inLnb a:last-child {border-bottom:0;}

.mNoteLnb {border-radius:16px; background:#007A8C; padding:32px 0;}
.mNoteLnb .welcomeTxt {color:#FFF; padding:0 24px;}
.mNoteLnb .welcomeTxt .title {font-size:22px; font-weight:700;}
.mNoteLnb .welcomeTxt .desc {font-size:14px; line-height:1.4; margin-top:8px;}
.mNoteLnb .noteMenu {position:relative; margin:56px 0 32px; display:flex; flex-direction:column; gap:8px;}
.mNoteLnb .noteMenu a {display:flex; justify-content:space-between; align-items:center; padding:5px 24px; color:#FFF; font-size:16px; font-weight:500;}
.mNoteLnb .noteMenu a .svgIco {color:#FFF; width:20px; height:20px;}
.mNoteLnb .noteComnMenu {display:flex; flex-direction:column; gap:8px; padding:0 24px;}
.mNoteLnb .noteComnMenu a {display:flex; justify-content:space-between; align-items:center; padding:12px 14px; background:#71B8C3; border-radius:100px; color:#FFF; font-size:12px; font-weight:500; position:relative;}
.mNoteLnb .noteComnMenu a:after {content:''; display:block; width:16px; height:16px;}
.mNoteLnb .noteComnMenu a.viewTestInfo:after {background:url(../img/uico_view.svg) no-repeat 50% 50%; background-size:100%;}
.mNoteLnb .noteComnMenu a.pregInfo:after {background:url(../img/uico_information.svg) no-repeat 50% 50%; background-size:100%;}
.mNoteLnb .noteComnMenu a.noteGuide:after {background:url(../img/uico_information.svg) no-repeat 50% 50%; background-size:100%;}

.myCont {position:relative; width:calc(100% - 262px);}
.bbsCont {position:relative; width:calc(100% - 262px);}
.bbsCont.full {width:100%;}
.bbsList {display:flex; flex-flow:row wrap; gap:32px;}
.bbsList .perArticle {padding:32px; border:1px solid #E5E5E5; border-radius:16px; width:calc(33.33334% - 21.4px); position:relative;}
.bbsList .perArticle:hover {box-shadow: 0 0 10px 0 rgba(0, 122, 140, 0.25);}
.bbsList .perArticle:hover .coverMenu {display:flex;}
.bbsList .perArticle .thumb {margin:-32px -32px 0 -32px; width:calc(100% + 64px); position:relative; border-radius:16px 16px 0 0; overflow:hidden; margin-bottom:32px;}
.bbsList .perArticle .thumb:after {content:''; display:block; height:auto; padding-bottom:94%;}
.bbsList .perArticle .thumb img {position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:100%; height:auto;}
.bbsList .perArticle .txtSec {position:relative;}
.bbsList .perArticle .category {color:#007A8C; font-size:16px; font-weight:600; margin-bottom:4px;}
.bbsList .perArticle .txtSec .drName {display:flex; flex-flow:column wrap; gap:4px; color:#222; font-size:26px; font-weight:500;}
.bbsList .perArticle .txtSec .drName .drPart {color:#777; font-size:16px; font-weight:500;}
.bbsList .perArticle .txtSec .subject {color:#007A8C; font-size:24px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbsList .perArticle .txtSec .desc {color:#777; font-size:16px; margin-top:8px; line-height:1.3; height:42px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bbsList .perArticle .txtSec .trDate {display:inline-block; color:#777; font-size:14px; font-weight:500; margin-top:32px;}
.bbsList .perArticle .txtSec .trDate.bbs {margin-top:56px;}

.bbsList.news .perArticle .txtSec .subject {color:#222; line-height:1.3; height:64px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal;}
.bbsList.news .perArticle .txtSec .trDate {margin-top:24px;}

.bbsList.lecture .perArticle .txtSec .subject {color:#222; line-height:1.3; height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbsList.lecture .perArticle .txtSec .lecInfo {display:flex; flex-direction:column; gap:8px; margin-top:24px;}
.bbsList.lecture .perArticle .txtSec .lecInfo li {display:block; position:relative; padding-left:10px; color:#777; font-size:16px; font-weight:500;}
.bbsList.lecture .perArticle .txtSec .lecInfo li:after {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}

.bbsList.sns .perArticle .txtSec .subject {color:#222; line-height:1.3; height:64px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal;}
.bbsList.sns .perArticle .txtSec .trDate {margin-top:24px;}
.bbsList.sns .perArticle .thumb {margin:-32px -32px 0 -32px; width:calc(100% + 64px); position:relative; border-radius:16px 16px 0 0; overflow:hidden; margin-bottom:32px;}
.bbsList.sns .perArticle .thumb:after {content:''; display:block; height:auto; padding-bottom:66%;}
.bbsList.sns .perArticle .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}

.bbsList.hGuide {flex-flow:column wrap; gap:0; border:1px solid #E5E5E5; border-radius:16px;}
.bbsList.hGuide .gArticle {position:relative; padding:32px 144px 32px 32px; border-bottom:1px solid #E5E5E5;}
.bbsList.hGuide .gArticle .cate {display:flex; align-items:center; gap:8px; margin-bottom:6px;}
.bbsList.hGuide .gArticle .cate span {display:inline-block; padding:5px 12px; color:#FFF; font-size:14px; font-weight:500; background:#80BCC9; border-radius:4px;}
.bbsList.hGuide .gArticle .cate em {color:#80BCC9; font-size:14px; font-weight:500;}
.bbsList.hGuide .gArticle .subject {color:#222; font-size:20px; font-weight:600;}
.bbsList.hGuide .gArticle > a {position:absolute; right:32px; top:50%; transform:translate(0, -50%); padding:6px 8px 6px 14px; display:flex; gap:4px; align-items:center; color:#007A8C; font-size:14px; font-weight:500; background:#FFF; border:1px solid #007A8C; border-radius:100px;}
.bbsList.hGuide .gArticle > a .svgIco {width:24px; height:24px; color:#007A8C;}
.bbsList.hGuide .gArticle > a:hover {background:#007A8C; color:#FFF;}
.bbsList.hGuide .gArticle > a:hover .svgIco {color:#FFF;}

.bbsList.publicLife .perArticle {width:calc(25% - 24px);}
.bbsList.publicLife .perArticle .subject {color:#222; line-height:1.3; height:64px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal;}

.introIrb {position:relative; margin:0 0 56px;}
.introIrb .irbTitle {color:#222; font-size:20px; font-weight:500; margin-bottom:16px; padding:0 10px;}
.introIrb .perIntro {position:relative; width:100%;}
.introIrb .perIntro:after {content:''; position:absolute; left:0; bottom:-24px; width:100%; height:1px; background:#E5E5E5;}
.introIrb .perIntro:last-child:after {display:none;}
.introIrb .perIntro .title {display:flex; gap:4px; color:#222; font-size:18px; font-weight:700; margin-bottom:16px; position:relative;}
.introIrb .perIntro .title:before {content:''; width:22px; height:22px; background:url(../img/uico_chk_grn.svg) no-repeat 50% 50%; background-size:100%;}
.introIrb ul {display:flex; flex-direction:column; gap:10px;}
.introIrb ul li {position:relative; color:#222; font-size:16px; line-height:1.4; padding-left:20px;}
.introIrb ul li:after {content:''; position:absolute; left:10px; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}
.introIrb ul.half {flex-direction:row; flex-wrap:wrap;}
.introIrb ul.half li {width:calc(50% - 5px);}

.workInfo {position:relative; margin-top:56px;}
.workInfo .cauTxt {position:relative; color:#777; font-size:16px; line-height:1.4; padding-left:20px; margin-top:10px;}
.workInfo .cauTxt:after {content:''; position:absolute; left:10px; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}

.pStats {position:absolute; right:32px; bottom:32px; width:52px; height:52px; display:flex; justify-content:center; align-items:center; border-radius:50%; color:#FFF; font-size:12px; font-weight:600;}
.pStats.process {background:#FD9879; border:1px solid #FD9879;}
.pStats.complete {background:#007A8C; border:1px solid #007A8C;}
.pStats.receipt {background:#FFF; border:1px solid #007A8C; color:#007A8C;}

.bbsFunc {display:flex; justify-content:space-between; align-items:center; gap:30px 0; margin-bottom:40px; flex-wrap:wrap;}
.bbsFunc .bbsTitle {color:#222; font-size:18px; font-weight:700;}
.bbsCategory {display:flex; gap:8px; align-items:center;}
.bbsCategory a {display:block; padding:10px 24px; border:1px solid #E5E5E5; background:#FFF; border-radius:100px; color:#777; font-size:16px; font-weight:500;}
.bbsCategory a:hover {background:#f0f0f0;}
.bbsCategory a.on {background:#71B8C3; border:1px solid #71B8C3; color:#FFF;}
.bbsFunc .bbsSearch {display:flex; align-items:center; gap:8px;}
.bbsFunc .bbsSearch input[type="text"] {width:300px; height:44px; border:1px solid #E5E5E5; background:#FFF; border-radius:4px; padding:0 16px; color:#222; font-size:16px;}
.bbsFunc .bbsSearch button.btnSearch {padding:0 32px; height:44px; color:#FFF; font-size:16px; font-weight:500; border-radius:4px; background:#FD9879; border:0;}
.hGuideCate {width:100%; padding:0 40px; position:relative;}
.hGuide-prev {position:absolute; left:0; top:50%; transform:translate(0, -50%) rotate(180deg); width:30px; height:30px; background:url(../img/dir_small_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}
.hGuide-next {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:30px; height:30px; background:url(../img/dir_small_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}
.hGuideCate .swiper-button-disabled {background:url(../img/dir_small_off.svg) no-repeat 50% 50%; background-size:100%;}
.gCate {}
.gCate .swiper-slide {width:auto !important;}
.gCate .swiper-slide a {display:block; padding:10px 24px; border:1px solid #E5E5E5; background:#FFF; border-radius:100px; color:#777; font-size:16px; font-weight:500;}
.gCate .swiper-slide a:hover {background:#f0f0f0;}
.gCate .swiper-slide a.on {background:#007A8C; border:1px solid #007A8C; color:#FFF;}

.paperSet {position:relative;}
.paperSet.hide {display:none;}
.paperSet .perGroup {position:relative; display:flex; gap:0 16px; align-items:center; flex-flow:row wrap; margin-bottom:32px; color:#222; font-size:16px;}
.paperSet .perGroup:after {content:''; position:absolute; left:0; bottom:-16px; width:100%; height:1px; background:#E5E5E5;}
.paperSet .perGroup:last-child {margin-bottom:0;}
.paperSet .perGroup:last-child:after {display:none;}

.paperSet .perGroup .period {display:flex; align-items:center; gap:8px;}
.paperSet .perGroup label.full {width:100%;}
.paperSet .perGroup label .cauTxt {display:inline-block; color:#777; font-size:14px; margin-left:-20px;}
.paperSet .perGroup label .cauTxt em {color:#FD9879; font-weight:700;}
.paperSet .perGroup.paper {gap:0 16px;}
.paperSet .perGroup.paper label {height:44px;}
.paperSet .perGroup.paperList {gap:16px;}
.paperSet .perGroup.paperList span {padding:4px 10px; border-radius:100px; background:#F2F8F9; color:#007A8C; font-size:16px;}
.paperSet .perGroup input.inputDate {max-width:180px; background:#FFF url(../img/ico_schedule.svg) no-repeat right 10px center;}
.paperSet .perGroup input.inputEtc {margin-left:-16px; width:100%; max-width:560px;}
.paperSet .perGroup textarea {border:1px solid #E5E5E5; border-radius:4px; padding:16px; width:100%; height:80px; background:#FFF;}
.agreeSec {margin:24px 0 32px; display:flex; justify-content:space-between; align-items:flex-end;}
.agreeSec .cautionList ul.grayTxt {margin-top:0;}

.rdyPaper {display:flex; flex-flow:row wrap; gap:24px 0;}
.rdyPaper li {position:relative; width:33.33334%; color:#777; font-size:16px; padding-left:12px;}
.rdyPaper li:after {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}
.rdyPaper.settle {gap:12px 0;}
.rdyPaper.settle li {width:100%; padding:0; display:flex; gap:24px;}
.rdyPaper.settle li .item {position:relative; color:#222; font-size:16px; padding-left:12px; line-height:1.4; font-weight:500;}
.rdyPaper.settle li .item:after {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}
.rdyPaper.settle li .ipCon {color:#777; font-size:16px; line-height:1.4;}

.coverMenu {position:absolute; left:0; top:0; width:100%; height:100%; border-radius:16px; background:rgba(0, 0, 0, 0.5); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; display:none; z-index:10;}
.coverMenu a {display:block; width:136px; padding:10px 0; border-radius:100px; text-align:center; border:1px solid #E5E5E5; background:#FFF; color:#777; font-size:16px; font-weight:500;}
.coverMenu a:hover {background:#FD9879; border:1px solid #FD9879; color:#FFF;}

.swiper-container.mNoteList {position:relative; padding:0; margin-bottom:56px;}
.swiper-container.mNoteList .swiper-slide {width:auto !important;}
.swiper-container.mNoteList .swiper-slide a {display:flex; gap:24px; align-items:center; position:relative; border:1px solid #E5E5E5; border-radius:16px; padding:18px 22px 18px 32px;}
.swiper-container.mNoteList .swiper-slide a .pName {color:#222; font-size:16px; font-weight:700;}
.swiper-container.mNoteList .swiper-slide a .dDay {color:#777; font-size:14px; margin-top:6px;}
.swiper-container.mNoteList .swiper-slide a button.btnTrash {width:32px; height:32px; background:url(../img/ico_trash.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px;}
.swiper-container.mNoteList .swiper-slide a.on {border:1px solid #007A8C;}

.note-prev {position:absolute; left:0; top:50%; transform:translate(0, -50%) rotate(180deg); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}
.note-next {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}
.swiper-button-disabled {background:url(../img/dir_off.svg) no-repeat 50% 50%; background-size:100%;}

.myNoteCont {position:relative; margin-bottom:56px;}
.myNoteCont:last-child {margin-bottom:0;}
.myNoteCont .mynTitle {color:#222; font-size:20px; font-weight:500; margin-bottom:16px; padding:0 16px;}
.myNoteCont .tableSec {position:relative; border-radius:16px; border:1px solid #E5E5E5; overflow:hidden;}
.myNoteCont .tableSec table {width:100%;}
.myNoteCont .tableSec table th, .myNoteCont .tableSec table td {border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:20px 10px; color:#222; font-size:16px; text-align:center;}
.myNoteCont .tableSec table th {background:#f0f0f0; font-weight:500;}
.myNoteCont .tableSec table th:last-child, .myNoteCont .tableSec table td:last-child {border-right:0;}
.myNoteCont .tableSec table tr:last-child td {border-bottom:0;}
.myNoteCont .tableSec table tr.active {border:2px solid #007A8C;}
.myNoteCont .tableSec table tr.active td {color:#007A8C; font-weight:700; background:#F2F8F9;}
.myNoteCont .moreView {margin-top:30px;}

.swiper-container.round {padding:10px 0px; margin-bottom:32px;}
.swiper-container.round .swiper-slide {width:auto !important;}
.swiper-container.round .swiper-slide a {display:block; border:1px solid #E5E5E5; border-radius:8px; padding:14px 32px;}
.swiper-container.round .swiper-slide a.on {border:1px solid #007A8C; color:#007A8C; box-shadow: 0 0 10px 0 rgba(0, 122, 140, 0.25);}

.roundCont {position:relative; display:none;}
.roundCont .growStats {position:relative; margin-bottom:32px;}
.roundCont .growStats .desc {color:#222; font-size:14px; font-weight:500; line-height:1.6;}
.roundCont .roTitle {display:flex; align-items:center; gap:8px; position:relative; color:#00667c; font-size:18px; font-weight:700; margin-bottom:16px;}
.roundCont .roTitle:before {content:''; width:32px; height:32px;}
.roundCont .roTitle.grow:before {background:url(../img/uico_grow_grn.svg) no-repeat 50% 50%; background-size:100%;}
.roundCont .roTitle.test:before {background:url(../img/uico_test_grn.svg) no-repeat 50% 50%; background-size:100%;}
.roundCont .roTitle.center:before {background:url(../img/uico_center_grn.svg) no-repeat 50% 50%; background-size:100%;}
.roundCont .roundTest {position:relative; margin-top:32px;}

.roundCont .roundTest .perTest {position:relative; border-bottom:1px solid #E5E5E5;}
.roundCont .roundTest .perTest:first-of-type {border-top:1px solid #E5E5E5;}
.roundCont .roundTest .perTest .subjectTest {display:flex; justify-content:space-between; align-items:center; padding:16px 0; cursor:pointer;}
.roundCont .roundTest .perTest .subjectTest .tail {display:block; width:24px; height:24px; background:url(../img/dir_month.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(90deg);}
.roundCont .roundTest .perTest .subjectTest .subject {display:flex; align-items:center; gap:8px; color:#222; font-size:16px; font-weight:500;}
.roundCont .roundTest .perTest .subjectTest .subject .compChk {display:block; padding:5px 8px; background:#ECF6F8; border-radius:4px; color:#007A8C; font-size:14px;}
.roundCont .roundTest .perTest .contTest {display:none; padding:0 0 24px; color:#777; font-size:14px; font-weight:500; line-height:1.4;}
.roundCont .roundTest .perTest .subjectTest .tail {transition: .2s transform;}
.roundCont .roundTest .perTest.on .subjectTest .tail {transform:rotate(-90deg);}

.round-prev {position:absolute; left:-6px; top:50%; transform:translate(0, -50%) rotate(180deg); width:24px; height:24px; background:url(../img/dir_month.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}
.round-next {position:absolute; right:-6px; top:50%; transform:translate(0, -50%); width:24px; height:24px; background:url(../img/dir_month.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}

td .bbsCont {color:#222; font-size:16px; line-height:1.4; font-weight:400;}
td .bbsCont p {color:#222; font-size:16px; line-height:1.4; font-weight:400;}
td .bbsCont p span {color:#222; font-size:16px; line-height:1.4; font-weight:400;}

.relArticle {display:flex; align-items:flex-start; gap:48px; padding:24px 0; border-bottom:1px solid #E5E5E5;}
.relArticle:last-child {border-bottom:0;}
.relArticle .item {color:#222; font-size:16px; font-weight:700; position:relative; line-height:1.4;}
.relArticle .item:after {content:''; position:absolute; right:-24px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#222;}
.relArticle .subject {width:calc(100% - 114px); color:#777; font-size:16px; font-weight:400; line-height:1.4;}
.relArticle .subject a {display:block; color:#222; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.comnBox.empty {padding:50px; border:1px dashed #999; background:#F9F9F9;}
.comnBox.empty .emptyTxt {display:flex; justify-content:center; align-items:center; gap:16px; flex-direction:column;}
.comnBox.empty .ico {display:block; width:48px; height:48px; background:url(../img/uico_caution.svg) no-repeat 50% 50%; background-size:100%;}
.comnBox.empty .txt {color:#AEAEAE; font-size:24px; font-weight:500;}
.comnBox.empty a {margin-top:16px;}

.comnBox.result {display:flex; justify-content:space-between; align-items:center;}
.comnBox.result .txtSec {position:relative;}
.comnBox.result .txtSec .hiTitle {color:#222; font-size:20px; font-weight:700; margin-bottom:8px;}
.comnBox.result .txtSec .hiDesc {color:#777; font-size:14px; line-height:1.3;}
.comnBox.result .txtSec .patInfo {display:flex; flex-direction:column; gap:8px; margin-top:34px;}
.comnBox.result .txtSec .patInfo li {display:flex; gap:8px; color:#222; font-size:16px; font-weight:500;}
.comnBox.result .txtSec .patInfo li span {width:45px; font-weight:700;}
.comnBox.result .myCardSec {flex:0 0 auto; width:324px; margin:0;}

.myCard {display:flex; justify-content:space-between; align-items:center; padding:32px 0; border-bottom:1px solid #E5E5E5;}
.myCard:last-child {border-bottom:0;}
.myCard .cardInfo {display:flex; align-items:center; gap:12px; color:#222; font-size:16px; font-weight:500; position:relative;}
.myCard .cardInfo:before {content:''; width:32px; height:32px; background:url(../img/uico_card.svg) no-repeat 50% 50%; background-size:100%;}
.myCard .cardFunc {display:flex; align-items:center; gap:12px; color:#777; font-size:14px; font-weight:500; position:relative;}
.myCard .cardFunc button.btnTrash {width:32px; height:32px; background:url(../img/ico_trash.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px;}

.departTab {position:relative; padding:0 56px; margin-bottom:56px;}
.departTab .dp-prev {position:absolute; left:0; top:50%; transform:translate(0, -50%) rotate(180deg); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}
.departTab .dp-next {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}
.departTab .swiper-button-disabled {background:url(../img/dir_off.svg) no-repeat 50% 50%; background-size:100%;}
.departList .swiper-slide {width:110px;}
.perDeprt {position:relative; width:100%; cursor:pointer; display:flex; justify-content:center; flex-direction:column; align-items:center;}
.perDeprt .icoSec {position:relative; border:1px solid #E5E5E5; border-radius:16px; padding:12px; margin-bottom:8px; width:80px;}
.perDeprt .icoSec .svgIco {width:52px; height:52px; color:#AEAEAE; margin:0 auto;}
.perDeprt .dpSubject {text-align:center; color:#AEAEAE; font-size:14px; padding:0 8px;}
.perDeprt.on {color:#007A8C;}
.perDeprt.on .icoSec {border-color:#007A8C; background:#007A8C; box-shadow: 0 0 10px 0 rgba(0, 122, 140, 0.25);}
.perDeprt.on .icoSec .svgIco {color:#FFF;}

.mizDocList {display:flex; flex-flow:row wrap; gap:40px 32px;}
.mizDocList .perDoc {position:relative; width:calc(20% - 26px);}
.mizDocList .perDoc .thumb {position:relative; border-radius:16px; background:#F9F9F9; overflow:hidden;}
.mizDocList .perDoc .thumb:after {content:''; display:block; height:auto; padding-bottom:114%;}
.mizDocList .perDoc .thumb img {position:absolute; left:50%; top:8%; transform:translate(-50%, 0); width:80%; height:auto;}
.mizDocList .perDoc:hover .coverMenu {display:flex;}
.mizDocList .perDoc .txtSec {position:relative; text-align:center; margin-top:16px;}
.mizDocList .perDoc .txtSec .dpart {color:#777; font-size:16px;}
.mizDocList .perDoc .txtSec .name {color:#222; font-size:20px;}

.docDetailWrap {position:relative;}
.docHead {position:fixed; left:0; top:0; width:100%; height:auto; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); border-bottom:1px solid #E5E5E5; padding:16px 0; z-index:60;}
.docHead .inner {display:flex; justify-content:space-between; align-items:center;}
.docHead .inner .subSch {display:flex;}
.docHead .inner .subSch * {flex:0 0 auto;}
.docHead .inner .subSch > a.allDoc {display:flex; align-items:center; gap:4px; color:#222; font-size:16px; padding-right:70px; border-right:1px solid #E5E5E5;}
.docHead .inner .subSch > a.allDoc:before {content:''; width:20px; height:20px; background:url(../img/uico_list.svg) no-repeat 50% 50%; background-size:100%;}
.docHead .inner .subSch .depMenu {position:relative; width:100%; max-width:230px;}
.docHead .inner .subSch .depMenu .current {padding:0 16px; position:relative; display:flex; justify-content:space-between; align-items:center; color:#222; font-size:16px; cursor:pointer; border-right:1px solid #E5E5E5;}
.docHead .inner .subSch .depMenu .current .ar {display:block; width:12px; height:12px; background:url(../img/uico_select.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.docHead .inner .subSch .depMenu .current .ar.on {transform:rotate(180deg);}
.docHead .inner .subSch .depMenu:last-of-type .current {border-right:0;}
.docHead .inner .subSch .depMenu ul {position:absolute; left:0; top:46px; border:1px solid #E5E5E5; border-top:1px solid #FFF; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); padding:16px; width:100%; height:auto; max-height:200px; overflow-y:auto; z-index:60; display:none;}
.docHead .inner .subSch .depMenu ul li {display:block;}
.docHead .inner .subSch .depMenu ul li a {display:block; font-size:16px; padding:6px 0 6px 10px; position:relative;}
.docHead .inner .subSch .depMenu ul li a:before {content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#222; border-radius:50%;}
.docHead .inner .func {display:flex; gap:8px; position:relative; justify-content:flex-end;}
.docHead .inner .func .shareBox {position:absolute; right:116px; top:0;}
.docHead .inner .func .shareBox:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:20px; border:1px solid #E5E5E5; background:#FFF;}
.docHead .inner .func .shareBox > a.icoShare {display:block; width:40px; height:40px; background:url(../img/uico_share.svg) no-repeat 50% 50%; background-size:20px; position:relative; z-index:1;}
.docHead .inner .func .shareBox ul {display:flex; flex-direction:column; z-index:1; position:relative; display:none;}
.docHead .inner .func .shareBox ul li {display:block; width:40px; height:40px;}
.docHead .inner .func .shareBox ul li a {display:block; width:100%; height:100%; background:url(../img/uico_share.svg) no-repeat 50% 50%; background-size:20px;}
.docHead .inner .func .shareBox ul li a.snsFb {background:url(../img/uico_share_fb.svg) no-repeat 50% 50%; background-size:20px;}
.docHead .inner .func .shareBox ul li a.snsX {background:url(../img/uico_share_x.svg) no-repeat 50% 50%; background-size:20px;}
.docHead .inner .func .shareBox ul li a.snsBlog {background:url(../img/uico_share_blog.svg) no-repeat 50% 50%; background-size:20px;}
.docHead .inner .func .shareBox ul li a.snsKa {background:url(../img/uico_share_ka.svg) no-repeat 50% 50%; background-size:20px;}
.docHead .inner .func .shareBox ul li a.snsCopy {background:url(../img/uico_share_copy.svg) no-repeat 50% 50%; background-size:20px;}
.docHead .inner .func > a.btnHome {display:flex; gap:4px; color:#222; font-size:14px; align-items:center; height:40px; padding:0 24px; background:#FFF; border:1px solid #E5E5E5; border-radius:100px; position:relative;}
.docHead .inner .func > a.btnHome:before {content:''; width:16px; height:16px; background:url(../img/uico_home.svg) no-repeat 50% 50%; background-size:100%;}

.docIntro {position:relative; background:url(../img/bg_doc.png) no-repeat 50% 50%; background-size:cover; padding-top:80px;}
.docIntro .inner {align-items:flex-start;}
.docIntro .inner .txtSec {width:calc(58% - 12px); padding:86px 0; position:relative; z-index:10;}
.docIntro .inner .txtSec .intro {margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #ddd;}
.docIntro .inner .txtSec .intro .dPart {color:#007A8C; font-size:26px; font-weight:700; margin-bottom:4px;}
.docIntro .inner .txtSec .intro .name {color:#222; font-size:48px; font-weight:200;}
.docIntro .inner .txtSec .intro .name em {font-size:74px; font-weight:200;}
.docIntro .inner .txtSec .intro .greet {margin-top:24px; color:#222; font-size:20px; line-height:1.3;}
.docIntro .inner .txtSec .docPart {display:flex; gap:16px; align-items:flex-start; margin-bottom:32px;}
.docIntro .inner .txtSec .docPart .title {display:flex; color:#222; font-size:20px; font-weight:700; gap:8px; align-items:flex-start;}
.docIntro .inner .txtSec .docPart .title:before {content:''; width:28px; height:28px; background:url(../img/uico_dpart.svg) no-repeat 50% 50%; background-size:100%;}
.docIntro .inner .txtSec .docPart .txt {color:#222; font-size:16px; line-height:1.3;}
.docIntro .inner .txtSec .docSchedule {position:relative;}
.docIntro .inner .txtSec .docSchedule .scheHead {display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;}
.docIntro .inner .txtSec .docSchedule .scheHead .months {display:flex; gap:32px;}
.docIntro .inner .txtSec .docSchedule .scheHead .months a {display:flex; align-items:center; gap:8px; color:#777; font-size:20px; font-weight:500; position:relative;}
.docIntro .inner .txtSec .docSchedule .scheHead .months a.on {color:#222; font-weight:700;}
.docIntro .inner .txtSec .docSchedule .scheHead .months a.on:before {content:''; width:28px; height:28px; background:url(../img/ico_schedule.svg) no-repeat 50% 50%; background-size:100%;}
.docIntro .inner .txtSec .docSchedule .scheHead .months a:after {content:''; position:absolute; right:-16px; top:50%; transform:translate(0, -50%); width:1px; height:14px; background:#777;}
.docIntro .inner .txtSec .docSchedule .scheHead .months a:last-child:after {display:none;}
.docIntro .inner .txtSec .docSchedule .scheHead .quickSchedule {display:flex; align-items:center; color:#FFF; font-size:14px; gap:10px; padding:7px 14px; background:#FD9879; border-radius:100px;}
.docIntro .inner .txtSec .docSchedule .scheHead .quickSchedule span {display:flex; align-items:center; gap:6px; font-weight:600; position:relative;}
.docIntro .inner .txtSec .docSchedule .scheHead .quickSchedule span:before {content:''; width:14px; height:14px; background:url(../img/uico_chk_w.svg) no-repeat 50% 50%; background-size:100%;}
.docIntro .inner .txtSec .docSchedule .weekly {border-radius:16px; border:1px solid #E5E5E5;}
.docIntro .inner .txtSec .docSchedule .weekly table {width:100%;}
.docIntro .inner .txtSec .docSchedule .weekly table th {color:#222; font-size:14px; font-weight:500; line-height:1.4; background:#F9F9F9; text-align:center; border:1px solid #E5E5E5; border-bottom:0; padding:16px 0;}
.docIntro .inner .txtSec .docSchedule .weekly table th em {font-weight:700; display:block;}
.docIntro .inner .txtSec .docSchedule .weekly table td {background:#FFF; font-size:14px; text-align:center; border:1px solid #E5E5E5; padding:18px 0;}
.docIntro .inner .txtSec .docSchedule .weekly table td .on {display:block; width:16px; height:16px; border-radius:50%; margin:0 auto;}
.docIntro .inner .txtSec .docSchedule .weekly table tr.before td .on {background:#8AD2D9;}
.docIntro .inner .txtSec .docSchedule .weekly table tr.after td .on {background:#007A8C;}
.docIntro .inner .txtSec .docSchedule .sche-prev {position:absolute; left:-40px; top:60px; width:40px; height:40px; background:url(../img/dir_small_on.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg);cursor:pointer;}
.docIntro .inner .txtSec .docSchedule .sche-next {position:absolute; right:-40px; top:60px; width:40px; height:40px; background:url(../img/dir_small_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.docIntro .inner .txtSec .btnArea {display:flex; justify-content:flex-end; margin-top:16px;}
.docIntro .inner .imgSec {width:42%; flex:0 0 auto; position:sticky; left:0; top:80px; height:calc((var(--vh, 1vh) * 100) - 80px);}
.docIntro .inner .imgSec .inImg {position:relative; vertical-align:bottom; display:inline-block; height:100%; width:100%;}
.docIntro .inner .imgSec .inImg img {position:absolute; left:0; bottom:0; width:100%; height:auto; object-fit:cover; object-position:50% 100%;}
.docSchedule .swiper-container.weekly{position:relative; overflow:hidden; width:100%;}
.docSchedule .swiper-container.weekly .swiper-wrapper{display:flex; flex-wrap:nowrap;}
.docSchedule .swiper-container.weekly .swiper-slide{flex:0 0 100%; width:100%;}

.comnDetailCont {display:flex; gap:60px; align-items:flex-start; padding:80px 0; width:100%; max-width:1280px; margin:0 auto;}
.comnDetailCont .lnbSec {position:sticky; left:0; top:120px; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-end; width:203px;}
.comnDetailCont .lnbSec a {display:block; padding:16px 0; text-align:right;}
.comnDetailCont .lnbSec a:first-child {padding-top:0;}
.comnDetailCont .lnbSec a span {position:relative; color:#777; font-size:22px; display:inline; line-height:1.3;}
.comnDetailCont .lnbSec a:hover span {color:#222;}
.comnDetailCont .lnbSec a.on span {color:#222; font-weight:700; background-image: linear-gradient(#222, #222);
	background-repeat: repeat-x;
	background-position: 0 calc(100% + 1px);
	background-size: 100% 2px; /* 밑줄 두께 */

	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;}
/* .comnDetailCont .lnbSec a.on span:after {content:''; position:absolute; left:0; bottom:-4px; width:100%; height:2px; background:#222;} */
.comnDetailCont .contBox {width:calc(100% - 263px); position:relative;}
/* .departDocCont {height:calc((var(--vh, 1vh) * 100) - 80px);} */
.departDocCont {height:auto; margin-bottom:100px;}
.departDocCont:last-child {height:auto;}
.departDocCont .carrierCont {display:flex; flex-flow:row wrap; gap:10px;}
.departDocCont .carrierCont li {width:calc(50% - 5px); position:relative; color:#222; font-size:18px; font-weight:500; line-height:1.4; padding-left:12px;}
.departDocCont .carrierCont li:after {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#222; border-radius:50%;}
.departDocCont .studyCont {display:flex; flex-flow:column wrap; gap:24px;}
.departDocCont .studyCont li {width:100%; position:relative; color:#222; font-size:18px; font-weight:500; line-height:1.4; padding-left:12px;}
.departDocCont .studyCont li:after {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#222; border-radius:50%;}

.comnDetailCont.depart .lnbSec {top:240px;}
.comnDetailCont.depart .departDocCont {height:auto; margin-bottom:100px;}
.comnDetailCont.depart .departDocCont:last-child {margin-bottom:0;}

.comnDetailCont.idream .lnbSec {top:70px;}

.cusCate {display:flex; justify-content:center; align-items:center; gap:48px; margin-bottom:56px;}
.cusCate .perCate {display:block; width:80px; cursor:pointer;}
.cusCate .perCate .icoSec {display:block; padding:16px; bordeR:1px solid #E5E5E5; border-radius:16px; margin-bottom:8px;}
.cusCate .perCate .icoSec .svgIco {color:#AEAEAE;}
.cusCate .perCate .txt {text-align:center; color:#AEAEAE; font-size:14px;}
.cusCate .perCate.on .icoSec {background:#007A8C; border:1px solid #007A8C; box-shadow: 0 0 10px 0 rgba(0, 122, 140, 0.25);}
.cusCate .perCate.on .icoSec .svgIco {color:#FFF;}
.cusCate .perCate.on .txt {color:#007A8C; font-weight:500;}

.faqSet {position:relative; border:0px solid #E5E5E5; border-radius:16px; overflow:hidden; margin-top:-1px;}
.faqSet > a {display:flex; justify-content:space-between; align-items:center; padding:20px 30px; color:#000; font-size:20px; font-weight:500; line-height:1.3; border-bottom:1px solid #E5E5E5;}
.faqSet > a .fold {display:block; width:40px; height:40px; background:url(../img/uico_foldup.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.faqSet .faqAns {position:relative; padding:30px; display:none;}
.faqSet .faqAns .ansCont {color:#222; font-size:18px; font-weight:500; line-height:1.5; margin-bottom:24px;}
.faqSet .faqAns .relCont {display:flex; align-items:center; gap:8px;}
.faqSet .faqAns .relCont a {display:inline-block; color:#777; font-size:14px; padding:8px 20px; border:1px solid #AEAEAE; border-radius:100px;}
.faqSet .faqAns .relCont a:hover {background:#f9f9f9; color:#000;}
.faqSet.on {border-width:1px;}
.faqSet.on > a {background:#ECF6F8;}
.faqSet.on > a .fold {background:url(../img/uico_folddown.svg) no-repeat 50% 50%; background-size:100%;}
.faqSet:first-child > a {border-top:1px solid #E5E5E5;}
.faqSet:first-child.on > a {border-top:0px solid #E5E5E5;}

.lecForm {display:flex; gap:32px; align-items:stretch;}
.lecForm .lecInfoBox {width:calc(68% - 16px); display:flex; flex-direction:column; gap:32px; border:1px solid #E5E5E5; border-radius:16px;}
.lecForm .lecInfoBox .lecTitleSec {padding:32px 32px 0;}
.lecForm .lecInfoBox .lecTitleSec .title {display:flex; align-items:flex-start; gap:8px; color:#007A8C; font-size:24px; font-weight:700; line-height:1.3; margin-bottom:4px;}
.lecForm .lecInfoBox .lecTitleSec .title:before {content:''; width:32px; height:32px; background:url(../img/uico_lecture.svg) no-repeat 50% 50%; background-size:100%;}
.lecForm .lecInfoBox .lecTitleSec .desc {padding-left:40px; color:#777; font-size:16px; line-height:1.3;}
.lecForm .lecInfoBox .thumb {position:relative;}
.lecForm .lecInfoBox .lecDetail {display:flex; flex-direction:column; gap:12px; width:100%; padding:0 40px 40px;}
.lecForm .lecInfoBox .lecDetail li {display:flex; align-items:flex-start; gap:12px;}
.lecForm .lecInfoBox .lecDetail li .item {width:68px; padding:8px 0; text-align:center; color:#FFF; font-size:14px; font-weight:700; background:#71B8C3; border-radius:4px;}
.lecForm .lecInfoBox .lecDetail li .ipCon {width:calc(100% - 80px); color:#222; font-size:16px; font-weight:500; line-height:1.4; margin-top:6px;}

.lecForm .applyBox {width:calc(32% - 16px); display:flex; flex-direction:column;}
.lecForm .applyBox .stickyWrap {flex:1; display:flex; flex-direction:column;}
.lecForm .applyBox .stickyWrap .stickyCont {position:sticky; top:180px; min-height:530px;}
.lecForm .applyBox .stickyWrap .stickyCont .inApply {background:#FFF; border:1px solid #E5E5E5; border-radius:16px; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.05); position:relative; overflow:hidden;}
.lecForm .applyBox .stickyWrap .stickyCont .pageFunc {display:flex; justify-content:space-between; align-items:center; margin-top:10px;}
.lecForm .applyBox .stickyWrap .stickyCont .pageFunc a {display:flex; align-items:center; gap:4px; color:#777; font-size:16px; font-weight:500; position:relative; padding:6px 0;}
.lecForm .applyBox .stickyWrap .stickyCont .pageFunc a.list {color:#007A8C;}
.lecForm .applyBox .stickyWrap .stickyCont .pageFunc a.list:after {content:''; position:absolute; left:0; bottom:3px; width:100%; height:1px; background:#007A8C;}
.lecForm .applyBox .stickyWrap .stickyCont .pageFunc a.prev:before {content:''; width:10px; height:20px; background:url(../img/ar_tail_g.svg) no-repeat 50% 50%; transform:rotate(180deg);}
.lecForm .applyBox .stickyWrap .stickyCont .pageFunc a.next:after {content:''; width:10px; height:20px; background:url(../img/ar_tail_g.svg) no-repeat 50% 50%;}

.inApply .apTitle {display:flex; justify-content:space-between; align-items:center; padding:32px; border-bottom:1px solid #E5E5E5; color:#007A8C; font-size:24px; font-weight:600;}
.inApply .apTitle span {color:#777; font-size:14px; font-weight:400;}
.inApply .apTitle span em {color:#FF6200;}
.inApply .apForm {padding:32px; display:flex; flex-direction:column; gap:16px;}
.inApply .apForm li {display:flex; align-items:center; gap:16px; width:100%;}
.inApply .apForm li .item {color:#777; font-size:16px; font-weight:500; width:100px; flex:0 0 auto;}
.inApply .apForm li .item .required  {color:#FF6200;}
.inApply .apForm li .ipCon {width:calc(100% - 116px); display:flex; align-items:center; gap:8px; color:#222; font-size:16px; font-weight:600;}
.inApply .apForm li .ipCon input[type="text"] {border:1px solid #E5E5E5; border-radius:4px; height:44px; line-height:42px; flex:1; min-width:0; max-width:128px;}
.inApply .apForm li .ipCon input.phone {max-width:100%;}
.inApply .apForm li .ipCon a.apTreatNum {display:block; color:#FFF; font-size:16px; font-weight:600; background:#FD9879; padding:12px 24px; border-radius:4px;}

.inApply a.btnApply {height:80px; border-radius:0 0 16px 16px; color:#FFF; font-size:24px; font-weight:700; display:flex; justify-content:center; align-items:center; background:#007A8C;}
.inApply a.btnApply.dis {background:#ccc;}

.localCus {position:relative; margin:40px 0;}
.localCus .title {color:#222; font-size:18px; font-weight:700; margin-bottom:16px;}
.localCus ul {display:flex; flex-flow:column wrap; gap:4px;}
.localCus ul li {position:relative; color:#777; font-size:16px; font-weight:500; line-height:1.4; padding-left:16px; display:flex; align-items:flex-start; gap:8px;}
.localCus ul li:after {content:''; position:absolute; left:5px; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}

.vaccCont {position:relative; display:none;}
.vaccCont .introVacc {padding:40px; background:#F9F9F9; text-align:center; color:#222; font-size:18px; font-weight:500; line-height:1.4; border-radius:16px; margin-bottom:40px;}
.vaccCont .introVacc p {display:inline; padding:0 0.12em; background-image: linear-gradient(transparent 10%, rgba(208, 251, 255, 1.0) 10%);}
.vaccCont .vaccConBox {position:relative; margin-bottom:56px;}
.vaccCont .vaccConBox:last-child {margin-bottom:0;}
.vaccCont .vaccConBox .title {display:flex; justify-content:space-between; align-items:center; color:#222; font-size:20px; font-weight:500; margin-bottom:16px; padding:0 10px;}
.vaccCont .vaccConBox .title span {color:#777; font-size:14px;}
.vaccCont .vaccConBox .title span em {color:#FF6200;}
.vaccCont .vaccConBox .conTable {position:relative; border:1px solid #E5E5E5; border-radius:16px; overflow:hidden;}
.vaccCont .vaccConBox .conTable table {width:100%;}
.vaccCont .vaccConBox .conTable table th, .vaccCont .vaccConBox .conTable table td {color:#222; font-size:16px; font-weight:500; padding:24px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
.vaccCont .vaccConBox .conTable table th {text-align:center; font-weight:600; background:#F2F8F9;}
.vaccCont .vaccConBox .conTable table td {line-height:1.3;}
.vaccCont .vaccConBox .conTable table tr:last-child th, .vaccCont .vaccConBox .conTable table tr:last-child td {border-bottom:0;}
.vaccCont .vaccConBox .conTable table th:last-child {border-right:0;}
.vaccCont .vaccConBox .conTable table td:last-child {border-right:0;}
.vaccCont .vaccConBox .conTable table td:first-child {text-align:center;}
.vaccCont .vaccConBox .conTable table td .required {display:inline-block; color:#FF6200;}

.vaccCont .vaccConBox .perBox {position:relative; padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #E5E5E5;}
.vaccCont .vaccConBox .perBox:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.vaccCont .vaccConBox .perBox .pTitle {display:flex; gap:8px; align-items:center; color:#222; font-size:18px; font-weight:700; margin-bottom:16px;}
.vaccCont .vaccConBox .perBox .pTitle.vac01:before {content:''; width:22px; height:22px; background:url(../img/uico_vac01.svg) no-repeat 50% 50%; background-size:100%;}
.vaccCont .vaccConBox .perBox .pTitle.vac02:before {content:''; width:22px; height:22px; background:url(../img/uico_vac02.svg) no-repeat 50% 50%; background-size:100%;}
.vaccCont .vaccConBox .perBox .pTitle.vac03:before {content:''; width:22px; height:22px; background:url(../img/uico_vac03.svg) no-repeat 50% 50%; background-size:100%;}
.vaccCont .vaccConBox .perBox .pTitle.vac04:before {content:''; width:22px; height:22px; background:url(../img/uico_vac04.svg) no-repeat 50% 50%; background-size:100%;}
.vaccCont .vaccConBox .perBox .pTitle.vac05:before {content:''; width:22px; height:22px; background:url(../img/uico_vac05.svg) no-repeat 50% 50%; background-size:100%;}
.vaccCont .vaccConBox .perBox .pTitle.cau:before {content:''; width:22px; height:22px; background:url(../img/uico_cau_small.svg) no-repeat 50% 50%; background-size:100%;}
.vaccCont .vaccConBox .perBox .pDesc {color:#222; font-size:16px; line-height:1.3;}
.vaccCont .vaccConBox .perBox .vacKind {display:flex; flex-direction:column; gap:16px; margin:24px 0;}
.vaccCont .vaccConBox .perBox .vacKind .parVac {display:flex; align-items:center; gap:16px;}
.vaccCont .vaccConBox .perBox .vacKind .parVac .item {width:84px; background:#ECF6F8; border-radius:4px; text-align:center; color:#222; font-size:16px; font-weight:500; padding:24px 0;}
.vaccCont .vaccConBox .perBox .vacKind .parVac > ul {display:flex; flex-direction:column; gap:8px;}
.vaccCont .vaccConBox .perBox .vacKind .parVac > ul li {position:relative; padding-left:10px; color:#222; font-size:16px; line-height:1.3;}
.vaccCont .vaccConBox .perBox .vacKind .parVac > ul li:after {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}
.vaccCont .vaccConBox .perBox .caution {display:flex; flex-direction:column; gap:8px;}
.vaccCont .vaccConBox .perBox .caution li {display:flex; align-items:flex-start; gap:6px; color:#777; font-size:16px;}
.vaccCont .vaccConBox .perBox .caution li:before {content:'※';}
.vaccCont .vaccConBox .perBox .vacCau {display:flex; flex-flow:row wrap; gap:8px 20px; margin-left:8px;}
.vaccCont .vaccConBox .perBox .vacCau li {position:relative; padding-left:10px; color:#222; font-size:16px; line-height:1.3; width:100%;}
.vaccCont .vaccConBox .perBox .vacCau li:after {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}

.subLoc {position:absolute; left:0; top:0; width:100%; background:rgba(0, 122, 140, 0.5); backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); z-index:100;}
.subLoc.fixed {position:fixed; top:143px;}
.subLoc .inner {display:flex; align-items:center; padding:0;}
.subLoc .inner > a.lotHome {display:block; width:20px; height:20px; background:url(../img/uico_home_w.svg) no-repeat 50% 50%; background-size:100%; margin-right:16px; position:relative;}
.subLoc .inner > a.lotHome:after {content:''; position:absolute; right:-16px; top:50%; transform:translate(0, -50%); width:1px; height:14px; background:#FFF; opacity:.5;}
.subLoc .inner .depMenu {position:relative; width:100%; max-width:230px;}
.subLoc .inner .depMenu:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:14px; background:#FFF; opacity:.5;}
.subLoc .inner .depMenu .current {padding:16px; position:relative; display:flex; justify-content:space-between; align-items:center; color:#FFF; font-size:16px; cursor:pointer;}
.subLoc .inner .depMenu .current .ar {display:block; width:12px; height:12px; background:url(../img/uico_select_w.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.subLoc .inner .depMenu .current .ar.on {transform:rotate(180deg);}
.subLoc .inner .depMenu:last-of-type:after {display:none;}
.subLoc .inner .depMenu ul {position:absolute; left:0; top:51px; background: rgba(0, 122, 140, 0.5); backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); padding:16px; width:100%; height:auto; max-height:240px; overflow-y:auto; z-index:100; display:none;}
.subLoc .inner .depMenu ul li {display:block;}
.subLoc .inner .depMenu ul li a {display:block; font-size:16px; padding:6px 0 6px 10px; position:relative; color:#FFF;}
.subLoc .inner .depMenu ul li a:before {content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#FFF; border-radius:50%;}

/* .subComnWrap.center .subLoc {background:rgba(255, 255, 255, 0.5); backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); z-index:100;}
.subComnWrap.center .subLoc .inner .depMenu ul {background:rgba(255, 255, 255, 0.5);} */

.departVisual {position:relative;}
.departVisual:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2);}
.departVisual .inner {position:absolute; left:50%; top:0; width:100%; max-width:1280px; transform:translate(-50%, 0); height:100%; display:flex; align-items:center; z-index:10;}
.departVisual .inner .txtSec .departTitle {color:#FFF; font-size:40px; font-weight:700;}
.departVisual .inner .txtSec .eng {color:#FFF; font-size:18px; margin-top:8px;}
.departVisual .inner .txtSec .btns {display:flex; gap:10px; margin-top:24px;}
.departVisual .inner .txtSec .btns a {display:flex; align-items:center; gap:8px; padding:12px 22px; background:#007A8C; border-radius:8px; color:#FFF; font-size:20px; font-weight:600;}
.departVisual .inner .txtSec .btns a .svgIco {width:auto; height:24px; color:#FFF;}
.departVisual .inner .txtSec .btns a:nth-child(2) {background:#6DA7AB;}

.departIntro {position:relative; padding:120px 0;}
.departIntro .inner {position:relative; padding-right:360px;}
.departIntro .inner .departGreet {color:#222; font-size:34px; font-weight:600; line-height:1.4;}
.departIntro .inner .departDesc {color:#777; font-size:18px; line-height:1.6; margin-top:32px;}
.departIntro .inner .icoSec {position:absolute; right:0; bottom:0; width:300px;}

.departTreat {position:relative; padding:80px 0; background:#ECF6F8;}
.departTreat .dtTitle {display:flex; align-items:center; gap:8px; color:#222; font-size:34px; font-weight:700; margin-bottom:32px;}
.departTreat .dtTitle:before {content:''; width:36px; height:36px; background:url(../img/uico_depart.svg) no-repeat 50% 50%; background-size:100%;}
.departTreat ul {display:flex; gap:16px 0; flex-flow:row wrap;}
.departTreat ul li {width:50%; color:#222; font-size:18px; line-height:1.3; display:flex; gap:6px;}
.departTreat ul li:before {content:''; width:22px; height:22px; background:url(../img/uico_chk_grn.svg) no-repeat 50% 50%; background-size:100%;}

.departDoc {position:relative; padding:80px 0;}
.departDoc.gray {background:#F9F9F9;}
.departDoc .mizDocList {display:block;}
.departDoc .mizDocList .perDoc {width:100%;}
.departDoc .doc-prev {position:absolute; left:-60px; top:42%; transform:translate(0, -50%) rotate(180deg); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.departDoc .doc-next {position:absolute; right:-60px; top:42%; transform:translate(0, -50%); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.departDoc .swiper-button-disabled {background:url(../img/dir_off.svg) no-repeat 50% 50%; background-size:100%;}

.clinicList {display:flex; align-items:stretch; gap:32px; flex-flow:row wrap;}
.clinicList .perClinic {width:calc(50% - 16px);}
.clinicList .perClinic a {display:flex; align-items:center; gap:30px; padding:40px; border-radius:16px; border:1px solid #E5E5E5;}
.clinicList .perClinic a .svgIco {width:58px; height:auto; color:#AEAEAE; flex:0 0 auto;}
.clinicList .perClinic a .txtSec {width:calc(100% - 88px);}
.clinicList .perClinic a .txtSec .cliTitle {color:#222; font-size:24px; font-weight:700; margin-bottom:16px;}
.clinicList .perClinic a .txtSec .cliDesc {color:#AEAEAE; font-size:16px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.clinicList .perClinic a:hover {background:#007A8C; box-shadow: 0 0 10px 0 rgba(0, 122, 140, 0.25);}
.clinicList .perClinic a:hover .svgIco {color:#FFF;}
.clinicList .perClinic a:hover .txtSec * {color:#FFF;}

.clinicCont {position:relative;}
.clinicCont .clinicTitleSec {display:flex; justify-content:space-between; align-items:center;}
.clinicCont .clinicTitleSec .clinicTitle {color:#007A8C; font-size:34px; font-weight:700; line-height:1.3;}
.clinicCont .clinicTitleSec .clinicSort {position:relative; display:flex; gap:10px;}
.clinicCont .clinicTitleSec .clinicSort .sortDepth {position:relative; border:1px solid #E5E5E5; border-radius:16px;}
.clinicCont .clinicTitleSec .clinicSort .sortDepth .current {display:flex; align-items:center; gap:40px; color:#222; font-size:14px; font-weight:500; padding:10px 20px 10px 24px; cursor:pointer;}
.clinicCont .clinicTitleSec .clinicSort .sortDepth .current .arFold {width:13px; height:12px; background:url(../img/ar_fold.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.clinicCont .clinicTitleSec .clinicSort .sortDepth .current .arFold.on {transform:rotate(180deg);}
.clinicCont .clinicTitleSec .clinicSort .sortDepth .inList {position:absolute; left:-1px; top:26px; width:calc(100% + 2px); background:#FFF; border:1px solid #E5E5E5; border-top:0; border-radius:0 0 16px 16px; padding:10px 6px; z-index:10; display:none;}
.clinicCont .clinicTitleSec .clinicSort .sortDepth ul {position:relative; height:auto; max-height:240px; overflow:hidden; overflow-y:auto;}
.clinicCont .clinicTitleSec .clinicSort .sortDepth ul li {display:block;}
.clinicCont .clinicTitleSec .clinicSort .sortDepth ul li a {display:block; padding:6px 18px; position:relative; color:#222; font-size:14px; font-weight:500;}
.clinicCont .clinicTitleSec .clinicSort .sortDepth ul li a:hover {background:#f9f9f9;}

.clinicIntro {position:relative; margin:60px 0;}
.clinicIntro .introSec {display:flex; gap:68px; align-items:flex-start;}
.clinicIntro .introSec .icoSec {width:30%; flex:0 0 auto; position:sticky; right:0; top:180px;}
.clinicIntro .introSec .icoSec .svgIco {color:#D8D8D8; width:70%; margin:0 auto;}
.clinicIntro .introSec .txtSec {width:calc((100% - 30%) - 68px);}
.clinicIntro .introSec .txtSec .introTitle {color:#222; font-size:22px; font-weight:700; line-height:1.5; margin-bottom:20px;}
.clinicIntro .introSec .txtSec .introTitle.marTop {margin-top:20px;}
.clinicIntro .introSec .txtSec .introTitle.marTop01 {margin:20px 0 0 0;}
.clinicIntro .introSec .txtSec .introDesc {color:#777; font-size:18px; line-height:1.5;}
.clinicIntro .introSec .txtSec .introDesc.marBtm {margin-bottom:20px;}
.clinicIntro .introSec .snsLink {margin-top:20px; display:flex; align-items:center; gap:20px;}
.clinicIntro .introSec .snsLink a {display:flex; gap:6px; align-items:center; color:#007A8C; font-size:16px; font-weight:500; background:#F2F8F9; padding:8px 24px; border-radius:100px;}
.clinicIntro .introSec .snsLink a .svgIco {width:auto; height:24px; color:#007A8C;}
.clinicIntro .introSec .snsLink a .svgIco.ar {height:18px;}

.clinicSubCont {position:relative; margin:60px 0;}

.clinicSubCont .expSec {position:relative; margin-bottom:40px;}
.clinicSubCont .expSec .expTitle {color:#222; font-size:20px; font-weight:700; margin-bottom:10px;}
.clinicSubCont .expSec .expDesc {color:#777; font-size:18px; line-height:1.5;}

.clinicSubCont .qaSet {display:flex; flex-direction:column; gap:60px;}
.clinicSubCont .qaSet .perQa {position:relative;}
.clinicSubCont .qaSet .perQa:after {content:''; position:absolute; left:0; bottom:-30px; width:100%; height:1px; background:#E5E5E5;}
.clinicSubCont .qaSet .perQa:last-child:after {display:none;}
.clinicSubCont .qaSet .perQa .quest {display:flex; gap:10px; color:#222; font-size:24px; margin-bottom:20px;}
.clinicSubCont .qaSet .perQa .quest:before {content:'Q'; font-weight:700;}
.clinicSubCont .qaSet .perQa .answer {display:flex; flex-direction:column; gap:10px; padding-left:5px;}
.clinicSubCont .qaSet .perQa .answer li {display:flex; gap:6px; color:#777; font-size:18px; line-height:1.6;}

.kindSec {display:flex; gap:36px;}
.kindSec .perKind {width:calc(33.33334% - 24px); padding:36px; border-radius:16px; border:1px solid #007A8C; box-shadow: 0 0 10px 0 rgba(0, 122, 140, 0.25);}
.kindSec .perKind .kTitle {color:#007A8C; font-size:24px; font-weight:600;}
.kindSec .perKind .kDesc {display:inline-block; background:#f0f0f0; padding:6px 18px; border-radius:100px; color:#777; font-size:16px; font-weight:500; margin:20px 0 0;}
.kindSec .perKind .txt {color:#777; line-height:1.6; font-size:16px; font-weight:500; margin:20px 0 0;}
.kindSec .perKind .txt strong {font-weight:700;}
.kindSec .perKind .items {display:flex; flex-direction:column; gap:6px; margin-top:20px;}
.kindSec .perKind .items li {color:#222; font-size:16px; display:flex; gap:6px; position:relative; padding:0 4px; line-height:1.4;}
.kindSec .perKind .items li:before {content:'✔';}
.kindSec.half .perKind {width:calc(50% - 18px);}
.kindSec.full .perKind {width:100%;}
.kindSec.full .perKind .items {flex-direction:row; flex-wrap:wrap; margin:0; gap:10px 6px;}
.kindSec.full .perKind .items li {width:calc(50% - 3px);}
.clinicSubCont .expTxt {color:#222; font-size:18px; line-height:1.4; margin-top:30px; padding:0 10px;}

.clinicIntro .introSec .txtSec .kindSec {margin-top:40px; flex-wrap:wrap; gap:24px;}
.clinicIntro .introSec .txtSec .kindSec .perKind {width:100%; padding:20px; border:1px solid #E5E5E5; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);}
.clinicIntro .introSec .txtSec .kindSec .perKind .kTitle {color:#222; font-size:20px;}
.clinicIntro .introSec .txtSec .kindSec .perKind .txt {margin-top:10px;}

.resultSec {position:relative;}
.resultSec .inner {display:flex; flex-direction:column; gap:80px;}
.perResultSec {position:relative;}
.perResultSec .prsTitle {display:flex; justify-content:space-between; align-items:center; color:#222; font-size:24px; font-weight:700; margin-bottom:20px; padding:0 10px;}
.perResultSec .prsTitle a.moreView {position:relative; width:auto; color:#222; font-size:14px; font-weight:500; margin-top:0; gap:6px;}
.perResultSec .prsTitle a.moreView:after {content:''; width:16px; height:16px; background:url(../img/ico_plus.svg) no-repeat 50% 50%; background-size:100%;}
.perResultSec .bbsList .perArticle {width:calc(25% - 24px); height:230px;}
.perResultSec .bbsList .perArticle .txtSec .desc {-webkit-line-clamp: 4; height:auto; line-height:1.4; margin-top:10px;}
.perResultSec .bbsList.news .perArticle {width:calc(25% - 24px); height:auto;}
.perResultSec .bbsList.healthInfo .perArticle .txtSec .subject {height:62px; white-space:normal; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.nurseCont {position:relative; margin-bottom:100px;}
.nurseCont:last-child {margin-bottom:0;}
.nurseCont .nurseDesc {text-align:center; color:#007A8C; font-size:18px; font-weight:500; text-transform:uppercase;}
.nurseCont .nurseTitle {text-align:center; color:#222; font-size:34px; font-weight:700; line-height:1.3; margin:20px 0 48px;}
.nurseCont .visionBox {display:flex; justify-content:center; align-items:stretch; margin-top:24px;}
.nurseCont .visionBox .perVision {flex:1; position:relative;}
.nurseCont .visionBox .perVision:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#E5E5E5;}
.nurseCont .visionBox .perVision:last-child:after {display:none;}
.nurseCont .visionBox .perVision .icoSec {width:72px; margin:0 auto 16px;}
.nurseCont .visionBox .perVision .txt {color:#222; font-size:18px; font-weight:500; line-height:1.3; text-align:center;}

.organiTree {position:relative; margin-top:24px;}
.organiTree .orgHead {display:flex; justify-content:center; align-items:center; width:160px; height:160px; color:#FFF; font-size:26px; font-weight:700; background:#007A8C; border-radius:50%; margin:0 auto 90px; position:relative;}
.organiTree .orgHead:after {content:''; position:absolute; left:50%; top:206px; transform:translate(0, -50%); width:1px; height:90px; background:#E5E5E5;}
.organiTree .orgComm {position:absolute; left:calc(160px + 20px); top:164px; padding:18px 38px; background:#80BCC9; color:#FFF; font-size:18px; font-weight:700; border-radius:8px;}
.organiTree .orgComm:after {content:''; position:absolute; left:-100px; top:50%; width:100px; height:1px; background:#E5E5E5; transform:translate(0, -50%);}
.organiTree .orgTeam {display:flex; gap:12px; position:relative; padding-top:48px;}
.organiTree .orgTeam:after {content:''; position:absolute; left:50%; top:0; width:calc(100% - 15.5%); height:1px; background:#E5E5E5; transform:translate(-50%, 0);}
.organiTree .orgTeam .per {flex:1; padding:18px 0; background:#f9f9f9; text-align:center; border-radius:8px; color:#222; font-size:18px; font-weight:700; position:relative;}
.organiTree .orgTeam .per:after {content:''; position:absolute; left:50%; top:-48px; width:1px; height:48px; background:#E5E5E5; transform:translate(-50%, 0);}

.perIntroNurse {position:relative; width:100%;}
.perIntroNurse:after {content:''; position:absolute; left:0; bottom:-40px; width:100%; height:1px; background:#E5E5E5;}
.perIntroNurse:last-child:after {display:none;}
.perIntroNurse .introTitle {display:flex; gap:6px; color:#007A8C; font-size:20px; font-weight:700; position:relative; margin-bottom:20px;}
.perIntroNurse .introTitle:before {content:''; width:24px; height:24px; background:url(../img/uico_chk_grn.svg) no-repeat 50% 50%; background-size:100%;}
.perIntroNurse .introDesc {color:#222; font-size:18px; font-weight:600; margin-bottom:20px; padding-left:4px; line-height:1.4;}
.perIntroNurse .introDesc.normal {font-weight:400;}
.perIntroNurse ul {display:flex; flex-direction:column; gap:10px; width:100%;}
.perIntroNurse ul li {position:relative; color:#222; font-size:16px; line-height:1.4; padding-left:20px;}
.perIntroNurse ul li:after {content:''; position:absolute; left:10px; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}
.perIntroNurse .inContBox {margin-top:0; margin-bottom:20px;}
.perIntroNurse .inContBox ul li {width:33.33334%;}

.nurseCont .imgSec {display:flex; gap:20px;}
.nurseCont .imgSec > p {border-radius:16px; flex:1; overflow:hidden;}

.bbsSource {position:relative;}
.bbsSource .bbsItem {position:relative;}

.ocCont {position:relative; margin-top:17px;}
.ocCont .ocTitle {color:#222; font-size:26px; font-weight:600; margin-bottom:26px;}
.ocCont .evalOverview {display:flex; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; gap:40px; padding:30px 0; margin-bottom:40px;}
.ocCont .evalOverview .perOverview {width:calc(50% - 20px); position:relative;}
.ocCont .evalOverview .perOverview:after {content:''; position:absolute; right:-20px; top:0; width:1px; height:100%; background:#E5E5E5;}
.ocCont .evalOverview .perOverview:last-child:after {display:none;}
.ocCont .evalTitle {color:#222; font-size:20px; font-weight:500; margin-bottom:16px; display:flex; align-items:flex-start; gap:6px; position:relative;}
.ocCont .evalTitle:before {content:''; width:22px; height:22px; background:url(../img/uico_chk_grn.svg) no-repeat 50% 50%; background-size:100%;}
.ocCont .evalTxt {color:#222; font-size:16px; line-height:1.4; padding-left:28px;}

.ocCont .infoBox {position:relative; margin-bottom:40px;}
.ocCont .comnTable.short table th, .ocCont .comnTable.short table td {font-size:16px;}

.evalChartHtml {width:100%;}
.evalChartHtml .chartHead {display:flex; justify-content:flex-end; gap:16px; margin:0 0 20px;}
.evalChartHtml .chartHead .legend {position:relative; padding-left:34px; font-size:16px; font-weight:500; line-height:1.4; color:#666;}
.evalChartHtml .chartHead .legend:before {content:""; position:absolute; top:4px; left:0; width:24px; height:12px; border-radius:100px;}
.evalChartHtml .chartHead .legend.avg:before {background:#d9d9d9;}
.evalChartHtml .chartHead .legend.hos:before {background:#69b8c7;}

.evalChartHtml .chartBody {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.evalChartHtml .chartRow {display:flex; align-items:center; gap:20px; padding:14px 0; border-top:1px solid #f0f0f0;}
.evalChartHtml .chartRow:first-child {border-top:0;}

.evalChartHtml .cate {flex:0 0 210px; text-align:right; font-size:16px; font-weight:500; line-height:1.4; color:#222; word-break:keep-all;}
.evalChartHtml .barArea {flex:1; position:relative; padding:0;}
.evalChartHtml .barLine {position:relative; height:16px; margin:0 0 10px; background:#f1f1f1; border-radius:999px; overflow:hidden;}
.evalChartHtml .barLine:last-child {margin-bottom:0;}
.evalChartHtml .barLine.avg .fill {background:#d9d9d9;}
.evalChartHtml .barLine.hos .fill {background:#69b8c7;}
.evalChartHtml .barLine .fill {display:block; height:100%; border-radius:999px;}

.evalChartHtml .valueArea {flex:0 0 100px;}
.evalChartHtml .valueArea p {margin:0 0 10px; font-size:20px; font-weight:700; line-height:20px; text-align:left;}
.evalChartHtml .valueArea p:last-child {margin-bottom:0;}
.evalChartHtml .valueArea .avg {color:#666; font-weight:400; font-size:16px;}
.evalChartHtml .valueArea .hos {color:#008eaa;}

.evalChartHtml .chartFoot {display:flex; justify-content:space-between; gap:20px; margin:14px 0 0;}
.evalChartHtml .chartNote {margin:0; font-size:15px; font-weight:500; line-height:1.4; color:#ff7f5a;}
.evalChartHtml .chartUnit {margin:0; font-size:15px; font-weight:500; line-height:1.4; color:#666;}

.gSafeCont {position:relative; display:flex; gap:60px; flex-direction:column;}
.gSafeCont .gsTitle {position:relative; color:#222; font-size:20px; line-height:1.4; font-weight:500;}
.gSafeCont .gsItems {position:relative; display:flex; align-items:stretch; flex-flow:row wrap; gap:20px;}
.gSafeCont .gsItems .comnBox {width:calc(50% - 10px); position:relative; padding:30px; height:100%; display:flex; align-items:center; gap:20px; color:#222; font-size:16px; line-height:1.4;}
.gSafeCont .gsItems .comnBox .item {color:#007A8C; font-size:36px; font-weight:200;}

.hosTab {position:relative; margin-top:80px;}
.hosTab .inner {display:flex; border-bottom:2px solid #E5E5E5;}
.hosTab .inner a {flex:1; text-align:center; border-radius:16px 16px 0 0; padding:20px 0; background:#FFF; color:#999; font-size:20px; font-weight:400; position:relative;}
.hosTab .inner a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:18px; background:#E5E5E5;}
.hosTab .inner a:last-child:after {display:none;}
.hosTab .inner a.on {background:#007A8C; color:#FFF; font-weight:600;}
.hosTab .inner a.on:after {display:none;}

.healthReport {position:relative;}
.healthReport .infoSec {position:relative; margin-top:40px;}
.healthReport .infoSec:first-child {margin-top:0;}
.healthReport .infoSec .title {margin-bottom:16px;}

.healthReport .comnTable {position:relative; width:100%;}

.healthReport .comnTable th,
.healthReport .comnTable td {padding:12px 16px; color:#222; font-size:14px; line-height:1.4; vertical-align:middle; word-break:keep-all; height:auto; border-bottom:1px solid #E5E5E5;}
.healthReport .comnTable .bdrR {border-right:1px solid #E5E5E5;}
.healthReport .comnTable .bdrB {border-bottom:1px solid #E5E5E5;}
.healthReport .comnTable .bdrRB {border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}

.healthReport .comnTable thead th {padding:12px 16px; color:#222; font-size:14px; font-weight:700; line-height:1.5; text-align:center; border-bottom:1px solid #E5E5E5;}
.healthReport .comnTable tbody th {font-weight:500; text-align:center; background:#F2F8F9; border-bottom:1px solid #E5E5E5;}
.healthReport .comnTable tbody td {font-weight:400; text-align:center; background:#fff; word-break:break-all;}
.healthReport .comnTable tbody tr:first-child th,
.healthReport .comnTable tbody tr:first-child td {border-top:0;}

.healthReport .comnTable.short colgroup col:first-child {width:15%;}
.healthReport .comnTable.info colgroup col:first-child {width:15%;}

.healthReport .comnTable.resp td:empty:after,
.healthReport .comnTable.single td:empty:after,
.healthReport .comnTable.short td:empty:after {content:"-"; color:#98A2B3;}

.healthReport .btns {display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:56px;}