@charset "utf-8";
@import "https://cdn.jsdelivr.net/npm/font-kopubworld@1.0.3/css/all.min.css";
:root {
  --main-color:#157d71;
}

html{scroll-behavior: auto;}
.boGalleryView .slick-dots li + li{margin-left:8px;}
.boGalleryView .slick-dots button{background:rgb(204, 204, 204);}

#sub{background: #fff; padding-top: 134px;}

#sub-visual{position:relative;height:350px;z-index:35; overflow: hidden; background: #ede7e1;}
#sub-visual::before{content: ''; width: 100%; height: 121px; background: url(/page/sokchooffice/postpartum/images/sub/bg_wave.png)no-repeat; position: absolute; left: 0; bottom: 0; z-index: 1;}
#sub-visual .v1{width: 100%; height: 100%; position: absolute; left: 50%; top: 0; transform: translate(-50%);}

#sub-visual .visual-img{display:block;position:absolute; left: 50%; top: 0;  transform: translate(-50%); object-fit:cover;}
#sub-visual .inner{height:100%;display:flex;align-items:center;justify-content:flex-start;}
#sub-visual h2{text-align:center;line-height:1.2; }
#sub-visual h2 strong{display:block; font-size:55px; color:#383c39; font-weight:700; padding-left: 24px;}

#content{max-width: 1440px;}

#breadcrumb-wrap .breadcrumb{display: flex; align-items: center; padding-top: 25px; margin-bottom: 39px;}
#breadcrumb-wrap .breadcrumb li{padding-right: 9px; margin-right: 9px; position: relative;}
#breadcrumb-wrap .breadcrumb li a{position: relative; color: #1e2124; padding: 0 0.4rem; display: inline-flex;}
#breadcrumb-wrap .breadcrumb li a:hover{background: #eef2f7; border-radius: 5px;}
#breadcrumb-wrap .breadcrumb li.home a{display: flex; gap: 6px; align-items: center;}
#breadcrumb-wrap .breadcrumb li.home a::before{content: ''; width: 12px; height: 12px; background: url(/page/sokchooffice/postpartum/images/sub/home.png)no-repeat; display: block;}
#breadcrumb-wrap .breadcrumb li a{text-decoration: underline; text-underline-position: under;}
#breadcrumb-wrap .breadcrumb li::before{content: ''; width: 6px; height: 10px; background: url(/page/sokchooffice/postpartum/images/sub/ico-left-arrow.png)no-repeat;
position: absolute; right: -3px; top: 8px;}
#breadcrumb-wrap .breadcrumb li:last-child::before{display: none;}

#content-title h3{font-size: 35px; font-weight: 600; color: #1e2124; padding-bottom: 9px; text-align: center; border-bottom: 1px solid #e0e0e0;}

