body{font-family: "Paperozi","Noto Sans", "Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif;}
#sub{padding-top: 137px; position: relative; overflow: hidden;}

/* 공통게시판 */

.contsBtn:before{display: none;}
.contsBtn:hover{color: #000;}
.contsBtn:hover > a.contsBtn-download:after{background-position:-372px -570px;}
.contsBtn:hover > a.contsBtn-more:after{background-position:-412px -570px;}
.contsBtn:hover > a.contsBtn-move:after{background-position:-448px -568px;}
.contsBtn:hover > a.contsBtn-play:after{background-position:-487px -527px;}
.icoFile{display: none !important;}
.txa_right{text-align: right;}
.skinTb td > img{display: inline-block; margin: 2px 0 0;}
.hide-on-large{display: none !important;}
.boGallery .thumbnail .centered img{display: block; transition: all 0.5s; width: 100%; height: 100%; object-fit: cover;}
.boGallery.photo > li a{text-decoration: none;}
#sub .skinTb::before {border-color: #000;}
#sub .skinTb {font-size: 1.8rem;}
#sub .skinTb-th, #sub .skinTb > tr > th, #sub .skinTb > thead > tr > th, #sub .skinTb > tfoot > tr > th {font-weight: 700; background-color:#f7f7f7; color: #1e1f1e; font-size: 2rem;  border-bottom-color: #e3e3e3; }
#sub .skinTb > thead > tr > th { padding-bottom: 5px; text-align: center !important; border-width: 1px 0; padding: 1rem;}
#sub .skinTb > tbody > tr > th{background: #fff; color: #1b1b1b;}
#sub .skinTb > tbody > tr > td{border-width: 1px 0;}
#sub .skinTb > tbody > tr > td{padding: 1.4rem;}
#sub .skinTb > tbody > tr > td .inquiry{display: flex; align-items: center; justify-content: center; gap: 7px;}
#sub .skinIptTxt, #sub .skinSelectBox, #sub .boSrchArea .boMeta, #sub .skinTb > tr > td, #sub .skinTb > thead > tr > td, #sub .skinTb > tfoot > tr > td, #sub .skinTb > tbody > tr > td{ font-weight: 500;   color: #000; font-size: 1.8rem;}
#sub .skinTb > tbody > tr > td.table-color{color: #333 !important; font-weight: 500 !important;}
#sub .skinTb > tbody > tr > td a:hover{text-decoration: none;}
#sub .skinTb-td {text-align: left; position: relative;}
#sub .skinTb-th{padding-left: 25px; text-align: left;}
#sub .skinTb-th a:hover{text-decoration: none;}
.ui-datepicker-trigger{margin-left: 11px;}
.skinBtnBo.skinBtnBo{font-size: 16px;}
.skinTb-data-research >tbody >tr >.skinTb-date,
.skinTb-data-research >tbody >tr >.skinTb-name {justify-content: flex-start; flex: none;}


@media (max-width:1399px) {
  #sub{padding-top:60px}
}
@media (max-width: 1200px){
[data-hidden~=tablet]{display: none !important;}
}

@media (max-width:991px) {
  #sub .skinTb-th{padding-left: 18px;}
  .ui-datepicker-trigger{margin-left: 10px;}
  #sub .skinTb > tbody > tr > td{padding: 2rem 1rem;}
}   

@media (max-width:760px) {
    .ui-datepicker-trigger{height: 40px; border-radius: 20px;}
    #sub .skinTb-th{font-weight: 700; text-align: left;}
    #sub .skinTb-td p{width: 100%;}
    #sub .skinTb-td p span{font-size: 18px !important;}
    #sub .skinTb-td{padding-left: 10px;}
    #sub .skinTb { font-size: 1.7rem;}
    #sub .skinTb-data-resList >tbody >tr >.skinTb-sbj{border-width: 0;}
    #sub .skinTb > tbody > tr > td{border-width: 0 0 1px 0; padding: 1rem;}
    #sub .skinTb-data-resList >tbody >tr >.skinTb-sbj a{line-height: 1.2;}
    #sub .skinTb-data-resList >tbody >tr >.skinTb-date,
    .skinTb-data-resList >tbody >tr >.skinTb-name{padding: .5rem 1rem;}
    #sub .skinTb > tbody > tr > td .inquiry img{width: 20px;}
    .skinBtnBo.skinBtnBo{font-size: 14px;}
    .skinTb-data-resList >tbody >tr{align-items: flex-end;}
}

/* 비쥬얼 박스 */
#visual-bx{position: relative; display: flex; align-items: center; justify-content: center; height: 427px;}
#visual-bx .bg-img{position: absolute; width: 1920px; height: 100%; object-fit: cover; left: 50%; top: 50%; z-index: -1; margin-left: -960px; transform: translateY(-50%);}
#visual-bx .visual_text{display: flex;}
#visual-bx .inner{width: 100%; height: 100%; display: flex; align-items: center;}

#visual-bx .visual_text h2{font-weight: 600; font-size: 36px;}
#visual-bx h2{display: inline-flex; flex-direction: column;}
#visual-bx h2 p{font-weight: 800; font-size: 34px; color: #fff; padding: 13px; background: #000; display: inline-flex; align-items: center; max-height: 73px;}
#visual-bx h2 p:last-of-type{display: inline-block; width: max-content; line-height: 40px;}
#visual-bx h2 p em{color: #ffdf32;}
#visual-bx h2 p em.v1,
#visual-bx h2 p em.v2{padding-left: 13px; display: inline-block;}
#visual-bx h2 p + p{margin-top: 7px;}
#visual-bx h2 > span{font-size: 34px; font-weight: 800; display: inline-block; padding-top: 17px;}


#breadcrumb{background: #fff; border-bottom:1px solid #ddd; position: relative; z-index: 20;}
#breadcrumb .home{display:block;  background: url(/page/bomnae/images/sub/home.png) no-repeat; width: 50px; height: 50px; margin-right: 28px;  font-size: 0; transition:all .15s;
background-size: cover;}
#breadcrumb .lbx{display: flex; align-items: center;}
#breadcrumb .box{display: flex; position:relative; width:306px;}
#breadcrumb .box::before{content: ''; width: 1px; height: 21px; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#breadcrumb .box:last-child::after{content: ''; width: 1px; height: 21px; background: #ddd; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#breadcrumb .box .open{display:flex; flex: 1; min-width: 0;  align-items: center; padding:0 17px; width: 100%; height:81px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:500; transition:all .15s; z-index:5; color:#333;
}
#breadcrumb .box .open.active{border: 1px solid #ddd; border-width: 1px 1px 0 1px; background: #f6f6f6;}
#breadcrumb .box.active::before{display: none;}
#breadcrumb .box .open .text {flex: 1; min-width: 0; padding-right: 40px;  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; display: block;}
#breadcrumb .box .open:after{content:''; display:block; position:absolute; right:19px; top:50%;  transform: translateY(-50%); background: url(/page/bomnae/images/sub/navi_arrow.png) no-repeat; width: 32px; height:32px; background-size: cover;}
#breadcrumb .box .open.active:after{transform: rotate(180deg); top: 24px;}
#breadcrumb .box .open.active .text{display:inline-block;color:#111;}
#breadcrumb .box ul{position:absolute;top:81px;left:0;right:0; z-index: 20; background:#fff;padding:10px 0 10px;transform:translateY(-5px);opacity:0;visibility:hidden;transition:all .2s;border:1px solid #ddd;}
#breadcrumb .box ul a{display:block;height:54px;line-height:54px;text-align:left;padding:0 30px 0 17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;color:#444;transition:all .1s; font-weight: 500;}
#breadcrumb .box ul a:hover{font-weight:500; text-decoration: underline; text-underline-offset: 4px;}
#breadcrumb .box ul a:active{transform:scale(.95);}
#breadcrumb .box .open.active + ul{transform:translateY(0);opacity:1;visibility:visible;}
#breadcrumb .btn_box{position:absolute; top: 50%; transform: translateY(-50%); right:20px; display: flex;}
#breadcrumb .btn_box .print{width:25px;height:24px;  display:block; background: url(/page/bomnae/images/sub/print.png) no-repeat;  background-size: cover; transition:all .1s; font-size: 0; image-rendering:-webkit-optimize-contrast; position: relative;}
#breadcrumb .btn_box .print::after{content: ''; width: 6px; height: 6px;
 background: #ddd; position: absolute; right: -25px; top: 50%; border-radius: 50%; transform: translateY(-50%);}
 #breadcrumb .btn_box .print:hover,
#breadcrumb .btn_box .print.active{background-image: url(/page/bomnae/images/sub/print_on.png);}
#breadcrumb .btn_box .share{margin: 0 46px;}
#breadcrumb .btn_box .share .open_share{width:25px; height:24px; background: url(/page/bomnae/images/sub/share.png) no-repeat; background-size: cover; transition:all .1s; font-size: 0; position:relative; display:block;image-rendering:-webkit-optimize-contrast;}
#breadcrumb .btn_box .share .open_share:hover,
#breadcrumb .btn_box .share .open_share.active{background-image: url(/page/bomnae/images/sub/share_on.png);}
#breadcrumb .btn_box .share ul{display: none; position:absolute;top:50%; right: 64px; top: 37px; display:none; white-space: nowrap; font-size: 0;}
#breadcrumb .btn_box .share ul.active{display: block;}
#breadcrumb .btn_box .share ul li + li{margin-top: 2px;}
#breadcrumb .btn_box .share ul li a{background: url(/page/bomnae/images/sub/sp_dq01.png)no-repeat; display: inline-block; position: relative; width: 37px; height: 37px; background-size: 577px 1510px; vertical-align: middle; font-size: 0;}
#breadcrumb .btn_box .share ul li a.blog{background-position: -6px -326px;}
#breadcrumb .btn_box .share ul li a.facebook{background-position: -46px -327px;}
#breadcrumb .btn_box .share ul li a.instagram{background-position: -166px -327px;}
#breadcrumb .btn_box .share ul li a.twitter{background-position: -535px -5px;}

#breadcrumb .btn_box .link{background: url(/page/bomnae/images/sub/link.png)no-repeat; position: relative;  background-size: cover; font-size: 0; width: 25px; height: 24px; display: block;}
#breadcrumb .btn_box .link::before{content: ''; width: 6px; height: 6px; border-radius: 50%; background: #ddd; position: absolute; left: -25px; top: 50%;}
#breadcrumb .btn_box .link:hover,
#breadcrumb .btn_box .link.active{background-image: url(/page/bomnae/images/sub/link_on.png);}

#content-title{display: flex; justify-content: center; padding: 56px 0 0;}
#content-title h3{font-size: 46px; font-weight: 700;}

@media (max-width:1399px) {
    #sub{padding-top: 68px;}
    #visual{height:260px;}
    #visual-bx .visual_text h2{font-size: 32px;}
    #breadcrumb .home{border-right:none; top: 8px; margin-top: 0; margin-right: 12px;}
    #breadcrumb .box{border-right:none; width: 200px;}
    #breadcrumb .box .open .text{padding-right: 80px;}
    #breadcrumb .btn_box{position:absolute; right:18px; z-index: 10;}
}

@media (max-width:991px) {
    #visual-bx{height:340px;}
    #visual-bx img.bg-img{ object-fit: cover;}
    #visual-bx img.bg-img01{width: 240px; height: 135px; object-fit: cover;}
    #visual-bx h2 p{font-size: 30px; padding: 10px;}
    #visual-bx h2 > span{padding-top: 10px; font-size: 30px;}
    #breadcrumb .box .open{height: 65px; padding:0 10px 0 20px;font-size:15px;}
    #breadcrumb .box .open.active:after{top: 16px;}
    #breadcrumb .box ul{top: 66px; border-top: 0;}
    #breadcrumb .box ul a{font-size: 15px; height: 40px; line-height: 40px;}
    #breadcrumb .btn_box .share{margin: 0 30px;}
      #breadcrumb .btn_box .share ul{right: 42px;}
    #breadcrumb .btn_box .print,
    #breadcrumb .btn_box .share .open_share,
    #breadcrumb .btn_box .link{width: 20px; height: 19px;}
    #breadcrumb .btn_box .print::after{transform: none; top: 8px; right: -17px;}
    #breadcrumb .btn_box .link::before{transform: none; top: 8px; left: -17px;}

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

@media (max-width:760px) {
    #visual-bx{height:280px;}
    #visual-bx .bg-img{width:1200px; height:100%; margin-left: -850px;}
    #visual-bx .visual_text h2{display: none;}
    #visual-bx h2 p{font-size: 25px; padding: 8px; max-height: 50px;}
    #visual-bx h2 > span{font-size: 25px;}

    #breadcrumb{left:0; right:0;}
    #breadcrumb .home{width: 25px; height: 25px; margin-right: 10px;}
    #breadcrumb .box{max-width:30%;}
    #breadcrumb .box ul{top: 51px;}
    #breadcrumb .box .open .text{padding-right: 59px;}
    #breadcrumb .box .open{padding:0 10px; font-size:16px; height: 50px; line-height:50px;}
    #breadcrumb .box .open:after{width: 20px; height: 20px; right: 10px;}
    #breadcrumb .box .open.active:after{top: 14px;}
    #breadcrumb .box ul a{font-size: 14px; padding: 0 15px; height: 30px; line-height: 30px;}
    #breadcrumb .btn_box{right: 15px;}
    #breadcrumb .btn_box .share .view{right: 12px;}
    #breadcrumb .btn_box .share ul{right: 38px;}
    #breadcrumb .btn_box .print{display: none;}
    #breadcrumb .btn_box .share .open_share,
    #breadcrumb .btn_box .link{width: 18px; height: 17px;}

    #content-title{padding: 20px 0 0;}
    #content-title h3{font-size: 20px;}
}

@media (max-width:500px) {
  #visual-bx .bg-img{width:1200px; height:100%; margin-left: -860px;}
}

@media (max-width:414px) {
  #visual-bx .bg-img{width:1200px; height:100%; margin-left: -820px;}
}
  

.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; border-radius: 18px 18px 0 0; border-bottom: 2px solid #ddd; font-size: 20px; height: 65px; font-weight: 500; color: #333;}
.tab-item:hover{text-decoration: none !important;}
.tab-list a.active{ border-color: #000; color: #111; font-weight: 600; border-bottom: 2px solid #111;}

.sub-icon-bx{background: #f8f8f8; border-radius: 100px; border: 1px solid #959595; overflow: hidden; margin-bottom: 110px; display: flex; gap: 48px; padding: 25px 31px; align-items: center;}
.sub-icon-bx img{display: block; width: 173px;}
.sub-icon-bx p{font-size: 18px; color: #313131; font-weight: 500;}
.sub-icon-bx > div strong{font-size: 18px; font-weight: 700;}
.sub-icon-bx .rental_info > div{display: flex; gap: 14px; align-items: center; padding-bottom: 36px;}
.sub-icon-bx .rental_info > div img{display: block; width: 55px;}
.sub-icon-bx .rental_info > div span{font-size: 26px;}
.sub-icon-bx .rental_info  ul li{font-size: 20px; position: relative; padding-left: 13px; color: #313131;}
.sub-icon-bx .rental_info  ul li + li{margin-top: 8px;}
.sub-icon-bx .rental_info  ul li::before{content: ''; width: 7px; height: 7px; background: url(/page/bomnae/images/sub/blit3.png)no-repeat;
position: absolute; left: 0; top: 13px; background-size: cover;}

.icon-btn{display:inline-flex; align-items:center; height: 56px; margin-right: 7px; border:1px solid #ccc; border-radius:9px; color:#444; transition:all .1s; padding-right:15px; background: #fff;}
.icon-btn:hover{text-decoration:none !important;color:#fff;background: #000; border-color: #000;}
.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);}

#sub .contsBtnSmall{height: 42px !important; color: #222 !important;}
#sub .contsBtnSmall:hover{color: #fff !important;}
#sub .contsBtnSmall span{line-height: 20px;}

.board-btn{display:inline-flex; align-items:center; height:51px; border:1px solid #ccc; border-radius:10px; color:#000; padding:0 19px;}
.board-btn + .board-btn{margin-left:7px;}
.board-btn:hover{text-decoration:none !important;color:#fff;background:#525256;border-color:#525256;}
.board-btn.v2:hover{background:#ff9728; border-color:#ff9728;}

.sub-btn{display: flex; gap: 17px; justify-content: center; margin: 40px auto 0;}
.sub-btn a{position: relative; display: flex; padding: 0 60px; height: 55px;  border: 1px solid #000; font-size: 18px; justify-content: center; align-items: center; color: #000; overflow: hidden; z-index: 0;  transition: all .3s; border-radius: 26px; background: #fff;}
.sub-btn a:hover{text-decoration: none !important; background: #000; border-color: #000;  color: #fff; }
.boSrchArea input[type="submit"]{margin-left: 5px;}
.skinTb .skinTb-conts{border: 1px solid #d8d8d8; border-width: 0 1px 1px;}

@media (max-width:991px) {
    .tab-wrapper{margin-top: 30px;}
    .tab-item{font-size: 18px; height: 60px; padding: 0 5px;}

    .sub-icon-bx{gap: 40px; margin-bottom: 40px;}
    .sub-icon-bx img{width: 120px;}
    .sub-icon-bx p{font-size: 16px;}
    .sub-icon-bx p br{display: none;}

    .icon-btn{height: 40px; border-radius: 5px; padding-right: 10px; font-size: 13px;}
    #sub .contsBtnSmall{height: 35px !important;}

    .sub-btn a{padding: 0 40px; font-size: 16px;}
}

@media (max-width:760px) {
  .tab-wrapper{margin-top: 20px; overflow-x: auto; margin-right: -20px;}
  .tab-item{font-size: 16px; height: 50px; padding: 0 10px;}
  
  .sub-icon-bx{flex-direction: column; gap: 25px; padding: 20px; border-radius: 15px;}
  .sub-icon-bx img{width: 100px;}
  .sub-icon-bx p{font-size: 14px;}

  .sub-btn{margin: 30px auto 0;}
  .sub-btn a{height: 40px; font-size: 14px;}

  .board-btn{height: 45px; font-size: 14px; padding: 0 12px;}
}

/* 서브 컨텐츠 */
.skinBtnBo:hover{color: #000;}
.skinTb .skinTb-conts{border: 1px solid #d8d8d8; border-width:0 1px 1px 1px !important;}
.skinBtnBo{font-weight: 500;}
#sub{color: #000;}
#sub .skinTb-td a:hover{text-decoration: none;}
.listLv >li > .listLv2{margin-top: 3px;}
#sub .titLv{font-weight: 800; font-size: 3.8rem; margin-bottom: 2rem;}
#sub .titLv2{font-weight: 700; font-size: 2.8rem;  padding-left: 36px; margin-bottom: 7px;}
#sub .titLv2::before{content: ''; display: block; background: url(/page/bomnae/images/sub/blit1.png)no-repeat; background-size: cover;
 width: 25px; height: 25px; position: absolute; left: 0; top: 6px;}
#sub .titLv3{padding-left: 18px; font-size: 20px; margin-bottom: 0.9rem; font-weight: 600;}
#sub .titLv3::before{content: ''; display: block;background: url(/page/bomnae/images/sub/sub_ico02.png)no-repeat;
width: 13px; height: 13px; position: absolute; left: 0; top: 10px;}
.listLv{margin-left: 46px; padding-top: 5px;}
.listLv a{text-decoration: none;}
.listLv >li{padding-top: 0; padding-left: 0; margin-bottom: 7px; font-size: 2rem; font-weight: 600; color: #444; word-break: break-all;}
.listLv >li::before{content: ''; position: absolute; top: 9px; left: -14px; display: block; background: url(/page/bomnae/images/sub/blit2.png) no-repeat; background-size: cover;
 width: 5px; height: 16px; border: none; transform: rotate(0deg);}
.listLv + .titLv2{margin-top: 15px;}
.titLv2 + .titLv2{margin-top: -11px;}
.listLv2 >li > .listLv3{margin-top: 13px;}
.listLv2 >li{ margin-bottom: 12px; font-size: 1.7rem; color: #555; font-weight: 500; padding-left: 20px;}
.listLv2 >li::before{content: ''; display: block; background: url(/page/bomnae/images/sub/blit3.png); background-size: cover; width: 7px; height: 7px;
position: absolute; left: 5px; top: 9px;}
.listLv3 >li{font-weight: 400; padding-left: 15px; margin-bottom: 9px;  font-size: 1.4rem; color: #555;}
.listLv3 >li::before{content: ''; display: block; position: absolute; top: 8px; left: 2px;
 width: 5px; height: 5px; background: #8f8f8f; border-radius: 50%;}
.listLv4{padding-left: 0;}
.listLv4 >li{padding-left: 16px; font-size: 14px;}
.listLv4 >li::before{content: ''; display: block; position: absolute; top: 11px; left: 5px; width: 3px; height: 3px; background: #949494;}
.pgraph{padding-top: 0; margin-bottom: 3.7rem; font-size: 1.8rem; color: #4a4a4a; font-weight: 500;}
.pgraph.v2{margin-bottom: 1.2rem;}
.titLv3 + .pgraph{padding-left: 0;}
.titLv2 + .pgraph{padding-left: 35px;}
#sub .imptBox {color: #111; margin: 20px 0 20px; padding: 27px 41px; border-radius: 10px; border: 1px solid #e8e8e8; background:#f5f5f5; font-size: 1.6rem; line-height: 1.6; word-break:keep-all; font-weight:400;}
#sub .caution{position: relative; display: flex; align-items: center; gap: 7px; font-weight: 400; font-size: 17px; color: #ff1e1e; word-break: keep-all; margin: 18px 0px 0;}
#sub .caution img{display: block; width: 19px;}
#sub .caution.v2{color: #0ba13a;}
#sub .caution.v2::before{background-position: -49px -10px;}
#sub .contsBtn{border: 1px solid #848484; display: block;}
#sub .contsBtn.v2{border: transparent;}
.contsBtn{height: 40px; line-height: 39px;}
#sub textarea{width: 100%;}
#sub textarea + .skinBtnBo{width: 100%; margin-top: 5px;}

.contsBtn > a{color: #4e4e4e;}
.contsBtn > a:after {content: ''; display: block; width: 18px; height: 18px; background: url(/page/bomnae/images/sub/sp_dq.png) no-repeat;
background-size: 520px 1500px; position: absolute; top: 50%; right: 16px; image-rendering: -webkit-optimize-contrast;}
.contsBtn::before{background: #111;}
.contsBtn{width: 315px; margin: 0 10px 0 0; max-width: 100%;}
.contsBtn > span{padding:0 40px 0 23px;}
.skinTxa-left{margin-bottom: 13px;}
.skinMb-0{color: #313131; font-weight: 300;}
img[src*="btn-calendar"]{width: 20px; height: 17px;}
input.skinBtnBo:hover{background: #000; color: #fff;}
.contsBtnSmall{height: 34px !important; line-height: 34px !important;}
.skinBtnBo {border: 1px solid #000; background: #000 !important; color: #fff !important;}
.skinBtnBo:hover:before{display: none;}
.imptBox{padding: 2rem 3rem; color: #707070;}
.skinColor-fmInfo{display: inline-block; padding-left: 15px; font-size: 16px; font-weight: 400;}
#sub .skinSelectBox{font-weight: 500; color: #000; font-size: 16px; appearance: none; background:#fff url(/page/bomnae/images/common/ico-arrow.png)no-repeat 95% 50%;}
#sub .skinTb-th em{color: #ff0000; display: inline-block; vertical-align: middle; padding-right: 5px;}
.skinIptRadio{accent-color: #096bc9;}

@media (max-width:1399px) {
  .titLv3 + .listLv{margin-left: 16px;}
  .listLv2 >li::before{top: 6px;}
  .skinColor-fmInfo{padding-left: 0 !important;}
}

@media (max-width:1024px) {
  .boSrch-selectBox{width: 22%;}
  .skinColor-fmInfo{padding-left: 0;}
  #sub .skinTb-td p{font-size: 16px;}
  input.skinBtnBo{background: #000 !important;}
  
}

@media (max-width:991px) {
  .boSrch-selectBox{width: 22%;}
  .titLv3 + .listLv{margin-left: 14px;}
  #sub .titLv2{padding-left: 32px;}
  #sub .titLv2::before{top: 2px; width: 20px; height: 20px;}
  .listLv >li::before{top: 5px;}

  #sub .imptBox{padding: 20px;}
  #sub .caution{font-size: 14px; margin: 10px 0px 0;}
}

@media (max-width:768px) {
  .boSrch-selectBox{margin-right: 5px;}
  .titLv2 + .pgraph{padding-left: 29px;}
  .skinColor-fmInfo{font-size: 14px;}
}

@media (max-width:760px) {
  #sub .titLv2{padding-left: 28px; line-height: 1.2;}
 .skinTb .skinTb-conts{border: none;}
  .boSrch-selectBox{width: 100%; height: 34px;}
  .skinBtnBo.boSrch-btnBo{width: 100% !important; font-size: 16px;}
  #sub .titLv{margin-bottom: 1.3rem; font-size: 20px;}
  #sub .skinTb-td p{font-size: 14px; margin-top: 10px;}
  .listLv{margin-left: 40px;}
  .listLv >li::before{top: 5px; left: -11px;}
  .listLv2 >li{padding-left: 13px;}
  .listLv2 >li::before{top: 7px; left: 0;}
  .listLv3 >li{ margin-top: 0.3rem; padding-left: 13px;}
  .listLv3 >li::before{top: 7px;}
  .listLv4 >li::before{top: 9px;}
  #sub .caution{font-size: 14px; align-items: flex-start;}
  .skinMb-0{font-size: 14px;}
  .skinTxa-left{margin-bottom: 15px;}
  #sub .imptBox{font-size: 14px !important; padding: 15px;}
}  
@media (max-width:360px) {
  .skinBtnBo + .skinBtnBo{margin-left: 9px;}
}

/* 사진게시판 */

.boGallery{border-bottom: none; margin-top: 30px; padding-bottom: 0;}
.boGalleryView .boGalleryView-view .slick-slide{position: relative;} 
.boGalleryView .boGalleryView-view ul.slick-dots li{margin: 0 3px;}
.skinTb .skinTb-conts{border-width: 0;}


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



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

.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); */ background: #fff; }
#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 #00a886; 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; }
@media (max-width: 1399px) {
  .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: 3px solid #00a886; }
  #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) {
  .contsArea{padding: 40px 0px 80px 0px;}

  .img-modal-bx { overflow-x: auto; padding: 0px 0px 0px 15px; margin: 0px -15px; }
  .img-modal-bx .img-zoom-modal { min-width: 300px; margin: 10px 7px 10px 0px !important; }
  .img-zoom-modal {margin: 20px 0px;}
  #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;}
}
@keyframes img-modal { 
  0% { opacity: 0; transform: translateY(50%); }
  100% { opacity: 1; transform: translateY(0%); }
}

/* pager */
#sub .pager {position: relative;margin:12px auto 0;padding: 20px 20px 7px;text-align: center;}
#sub .pager-num {display: none;}
#sub .pager-link {display: inline-block;min-width: 53px; height: 53px; padding: 0 2px;background-color:#fff;border-color: #d2d2d2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;line-height: 53px;vertical-align: middle;font-size:14px;color: #212121 !important;border: 0;border-radius: 50%;border: 1px solid transparent;}
#sub .pager-link.active {background: #0d1833; 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 3px;}
#sub .pager-link-data-next {background:url(/page/bomnae/images/sub/table_arrow1_2.png) no-repeat center center /54px 54px !important;margin-left: 26px;}
#sub .pager-link-data-last {background:url(/page/bomnae/images/sub/table_arrow2_2.png) no-repeat center center /54px 54px !important;}
#sub .pager-link-data-prev {background:url(/page/bomnae/images/sub/table_arrow1.png) no-repeat center center /54px 54px !important;margin-right: 26px;}
#sub .pager-link-data-first {background:url(/page/bomnae/images/sub/table_arrow2.png) no-repeat center center /54px 54px !important;}

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

@media (max-width:1180px) {
  #sub .pager {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;  margin: 0px;}
  #sub .pager-link-data-next {background:url(/page/bomnae/images/sub/table_arrow1_2.png) no-repeat center center /30px 30px !important;margin-left: 5px;}
  #sub .pager-link-data-last {background:url(/page/bomnae/images/sub/table_arrow2_2.png) no-repeat center center /30px 30px !important;}
  #sub .pager-link-data-prev {background:url(/page/bomnae/images/sub/table_arrow1.png) no-repeat center center /30px 30px !important;margin-right: 5px;}
  #sub .pager-link-data-first {background:url(/page/bomnae/images/sub/table_arrow2.png) no-repeat center center /30px 30px !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{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;}
}

.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;}
}

/* 대관신청 */
.rental .rental-tit{position: relative;}
.rental .rental-tit > img{display: block; position: relative; left: 50%; transform: translate(-50%); object-fit: cover;} 
.rental .rental-tit > div{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff;}
.rental .rental-tit > div  img{display: block;}
.rental_wrap{padding-top: 117px;}

.facilities{padding-top: 32px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px 55px; padding-bottom: 113px;}
.facilities a{text-align: center; width: 100%; border: 1px solid #ddd; transition: all .3s; border-radius: 20px;}
.facilities a img{display: block; max-width: 100%; width: 495px; height: 237px; object-fit: cover; border-radius: 18px 18px 0 0;}
.facilities a:hover{text-decoration: none; transform: translateY(-3px); border-color: #ffdf35; box-shadow: 10px 20px 20px rgba(0, 0, 0, .2); transition: all .3s;}
.facilities a > div{padding: 0 15px 17px;}
.facilities a > div strong{display: flex; justify-content: center; align-items: center; line-height: 1.3; height: 64px; font-size: 20px; font-weight: 700; border-bottom: 1px solid #ddd;}
.facilities a > div span{font-size: 18px; color: #444; padding-top: 9px; display: inline-block;}
.facilities a > div button{display: block; height: 42px; padding: 0 35px; font-size: 14px; background: #ffdf35; margin: 14px auto 0; border-radius: 25px;}

.qa-bx{position:relative; padding-top: 36px;}
.qa-bx a:first-child{border-top: 1px solid #555;}
.qa-bx a{display:block;position:relative; overflow:hidden;max-height:80px; border-bottom: 1px solid #555;}
.qa-bx a:hover{text-decoration:none;}
.qa-bx a.active{z-index:2; max-height:100%; border-color: #909196;}
.qa-bx h4{display:flex;width:100%; height: 80px; padding: 0 29px 0 24px; align-items:center;word-break:keep-all; position:relative;}
.qa-bx h4 em{font-weight: 700; font-size: 28px; color: #1d8bf2; display: flex; justify-content: center; align-items: center;}
.qa-bx h4 span{padding-left: 20px;  font-size: 18px; font-weight: 700;}
.qa-bx h4 img{display: block;}

.qa-bx a h4:after{content:'';display:block; width: 16px; height: 10px; transition: all .2s; background: url(/page/bomnae/images/sub/arrow4_2.png); background-size: cover; position:absolute; top:50%; transform: translateY(-50%); right:28px;}
.qa-bx a.active h4:after{transform: rotate(180deg); transition: all .2s; top: 35px;}
.qa-bx a > div{display:flex; background: #f6f6f6;  width:100%; min-height:100%; align-items:center; word-break:keep-all; line-height:1.5; padding: 52px 30px 52px 67px;}
.qa-bx a > div img{height: 40px;}
.qa-bx a > div .answer{align-self: anchor-center;}
.qa-bx a > div .answer p{font-weight: 300; line-height: 1.2;}
.qa-bx a > div .answer strong{font-size: 18px; color: #fb5707; display: inline-block; font-weight: 500; padding-top: 5px; line-height: 1.2;}
.qa-bx a.active > div{animation: table-move1 .8s 1 both ease-out;}


@media (max-width:1440px){
  .facilities{gap: 25px;  }
  .facilities a img{width: 100%; height: 200px;}
}

@media (max-width:991px){
  .rental .rental-tit > img{height: 400px;}
  .rental .rental-tit > div img{width: 600px;}

  .rental_wrap{padding-top: 60px;}

  .sub-icon-bx{border-radius: 50px;}
  .sub-icon-bx .rental_info > div{padding-bottom: 20px;}
  .sub-icon-bx .rental_info > div span{font-size: 18px;}
  .sub-icon-bx .rental_info > div img{width: 35px;}
  .sub-icon-bx .rental_info ul li{font-size: 15px;}
  .sub-icon-bx .rental_info ul li + li{margin-top: 10px;}

  .facilities{grid-template-columns: repeat(2, 1fr); padding-bottom: 60px;}
  .facilities a > div strong{font-size: 16px; height: 55px;}
  .facilities a > div span{font-size: 14px;}
  .facilities a > div button{font-size: 14px; padding: 0 20px;}

  .qa-bx h4 span{font-size: 15px;}
  .qa-bx h4 em{font-size: 25px;}
  .qa-bx a > div{padding: 30px 30px 30px 43px;}
  .qa-bx a > div .answer p{font-size: 14px;}
}

@media (max-width:760px){
  .rental_wrap{padding-top: 40px;}

  .sub-icon-bx{gap: 20px; border-radius: 30px; margin-bottom: 30px;}
  .sub-icon-bx .rental_info > div span{font-size: 15px; line-height: 1.3;}
  .sub-icon-bx .rental_info ul li{font-size: 14px;}
  .sub-icon-bx .rental_info ul li::before{top: 7px;}

  .rental .rental-tit > img{height: 230px;}
  .rental .rental-tit > div img{width: 300px;}

  .facilities{grid-template-columns: 1fr; padding-top: 15px; padding-bottom: 30px;}
  .facilities a img{height: 180px;}

  .qa-bx{padding-top: 15px;}
  .qa-bx h4{padding: 0 10px;}
  .qa-bx h4 em{font-size: 20px;}
  .qa-bx h4 span{padding-left: 10px; font-size: 14px;}
  .qa-bx a h4:after{width: 13px; height: 8px; right: 10px;}
}



/* 대관신청상세 */
.bomker{display: flex; align-items: flex-start; gap: 60px; padding: 25px 52px; border: 2px solid #000; border-radius: 40px; margin-bottom: 89px;}
.bomker > img{display: block;}
.bomker > div{padding-top: 23px; width: 100%;}
.bomker > div strong{display: block; font-size: 30px; font-weight: 700; position: relative; padding-left: 28px;}
.bomker > div strong::before{content: ''; width: 19px; height: 19px; background: #ffdf36; border-radius: 50%; position: absolute; left: 0; top: 15px;}
.bomker > div span{color: #444; font-size: 20px; padding-top: 10px; display: inline-block;}
.bomker > div ul{background: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 13px; padding: 27px 38px; margin-top: 48px;}
.bomker > div ul li{font-size: 17px; color: #555; position: relative; padding-left: 18px;}
.bomker > div ul li + li{margin-top: 7px;}
.bomker > div ul li::before{content: ''; background: url(/page/bomnae/images/sub/blit3.png)no-repeat; background-size: cover; width: 7px; height: 7px; position: absolute; left: 0; top: 10px;}

.calendar_wrap{display: flex; flex-direction: column;  align-items: flex-start; margin-bottom: -100px; padding-top: 76px; padding-bottom: 139px; position: relative; z-index: 1;}
.calendar_wrap::before{content: ''; background: #f9f9fa; width: 1920px; height: 100%; position: absolute; left: 50%; bottom: 0; transform: translate(-50%); z-index: -1;}
.calendar{ padding: 61px 53px 97px; border: 1px solid #dddee4; border-radius: 10px; background: #fff;}
.calendar .skinTb >tbody >tr:first-child > td{border-top: 0;}
.calendar .skinTb >tbody >tr >td{text-align: center; border-color: #cdcdcd !important; border-width: 1px !important;}
.calendar .skinTb >thead >tr >th{background: #3f4b5b; color: #fff; height: 60px !important; }
.calendar .skinTb >tbody >tr >td span{color: #000;}
.calendar .tab{text-align: center; position: relative;}
.calendar .calendar_select{display: flex; align-items: center; justify-content: center; position: relative; max-width: 336px; margin: 0 auto;}
.calendar .calendar_select img{display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 18px;}
.calendar .calendar_select img.prev-month{left: 0;}
.calendar .calendar_select img.next-month{right: 0;}

.calendar-on{display: flex; gap: 63px; width: 100%;}

.calendar .calendar_select span{font-size: 38px; font-weight: 700; color: #000;}
.calendar01 .reserve_bx{display: flex; gap: 10px; justify-content: center;  font-size: 18px; padding-top: 23px; width: 100%;}
.calendar01 .reserve_bx span{display: flex; align-items: center;  position: relative;}
.calendar01 .reserve_bx span + span{margin-left: 28px;}
.calendar01 .reserve_bx span.reserve-possible::before{content: ''; width: 19px; height: 19px; margin-right: 10px; border-radius: 50%; background: #0060ff;}
.calendar01 .reserve_bx span.reserve-impossible::before{content: ''; width: 19px; height: 19px; margin-right: 10px; border-radius: 50%; background: #ff3c3c;}
.calendar01 .reserve_bx span.reserve-closed::before{content: ''; width: 19px; height: 19px; margin-right: 10px; border-radius: 50%; background: #eee;}
.calendar01 .reserve_bx span img{display: block; padding-right: 10px;}
.calendar-table{margin-top: 25px !important; margin-bottom: 0 !important;}
.calendar-table:before{display: none;}
#sub .calendar-table th{font-size: 22px !important;}
.calendar-table > thead > tr > th{border-width: 3px 0 1px 0!important;  border-color: #000 !important; font-weight: 400 !important; color: #000 !important; font-size: 18px !important; background: #fff !important;}
.calendar-table > thead > tr > th.sunday{color: #ff0000 !important;}
.calendar-table > thead > tr > th.saturday{color: #0427ab !important;}
.calendar-table > tbody > tr > td{font-size: 18px !important; padding: 0 !important; min-width: 95px; width: 95px; height: 95px; color: #000 !important; font-weight: 500 !important;}
.calendar-table > tbody > tr > td a{width: 48px; height: 48px; margin: 0 auto; border-radius: 6px;  display: flex !important; align-items: center; justify-content: center; }
.calendar-table > tbody > tr > td a span{font-size: 18px !important;}
.calendar-table > tbody > tr > td span{min-width: 54px; width: 54px; height: 54px; font-size: 18px; margin: 0 auto; border-radius: 50%;  display: flex; align-items: center; justify-content: center;}
.calendar-table span.reserve-possible{border: 2px solid #0779f9; background: #fff;}
.calendar-table span.reserve-impossible{background: #fff; border: 2px solid #e60c0c;}
.calendar-table span.reserve-closed{background: #e6e8ea;}

.calendar-table > tbody > tr > td a:hover{text-decoration: underline !important; text-underline-position: under;}
.calendar-table > tbody > tr > td a.active{text-decoration-color: #fff !important;}
.calendar-table > tbody > tr > td a.active span{background: #0779f9;  color: #fff;}

.condition{display: block; width: 53%; animation: up .6s 1 both ease-in-out; padding-top: 56px;}
.condition h4{font-size: 30px; font-weight: 700; color: #000; text-align: center;}
.condition h4 strong{color: #de0000;} 
.schedule{margin-top: 45px;}
.schedule > div{display: flex; background: #242424; border-radius: 10px; color: #fff;}
.schedule > div strong{flex: 1; font-size: 24px; padding-right: 20px; font-weight: 500; height: 69px; display: flex; align-items: center; justify-content: center;}
.schedule-bx{max-height: 533px; overflow-y: auto; margin-top: 32px;}
.schedule-bx > div{display: flex; align-items: center; height: 78px; background: #fff;  border: 1px solid #bbb; border-radius: 6px;}
.schedule-bx > div + div{margin-top: 13px;}
.schedule-bx > div a{display: flex; flex: 1; height: 78px;  border-radius: 6px; border: 1px solid #bbb;}
.schedule-bx > div:has(a){border: none;}
.schedule-bx > div a:hover{text-decoration: none;}
.schedule-bx > div a.active{background: #e6e8ea;}
.schedule-bx > div span{flex: 1; font-size: 18px; font-weight: 600; display: flex; justify-content: center; align-items: center;}
.schedule-bx > div span:nth-child(2){font-weight: 500;}
.schedule-bx > div span.possible{color: #0779f9;}
.schedule-bx > div span.end{color: #ff0000;}

.calendar_btn-bx{display: flex; justify-content: center; width: 100%; padding-top: 36px;}
.calendar_btn-bx .cancel{border: 1px solid #ff9000; color: #ff9000; background: #fff;}
.calendar_btn-bx .next{background: #000; color: #fff; border-color: #000;}
.calendar_btn-bx .cancel:hover{background: #fff;}
.calendar_btn-bx .next:hover{background: #000;}
.calendar_btn-bx .cancel + .next{margin-left: 11px;}

@media (max-width:1440px) {
  .calendar-table > tbody > tr > td{min-width: 100%; height: 70px;}
  .calendar-table > tbody > tr > td span{min-width: 40px; width: 45px; height: 45px;}
  .schedule > div strong{height: 60px;}
  .schedule-bx{max-height: 438px;}
  .schedule-bx > div,
  .schedule-bx > div a{height: 62px;}
  .schedule-bx > div + div{margin-top: 12px;}

  .bomker > img{width: 600px;}
}

@media (max-width:991px) {
  .bomker{padding: 20px; gap: 30px; margin-bottom: 50px;}
  .bomker > img{width: 400px;}
  .bomker > div{padding-top: 0;}
  .bomker > div strong{font-size: 28px;}
  .bomker > div strong::before{top: 12px;}
  .bomker > div ul{margin-top: 18px; padding: 20px;}
  .bomker > div span{font-size: 15px;}
  
  .bomker > img{width: 400px;}

  .condition{width: 100%; margin-left: 0;}
  .calendar-on{flex-direction: column; gap: 0; align-items: center;}
  .calendar{width: 100%; padding: 40px 30px 40px;}
  .calendar_wrap{flex-direction: column; padding-top: 46px; padding-bottom: 50px;}
  .calendar-table{margin-top: 30px;}
  .calendar .reserve_bx span{font-size: 16px;}
  .condition h4,
  .calendar .calendar_select span{font-size: 25px;}
  .calendar-table > tbody > tr > td{height: 80px;}
  .calendar-table > tbody > tr > td span,
  .calendar-table > tbody > tr > td a{width: 50px; height: 50px; font-size: 16px;}
  .calendar-table > tbody > tr > td a span{font-size: 16px !important;}
  .schedule > div strong,
  .schedule-bx > div span{font-size: 16px;}
  .calendar01 .reserve_bx span{font-size: 14px;}
  .schedule-bx{margin-top: 17px;}
}

@media (max-width:768px) {
  .bomker{flex-direction: column; gap: 20px; border-radius: 20px; margin-bottom: 40px;}
  .bomker > img{width: 100%;}
  .bomker > div strong{font-size: 22px;}
  .bomker > div strong::before{top: 8px;}
  .bomker > div span{font-size: 14px;}
  .bomker > div ul{padding: 15px;}
  .bomker > div ul li{font-size: 14px;}
  .bomker > div ul li::before{top: 7px;}

  .calendar01{width: 100%;}

  .calendar{width: 100%; }
  .calendar_btn-bx{padding-top: 25px;}
  .calendar-table{table-layout: fixed;}
  .calendar-table > tbody > tr > td{min-width: auto; width: auto;}
  .calendar .skinTb > thead > tr > th{padding: 1rem !important;  height: 50px !important;}
  .calendar .calendar_select img{width: 12px;}
  .calendar01 .reserve_bx{padding-top: 20px;}
  .calendar01 .reserve_bx span + span{margin-left: 15px;}

  .schedule-bx{margin-top: 18px;}
  .schedule{margin-top: 20px;}
  .schedule > div strong{padding-right: 4px;}
}

@media (max-width:716px) {
  .condition{padding-top: 0;}
  .calendar_wrap{padding-bottom: 30px; padding-top: 30px; margin-bottom: -80px;}
  .calendar{width: 100%; padding: 15px;}
  .condition h4,
  .calendar .calendar_select span{font-size: 20px;}
  .calendar .reserve_bx span{font-size: 15px; padding: 0 10px; height: 30px;}
  .calendar .calendar_select button img{width: 30px;}
  #sub .calendar-table th{font-size: 16px !important;}
  .calendar-table > tbody > tr > td{height: 50px;}
  .calendar-table > tbody > tr > td span, 
  .calendar-table > tbody > tr > td a{width: 35px; height: 35px; min-width: 35px; font-size: 14px !important;}
  .calendar-table > tbody > tr > td a span{font-size: 14px !important;}

  .condition{width: 100%; margin-left: 0; margin-top: 50px;}
  .schedule > div{border-radius: 10px;}
  .schedule > div strong{height: 50px;}
  .schedule-bx > div{height: 40px;}
  .schedule-bx > div a{height: 40px;}
  .schedule > div strong, .schedule-bx > div span{font-size: 14px;} 

  .calendar .calendar_select img.prev-month{left: 20px;}
  .calendar .calendar_select img.next-month{right: 20px;}
}

@keyframes table-move1{ 
  0%{opacity:0;}
  100%{opacity:1;}
}

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

/* 로그인 */
.login{display: flex; justify-content: center;}
.login-bx{display: flex; flex-direction: column; align-items: center; text-align: center; border: 1px solid #ffdf36; background: #fffdf2; min-width: 803px; padding: 47px 0 63px; border-radius: 10px;}
.login-bx > span{font-size: 36px; font-weight: 500; padding-top: 5px;}
.login-bx > span strong{font-weight: 700; padding-left: 9px;}
.login-bx p{font-size: 20px; color: #444; padding-top: 15px;}
.login-bx button{width: 636px; height: 95px; margin-top: 32px; display: flex; justify-content: center; align-items: center; background: #ffdf36; border-radius: 12px;}
.login-bx button span{font-size: 24px; padding-left: 12px;}

@media (max-width:991px) {
  .login-bx{min-width: 700px; padding: 47px 45px 63px;}
  .login-bx > span{font-size: 25px;}
  .login-bx p{font-size: 16px;}
  .login-bx button{width: 100%;}
  .login-bx button span{font-size: 18px;}
}

@media (max-width:760px) {
  .login-bx{min-width: 100%; padding: 30px 20px;}
  .login-bx > img{display: block; width: 100px;}
  .login-bx > span{font-size: 20px;}
  .login-bx > span strong{padding-left: 5px;}
  .login-bx p{font-size: 14px; word-break: keep-all;}
  .login-bx p br{display: none;}
  .login-bx button{height: 60px; margin-top: 25px;}
  .login-bx button img{display: block; width: 35px;}
  .login-bx button span{font-size: 16px; padding-left: 6px;}
}

/* 대관신청완료 */
.completion{border: 1px solid #aaa; border-radius: 10px; padding: 69px 83px 73px;}
.completion .completion-tit{display: flex; justify-content: center; flex-direction: column; align-items: center; padding-bottom: 35px;}
.completion .completion-tit > img{width: 124px;}
.completion .completion-tit h3{font-size: 38px; font-weight: 500; color: #333; padding-top: 10px;}
.completion .completion-tit h3 em{color: #ffad2c;}
.completion .skinTb-th{padding: 3rem !important; font-size: 20px !important;}
.completion .skinTb-td{padding-left: 77px; color: #333 !important; font-weight: 400; font-size: 18px !important;}
.completion .completion-btn{display: flex; justify-content: center; padding-top: 19px;}
.completion .completion-btn a{display: flex; align-items: center; font-size: 18px; justify-content: center; border-radius: 30px; padding: 0 46px; height: 56px; border: 1px solid #131313;}
.completion .completion-btn a:hover{text-decoration: none; background: #000; color: #fff;}

@media (max-width:1440px) {
  .completion .skinTb-th{padding: 2rem !important;}
  .completion .skinTb-td{padding-left: 20px; font-size: 15px;}
}

@media (max-width:991px) {
  .completion{padding: 50px;}
  .completion .completion-tit > img{width: 90px;}
  .completion .completion-tit h3{font-size: 25px;}

  .completion .completion-btn{padding-top: 15px;}
  .completion .completion-btn a{padding: 0 25px; font-size: 15px;}
}

@media (max-width:760px) {
  .completion{padding: 20px;}
  .completion .skinTb-th{padding: 1rem !important; font-size: 16px !important;}
  .completion .skinTb-td{font-size: 14px !important;}
  .completion .completion-tit{padding-bottom: 25px;}
  .completion .completion-tit > img{width: 65px;}
  .completion .completion-tit h3{font-size: 20px;}
  

  .completion .completion-btn{padding-top: 5px;}
  .completion .completion-btn a{padding: 0 15px; height: 45px; font-size: 14px;}
}

/* 입주기업 */
.business{display: grid; gap: 62px 29px; grid-template-columns: repeat(4 , 1fr);}
.business a{width: 100%;  min-width: 0; display: block; text-decoration: none;}
.business a > div{position: relative;}
.business a > div img{display: block;}
.business a > div::after{content: ''; position: absolute; inset: 0;  background:rgba(0,0,0,.3); opacity: 0; transition: .2s; pointer-events: none; border-radius: 12px;}
.business a:hover{text-decoration: none;}
.business a:hover > div::after{opacity: 1;}
.business a .text_box{display: flex; align-items: center; padding-top: 14px;}
.business a .text_box strong{display: block; width: 100%;  min-width: 0; font-size: 24px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.business a .text_box em{color: #ffb432; font-size: 18px; font-weight: 600; white-space: nowrap; margin-right: 12px; padding-right: 12px; position: relative;}
.business a .text_box em::after{content: ''; width: 1px; height: 16px; background: #888; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.business a .text_box::after{display: none;}

.business a span{padding-top: 6px; display: block; white-space: nowrap; font-size: 18px; text-overflow: ellipsis; overflow: hidden;}
.business a img{width: 378px; height: 318px; object-fit: cover; max-width: 100%; border-radius: 12px; transition: all .2s;}
.business a:hover img{outline: 2px solid #ffdf36; transition: all .2s;}


@media (max-width:1440px) {
  .business a img{width: 100%; height: 200px;}
}

@media (max-width:991px) {
  .business{grid-template-columns: repeat(2 , 1fr); gap: 52px 29px;}
  .business a img{height: 250px;}
  .business a .text_box strong{font-size: 18px;}
  .business a .text_box em{font-size: 16px;}
}

@media (max-width:760px) {
  .business{gap: 30px 15px;}
  .business a img{height: 150px;}
  .business a .text_box{padding-top: 5px;}
  .business a .text_box strong{font-size: 15px;}
  .business a .text_box em{font-size: 13px; margin-right: 8px; padding-right: 8px;}
  .business a .text_box em::after{height: 12px;}
  .business a span{font-size: 14px; padding-top: 3px;}
  
}

/* 입주기업상세 */
.move{position: relative; display: flex; gap: 37px; align-items: flex-end;}
.move .move-bx img{display: block; width: 994px; height: 548px; object-fit: cover; border-radius: 11px;}
.move .move-txt{display: flex; align-items: center; width: 100%;}
.move .move-txt .move-img{display: flex; gap: 20px; align-items: center; padding-bottom: 42px; border-bottom: 2px solid #000;}
.move .move-txt .move-img > img{display: block; width: 113px;}
.move .move-txt strong{font-size: 36px; font-weight: 700;}
.move .move-txt span{display: block; font-size: 20px; color: #444;}
.move .move-wrap{width: 100%;}
.move .address-bx{display: flex;}
.move .address-wrap{width: 100%;}
.move .address-wrap ul{padding: 50px 0 34px;}
.move .address-wrap ul li{display: flex; align-items: center;}
.move .address-wrap ul li + li{margin-top: 10px;}
.move .address-wrap li span{padding-left: 11px; color: #555;}
.move .sns-link{background: #eaeaea; padding: 30px; border-radius: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 11px 14px;}
.move .sns-link a{transition: all .2s; display: flex; justify-content: center; align-items: center; height: 48px; border-radius: 12px;}
.move .sns-link a.home{background: #000;}
.move .sns-link a.blog{background: #43a948;}
.move .sns-link a.Instagram{background: #db1e92;}
.move .sns-link a.facebook{align-items: flex-end; background: #1777f1;}
.move .sns-link a.kakao_channel{background: #fae100;}
.move .sns-link a.twitter{background: #000;}
.move .sns-link a:hover{background: #fff; transition: all .2s;}
.move .sns-link a img{display: block; transition: all .2s;}
.move .sns-link a:hover img{transition: all .2s; filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7483%) hue-rotate(318deg) brightness(98%) contrast(98%);}

.foundation{padding-top: 66px;}
.foundation .foundation_txt{display: flex; gap: 54px;}
.foundation .foundation_txt .foundation_bx{display: flex; align-items: center; padding: 21px 32px; box-shadow: 3px 3px 8px rgba(0, 0, 0, .2); flex: 1; border-radius: 10px;}
.foundation .foundation_txt .foundation_bx img{display: block; width: 91px;}
.foundation .foundation_txt .foundation_bx .day{display: flex; align-items: center;}
.foundation .foundation_txt .foundation_bx strong{font-size: 22px; padding-left: 27px; white-space: nowrap; padding-right: 15px; margin-right: 15px; position: relative;}
.foundation .foundation_txt .foundation_bx strong::before{content: ''; width: 1px; height: 18px; background: #555;
position: absolute; right: 0; top: 8px;}
.foundation .foundation_txt .foundation_bx > div span{font-size: 20px;}
.foundation .foundation_txt01{padding: 109px 0 112px;}
.foundation .foundation_txt01 p{font-size: 22px; font-weight: 500;}
.foundation .foundation_txt01 p + p{margin-top: 14px;}
.foundation .foundation_txt01 p + strong{margin-top: 14px;}
.foundation .foundation_txt01 strong{display: block; font-size: 23px;}
.foundation .foundation_txt01 strong + strong{margin-top: 10px;}

.list-wrap{background: #f7f7f7; border-radius: 12px; padding: 50px; position: relative;}
.list-wrap > a{position: absolute; right: 50px; top: 60px; display: flex; gap: 5px; align-items: center;}
.list-wrap > a img{display: block; width: 15px;}
.business-list{display: grid; gap: 50px; grid-template-columns: repeat(4, 1fr); padding-top: 20px;}
.business-list a{width: 337px;}
.business-list a > div{background: #fff; width: 100%; height: 337px; position: relative; border-radius: 12px; overflow: hidden;}
.business-list a > div::after{content: ''; position: absolute; inset: 0;  background:rgba(0,0,0,.3); opacity: 0; transition: .2s; pointer-events: none; border-radius: 12px;}
.business-list a img{display: block; width: 100%; height: 100%; transition: all .2s; border-radius: 12px; margin: 0 auto; object-fit: contain; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.business-list a span{padding-top: 20px; display: block; font-size: 18px; line-height: 1.4;  overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.business-list a:hover > div{outline: 2px solid #ffdf36;  transition: all .2s;}
.business-list a:hover > div::after{opacity: 1;}
.business-list img.landscape{object-fit: cover;}


@media (max-width:1640px) {
  .move .move-bx img{width: 600px; height: 500px;}
  .move .move-txt strong{font-size: 30px;}
  .move .move-txt span{font-size: 15px;}
  .move .sns-link{padding: 15px;}

  .foundation .foundation_txt{gap: 30px;}
  .foundation .foundation_txt img{display: block; width: 80px;}
  .foundation .foundation_txt .foundation_bx img{width: 62px;}
  .foundation .foundation_txt .foundation_bx strong{font-size: 18px;}
  .foundation .foundation_txt .foundation_bx strong::before{top: 2px;}
  .foundation .foundation_txt .foundation_bx > div{line-height: 1.2;}
  .foundation .foundation_txt .foundation_bx > div span{font-size: 16px; }
  .foundation .foundation_txt .foundation_bx > div span br{display: none;}

  .business-list{grid-template-columns: repeat(3, 1fr);}
  .business-list a{width: 100%;}
  .business-list a > div{height: 313px;}
  .list-wrap > a{top: 55px;}
}

@media (max-width:1024px) {
  .move{flex-direction: column; gap: 20px;}
  .move .move-bx img{width: 100%; height: auto;}
  .move .move-txt .move-img{padding-bottom: 32px;}
  .move .move-txt .move-img > img{width: 90px;}
  .move .move-txt strong{font-size: 25px;}
  .move .move-txt span{font-size: 14px;}
  .move .address-wrap ul{padding: 30px 0;}

  .foundation{padding-top: 50px;}
  .foundation .foundation_txt{gap: 10px;}
  .foundation .foundation_txt .foundation_bx{padding: 10px;}
  .foundation .foundation_txt .foundation_bx img{width: 45px;}
  .foundation .foundation_txt .foundation_bx strong{padding-left: 10px; font-size: 16px; padding-right: 10px; margin-right: 10px;}
  .foundation .foundation_txt .foundation_bx > div span{font-size: 14px;}
  .foundation .foundation_txt img{width: 60px;}

  .foundation .foundation_txt01{padding: 50px 0 60px;}
  .foundation .foundation_txt01 p{font-size: 18px;}

  .business-list{grid-template-columns: repeat(2, 1fr); padding-top: 15px; gap: 40px;}
  .business-list a span{font-size: 15px;}
  .business-list a{width: 100%;}
  .business-list a > div{height: 340px;}
  .list-wrap{padding: 30px;}
  .list-wrap > a{top: 40px; right: 30px;}
}


@media (max-width:760px) {
  .move .move-txt strong{font-size: 18px;}
  .move .move-txt .move-img{padding-bottom: 22px; gap: 10px;}
  .move .move-txt .move-img > img{width: 80px;}
  .move .address-wrap ul{padding: 25px 0;}
  .move .address-wrap li span{padding-left: 10px;}
  .move .sns-link{gap: 8px; grid-template-columns: repeat(2, 1fr);}

  .foundation{padding-top: 30px;}
  .foundation .foundation_txt{flex-direction: column;}
  .foundation .foundation_txt .foundation_bx > div span{line-height: 1.4; display: inline-block;}
  .foundation .foundation_txt .foundation_bx strong::before{height: 14px; top: 3px;}
  .foundation .foundation_txt .foundation_bx > div span br{display: none;}
  .foundation .foundation_txt01{padding: 30px 0 40px;}
  .foundation .foundation_txt01 p{font-size: 15px;}
  .foundation .foundation_txt01 p + p{margin-top: 8px;}

  .list-wrap{padding: 20px 20px 40px;}
  .list-wrap > a{top: 23px; right: 20px; font-size: 13px;}
  .list-wrap > a img{width: 12px;}
   .business-list{padding-top: 0px; gap: 35px 20px;}
   .business-list a span{font-size: 14px; padding-top: 10px;}
   .business-list a > div{height: 149px;}
}

@media (max-width:360px) {
  .business-list a > div{height: 134px;}
}


/* 대관신청정보입력 */
.rules{padding: 20px 0; border: 2px solid #bababd; border-width: 2px 0;}
.rules.v2{border: none; padding: 0;}
.rules.v2 strong{font-size: 23px;}
.rules.v2 ul li{font-size: 1.8rem;}
.rules.v2 ul li + li{margin-top: 5px;}
.rules.v2 .check-bx{justify-content: flex-start;}
.check-bx{display: flex; justify-content: center; align-items: center; padding-top: 15px;}
.check-bx input[type="checkbox"]{display: none;}
.check-bx label{position: relative; font-size: 18px; font-weight: 700; color: #ff8f21; padding-left: 30px; cursor: pointer;}
.check-bx label::before{content: ''; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border: 1px solid #ff8f21; border-radius: 4px; background-color: #fff;}
.check-bx input[type="checkbox"]:checked + label::after{content: ''; position: absolute; left: 1px; top: 6px; width: 18px; height: 18px; border-radius: 4px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><rect width="18" height="18" rx="4" ry="4" fill="%23ff8f21"/><polyline points="4,9 7,12 14,5" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;  background-color: #ff8f21; border-radius: 2px;}

@media (max-width:760px) {
  .rules{padding: 15px 0;}
  .rules .listLv{margin-left: 20px;}
  .rules .listLv >li{font-size: 1.9rem;}
  .rules.v2{padding: 0;}
  .rules.v2 ul li + li{margin-top: 3px;}
  .rules.v2 strong{font-size: 19px;}
  .check-bx label{font-size: 15px; padding-left: 26px;}
  .check-bx label::before{width: 16px; height: 16px; top: 4px;}
  .check-bx input[type="checkbox"]:checked + label::after{width: 16px; height: 16px; top: 5px;}
}

/* 교육공간 */
.space,
.space01{display: flex; gap: 85px; align-items: flex-start; justify-content: space-between; padding: 57px 0 59px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0;}
.space.first,
.space01.first{border-top: 1px solid #000;}
.space.last,
.space01.last{border-bottom-color: #000;}
.space01{align-items: flex-start;}
.space .space-tit,
.space01 .space-tit{width: 100%;}
.space .space-tit strong,
.space01 .space-tit strong{font-size: 36px; font-weight: 700;}
.space .space-tit ul,
.space01 .space-tit ul{padding: 25px 30px; background: #f3f3f3; border-radius: 12px; margin: 18px 0 19px;}
.space01 .space-tit ul{margin-bottom: 0;}
.space .space-tit ul li,
.space01 .space-tit ul li{font-size: 17px; color: #444; padding-left: 15px; position: relative; line-height: 2.2rem;}
.space .space-tit ul li + li,
.space01 .space-tit ul li + li{margin-top: 8px;}
.space .space-tit ul li::before,
.space01 .space-tit ul li::before{content: ''; background: url(/page/bomnae/images/sub/blit3.png)no-repeat; width: 7px; height: 7px;
position: absolute; left: 0; top: 8px; background-size: cover;}
.space .space-box,
.space01 .space-box{display: grid; grid-template-columns: repeat(2 ,1fr); gap: 29px;}
.space .space-box img,
.space01 .space-box img{display: block; width: 477px; height: 273px; border-radius: 14px; object-fit: cover;}


@media (max-width:1440px) {
  .space, .space01{gap: 50px; align-items: stretch;}
  .space .space-box img,
  .space01 .space-box img{width: 100%; height: 100%;}
  .space .space-tit ul li, .space01 .space-tit ul li{line-height: 2.6rem;}
}

@media (max-width:991px) {
  .space, .space01{padding: 40px 0; gap: 35px;}
  .space .space-tit strong, .space01 .space-tit strong{font-size: 26px;}
  .space .space-tit ul, .space01 .space-tit ul{padding: 20px; margin: 15px 0;}
  .space .space-tit ul li, .space01 .space-tit ul li{font-size: 14px; line-height: 2.2rem;}
  .space .space-tit ul li::before, .space01 .space-tit ul li::before{top: 6px;}
  
}

@media (max-width:760px) {
.space, .space01{flex-direction: column; gap: 35px; padding: 30px 0;}
.space .space-tit strong, .space01 .space-tit strong{font-size: 20px;}
.space .space-tit ul, .space01 .space-tit ul{padding: 15px; margin: 10px 0 0;}
.space .space-tit ul li, .space01 .space-tit ul li{font-size: 13px; padding-left: 12px;}
.space .space-box,
.space01 .space-box{gap: 15px;}
}

/* 연혁 */
.history-bx{position:relative;padding:10px 0 50px;}
.history-bx h5{text-align:center; color:#cdc9c9; line-height:1; position:relative; z-index:1;}
.history-bx h5 img{display: block; width: 372px; margin: 0 auto;}
.history-bx > ul{position:relative;z-index:2; padding-bottom: 101px; margin-top: -58px; display: grid; row-gap: 104px;}
.history-bx > ul:before{content:''; display:block; position:absolute; top:49px; bottom:30px; border: 2px dashed #bdbdbd; left:50%; transform: translateX(-50%);}
.history-bx > ul::after{content: ''; width: 17px; height: 17px; border: 8px solid #777; background: #fff; border-radius: 50%; position:absolute; left: 50%; transform: translateX(-50%); bottom: -7px; z-index:10}
.history-bx > ul > li{position:relative; display: grid; grid-template-columns: 1fr 217px 1fr; align-items: flex-start;}
.history-bx > ul > li .history-bg{display: flex; flex-direction: column; align-items: flex-end; grid-column: 1;}
.history-bx > ul > li:nth-child(2n) .history-bg{grid-area: img;}
.history-bx > ul > li:nth-child(2n) .history-txt{grid-area: txt;}
.history-bx > ul > li img{width: 100%;}
.history-bx > ul > li .history-bg img + img{margin-top: 20px;}
.history-bx > ul > li::before{content: ''; width: 17px; height: 17px; border: 8px solid #777; background: #fff; border-radius: 50%; position:absolute; left: 50%; transform: translateX(-50%); top:12px; z-index:10;}
.history-bx li .history-txt{grid-column: 3; }
.history-bx .history-txt strong{font-size:68px; font-weight:700; position:relative; margin-bottom: 84px; color: #ffd912; line-height: 66px; background: #000; display: inline-block; padding: 0 11px;}
.history-bx > ul > li:nth-child(2n) .history-bg{align-items: flex-start;}
.history-bx > ul > li:nth-child(2n) {grid-template-areas: "txt mid img";}
.history-bx li:nth-child(2n) .history-txt{text-align: right;}
.history-bx li .history-txt em{font-weight: 700; color: #111; padding-left: 23px; font-size: 20px; min-width: 190px; position: relative; white-space: nowrap;}
.history-bx li:nth-child(2n) .history-txt em{padding-right: 23px;}
.history-bx li .history-txt em::before{content: ''; width: 6px; height: 6px; background: #000; position: absolute; left: 0; top: 10px; border-radius: 50%;}
.history-bx li:nth-child(2n) .history-txt em::before{left: auto; right: 0;}
.history-bx li .history-txt span{color: #555; font-size: 18px;}
.history-bx li:nth-child(2n) .history-txt span{padding-left: 0;}
.history-bx li .history-txt ul li{display: flex; align-items: flex-start; justify-content: flex-start;}
.history-bx li:nth-child(2n) .history-txt ul li{justify-content: flex-end;}
.history-bx li .history-txt ul li + li{margin-top: 17px !important;}

@media (max-width:1440px) {
  .history-bx h5{font-size:48px;}
  .history-bx > ul > li .history-bg{width: 100%;}
  .history-bx > ul > li img{display: block; width: 100%;}
  .history-bx li + li{margin-top:40px !important}
  .history-bx li .history-txt{width: 100%;}
  .history-bx li strong{font-size:40px;}
}

@media (max-width:1024px) {
  .history-bx h5 img{width: 250px;}
  .history-bx .history-txt strong{margin-bottom: 40px; font-size: 30px; line-height: 40px;}
  .history-bx > ul{margin-top: -20px;}
  .history-bx > ul:before{top: 41px;}
  .history-bx > ul > li::before{top: 4px;}
  .history-bx li:nth-child(2n) .history-txt ul li{justify-content: flex-end;}
  .history-bx li .history-txt em{min-width: 140px;}
  .history-bx li:nth-child(2n) .history-txt em{padding-left: 0;}
  .history-bx li .history-txt span{font-size: 14px;}
  .history-bx li .history-txt em{font-size: 14px;}
  .history-bx li .history-txt em::before{top: 8px;}
}

@media (max-width:760px) {
  .history-bx h5 img{width: 150px;}
  .history-bx .history-txt  strong{font-size: 20px; line-height: 30px; padding: 0 8px; margin-bottom: 25px;}
   .history-bx > ul{margin-top: -5px;}
   .history-bx > ul:before{top: 26px; bottom: 23px;}
   .history-bx > ul::after{width: 6px; height: 6px; bottom: -2px;}
   .history-bx > ul > li{grid-template-columns: 1fr 70px 1fr;}
  .history-bx > ul > li::before{width: 6px; height: 6px; top: 4px;}
  .history-bx > ul > li img{height: 100px; object-fit: cover;}
  .history-bx li .history-txt ul li{flex-direction: column;}
  .history-bx li .history-txt em{padding-left: 14px;}
   .history-bx li .history-txt span{font-size: 13px;}
  .history-bx li .history-txt em::before{top: 8px;}
  .history-bx li:nth-child(2n) .history-txt em{order: 1; padding-right: 14px;}
  .history-bx li:nth-child(2n) .history-txt span{order: 2;}
  .history-bx li:nth-child(2n) .history-txt ul li{align-items: flex-end;}
}

@media (max-width:360px) {
  .history-bx > ul > li{grid-template-columns: 1fr 50px 1fr;}
}

/* 오시는길 */
.map{display: flex; align-items: flex-start; gap: 70px;}
.map .map-bx > img{display: block; width: 518px;}
.map .map-bx .map-address{padding-top: 52px; border-top: 2px solid #000; margin-top: 51px;}
.map .map-bx .map-address .map-item{display: flex; align-items: center; background: #f5f5f5; border-radius: 11px; padding: 24px 12px 0;}
.map .map-bx .map-address .map-item .address{display: flex; flex-direction: column; margin-top: -15px;}
.map .map-bx .map-address .map-item .address > div{display: flex; align-items: center;}
.map .map-bx .map-address .map-item .address > div button{color: #616ff4; padding-left: 10px;}
.map .map-bx .map-address .map-item .address > div button:hover{text-decoration: underline;}
.map .map-bx .map-address .map-item + .map-item{margin-top: 24px;}
.map .map-bx .map-address .map-item img{display: block; width: 147px;}
.map .map-bx .map-address .map-item .address strong{font-size: 22px; color: #333; font-weight: 700;}
.map .map-bx .map-address .map-item .address span{font-size: 20px; color: #333; padding-top: 4px;}
.map .map-navi{display: flex; gap: 13px; margin-top: 28px;}
.map .map-navi a{display: flex; gap: 9px; align-items: center; flex: 1; justify-content: center; align-items: center; font-weight: 500; font-size: 18px; height: 61px; border-radius: 12px;}
.map .map-navi a:first-child{background: #fae100;}
.map .map-navi a:last-child{background: #43a948; color: #fff;}

.root_daum_roughmap{width: 1200px !important;}
.root_daum_roughmap .wrap_map{height: 680px !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:1440px) {
  .root_daum_roughmap{width: 550px !important;}
}

@media (max-width:991px) {
  .map{flex-direction: column; gap: 50px;}
  .map-bx{width: 100%; order: 2;}
  .map .map-bx > img{width: 400px;}
  .map .map-bx .map-address{margin-top: 48px; padding-top: 40px;}
  .map .map-bx .map-address .map-item img{width: 120px;}
  .map .map-bx .map-address .map-item .address strong{font-size: 18px;}
  .map .map-bx .map-address .map-item .address span{font-size: 16px;}

  .map-img{width: 100%;}
  .map .map-navi a{font-size: 16px; height: 55px;}

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

@media (max-width:760px) {
  .map{gap: 40px;}
  .root_daum_roughmap .wrap_map{height: 300px !important;}
  .map .map-bx > img{width: 300px;}
  .map .map-bx .map-address{margin-top: 30px; padding-top: 30px;}
  .map .map-bx .map-address .map-item{padding: 15px 15px 0;}
  .map .map-bx .map-address .map-item img{width: 100px;}
  .map .map-bx .map-address .map-item .address strong{font-size: 15px;}
  .map .map-bx .map-address .map-item .address span{font-size: 12px;}
  .map .map-bx .map-address .map-item .address > div button{font-size: 14px; padding-left: 5px; font-size: 12px;}
  .map .map-bx .map-address .map-item + .map-item{margin-top: 20px;}

  .map .map-navi{margin-top: 20px;}
  .map .map-navi a{font-size: 14px; gap: 6px; height: 50px;}
}

/* 인사말 */
.greeting img{display: block; max-width: 100%;}
.greeting-bx{display: flex; gap: 234px; align-items: flex-start; padding: 54px 0 0 84px; position: relative;}
.greeting-bx::before{content: ''; background: url(/page/bomnae/images/sub/greetings_bgtxt.png)no-repeat; position: absolute; left: 14px; bottom: -106px; z-index: -1;
width: 1572px; height: 273px; background-size: cover;}
.greeting-bx img{display: block; width: 465px;}
.greeting-bx > div{padding-top: 79px;}
.greeting-bx > div p{font-size: 22px; line-height: 1.8;}
.greeting-bx > div p + p{margin-top: 55px;}

@media (max-width:1440px) {
  .greeting-bx{gap: 150px;}
  .greeting-bx::before{width: 1100px; height: 191px; left: 50%; transform: translateX(-50%);}
  .greeting-bx img{width: 350px;}
  .greeting-bx > div{padding-top: 61px;}
  .greeting-bx > div p br{display: none;}
}

@media (max-width:991px) {
  .greeting-bx{padding: 30px 0 0 30px;}
  .greeting-bx::before{width: 800px; height: 139px;}
  .greeting-bx img{width: 250px;}
  .greeting-bx > div{padding-top: 40px;}
  .greeting-bx > div p{font-size: 16px;}
  .greeting-bx > div p + p{margin-top: 25px;}
}

@media (max-width:760px) {
  .greeting-bx{flex-direction: column; gap: 30px;  padding: 30px 0 0 0;}
  .greeting-bx::before{width: 360px; height: 62px; bottom: -81px;}
  .greeting-bx img{width: 230px;}
  .greeting-bx > div{padding-top: 0px;}
  .greeting-bx > div p{font-size: 15px;}
  .greeting-bx > div p + p{margin-top: 15px;}
}

/* 직원소개 */
.introduction{position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center;}
.introduction .intro-tit{display: flex; flex-direction: column; align-items: flex-start;}
.introduction .intro-tit img{display: block; width: 820px;}
.introduction .intro-tit p{font-size: 32px; padding-top: 47px; font-weight: 500; color: #444; margin-top: -14px; line-height: 1.3;}
.introduction .intro-txt{display: flex; flex-wrap: wrap; padding-top: 38px;}
.introduction .intro-txt .intro-bg{position: relative;}
.introduction .intro-txt .intro-bg::before{content: ''; background: url(/page/bomnae/images/sub/staff_txt.png)no-repeat; width: 790px; height: 100px; position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); background-size: cover;}
.introduction .intro-txt .intro-bg img{display: block; max-width: 100%; object-fit: cover;}
.introduction .intro-txt ul{padding-top: 60px; width: 100%; display: grid; gap: 42px 138px; grid-template-columns: repeat(2, 1fr);}
.introduction .intro-txt ul li h4{display: flex; gap: 13px; align-items: center; font-size: 30px; font-weight: 700; color: #444;}
.introduction .intro-txt ul li h4 img{display: block; width: 41px;}
.introduction .intro-txt ul li .person{display: flex; gap: 57px; width: 100%; margin-top: 9px; border-radius: 12px; align-items: center; background: #f5f5f5; padding: 16px 48px}
.introduction .intro-txt ul li .person > em{font-size: 64px; font-weight: 800; color: #e4e4e4;}
.introduction .intro-txt ul li .person > div{display: flex; flex-direction: column;}
.introduction .intro-txt ul li .person > div span{color: #555; font-size: 20px;}
.introduction .intro-txt ul li .person > div strong{display: flex; font-size: 18px; padding-top: 11px; align-items: center; font-weight: 700; color: #555;}
.introduction .intro-txt ul li .person > div strong img{display: inline-block; width: 27px; margin-right: 10px;}
.introduction .intro-txt ul li .person > div strong em{color: #555; font-weight: 700; padding-left: 23px; position: relative;}
.introduction .intro-txt ul li .person > div strong em::before{content: "|"; position: absolute; left: 7px;}


@media (max-width:1440px) {
  .introduction .intro-txt ul{gap: 50px;}
  .introduction .intro-txt ul li .person{gap: 27px; padding: 16px 20px;}
}

@media (max-width:1024px) {
  .introduction .intro-tit img{width: 100%;}
  .introduction .intro-tit p{font-size: 22px;}
  .introduction .intro-txt{padding-top: 28px;}
  .introduction .intro-txt .intro-bg::before{width: 500px; height: 66px; bottom: 15px;}
  .introduction .intro-txt ul{padding-top: 30px; gap: 30px;}
  .introduction .intro-txt ul li h4{font-size: 22px;}
  .introduction .intro-txt ul li h4 img{width: 31px;}
  .introduction .intro-txt ul li .person > div span{font-size: 14px;}
  .introduction .intro-txt ul li .person > div strong{font-size: 14px; line-height: 1.3; display: inline-block;}
  .introduction .intro-txt ul li .person > div strong img{vertical-align: -8px; margin-right: 5px;}
  .introduction .intro-txt ul li .person > div strong em{display: block; padding-left: 0;}
  .introduction .intro-txt ul li .person > div strong em::before{display: none;}
}


@media (max-width:760px) {
  .introduction .intro-tit p{font-size: 16px; padding-top: 37px;}
  .introduction .intro-txt{padding-top: 18px;}
  .introduction .intro-txt ul{grid-template-columns: 1fr; padding-top: 35px;}
  .introduction .intro-txt ul li h4{font-size: 18px; gap: 8px;}
  .introduction .intro-txt ul li h4 img{width: 25px;}
  .introduction .intro-txt ul li .person{padding: 15px; gap: 20px;}
  .introduction .intro-txt ul li .person > em{font-size: 40px;}
}


@media (max-width:500px) {
  .introduction .intro-txt .intro-bg img{height: 180px; object-position: 35% 30%;}
  .introduction .intro-txt .intro-bg::before{width: 400px; height: 50px; bottom: 15px;}
}

@media (max-width:414px) {
  .introduction .intro-txt .intro-bg img{height: 120px;}
  .introduction .intro-txt .intro-bg::before{width: 300px; height: 37px; bottom: 15px;}
}

/* 주요사업 */
.business02{margin-top: 52px; padding: 80px 0 93px; position: relative; }
.business02::before{content: '';  background: url(/page/bomnae/images/sub/mainbusiness_bg.jpg)no-repeat; width: 1920px; height: 100%; position: absolute; left: 50%; top: 0; z-index: -1; transform: translateX(-50%);}
.business02 > div{display: flex; gap: 38px; align-items: center; width: 100%;}
.business02 > div h3{display: flex; gap: 24px; align-items: center; font-size: 36px; font-weight: 700;}
.business02 > div span{padding-left: 35px; color: #ff9036; font-weight: 500; position: relative;}
.business02 > div span::before{content: ''; width: 9px; height: 9px; background: #ff9036; border-radius: 50%; position: absolute; left: 0; top: 8px;}
.business02 > div h3 img{display: block; width: 33px;}
.business02 > p{font-size: 18px; padding-top: 31px;}

.business02 .slick{margin-top: 55px; position: relative; padding-top: 64px;}
.business02 .slick::before{content: ''; width: 1920px; height: 1px; background: #000; position: absolute; left: 50%; top: 0; margin-left: -960px;}
.business02 .slick .slick-list{padding: 0 155px; margin: 0 -155px;}
.business02 .slick .slick-slide{display: block; width: 777px; height: 506px; margin: 0 22px; object-fit: cover;}

.business_bx{display: grid; gap: 38px 46px; grid-template-columns: repeat(2 ,1fr); padding-top: 62px;}
.business_bx .business_item{background: #f5f5f5; min-height: 264px; border-radius: 10px; padding: 24px 57px 16px; display: flex; flex-direction: column; justify-content: flex-start;}
.business_bx .business_item > div{display: flex; gap: 18px; align-items: center;}
.business_bx .business_item > div em{color: #ff8400; margin-top: -10px;}

@media (max-width:1440px) {
  .business02 .slick .slick-list{padding: 0; margin: 0 -380px;}
  .business02 .slick .slick-slide{width: 600px; height: 400px;}
}

@media (max-width:1024px) {
  .business02{margin-top: 42px; padding: 30px 0;}
  .business02 > div h3{font-size: 26px; gap: 15px;}
  .business02 > div h3 img{width: 25px;}
  .business02 > div span{padding-left: 20px; font-size: 15px;}
  .business02 > p{font-size: 16px; padding-top: 20px;}

  .business02 .slick .slick-list{padding: 0; margin: 0 -400px;}
  .business02 .slick .slick-slide{width: 500px; height: 300px;}

  .business_bx{padding-top: 32px; gap: 25px;}
  .business_bx .business_item{padding: 25px; min-height: 100%;}
  .business_bx .business_item > div em{font-size: 13px;}
}

@media (max-width:770px) {
  .business02{margin-top: 32px;  padding: 20px 0;}
  .business02 > div{gap: 20px;}
  .business02 > div h3{font-size: 18px; gap: 10px;}
  .business02 > div h3 img{width: 20px;}
  .business02 > div span{font-size: 12px; padding-left: 10px;}
  .business02 > div span::before{top: 7px; width: 5px; height: 5px;}
  .business02 > p{font-size: 14px; padding-top: 10px;}
  .business02 > p br{display: none;}

  .business02 .slick{margin-top: 35px; padding-top: 35px;}
  .business02 .slick .slick-list{margin: 0 -20px; padding: 0;}
  .business02 .slick .slick-slide{width: 280px; height: 200px; margin: 0 10px;}

  .business_bx{grid-template-columns: 1fr; padding-top: 25px; gap: 15px;}
  .business_bx .business_item{padding: 20px;}
}

/* 층별안내 */
.floor_img img{display: block; max-width: 100%; border-radius: 40px;}
.floor_img img + img{margin-top: 52px;}
.floor_img img.flip-up{opacity: 0; transform: perspective(800px) rotateX(30deg) translateY(40px);}
.floor_img img.flip-up.active{animation: flipUp 0.9s ease-out forwards;}
.floor_img img.flip-up.delay{animation-delay: .5s;}

.floor_wrap{padding-top: 158px;}
.floor_wrap .regarder{position: relative; padding-top: 29px;}
.floor_wrap .regarder + .regarder{margin-top: 123px;}
.floor_wrap .regarder em{position: absolute; right: 0; top: -56px; font-weight: 800; color: #fff7e5; font-size: 47px;}
.floor_wrap .regarder::before{content: ''; width: 1920px; height: 294px; position: absolute; left: 50%; top: 0; z-index: -1; margin-left: -960px; background: #fff3d4;}
.floor_wrap .regarder strong{font-size: 36px; color: #333; font-weight: 700; padding-left: 97px; position: relative;}
.floor_wrap .regarder strong::before{content: ''; width: 70px; height: 1px; background: #333; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.floor_wrap .regarder .slick01,
.floor_wrap .regarder .slick02,
.floor_wrap .regarder .slick03{padding-top: 20px;}
.floor_wrap .regarder .slick01 .slick-list,
.floor_wrap .regarder .slick02 .slick-list,
.floor_wrap .regarder .slick03 .slick-list{padding: 0 200px 30px 200px; margin: 0 -200px;}
.floor_wrap .regarder .slick01 .slick-slide,
.floor_wrap .regarder .slick02 .slick-slide,
.floor_wrap .regarder .slick03 .slick-slide{margin: 0 25px; width: 508px; height: 317px; box-shadow: 15px 15px 15px rgba(0, 0, 0, .2);}


@media (max-width:1440px) {
  .floor_wrap .regarder .slick01 .slick-slide,
  .floor_wrap .regarder .slick02 .slick-slide,
  .floor_wrap .regarder .slick03 .slick-slide{width: 400px; height: auto;}
}


@media (max-width:991px) {
  .floor_wrap{padding-top: 100px;}
  .floor_wrap .regarder{padding-top: 20px;}
  .floor_wrap .regarder::before{height: 180px;}
  .floor_wrap .regarder + .regarder{margin-top: 70px;}
  .floor_wrap .regarder em{font-size: 35px; top: -40px;}
  .floor_wrap .regarder strong{font-size: 28px;}
  .floor_wrap .regarder .slick01 .slick-slide,
  .floor_wrap .regarder .slick02 .slick-slide,
  .floor_wrap .regarder .slick03 .slick-slide{width: 280px; margin: 0 15px;}
  .floor_wrap .regarder .slick01 .slick-list,
  .floor_wrap .regarder .slick02 .slick-list,
  .floor_wrap .regarder .slick03 .slick-list{padding: 0 0 30px; margin: 0 -70px;}
}

@media (max-width:760px) {
  .floor_img img{border-radius: 20px;}
  .floor_wrap{padding-top: 60px;}
  .floor_wrap .regarder{padding-top: 15px;}
  .floor_wrap .regarder::before{height: 130px;}
  .floor_wrap .regarder + .regarder{margin-top: 50px;}
  .floor_wrap .regarder em{font-size: 30px; top: -35px;}
  .floor_wrap .regarder strong{font-size: 20px; padding-left: 30px;}
  .floor_wrap .regarder strong::before{width: 20px;}

  .floor_wrap .regarder .slick01,
  .floor_wrap .regarder .slick02,
  .floor_wrap .regarder .slick03{padding-top: 10px;}
  .floor_wrap .regarder .slick01 .slick-slide,
  .floor_wrap .regarder .slick02 .slick-slide,
  .floor_wrap .regarder .slick03 .slick-slide{width: 200px;}
  .floor_wrap .regarder .slick01 .slick-list,
  .floor_wrap .regarder .slick02 .slick-list,
  .floor_wrap .regarder .slick03 .slick-list{padding: 0 50px 30px !important; margin: 0 -70px;}
}

/* 입주안내 */
.living .recruitment{display: flex; gap: 59px; } 
.living .recruitment .box01,
.living .recruitment .box02{padding: 76px 0 75px; border-bottom: 1px dashed #cdcdcd; display: flex; align-items: center;}
.living .recruitment .box01{padding: 76px 52px 75px;}
.living .recruitment .box02{flex: 1; padding: 76px 69px 75px;}
.living .recruitment .box02 .process_bx{display: flex; width: 100%;}
.living .recruitment .box02 .process_bx > div{text-align: center; position: relative; margin-right: 113px;}
.living .recruitment .box02 .process_bx > div:last-child{margin-right: 0;}
.living .recruitment .box02 .process_bx > div::after{content: ''; background: url(/page/bomnae/images/sub/info_arrow.png)no-repeat; background-size: cover; width: 25px; height: 42px; 
position: absolute; right: -61px; top: 45px;}
.living .recruitment .box02 .process_bx > div:last-child::after{display: none;}
.living .recruitment .box02 .process_bx > div img{display: block; width: 134px;}
.living .recruitment .box02 .process_bx > div span{font-weight: 500; color: #444; padding-top: 10px; font-size: 18px; display: inline-block;}
.living .recruitment .box02 .item01{width: 100%;}
.living .recruitment .box02 .item01 span{font-size: 20px; color: #333; padding-bottom: 54px; display: inline-block;}
.living .recruitment .process{padding: 23px 69px 28px;}
.living .recruitment .box02 > span{font-size: 20px; color: #333;}
.living .recruitment .box01{white-space: nowrap;}
.living .recruitment .box01 em{font-size: 40px; font-weight: 600; color: #dedede;}
.living .recruitment .box01 strong{font-size: 40px; font-weight: 600; color: #333; padding-left: 26px;}
.living .recruitment:first-child .box01,
.living .recruitment:first-child .box02{border-top: 3px solid #000;}
.living .recruitment:last-child .box01,
.living .recruitment:last-child .box02{border-bottom: 3px solid #000;}
.living .item01 .skinTb > tbody > tr > td{color: #777 !important;}
.living .item01 .skinTb > tbody > tr > td:first-child{color: #000 !important;}

@media (max-width:1440px) {
  .living .recruitment .box02 .process_bx{flex-wrap: wrap; gap: 40px 0;}
  .living .recruitment .box02 .process_bx > div{margin-right: 100px;}
  .living .recruitment .box02 .process_bx > div img{width: 120px;}
}

@media (max-width:991px) {
  .living .recruitment{gap: 30px;}
  .living .recruitment .box01{padding: 30px;}
  .living .recruitment .box01 em,
  .living .recruitment .box01 strong{font-size: 22px; padding-left: 10px;}
  .living .recruitment .box02{padding: 30px;}
  .living .recruitment .box02 > span{font-size: 16px;}
  .living .recruitment .box02 .process_bx > div{margin-right: 84px;}
  .living .recruitment .box02 .process_bx > div::after{top: 20px; width: 20px; height: 36px; right: -50px;}
  .living .recruitment .box02 .process_bx > div img{width: 80px; margin: 0 auto;}
  .living .recruitment .box02 .process_bx > div span{font-size: 14px;}
  .living .recruitment .box02 .item01 span{font-size: 16px; padding-bottom: 30px;}
}

@media (max-width:760px) {
  .living .recruitment{flex-direction: column; gap: 0;}
  .living .recruitment:first-child .box02{border-top: none; border-bottom: 3px solid #000;}
  .living .recruitment .box01,
  .living .recruitment .box02{padding: 15px;}
  .living .recruitment .box01 em, 
  .living .recruitment .box01 strong{font-size: 18px;}
  .living .recruitment .box02{border-bottom: 3px solid #000;}
  .living .recruitment .box02 > span{font-size: 13px;}
  .living .recruitment .box02 .process_bx > div{margin-right: 0; flex: 1 50%;}
  .living .recruitment .box02 .process_bx > div::after{right: -9px;}
  .living .recruitment .box02 .process_bx > div:last-child{flex: 0 50%;}
  .living .recruitment .box02 .process_bx > div:nth-child(2n)::after{display: none;}
  .living .recruitment:last-child .box01{border-bottom: 1px dashed #cdcdcd;}
  .living .recruitment .box02 .item01 span{font-size: 14px;}
  
}

@keyframes flipUp {
    0% {
        opacity: 0;
        transform: perspective(800px) rotateX(30deg) translateY(40px);
    }
    60% {
        opacity: 1;
        transform: perspective(800px) rotateX(-5deg) translateY(-5px);
    }
    100% {
        opacity: 1;
        transform: perspective(800px) rotateX(0deg) translateY(0);
    }
}

/* 기업활동 */
.boGallery{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 44px;}
.boGallery .thumbnail .centered{width: 365px; height: 365px;}
.boGallery >li:nth-child(n){width: auto; margin: 0;}
.boGallery.photo .boGallery-sbj{font-size: 18px; font-weight: 500; padding: 13px 15px 0px;  -webkit-line-clamp: 3;}
.boGallery.photo time{padding: 0 15px 7px;}
.boGallery.photo .boGallery-sbj em{font-size: 16px; font-weight: 400; color: #7f7f7f;}
.boGallery.photo .boGallery-sbj span{display: block; padding-top: 10px; height: 6.3rem;}

@media (max-width:1440px) {
  .boGallery .thumbnail .centered{width: 100%; height: 250px;}
  .boGallery.photo .boGallery-sbj{height: auto; width: 100%;}
  .boGallery.photo .boGallery-sbj span{padding-top: 5px; height: auto;}
}

@media (max-width:991px) {
  .boGallery{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
  .boGallery.photo .boGallery-sbj{text-overflow: ellipsis; overflow: hidden; }
  .boGallery.photo .boGallery-sbj span{font-size: 16px;}
  .boGallery.photo .boGallery-sbj em{font-size: 14px;}
}

@media (max-width:760px) {
   .boGallery{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
   .boGallery .thumbnail .centered{width: 100%; height: 150px}
   .boGallery.photo .boGallery-sbj{width: 100%; font-size: 14px;}
   .boGallery.photo .boGallery-sbj span{font-size: 15px;}
    .boGallery.photo .boGallery-sbj em{font-size: 13px;}
    .boSrchArea form{flex-wrap: wrap; width: 100%;} 
    .boSrch .skinIptTxt{width: 100% !important;  flex: 1 100%;  max-width: initial;}
}

/* 비전 */
.vision_wrap{background: #f2f2f2; border-radius: 10px; padding: 149px 196px 84px;}
.vision_wrap .mission{position: relative; background: #fff; border-radius: 113px; max-width: 1100px; margin: 0 auto; text-align: center; padding: 88px 0 45px; box-shadow: 2px 1px 6px rgb(0, 0, 0, .1);}
.vision_wrap .mission-tit{background: #ffe246; width: 633px; height: 99px; border-radius: 54px 0; display: flex; align-items: center; justify-content: center; position: absolute; top: -47px; left: 50%; transform: translateX(-50%);}
.vision_wrap .mission-tit em{font-size: 18px; font-weight: 500; border-radius: 20px; color: #fff; width: 132px; height: 38px; background: #000; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; color: #ffe246; position: absolute; top: -18px; left: 50%; transform: translateX(-50%);}
.vision_wrap .mission-tit span{font-size: 30px; font-weight: 500;}
.vision_wrap .mission-tit span strong{font-weight: 700;}
.vision_wrap .mission p{font-size: 18px; line-height: 1.8;}

.vistion{position: relative; z-index: 1; margin-top: 132px;}
.vistion::before{content: ''; background: url(/page/bomnae/images/sub/vision_bg.png)no-repeat; background-size: cover; width: 1029px; height: 354px; position: absolute; left: 50%; top: -97px; z-index: -1; transform: translateX(-50%);}
.vistion::after{content: ''; background: url(/page/bomnae/images/sub/vision_arrow.png)no-repeat; width: 46px; height: 20px;
position: absolute; left: 50%; top: -52px; transform: translateX(-50%); background-size: cover;}
.vistion .vistion-tit{background: #ffe246; width: 633px; height: 99px; margin: 0 auto; border-radius: 54px 0; display: flex; align-items: center; justify-content: center;}
.vistion .vistion-tit span{font-size: 30px; font-weight: 500;}
.vistion .vistion-tit span strong{font-weight: 700;}
.vistion .vistion-tit em{font-size: 18px; font-weight: 500; border-radius: 20px; color: #fff; width: 132px; height: 38px; background: #000; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; color: #fff; position: absolute; top: -18px; left: 50%; transform: translateX(-50%);}
.vistion p{text-align: center; font-weight: 300; font-size: 18px; padding-top: 30px;}
.vistion .vistion-box{display: flex;  margin-top: 27px; padding: 30px 10px; border-radius: 150px; display: flex; justify-content: center; border: 8px solid #cfcfcf;}
.vistion .vistion-box > div{flex: 1; display: flex; justify-content: center;}
.vistion .vistion-box > div:nth-child(2){position: relative;}
.vistion .vistion-box > div:nth-child(2)::before{content: ''; width: 2px; height: 49px; background: #dfdfdf; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.vistion .vistion-box > div:nth-child(2)::after{content: ''; width: 2px; height: 49px; background: #dfdfdf; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.vistion .vistion-box > div img{width: 220px;}

@media (max-width:1440px) {
  .vision_wrap{padding: 149px 50px 84px;}
  .vistion .vistion-box{padding: 30px 60px;}

}

@media (max-width:991px) {
  .vision_wrap{padding: 120px 30px 84px;}
  .vision_wrap .mission-tit,
  .vistion .vistion-tit{height: 80px; width: 400px;}
  .vision_wrap .mission-tit span,
  .vistion .vistion-tit span{font-size: 25px;}
  .vision_wrap .mission-tit em,
  .vistion .vistion-tit em{font-size: 16px; height: 30px;}
  .vision_wrap .mission{padding: 68px 40px 30px;}
  .vistion p{font-size: 16px;}
  .vision_wrap .mission p br{display: none;}
  .vistion .vistion-box{padding: 20px 50px; border: 6px solid #cfcfcf;}
  .vistion .vistion-box > div img{width: 150px;}
}

@media (max-width:760px) {
  .vision_wrap{padding: 100px 30px 44px;}
  .vision_wrap .mission-tit, .vistion .vistion-tit{width: 230px; height: 60px; border-radius: 30px 0; top: -38px;}
  .vision_wrap .mission-tit span, .vistion .vistion-tit span{font-size: 16px;}
  .vision_wrap .mission-tit em, .vistion .vistion-tit em{font-size: 15px; width: 100px;}
  .vision_wrap .mission{border-radius: 20px; padding: 38px 20px 20px;}
  .vision_wrap .mission p{font-size: 14px; word-break: keep-all;}

  .vistion::before{width: 100%; height: 109px;}
  .vistion p{font-size: 14px; padding-top: 20px;}
  .vistion p br{display: none;}
  .vistion .vistion-box{flex-direction: column; border-radius: 80px; gap: 40px;  padding: 20px 30px;}
  .vistion .vistion-box > div img{width: 200px}
  .vistion .vistion-box > div:nth-child(2){padding: 40px 0;}
  .vistion .vistion-box > div:nth-child(2)::before{transform: translate(-50%,-50%)rotate(90deg); left: 50%; top: 0;}
  .vistion .vistion-box > div:nth-child(2)::after{transform: translateX(-50%)rotate(90deg); left: 50%; right: auto;; top: auto; bottom: -24px;}
}

@media (max-width:360px) {
  .vistion::before{height: 90px;}
  .vistion .vistion-box > div img{width: 150px}
}

/* 포토갤러리 */
.boGallery.photo.v2 > li a{position: relative;}
.boGallery.photo.v2 > li a em{position: absolute; right: 16px; top: 16px; z-index: 1; display: flex; width: 76px; height: 76px;  box-shadow: 1px 1px 8px rgb(0, 0, 0, .3); background: #4b4b4b; justify-content: center; align-items: center; color: #fff; border-radius: 50%; font-weight: 500;}
.boGallery.photo.v2 > li a em.accepting{background: rgba(255, 161, 11, .97);}

@media (max-width:1440px) {
  .boGallery.photo.v2 > li a em{width: 60px; height: 60px; font-size: 14px; right: 5px; top: 5px;}
}

@media (max-width:760px) {
  .boGallery.photo.v2 > li a em{width: 50px; height: 50px; font-size: 12px;}
}

/* 신청확인 */
.skinTb-data-resList > tbody > tr > td .info span{position: relative}
.skinTb-data-resList > tbody > tr > td .info span:first-child{padding-right: 10px; margin-right: 5px;}
.skinTb-data-resList > tbody > tr > td .info span:first-child::before{content: '/'; position: absolute; right: 0; top: -2px;}
.skinTb-data-resList > tbody > tr > td .state{display: flex; gap: 5px; flex-direction: column; align-items: center;}
.skinTb-data-resList > tbody > tr > td .state a{width: 62px; height: 30px; font-size: 15px; border-radius: 4px; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.skinTb-data-resList > tbody > tr > td .state a.v1{background: #c81515; color: #fff;}

@media (max-width:760px) {
  .skinTb-data-resList > tbody > tr > td .state{flex-direction: row; align-items: center; gap: 10px;}
  .skinTb-data-resList > tbody > tr > td .state a{font-size: 14px;}
}