.tab-wrapper{display: flex; align-items: center;  margin-top: 41px;  position: relative; width: 100%; overflow: hidden;}
.tab-container{width: 100%;}
.tab-list{display: flex; white-space: nowrap;  transition: scroll 0.3s ease;}
.tab-item{position: relative; flex: 1; display: flex; align-items: center; justify-content: center;  font-size: 19px; height: 54px; font-weight: 500; color: #131416;  border-width: 1px 1px 0 1px;}
.tab-list a{border-bottom: 2px solid #cdd1d5;}
.tab-list a.active{color: #ff7417; border-bottom: 3px solid #ff7417; font-weight: 700;}


.sub-icon-bx{background: #edeff0; border-radius: 22px; overflow: hidden; display: flex; gap: 42px; padding: 26px 52px; align-items: center;}
.sub-icon-bx img{display: block; margin: -60px 0;}
.sub-icon-bx > div p{font-size: 18px; color: #1e2124;}
.sub-icon-bx > div strong{font-size: 18px; font-weight: 700;}


#sub .titLv{color: #1b1b1b;font-weight: 700;padding-top:5px;word-break:keep-all;font-size: 21px; margin-bottom: 1.5rem; display: flex;align-items: center;}
#sub .titLv:before{content:''; display:block;width:17px;height: 16px;background:url(/page/sokchooffice/postpartum/images/sub/blit1.png) no-repeat 0 0 /cover; margin-right:5px;}
#sub .titLv:not(:first-child){margin-top: 3rem;}

#sub .listLv{font-weight:400; margin-left:0px !important; color: #000; font-size: 19px; position: relative; font-weight: 500;}
#sub p.listLv, #sub div.listLv, #sub span.listLv, #sub .listLv > li, #sub .listLv > dt, #sub .listLv > dd{padding-left: 42px; padding-top:0; margin-bottom: 3px;}
#sub p.listLv:before, #sub div.listLv:before, #sub span.listLv:before, #sub .listLv > li:before, #sub .listLv > dt:before{border-width:0;transform:none;top: 6px;left: 24px;width:11px;height:17px;background: url(/page/sokchooffice/postpartum/images/sub/blit2.png) no-repeat center center /cover;}
#sub p.listLv2, #sub div.listLv2, #sub span.listLv2, #sub .listLv2 > li, #sub .listLv2 > dt, #sub .listLv2 > dd{font-weight: 500; padding-left: 16px; margin-bottom:5px; font-size: 18px; color: #000;}
#sub p.listLv2:before, #sub div.listLv2:before, #sub span.listLv2:before, #sub .listLv2 > li:before, #sub .listLv2 > dt:before{top: 12px; width: 8px; height: 2px; background: #000;}
#sub p.listLv3, #sub div.listLv3, #sub span.listLv3, #sub .listLv3 > li, #sub .listLv3 > dt{margin-bottom:5px;padding-left:34px;font-size: 17px;color: #000;}
#sub p.listLv3:before, #sub div.listLv3:before, #sub span.listLv3:before, #sub .listLv3 > li:before, #sub .listLv3 > dt:before{top:11px;left: 24px;background: #000;width: 4px;height: 4px; border-radius: 50%;}
#sub .listLv > li > .listLv2, #sub .listLv2 > li > .listLv3, #sub .listLv3 > li > .listLv4{margin-top:3px;}
#sub .imptBox{border:0px;background:#f5f8fa;border-radius:15px; font-size: 18px;}
#sub .imptBox span{color: #ff282a;}
#sub .contsBtn{border: 1px solid #000;color: #000;font-weight:400;position:relative;z-index:1;}
#sub .skinBtnBo:before, #sub .contsBtn:before{display:none;}
#sub .skinBtnBo{color:#222;font-weight:400;position:relative;border:1px solid #222;background: #33363d; border-radius: 5px; color: #fff;}

#sub .contsBtn:hover, #sub .skinBtnBo:hover{background: #33363d;color: #fff;}
#sub .contsBtn:hover:after, #sub .skinBtnBo:hover:after{content:'';position:absolute;z-index:-1;top:2px;bottom:2px;left:2px;right:2px;/* background:#fff; */display:block;border-radius:3px;}

#sub input.skinBtnBo:hover{border-color:#303030;color: #fff;}
#sub .contsBtn > a:after{filter:brightness(0) grayscale(0);}
#sub .contsBtn:hover > a:after{filter:brightness(200) grayscale(1);}

#sub .boSrchArea input[type="submit"], #sub .skinBtnBo.ctrlFile-btnFile{color:rgb(255, 255, 255);}
#sub .skinTb:before{border-top: 2px solid #fe6c0b; top: 0;}
#sub .skinTb{font-size: 1.8rem;margin-top: 1rem;margin-bottom:1.5rem;margin-left: 0px;}
#sub .skinTb-th, #sub .skinTb > tr > th, #sub .skinTb > thead > tr > th, #sub .skinTb > tbody > tr > th, #sub .skinTb > tfoot > tr > th{font-weight:700;background-color: #f0eeeb;color: #1b1b1b;border-color: #cacaca;border-width: 0px 1px 1px 1px;}
#sub .skinTb > thead > tr > th{border-bottom-color: #cacaca;}
#sub .boSrchArea .boMeta, #sub .skinTb > tr > td, #sub .skinTb > thead > tr > td, #sub .skinTb > tbody > tr > td, #sub .skinTb > tfoot > tr > td{font-weight:500; border-width: 0 1px 1px 1px; border-color: #cacaca; color: #1b1b1b;}
#sub .skinIptTxt{border-radius: 4px; font-size: 17px; color: #131416; font-weight: 400;}
#sub .skinIptTxt::placeholder{color: #6c6c6c;}
#sub .emailAddr .skinIptTxt{width: 20%; font-weight: 400;}
#sub .emailAddr .skinSelectBox,
#sub .city .skinSelectBox{margin-left: 12px; border-radius: 4px; width: 20%; color: #131416; font-weight: 400; font-size: 17px;}
#sub .city .skinSelectBox{margin-left: 0;}
#sub .titLv span{font-size: 15px; color: #ee2346; text-align: right; flex: 1; font-weight: 400;}
.skinTb td > img{display: block; margin: 0 auto;}
#sub .caution{position: relative; display: flex; font-weight: 500; font-size: 19px;  color: #cb0010; word-break: keep-all; margin: 5px 0px;}
#sub .caution.v2{color: #2f5ab3;}
.icoComment{display: none;}
#sub .skinTb-sbj{font-weight:500 !important;}

#sub .skinTb tbody th{border-right-width:1px !important;}
#sub .skinTb-th{padding: 1rem 3rem; font-size: 19px; border-left: 1px solid #dadce0; border-right: 1px solid #dadce0;}
#sub .skinTb-th h3{font-size: 20px; font-weight: 700;}
#sub .skinTb-th strong,
#sub .skinTb-td strong{font-weight: 700;}
#sub .skinTb-td{font-weight: 400; font-size: 19px; color: #131416; min-height: 40px;}
#sub .skinTb-td .check{display: inline-block; padding-left: 8px;}
#sub .skinTb-td .check label{vertical-align: 1px;}
#sub .skinTb-td .people{padding-right: 17px; text-align: right;}
#sub .skinTb-td .people::placeholder{text-align: right; color: #8a949e;}
#sub .skinTb-td .request{border-radius: 4px; border-color: #c2c2c2; color: #131416; font-family:'Pretendard'; font-size: 17px;}
#sub .skinTb-td .request::placeholder{color: #8a949e; font-size: 17px;}
#sub .skinTb-td .hour{display: flex; flex-wrap: wrap; gap: 5px;}
#sub .skinTb-td .hour span{display: flex;  align-items: center; justify-content: center; border-radius: 4px; color: #131416; width: 116px; height: 40px; border: 1px solid #c2c2c2;}
#sub .skinTb > tbody > tr > td .file{display: flex; align-items: center; justify-content: center;}
#sub .skinTb > tbody > tr > td .file span{display: flex; background: url(/page/sokchooffice/postpartum/images/sub/listico-file.png)no-repeat; width: 20px; height: 20px; font-size: 0;}
#sub .skinTb-th em{color: #ee2346; padding-left: 5px;}
#sub .skinTb-th[data-hidden="mob"]{border-right: 0 !important;}
#sub .skinTb .skinTb-conts img{max-width: 100%;}
#sub .skinTb-td table > tbody > tr > td{border-style: solid !important; border-width: 1px !important;}
#sub .skinTb-td ol,
#sub .skinTb-td ul{list-style-position: inside;}

#sub .skinTb-wrapper,
#sub .titLv3 + .titLv3{margin-top:0; margin-bottom: 2.5rem;}
#sub .titLv3 + .titLv2,
#sub .titLv2 + .titLv2,
#sub .skinTb-wrapper + .titLv2,
#sub .skinTb-wrapper + .titLv3,
#sub .titLv2 + .imptBox,
#sub .titLv2 + .skinTb-wrapper{margin-top: 2rem;}
#sub .titLv + .titLv2,
#sub .listLv + .titLv2,
#sub .listLv2 + .titLv2,
#sub .listLv3 + .titLv2,
#sub .skinTb-wrapper + .titLv,
#sub .listLv4 + .titLv2{margin-top: 2.3rem;}
#sub .skinTb .listLv2, #sub .skinTb .listLv3, #sub .skinTb .listLv4 {margin:10px 0 10px 10px;}
#sub .ui-datepicker-trigger{margin-top: 5px;}

.listLv a{text-decoration: none;}
.listLv a:hover{text-decoration: underline; text-underline-position: under;}
.listLv .icon-btn:hover{color: #fff;}

#sub .boMultiSrch-group{justify-content:flex-end;}
#sub .boMeta-pt:before{display: none;}
#sub .boMeta-pt{color:#2c2c2c;}


 #sub .caution01{display: flex; font-weight: 400; font-size: 1.6rem; color: #e12828;  word-break: keep-all; margin: 5px 0;} 

.icon-btn{display:inline-flex;align-items:center;height: 46px; margin-right: 5px; border:1px solid #ccc;border-radius:10px;color:#444;transition:all .1s;padding-right:15px;background: #fff;}
.icon-btn:hover{text-decoration:none !important;color:#fff;background: #fe6c0b; border-color: #fe6c0b;}
.icon-btn span{padding:0 20px;border-right:1px solid #cbcbcb;margin-right:10px;}
.icon-btn img{width:24px;}
.icon-btn:hover img{filter:invert(1) brightness(200);}

.board-btn{display:inline-flex;align-items:center;height:46px;border:1px solid #ccc;border-radius:10px;color:#444;padding:0 15px;font-size:15px;}
.board-btn + .board-btn{margin-left:5px;}
.board-btn:hover{text-decoration:none !important;color:#fff;background:#435053;border-color:#435053;}
.board-btn.v2:hover{background:#fe6c0b;border-color:#fe6c0b;}

.sub-btn{display: flex; gap: 20px; justify-content: center;}
.sub-btn a{display: flex; padding: 0 15px; border: 1px solid #fe6c0b; font-size: 18px; justify-content: center; align-items: center; color: #131416; height: 46px; border-radius: 6px; background: #f1f1f1;}
.sub-btn a:hover{text-decoration: none !important;}
.sub-btn a.v2{background: #fe6c0b; border-color: #fe6c0b; color: #fff;}
.boSrchArea input[type="submit"]{margin-left: 5px;}
.skinTb .skinTb-conts{border: 1px solid #d8d8d8; border-width: 0 1px 1px;}

.skinSelectBox{font-size: 17px; border-radius: 4px; color: #6c6c6c;}
#sub textarea::placeholder{font-weight: 400; font-size: 1.7rem;}


#sub .boMeta-pt{color: #fe6c0b;}

@media (max-width:1440px){
  html{font-size: 9px;}
  #sub{padding-top: 62px;}


  #sub-visual{height: 300px;}
  #sub-visual .visual-img{left: auto; right: 0; transform: none;}

  #sub .skinTb-th, #sub .skinTb > tr > th, #sub .skinTb > thead > tr > th, #sub .skinTb > tbody > tr > th, #sub .skinTb > tfoot > tr > th{font-weight:500;}
  #sub .skinTb a{font-size:15px !important;display:inline-block;}
  #text{font-size:13px !important}
  #sub .titLv2 + .pgraph,
  #sub .titLv2 + .listLv,
  #sub .titLv3 + .pgraph,
  #sub .titLv3 + .listLv{padding-left:0px;}
  #sub .skinTb-th{padding: 1rem;}

  .tab-item{font-size: 16px; height: 45px;}

  .sub-icon-bx img{width: 180px;}
  .sub-icon-bx p{font-size: 15px;}

  .icon-btn{height: 40px;border-radius:5px;padding-right:10px;font-size: 13px;}
  .icon-btn span{padding:0 10px;margin-right:5px;}
  .icon-btn img{width:20px;}

    .board-btn{height:40px;border-radius:5px;padding:0 13px;font-size:13px;}


  .listLv + .icon-btn{margin:15px 0 0 15px;}
  .titLv2 + .icon-btn,
  .titLv3 + .icon-btn{margin:5px 0 0 15px;}

  .board-btn{height:40px;border-radius:5px;padding:0 13px;font-size:14px;}
  }

  @media (max-width:991px) {
    #sub-visual h2 strong{font-size: 50px;}

    #breadcrumb-wrap .breadcrumb{padding-top: 20px; margin-bottom: 20px;}

    #content-title h3{font-size: 35px;}

    .sub-icon-bx{padding: 26px 32px;}

    .tab-item{font-size: 18px; height: 50px;}

    .sub-btn a{font-size: 16px; height: 40px; line-height: 40px;}
    .skinSelectBox,
    #sub .skinIptTxt{font-size: 15px; }

    #sub-visual .visual-img{width: 447px; height: auto;}
  }

@media (max-width:716px) {

  html{font-size: 8.2px;}
  #sub .inner{padding: 0 16px;}
  .sub-icon-bx > div p,
  .sub-icon-bx > div strong{font-size: 14px;}
  #sub .skinBtnBo{height: 4rem; font-size: 14px !important;}

  #sub .titLv{font-size: 19px;}
  #sub .listLv{font-size: 18px;}
  #sub .caution{font-size: 16px;}

  .skinSelectBox,
  #sub .skinIptTxt{height: 4rem; font-size: 14px !important;}

  #sub .skinTb-th h3{font-size: 16px;}

  #sub .room .skinTb{padding-bottom: 40px;}
  #sub .city .skinSelectBox{width: auto;}
  #sub .skinTb-th{font-size: 17px;}
  #sub .skinTb-td{font-size: 17px; }
  #sub .skinTb-td .check label{vertical-align: 2px;}
  #sub .titLv span{font-size: 14px;}
  #sub .emailAddr .skinSelectBox{font-size: 14px; margin-left: 5px;}
  #sub .emailAddr .skinIptTxt,
  #sub .emailAddr .skinSelectBox{width: 28%;}
  #sub .emailAddr .skinSelectBox{width: 32%;}
  #sub .skinIptTxt{font-size: 13px;}
  #sub .skinTb-td .hour span{width: 99px; height: 35px; font-size: 15px;}

  .contsArea{padding: 40px 0 !important;}
  #sub p.listLv2, #sub div.listLv2, #sub span.listLv2, #sub .listLv2 > li, #sub .listLv2 > dt, #sub .listLv2 > dd{font-size: 17px;}
  #sub p.listLv3, #sub div.listLv3, #sub span.listLv3, #sub .listLv3 > li, #sub .listLv3 > dt{padding-left:33px;}

  #sub p.listLv3:before, #sub div.listLv3:before, #sub span.listLv3:before, #sub .listLv3 > li:before, #sub .listLv3 > dt:before{top: 10px; left: 23px;}
  #sub p.listLv, #sub div.listLv, #sub span.listLv, #sub .listLv > li, #sub .listLv > dt, #sub .listLv > dd{padding-left: 20px;}
  #sub p.listLv:before, #sub div.listLv:before, #sub span.listLv:before, #sub .listLv > li:before, #sub .listLv > dt:before{left: 2px; top: 4px;}
  #sub p.listLv2:before, #sub div.listLv2:before, #sub span.listLv2:before, #sub .listLv2 > li:before, #sub .listLv2 > dt:before{top: 10px;}
  #sub .listLv2, #sub .listLv3, #sub .listLv4{margin-left: -10px;}


  #sub-visual{height: 180px;}
  #sub-visual h2 strong{font-size: 28px;}
  #sub-visual .visual-img{width: 280px;}
  #sub-visual.v2 .visual-img{left: calc(50% - 60px);}
  #sub-visual.v3 .visual-img{left: calc(50% - 120px);}
  #sub-visual.v4 .visual-img{width: 429px;  left: calc(50% - 60px);}
  #sub-visual.v5 .visual-img{width: 429px;  left: calc(50% + 60px);}

  #breadcrumb-wrap .breadcrumb{padding-top: 10px; margin-bottom: 10px;}
  #breadcrumb-wrap .breadcrumb li a{font-size: 14px;}

  #content-title h3{font-size: 25px;}

  .tab-wrapper{width: auto; margin-right: -20px; margin-top: 25px;}
  .tab-container{width: 100%;}
  .tab-list{padding: 0; overflow-x: auto; width: 100%; padding-bottom: 10px;  border-bottom: 0;}
  .tab-item{font-size: 14px; width: 200px; height: 35px; flex: none;}

  .sub-icon-bx img{width: 100px;}
  .sub-icon-bx p br{display: none;}

  .sub-icon-bx{padding: 15px; gap: 20px;}

  .sub-btn{gap: 10px;}
  .sub-btn a{height: 35px; line-height: 35px; font-size: 14px; padding: 0 10px;}

  .btnBoPrev, .btnBoNext{display: flex; align-items: flex-start; flex-direction: column;}
  .skinTb-data-resList.skinTb-data-group >tbody >tr >td{border-width: 0 1px 1px;}
  
}

/* pager */
#sub .pager,
#sub .pager01{position: relative;margin:14px auto 0;padding: 20px 20px 7px;text-align: center;}
#sub .pager01{display: flex; justify-content: center; align-items: center; width: 100%;}
#sub .pager01 .paper-bx{width: 100%;}
#sub .pager-num {display: none;}
#sub .pager-link {display: inline-block;min-width: 35px;height: 35px;padding: 0 2px;background-color:#fff;border-color: #d2d2d2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;line-height: 33px;vertical-align: middle;font-size:14px;color: #222 !important;border: 0;border-radius: 50%;border: 1px solid transparent;}
#sub .pager-link.active {background: #fe6c0b;;color: #fff !important;}
#sub .pager-link-data-next,
#sub .pager-link-data-last,
#sub .pager-link-data-prev,
#sub .pager-link-data-first {font-size: 0;background: #fff !important;/* border: 1px solid #b6b6b6; */margin: 0 1px;}
#sub .pager-link-data-next {background:url(/page/sokchooffice/postpartum/images/sub/ico-paging-narr.png) no-repeat center center /7px 12px !important;margin-left: 7px;}
#sub .pager-link-data-last {background:url(/page/sokchooffice/postpartum/images/sub/ico-paging-narr2.png) no-repeat center center /13px 12px !important;}
#sub .pager-link-data-prev {background:url(/page/sokchooffice/postpartum/images/sub/ico-paging-parr.png) no-repeat center center /7px 12px !important;margin-right: 7px;}
#sub .pager-link-data-first {background:url(/page/sokchooffice/postpartum/images/sub/ico-paging-parr2.png) no-repeat center center /13px 12px !important;}

#sub .contsArea .pager a{text-decoration:none;}

@media (max-width:1440px){
  #sub .pager ,
  #sub .pager01{margin:14px auto 0;padding: 10px 0px 5px;text-align: center;}
  #sub .pager-link {min-width: 26px;height: 26px;line-height: 26px;font-size:13px;}
  #sub .pager-link-data-next,
  #sub .pager-link-data-last,
  #sub .pager-link-data-prev,
  #sub .pager-link-data-first {font-size: 0;background: #fff !important;/* border: 1px solid #b6b6b6; */margin: 0px;}
  #sub .pager-link-data-next {background:url(/page/sokchooffice/postpartum/images/sub/ico-paging-narr.png) no-repeat center center /6px 10px !important;margin-left: 5px;}
  #sub .pager-link-data-last {background:url(/page/sokchooffice/postpartum/images/sub/ico-paging-narr2.png) no-repeat center center /11px 10px !important;}
  #sub .pager-link-data-prev {background:url(/page/sokchooffice/postpartum/images/sub/ico-paging-parr.png) no-repeat center center /6px 10px !important;margin-right: 5px;}
  #sub .pager-link-data-first {background:url(/page/sokchooffice/postpartum/images/sub/ico-paging-parr2.png) no-repeat center center /11px 10px !important;}
}



@media screen and (max-width: 720px){
	#sub .pager-link-data-ellipsis {min-width: 6px;border-width: 0;-webkit-background-size: 4px;background-size: 4px;font-size: 0;}
	#sub .pager,
  #sub .pager01{margin-top:5px;}
}

@media screen and (max-width: 420px){
	#sub .pager-link:nth-child(n+3).pager-link:nth-last-child(n+3) {display: none;}
	#sub .pager-num {display: inline-block;padding:0 3px;vertical-align:-1px;font-size:14px;font-weight:500;color:#222;}
}


.img-modal-bx{display:flex;align-items:center;justify-content:space-between;}
.img-modal-bx .img-zoom-modal + .img-zoom-modal{margin-left:15px;}
.img-zoom-modal{position:relative;display:block;margin:25px 0px;flex:1 1 0%;}
.img-zoom-modal:after {content:"확대축소";transition:all 0.2s ease 0s;width:40px;height:40px;background:url("/page/common/images/zoom_w.png") center center / 25px 25px no-repeat rgba(0, 0, 0, 0.7);border-radius:50%;position:absolute;bottom:10px;right:10px;display:block;font-size:0px;}
.img-zoom-modal:before {content:"확대축소";transition:all 0.2s ease 0s;width:50px;height:50px;opacity:0;background:url("/page/common/images/zoom_w.png") center center / 30px 30px no-repeat rgba(0, 0, 0, 0.7);border-radius:50%;position:absolute;left:50%;top:50%;display:block;font-size:0px;margin:-25px 0px 0px -25px;}
.img-zoom-modal:hover:after{opacity:0;}
.img-zoom-modal:hover:before{opacity:0.6;}
.img-zoom-modal img{display:block;margin:0px auto;max-width:100%;}
#img-modal{width:auto;padding:60px 0px;background:rgb(25, 25, 25);position:fixed;z-index:5000;inset:0px;animation:0.35s ease 0s 1 normal both running img-modal;}
#img-modal .thumb{width:auto;margin:0px auto;display:flex;align-items:center;justify-content:center;height:calc(100vh - 120px);overflow:hidden;background:rgb(239, 239, 239);}
#img-modal .thumb img{display:block;}
#img-modal .contsBtn{display:block;margin:30px auto 0px;max-width:125px;background:rgb(255, 255, 255);border-radius:0px;}
#img-modal .close{display:block;position:absolute;right:15px;top:13px;width:24px;height:24px;filter:invert(1);font-size:30px;line-height:1;}
#img-modal .close:hover{transform:scale(1.1);}
#img-modal .title-bx{color:rgb(241, 241, 241);position:absolute;bottom:0px;left:0px;width:100%;background:rgb(17, 17, 17);height:60px;padding:0px 310px 0px 0px;z-index:10;}
#img-modal .title-bx h1{padding-left:20px;height:60px;line-height:58px;font-weight:300;font-size:17px;border-left: 5px solid #0059e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#img-modal .title-bx .btn-bx{position:absolute;right:10px;top:12px;height:36px;}
#img-modal .title-bx .btn-bx a{display:inline-block;vertical-align:top;border:1px solid rgb(170, 170, 170);height:36px;line-height:34px;color:rgb(170, 170, 170);font-size:14px;font-weight:300;min-width:100px;text-align:center;}
#img-modal .title-bx .btn-bx i{margin-right:3px;}
#img-modal .title-bx .btn-bx a + a{margin-left:3px;}
.boSrch{flex-wrap:wrap;justify-content:flex-start;}
.yrSrch-btnBo,
.boSrchPeriod-btnBo{width:100%;margin-left:0;height:36px;background:#333;font-size:14px;line-height:32px;display:block;}
.boSrch .boSrchPeriod-btnBo{margin-top:10px;}
.spSrch .boSrchPeriod-group:nth-child(2) .boSrchPeriod-btnBo{margin-top:10px;}
.spSrch .boSrchPeriod-group{width:100% !important;}
.spSrch .boSrchPeriod-group + .boSrchPeriod-group{margin-top:10px;}
.boSrchArea fieldset{width:100%;}

@media (max-width:1440px){
  .img-modal-bx .img-zoom-modal + .img-zoom-modal{margin-left:10px;}
  #img-modal{padding:50px 0px;}
  #img-modal .thumb{height:calc(100vh - 100px);}
  #img-modal .title-bx{height:50px;padding:0px 115px 0px 0px;}
  #img-modal .title-bx h1{padding-left:15px;height:50px;line-height:48px;font-size:15px;border-left-width: 3px;}
  #img-modal .title-bx .btn-bx{top:9px;height:32px;}
  #img-modal .title-bx .btn-bx a{height:32px;line-height:30px;min-width:32px;font-size:0px;}
  #img-modal .title-bx .btn-bx i{margin-right:0px;font-size:16px;vertical-align:middle;}
  #img-modal .title-bx .btn-bx a + a{margin-left:3px;}
  #img-modal .close{right:10px;top:11px;font-size:28px;}
  .img-zoom-modal:before{display:none !important;}
  .img-zoom-modal:after{transform:scale(0.85);transform-origin:100% 100%;opacity:1 !important;}
}
@media (max-width:716px) {
  .img-modal-bx{overflow-x:auto;padding:0px 0px 0px 15px;margin:0px -15px;}
  .img-modal-bx .img-zoom-modal{min-width:340px;margin:10px 7px 10px 0px !important;}
  .img-zoom-modal {margin:20px -15px;}
  #img-modal .title-bx{height:50px;padding:0px 90px 0px 0px;}
  #img-modal .title-bx h1{font-size:14px;}
  #img-modal .title-bx .btn-bx{right:10px;}
  #img-modal .title-bx .btn-bx i{font-size:15px;}
  #img-modal .title-bx .btn-bx a + a{margin-left:1px;}
  #img-modal .close{right:6px;}
  .img-zoom-modal:after {transform:scale(0.7);right:5px;bottom:5px;}
  .boSrchPeriod-btnBo{margin-top:0 !important;}
  .bjSrch label{font-size:14px;}
  .yrSrch-btnBo,
  .boSrch .boSrchPeriod-btnBo{margin-top: 0 !important;}
  .yrSrch + div .boSrchPeriod-iptTxt{width:auto !important;flex:1;}
  .yrSrch + div .boSrchPeriod-group{width:100% !important;display:flex;align-items:center;margin-top: 5px;}
  .yrSrch + div .boSrchPeriod-group + .boSrchPeriod-group{margin-top:-5px;}
  .boSrchPeriod-label{font-size:14px;min-width: 60px;margin-top: 7px;}
  .yrSrch label{font-size:14px;}
  .bjSrch .yrSrch-iptTxt{margin-bottom:5px;}
  .boSrchPeriod-group{display:flex;flex-wrap:wrap;}
}
@keyframes img-modal{
  0%{opacity:0;transform:translateY(50%);}
  100%{opacity:1;transform:translateY(0%);}
}



.ui-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:2000;display:flex;justify-content:center;align-items:center;}
.ui-modal .bx{background:#fff;border-radius:10px;padding:20px 20px 20px;box-shadow:3px 3px 10px 0px rgba(0,0,0,.3);max-width:300px;width:90%;display:flex;align-items:center;min-height:130px;position:relative;}
.ui-modal h2{font-weight:500;font-size:18px;line-height:1.4;margin-bottom:13px;text-align:center;word-break:keep-all;}
.ui-modal h2 + span{margin:-10px 0 12px;font-size:13px;display:block;text-align:center;color:#aaa;font-weight:300;word-break:keep-all;}
.ui-modal select{height:32px;line-height:32px;border:1px solid #bbb;padding-left:10px;flex:3;}
.ui-modal input[type="password"],
.ui-modal input[type="text"]{height:32px;line-height:32px;border:1px solid #bbb;padding-left:15px;flex:3;}
.ui-modal .ui-flex + .ui-flex{margin-top:15px;}
.ui-modal .ui-flex{display:flex;width:100%;flex-wrap:wrap;}
.ui-modal form{width:100%;}
.ui-modal input[type="submit"]{flex:1;height:32px;line-height:32px;text-align:center;background:#111;font-size:14px;color:#fff;}
.ui-modal .ui-flex a{flex:1;height:32px;line-height:32px;text-align:center;background:#111;font-size:14px;color:#fff;}
.ui-modal .ui-flex a + input[type="submit"]{margin-left:5px;}
.ui-modal input[type="password"] + input[type="submit"],
.ui-modal input[type="text"] + input[type="submit"],
.ui-modal select + input[type="submit"]{margin-left:5px}
.ui-modal select ~ input[type="password"],
.ui-modal select ~ input[type="text"]{margin-left:5px;flex-basis:60%;flex-grow:0;width:100%}
.ui-modal .ui-flex > div{padding:3px 0;flex:1;flex-basis:50%;white-space:nowrap;height:30px;line-height:27px;}
.ui-modal .ui-flex > div label{font-size:14px;font-weight:400;overflow:hidden;max-width:calc(100% - 30px);text-overflow:ellipsis;white-space:nowrap;}
.ui-modal .ui-flex > div label + input[type="radio"]{margin-left:10px;}
.ui-modal .ui-flex > div input[type="radio"],
.ui-modal .ui-flex > div input[type="checkbox"]{margin: 9px 3px 0 0;vertical-align:top;}
.ui-modal .close{display:block;position:absolute;top:-38px;right:0px;line-height:0;border-radius:50%;background:#fff;display:block;font-size:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.ui-modal .close:after{content:'✕';font-size:18px;line-height:0;font-family:Arial, Helvetica, sans-serif;}

@media (max-width:1640px){
  .ui-modal .bx{padding:15px 15px 15px;max-width:280px;min-height:120px;}
  .ui-modal h2{font-size:16px;margin-bottom:11px;}
  .ui-modal h2 + span{margin:-8px 0 10px;font-size:12px;}
  .ui-modal select{height:30px;line-height:30px;padding-left:5px;}
  .ui-modal input[type="password"],
  .ui-modal input[type="text"]{height:30px;line-height:30px;padding-left:10px;}
  .ui-modal .ui-flex + .ui-flex{margin-top:5px;}
  .ui-modal input[type="submit"]{height:30px;line-height:30px;font-size:12px;}
  .ui-modal input[type="password"] + input[type="submit"],
  .ui-modal input[type="text"] + input[type="submit"],
  .ui-modal select + input[type="submit"]{margin-left:5px}
  .ui-modal select ~ input[type="password"],
  .ui-modal select ~ input[type="text"]{margin-left:5px;}
  .ui-modal .ui-flex > div{padding:3px 0;flex:1;flex-basis:50%;white-space:nowrap;height:30px;line-height:27px;}
  .ui-modal .ui-flex > div label{font-size:13px;}
  .ui-modal .ui-flex > div label + input[type="radio"]{margin-left:10px;}
  .ui-modal .ui-flex > div input[type="radio"],
  .ui-modal .ui-flex > div input[type="checkbox"]{margin:8px 1px 0 0;}
  .ui-modal .close{transform:scale(.8);top:-35px;transform-origin:100% 50%;padding-bottom:1px;}
}


.contsArea{position:relative;padding: 50px 0px 140px 0px;z-index:initial;flex:1;color: #000;}

#sub textarea{width:100%;}
#sub textarea + .skinBtnBo{width:100%;margin-top:5px;}


@media screen and (max-width: 716px){
	.skinTb-data-resList >tbody,
	.skinTb-data-resList >tbody >tr,
	.skinTb-data-resList >tbody >tr >td,
	.skinTb-data-resList >.skinTb-tr,
	.skinTb-data-resList >.skinTb-tr >.skinTb-th,
	.skinTb-data-resList >.skinTb-tr >.skinTb-td {align-items:stretch;}
}

@keyframes up{ 
  0%{transform:translateX(20%);opacity:0;}
  100%{transform:translateX(0%);opacity:1;} 
}

/* 공공누리 */
.fmSatis-contact{background: #e6e8ea; border: none; justify-content: center;}
.fmSatis-contact > div span{color: #000; font-weight: 300; padding-left: 25px;}
.fmSatis-contact img[src*=kogl]{margin: 0;}

@media (max-width:716px) {
  .fmSatis-contact > div span{font-size: 14px; padding-left: 15px;}
}

/* 이메일무단수집거부 */
.pgraph{padding-top: 0; font-size: 18px;}

/* 상담예약 */

.board{padding: 19px 44px; background: #f5f8fa; border-radius: 4px; margin-bottom: 25px; display: flex; align-items: center;}
.board > div{padding-left: 40px;}
.board .notandum{padding-left: 20px;}
.contsArea a:hover{text-decoration: underline 2px #fe6c0b;}

@media (max-width:1440px){
  #sub .titLv:before{flex-shrink: 0; margin-top: 3px !important;}
  #sub .titLv{align-items: flex-start;}
}

@media (max-width:760px){
  .board{flex-direction: column; padding: 20px;}
  .board > img{width: 120px; padding-bottom: 20px;}
  .board > div{padding-left: 0;}

  #sub .titLv:before{margin-top: 5px;}
  #sub .titLv{align-items: flex-start; margin-bottom: .8rem;}

  .board .notandum{padding-left: 0;}
}

/* 상담예약상세 */
.write{height: 46px; line-height: 46px; padding: 0 15px; font-size: 15px; background: #002060; border-radius: 10px; color: #fff !important; display: inline-block;}
.skinBtnBo_box01{display: flex;}
.skinBtnBo_box01 > div{width: 100%; display: flex; justify-content: center;}
.skinBtnBo_box01 > div a:hover{text-decoration: none;}
.skinBtnBo_box01 .board-btn{flex-shrink: 0;}
.skinTb-wrapper-tit{text-align: center; padding-top: 50px; font-size: 30px; font-weight: 700;}

@media (max-width:760px){
  .skinTb-wrapper-tit{font-size: 20px; padding-top: 30px;}
  .skinBtnBo_box01 > div a{height: 40px; line-height: 40px; padding: 0 13px; border-radius: 5px; font-size: 14px;}
}

/* 예약신청서 */
.city{display: flex; gap: 20px; align-items: center;}
.radio-bx{display: flex; align-items: center;}
.radio-bx label{padding-left: 5px;}
.skinIptPass{border-radius: 4px;}

/* 공지사항 */
#sub .skinTb > tbody > tr > td .file span{display: flex; background: url(/page/sokchooffice/postpartum/images/sub/listico-file.png)no-repeat; width: 20px; height: 20px; font-size: 0;}
#sub .skinTb > tbody > tr > td  a.bulletin{overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; text-overflow: ellipsis; max-width: 900px; margin: 0 auto;}

@media (max-width:760px){
  .skinTb-data-resList >.skinTb-tr >.skinTb-td{flex-direction: column;}
  #sub .skinTb-td .ctrlFile{display: flex; align-items: center; gap: 10px;}
  #sub .skinBtnBo{margin-bottom: 0;}
}

/* 시설안내 */
.guide{text-align: center;}
.guide p{font-size: 21px; font-weight: 500;}
.guide .titLv:not(:first-child){margin-top: 0 !important;}
.guide > div{display: flex; gap: 35px; align-items: center; justify-content: center; padding-top: 28px;}
.view-wrap01{position: relative; z-index: 1; padding: 48px 0 150px; margin-bottom: -80px; margin-top: 57px;}
.view-wrap01 h3{text-align: center; font-size: 21px; font-weight: 600; padding-bottom: 31px;}
.view-wrap01::before{content: ''; width: 1920px; height: 100%; background: #f9f9f9; position: absolute; left: 50%; right: 0; bottom: 0; top: 0; z-index: -1; margin-left: -960px;}
.view-wrap01 .slick-wrap .slick .slick-slide{border-radius: 22px;}
.view-wrap01 .slick-wrap .slick2{padding: 0 51px 0 51px; position: relative; margin-top: 61px;}
.view-wrap01 .slick-wrap .slick2 button{position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(/page/sokchooffice/postpartum/images/sub/arrow-prev.png)no-repeat; width: 19px; height: 31px; font-size: 0;}
.view-wrap01 .slick-wrap .slick2 button.slick-next{left: auto; right: 0; background-image: url(/page/sokchooffice/postpartum/images/sub/arrow-next.png);}
.view-wrap01 .slick-wrap .slick2 .slick-slide{outline: 3px solid #cacaca; border-radius: 14px; margin: 0 14px;}
.view-wrap01 .slick-wrap .slick2 .slick-slide img{border-radius: 12px; height: 120px; object-fit: cover;}
.view-wrap01 .slick-wrap .slick2 .slick-current{outline: 3px solid #fe6c0b;}
.view-wrap01 .slick-wrap .slick2 .slick-list{padding: 5px 0;}

@media (max-width:991px){
  .guide p{font-size: 18px;}
  .view-wrap01 h3{font-size: 19px;}
}

@media (max-width:760px){
  .guide p{font-size: 18px;}
  .guide p br{display: none;}
  .view-wrap01{margin-top: 37px; padding: 28px 0 100px;}
  .view-wrap01 h3{font-size: 18px; padding-bottom: 11px;}
  .view-wrap01 .slick-wrap .slick2{padding: 0 41px 0 41px; margin-top: 31px;}
  .view-wrap01 .slick-wrap .slick2 button{ background-size: 15px 22px; left: 0px;}
  .view-wrap01 .slick-wrap .slick2 button.slick-next{right: 0px;}
  .view-wrap01 .slick-wrap .slick2 .slick-slide img{height: 90px;}
  .guide > div{flex-direction: column; gap: 0; padding-top: 10px;}
}

/* 산모관리 */
.administration{position: relative; z-index: 1;}
.administration .txt > img{display: block; max-width: 100%; border-radius: 22px; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover;}
.administration .txt > div{padding: 70px; font-family: 'ONE-Mobile-OTF';}
.administration .txt > div span{font-size: 24px;}
.administration .txt > div strong{font-weight: 600;}

.health_box{display: grid; grid-template-columns: repeat(4, 1fr); gap: 41px;  padding: 83px 20px 0;}
.health_box .health,
.health_box .health > div{display: flex; flex-direction: column; align-items: center; }
.health_box .health > div{border-bottom: 1px solid #c5caca; width: 100%; height: 170px; justify-content: flex-end;}
.health_box .health > div img{display: block;}
.health_box .health > div strong{font-size: 26px; font-weight: 600; padding: 44px 0 18px;}
.health_box .health p{font-weight: 500; font-size: 20px; line-height: 1.5; text-align: center; padding-top: 28px;}
.health_box .health em{font-size: 19px; color: #fe6c0b; text-align: center; font-weight: 500; padding-top: 9px;}

@media (max-width:1440px){
  .health_box{padding: 83px 0 0; gap: 15px;}
  .health_box .health p{font-size: 18px;}
}

@media (max-width:991px){
  .administration .txt > div{padding: 40px;}
  .administration .txt > div span{font-size: 20px;}
  .administration .txt > div br{display: none;}

  .health_box{padding: 0; margin-top: 53px; gap: 50px; grid-template-columns: repeat(2, 1fr);}
  .health_box .health > div{height: 120px; margin-top: 50px;}
  .health_box .health > div strong{font-size: 24px; padding: 34px 0 12px;}
  .health_box .health p{padding-top: 20px;}
  .health_box .health em{font-size: 15px;}
}

@media (max-width:760px){
  .administration .txt > div{padding: 30px;}
  .administration .txt > div span{font-size: 18px;}

  .health_box{grid-template-columns: 1fr; margin-top: 20px; gap: 20px;}
  .health_box .health > div{margin-top: 10px;}
  .health_box .health > div img{width: 45px;}
  .health_box .health > div strong{font-size: 18px;  padding: 24px 0 12px;}
  .health_box .health p{font-size: 16px;}
  .health_box .health em{font-size: 16px; padding-top: 5px;}
}

/* 주간 프로그램 */
.program .skinTb:before{display: none;}
.program .skinTb > tbody > tr > td{border-width: 0 1px 1px 1px !important;}
.program .skinTb > tbody > tr > td.week01{background: #dfedec;}
.program .skinTb > tbody > tr > td.week02{background: #ebecdc;}
.program .skinTb > tbody > tr.gray > td{background: #f6f6f6;}
.program .skinTb > thead > tr > th{border-width: 1px !important;}

/* 상담안내 */
.regulation{padding-top: 90px; position: relative; z-index: 1;}
.regulation::after{content: ''; width: 643px; height: 429px; position: absolute; top: 90px; right: 0; z-index: -1; background: url(/page/sokchooffice/postpartum/images/sub/regulation_bg.png)no-repeat;}
.process{display: grid; gap: 22px; grid-template-columns: repeat(6, 1fr); padding: 0 16px; position: relative; z-index: 1;}
.process::after{content: ''; background: url(/page/sokchooffice/postpartum/images/sub/guide_bg.png)no-repeat; position: absolute; top: 94px; right: 0; width: 741px; height: 498px; z-index: -1;}
.process h3{ height: 76px; color: #fff; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #665754;}
.process h3 span{font-family: 'ONE-Mobile-OTF'; font-weight: 300; text-decoration: underline;}
.process h3 strong{font-weight: 700; font-size: 21px;}
.process .step > div{background: #eeebea; margin-top: 4px;  height: 126px; border-radius: 10px; text-align: center; padding: 8px 15px;}
.process .step > div p{font-size: 18px; font-weight: 500; color: #1c1c1c;}
.process .step > div em{color: #dc2c09; font-weight: 500; padding-top: 3px;}

@media (max-width:1440px){
  .process{grid-template-columns: repeat(3, 1fr);}
  .process::after{top: 250px;}
}

@media (max-width:991px){
  .regulation{padding-top: 50px;}
  .regulation::after{top: 40px;}
  .process{grid-template-columns: repeat(2, 1fr);}
   .process::after{top: 400px; right: -150px;}
  .process h3 strong{font-size: 18px;}
  .process .step > div p{font-size: 16px;}
}

@media (max-width:760px){
  .regulation{padding-top: 20px;}
  .regulation::after{top: 65px; right: -100px; width: 321.5px; height: 214.5px; background-size: cover;}
  .process{grid-template-columns: 1fr; padding: 0;}
  .process::after{top: auto; bottom: -61px; width: 370.5px; height: 249px; background-size: cover; right: auto; left: -61px;}
  .process h3{height: 65px;}
  .process h3 span{font-size: 16px;}
  .process h3 strong{font-size: 18px;}
  .process .step > div{height: 120px;}
  .process .step > div p{font-size: 16px;}
  .process .step > div em{font-size: 16px;}
}

/* 이용안내 */
.method{position: relative;}
.method h3{font-family: 'ONE-Mobile-OTF';} 
.method h3 em{font-size: 35px; color: #23807b;}
.method h3 span{font-size: 43px; color: #222; font-weight: 500; display: block; margin-top: -10px; line-height: 1.4;}
.method h3 strong{color: #0ba13a; font-weight: 500;}
.method .method_wrap{display: flex;}
 .method .method_wrap > div img{display: block; margin: -80px 0 0 80px; object-fit: cover;}
.method p{font-size: 21px; padding-top: 18px;}
.method .way{padding-top: 40px; display: grid; grid-template-columns: repeat(5,1fr); gap: 30px;}
.method .way .way_box{position: relative; z-index: 1; background: #deefec; box-shadow: 1px 1px 10px rgba(0, 0, 0, .1); height: 340px; padding: 34px 18px 13px; border-radius: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.method .way .way_box::before{content: ''; width: 100%; height: 100%; background: url(/page/sokchooffice/postpartum/images/sub/box_bg.png)no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: -1;}
.method .way .way_box .way_in{width: 132px; height: 132px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 50%;}
.method .way .way_box strong{font-size: 22px; color: #0e0e0e; font-weight: 700; padding-top: 22px; text-decoration: underline; text-decoration-color: #1a4a56; text-underline-offset: 8px;}
.method .way .way_txt{padding-top: 16px; flex: 1; width: 100%;}
.method .listLv3 > li{padding-left: 10px !important;}
.method .listLv3 > li::before{left: 0 !important; background: #13514d !important;}

@media (max-width:1440px){
  .method h3 em{font-size: 30px;}
  .method h3 span{font-size: 35px; margin-top: 0;}
  .method p{font-size: 18px; padding-top: 10px;}
  .method .way{grid-template-columns: repeat(3,1fr);}
  .method .method_wrap > div img{width: 500px; margin: -50px 0 0 80px;}
}

@media (max-width:991px){
  .method .way{grid-template-columns: repeat(2,1fr);}
  .method h3 em{font-size: 23px;}
  .method h3 span{font-size: 28px;}
  .method p{font-size: 16px;}
  .method .method_wrap > div img{width: 300px; margin: -30px 0 0 80px;}
}

@media (max-width:760px){
  .method .method_wrap{flex-direction: column;}
  .method .way{grid-template-columns: 1fr;}
  .method .method_wrap .method-tit{order: 2; padding-top: 20px;}
  .method .method_wrap > div img{margin: 0; width: 100%;}
  .method h3 em{font-size: 20px;}
  .method h3 span{font-size: 25px;}
  .method p{font-size: 16px;}
  .method p br{display: none;}
  .method .way .way_box{height: 100%; justify-content: flex-start; padding: 20px;}
  .method .listLv3 > li br{display: none;}
  .method .way .way_txt{flex: none;}
  .method .way .way_box strong{font-size: 20px;}
  .method .way .way_box .way_in{width: 90px; height: 90px;}
  .method .way .way_box .way_in img{display: block; width: 40px;}
   .method .way .way_box .listLv3{margin-left: 0 !important;}
}

/* 입소준비 */
.enter{ position: relative; z-index: 1;}
.enter::after{content: ''; width: 622px; height: 431px; position: absolute; top: 0; right: 0; z-index: -1; background: url(/page/sokchooffice/postpartum/images/sub/enter_bg.png)no-repeat;}

@media (max-width:991px){
  .enter{padding-top: 50px;}
  .enter::after{top: 125px; width: 311px; height: 215.5px; background-size: cover;}
}

@media (max-width:760px){
  .enter{padding-top: 20px;}
  .enter::after{right: -100px;}
}

/* 인사말 */
.greeting{display: flex; gap: 60px; align-items: flex-start; justify-content: space-between;}
.greeting > img{display: block; width: 454px; object-fit: cover;}
.greeting .greeting_txt strong{font-size: 30px;}
.greeting .greeting_txt > div{padding-top: 36px;}
.greeting .greeting_txt p{font-size: 21px; word-break: keep-all;}
.greeting .greeting_txt p + p{margin-top: 42px;}
.greeting .greeting_txt span{display: block; font-size: 21px; font-weight: 600;}
.greeting .greeting_txt .director{padding-top: 42px;}

@media (max-width:1440px){
  .greeting .greeting_txt strong{font-size: 28px;}
  .greeting .greeting_txt p{font-size: 19px;}
  .greeting .greeting_txt p br{display: none;}
  .greeting .greeting_txt span{font-size: 19px;}
}

@media (max-width:991px){
  .greeting > img{ width: 300px;}
  .greeting .greeting_txt > div{padding-top: 15px;}
  .greeting .greeting_txt strong{font-size: 25px;}
  .greeting .greeting_txt p{font-size: 18px;}
  .greeting .greeting_txt p + p{margin-top: 20px;}
  .greeting .greeting_txt p br{display: none;}
  .greeting .greeting_txt span{font-size: 18px;}
  .greeting .greeting_txt .director{padding-top: 20px;}
}

@media (max-width:760px){
  .greeting{flex-direction: column; gap: 20px;}
  .greeting > img{display: block; width: 100%; height: 400px;}
  .greeting .greeting_txt{order: 2;}
  .greeting .greeting_txt > div{padding-top: 10px;}
  .greeting .greeting_txt strong{font-size: 22px;}
  .greeting .greeting_txt p{font-size: 17px;}
  .greeting .greeting_txt p + p{margin-top: 15px;}
  .greeting .greeting_txt span{font-size: 17px;}
  .greeting .greeting_txt .director{padding-top: 15px;}
}

/* 찾아오시는길 */
.traffic .listLv > li{display: flex;}
.traffic .listLv > li span{white-space: nowrap;}
.traffic .listLv > li em{width: 36px; height: 18px; display: inline-block; line-height: 18px; text-align: center; background: #1d3a8f; color: #fff; border-radius: 3px;}

.map-bx{margin-top: 35px;}
.root_daum_roughmap{width: 100% !important; border-radius: 20px; border: 1px solid #b1b8be;}
.root_daum_roughmap .wrap_map{height: 564px !important;}
.root_daum_roughmap .cont{display: none;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display: none !important;}

@media (max-width:760px){
  .map-bx{margin-top: 20px;}
  .root_daum_roughmap .wrap_map{height: 300px !important;}
}

/* 이용요금 */

.fee .listLv3 > li{padding-left: 10px !important;}
.fee .listLv3 > li::before{left: 0 !important;}

/* 특화서비스 */
.specialization{padding-top: 77px; padding-right: 22px;}
.specialization .characteristic{display: flex; gap: 100px; align-items: flex-start;}
.characteristic .item_tit,
.service .item_tit{white-space: nowrap;}
.characteristic .item_tit em,
.service .item_tit em{font-size: 22px; color: #363636; font-weight: 500; }
.characteristic .item_tit span,
.service .item_tit span{display: block; font-size: 30px; font-weight: 600; line-height: 1.3; padding-top: 5px;}
.characteristic .item_tit strong,
.service .item_tit strong{font-size: 34px; font-weight: 700; color: #ef600c;}
.characteristic .item_wrap{display: flex; gap: 60px; width: 100%;}
.characteristic .item_wrap .item_box{flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center;}
.characteristic .item_wrap .item_box > div{display: flex; flex: 1; align-items: center; flex-direction: column; border-bottom: 1px solid #c5caca; width: 100%; padding-bottom: 17px;}
.characteristic .item_wrap .item_box > div strong{display: block; font-weight: 600; font-size: 26px; padding-top: 35px;}
.characteristic .item_wrap .item_box p{font-size: 20px; font-weight: 500; padding-top: 26px; line-height: 1.5;}

.service{padding-top: 96px; display: flex; gap: 100px;}
.service .service_wrap{display: flex; gap: 60px;}
.service .service_wrap .service_box{text-align: center;}
.service .service_wrap .service_box img{display: block; width: 301px; height: 309px; object-fit: cover; border-radius: 90px;}
.service .service_wrap .service_box strong{font-size: 26px; font-weight: 600; padding-top: 18px; display: block;}
.service .service_wrap .service_box span{font-size: 20px; display: block; font-weight: 600; margin-top: -9px;}
.service .service_wrap .service_box p{font-size: 20px; font-weight: 500; padding-top: 4px;}
.service .service_wrap .service_box em{font-size: 19px; color: #fe6c0b; font-weight: 500; padding-top: 8px; display: block;}

@media (max-width:1440px){
  .specialization .characteristic{gap: 80px;}

  .characteristic .item_tit strong, .service .item_tit strong{font-size: 32px;}
  .characteristic .item_tit span, .service .item_tit span{font-size: 28px;}

  .characteristic .item_wrap .item_box p br{display: none;}
  .characteristic .item_wrap .item_box > div{flex: none; min-height: 170px; justify-content: flex-end;}

  .service .service_wrap .service_box{flex: 1;}
  .service .service_wrap .service_box img{width: 100%; height: 200px; border-radius: 80px;}
}

@media (max-width:991px){
  .specialization{padding-top: 47px;}
  .specialization .characteristic{flex-direction: column; align-items: center; gap: 60px;}

  .characteristic .item_tit em, .service .item_tit em{font-size: 20px;}
  .characteristic .item_tit span, .service .item_tit span{font-size: 26px;}
  .characteristic .item_tit strong, .service .item_tit strong{font-size: 30px;}
  .characteristic .item_wrap{gap: 30px;}
  .characteristic .item_wrap .item_box > div img{width: 68px}
  .characteristic .item_wrap .item_box > div strong{font-size: 22px; padding-top: 25px;}

  .characteristic .item_wrap .item_box p{font-size: 18px; padding-top: 16px;}

  .service{flex-direction: column; align-items: center; gap: 60px; padding-top: 50px;}
  .service .service_wrap{gap: 30px;}
  .service .service_wrap .service_box strong{font-size: 22px; padding-top: 15px;}
  .service .service_wrap .service_box p{font-size: 17px;}
}

@media (max-width:760px){
  .specialization{padding-top: 27px; padding-right: 0;}
  .specialization .characteristic{gap: 40px;}

  .characteristic .item_tit em, .service .item_tit em{font-size: 18px;}
  .characteristic .item_tit span, .service .item_tit span{font-size: 22px;}
  .characteristic .item_tit strong, .service .item_tit strong{font-size: 22px;}
  .characteristic .item_wrap{flex-direction: column; gap: 50px;}
  .characteristic .item_wrap .item_box > div{padding-bottom: 10px; min-height: 100%;}
  .characteristic .item_wrap .item_box > div img{width: 58px}
  .characteristic .item_wrap .item_box > div strong{font-size: 22px; padding-top: 15px;}

  .characteristic .item_wrap .item_box p{font-size: 18px; padding-top: 14px;}
  .service .service_wrap .service_box em{font-size: 17px;}

  .service{gap: 40px; padding-top: 60px;}
  .service .service_wrap{flex-direction: column; gap: 50px; width: 100%;}
  .service .service_wrap .service_box strong{font-size: 20px;}
  .service .service_wrap .service_box p{font-size: 16px;}
  .service .service_wrap .service_box img{border-radius: 40px; height: 250px;}
}

.survey{position: relative; z-index: 1; margin-top: 32px; width: 100%; height: 65px; background: #f4f4f4; display: flex; align-items: center; border-radius: 20px; padding: 0 20px;}
.survey img{display: inline-block; vertical-align: -4px; width: 20px;}
.survey strong{padding-left: 5px;}

@media (max-width:760px){
  .survey{height: 40px; padding: 0 15px; margin-top: 15px;}
  .survey strong,
  .survey em{font-size: 14px;}
  .survey strong{padding-left: 3px;}
  .survey img{width: 15px; vertical-align: -1px;}
}

/* 포토갤러리 */
.boGallery.photo .boGallery-sbj{font-size: 18px;}
.boGallery.photo time{font-size: 16px;}