@charset "utf-8";


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

#sub .titLv{color: #000;font-weight:700;padding-top:5px;margin-bottom:1.5rem;word-break:keep-all;}
#sub .titLv:not(:first-child){margin-top:3.5rem}
#sub .titLv2 {display:flex;padding-left:0px;margin-bottom:5px;font-weight:600;word-break:keep-all;}
#sub .titLv2:before{position:relative;margin-right:6px;background: url("/page/contract/images/sub/sub_icon.png") -7px -41px / 142px 178px no-repeat;width: 22px;height: 28px;flex-shrink:0;left:auto;margin-top: -3px;display: none;}
#sub .titLv3 + .pgraph{padding-left:0px;}
#sub .titLv3{font-weight:600;padding-left:0px;display:flex;margin-bottom:5px;}
#sub .titLv3:before{position:relative;margin-right:6px;background:url("/page/contract/images/sub/sub_icon.png") -12px -83px / 142px 178px no-repeat;width:12px;height:12px;flex-shrink:0;left:auto;top:8px;display: none}
#sub .listLv{font-weight:400;margin-left:0px !important;}
#sub p.listLv, #sub div.listLv, #sub span.listLv, #sub .listLv > li, #sub .listLv > dt, #sub .listLv > dd{padding-left: 18px;padding-top:0.8rem;}
#sub p.listLv:before, #sub div.listLv:before, #sub span.listLv:before, #sub .listLv > li:before, #sub .listLv > dt:before{
    border-width: 1px 1px 0 0;
    top: 16px;
    left: 2px;
}
#sub p.listLv2, #sub div.listLv2, #sub span.listLv2, #sub .listLv2 > li, #sub .listLv2 > dt, #sub .listLv2 > dd{padding-left:15px;margin-bottom:5px;font-size:1.6rem;}
#sub p.listLv2:before, #sub div.listLv2:before, #sub span.listLv2:before, #sub .listLv2 > li:before, #sub .listLv2 > dt:before{top:11px;background: #333;left:2px;border-radius: 50%;width: 3px;height: 3px;}
#sub p.listLv3, #sub div.listLv3, #sub span.listLv3, #sub .listLv3 > li, #sub .listLv3 > dt{margin-bottom:5px;padding-left:15px;}
#sub p.listLv3:before, #sub div.listLv3:before, #sub span.listLv3:before, #sub .listLv3 > li:before, #sub .listLv3 > dt:before{top:11px;left:2px;background:rgb(0, 82, 155);}
#sub .listLv4{padding-left:0px;}
#sub p.listLv4, #sub div.listLv4, #sub span.listLv4, #sub .listLv4 > li, #sub .listLv4 > dt{margin-bottom:5px;padding-left:15px;}
#sub p.listLv4:before, #sub div.listLv4:before, #sub span.listLv4:before, #sub .listLv4 > li:before, #sub .listLv4 > dt:before{top:10px;left:3px;width:3px;height:3px;background:rgb(0, 82, 155);}
#sub .listLv > li > .listLv2, #sub .listLv2 > li > .listLv3, #sub .listLv3 > li > .listLv4{margin-top:10px;}
#sub .imptBox{border:0px;background:#f5f8fa;border-radius:15px;}
#sub .caution{display:flex;font-weight:400;font-size:15px;color:rgb(234, 53, 65);margin:5px 0px;word-break:keep-all;}
#sub .caution:before{content:'';background:url("/page/contract/images/sub/sub_icon.png") -8px -150px / 142px 178px no-repeat;width:20px;height:20px;margin:2px 5px 0px 0px;min-width:20px;}
#sub .caution.v2{color:rgb(77, 115, 185);}
#sub .caution.v2:before{background-position-x:-43px;}
#sub .caution.inline{display:inline-block;margin:0px 7px 0px 0px;}
#sub .caution.inline:before{display:inline-block;vertical-align:middle;margin-top:-2px}
#sub .contsBtn{border: 1px solid #000;color: #000;font-weight:400;}
#sub .skinBtnBo:before, #sub .contsBtn:before{display:none;}
#sub .skinBtnBo{border: 1px solid #303030;color:rgb(69, 69, 69);font-weight:400;}
#sub .skinBtnBo:hover, #sub .contsBtn:hover{background:#333;}

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

#sub .boSrchArea input[type="submit"], #sub .skinBtnBo.ctrlFile-btnFile{color:rgb(255, 255, 255);}
#sub .skinTb:before{border-top:2px solid #a7a7a7;}
#sub .skinTb{font-size:1.6rem;margin-top: 1rem;margin-bottom:1.5rem}
#sub .skinTb-wrapper .min{font-size:1.45rem !important;}
#sub .skinTb-th, #sub .skinTb > tr > th, #sub .skinTb > thead > tr > th, #sub .skinTb > tbody > tr > th, #sub .skinTb > tfoot > tr > th{font-weight:700;background-color:#f5f8fa;color: #333;border-bottom-color:#d8d8d8;}
#sub .skinTb > thead > tr > th{border-bottom-color:#a7a7a7;}
#sub .skinIptTxt, #sub .skinSelectBox, #sub .boSrchArea .boMeta, #sub .skinTb > tr > td, #sub .skinTb > thead > tr > td, #sub .skinTb > tbody > tr > td, #sub .skinTb > tfoot > tr > td, #sub .skinTb-td{font-weight:400;}
#sub .skinTb-sbj{font-weight:500 !important;}

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

#sub .ui-datepicker-trigger{margin-top: 5px;}

@media (max-width:1399px) {
  html{font-size:9.2px;}
  #sub p.listLv:before, #sub div.listLv:before, #sub span.listLv:before, #sub .listLv > li:before, #sub .listLv > dt:before{top: 15px;left: 5px;}
  #sub p.listLv2:before, #sub div.listLv2:before, #sub span.listLv2:before, #sub .listLv2 > li:before, #sub .listLv2 > dt:before{top:9px;left:0px;}
  #sub p.listLv3:before, #sub div.listLv3:before, #sub span.listLv3:before, #sub .listLv3 > li:before, #sub .listLv3 > dt:before{left:0px;}
  #sub p.listLv4:before, #sub div.listLv4:before, #sub span.listLv4:before, #sub .listLv4 > li:before, #sub .listLv4 > dt:before{left:0px;}
  #sub p.listLv2, #sub div.listLv2, #sub span.listLv2, #sub .listLv2 > li, #sub .listLv2 > dt, #sub .listLv2 > dd, #sub p.listLv3, #sub div.listLv3, #sub span.listLv3, #sub .listLv3 > li, #sub .listLv3 > dt, #sub p.listLv4, #sub div.listLv4, #sub span.listLv4, #sub .listLv4 > li, #sub .listLv4 > dt{padding-left:11px;font-size:1.6rem;}
  #sub .titLv2 {font-weight:500;}
  #sub .titLv3 {font-weight:500;}

  #sub .titLv2:before{margin-top:-4px;}
  #sub .titLv3:before{top:7px;}

  #sub .skinTb-th, #sub .skinTb > tr > th, #sub .skinTb > thead > tr > th, #sub .skinTb > tbody > tr > th, #sub .skinTb > tfoot > tr > th{font-weight:500;}
  #sub .skinTb td, #sub .skinTb th,
  #sub .skinTb td[colspan], #sub .skinTb th[colspan],
  #sub .skinTb{font-size:13px !important;}
  #sub .skinTb a{font-size:13px !important;display:inline-block;}
  #TRow-term{min-width:95px;}
  #text{font-size:13px !important}
}

@media (max-width:716px) {
  html{font-size:8.6px;}
  #sub .skinTb:before{border-top-width:2px;}
  #sub .titLv {margin-bottom:1.5rem;}
  #sub .titLv3:before{top:6px;margin-right:5px;}
  #sub .listLv2, #sub .listLv3, #sub .listLv4{margin-left:-10px;}
  #sub .listLv > li > .listLv2, #sub .listLv2 > li > .listLv3, #sub .listLv3 > li > .listLv4{margin-top:5px;}
  #sub .caution{font-size:14px;}
  #sub .caution:before{margin:1px 1px 0px 0px;transform:scale(0.9);transform-origin:0% 50%;}
  #sub .pgraph {padding-top:5px;}
  #sub .imptBox{margin:15px -15px;border-radius:0px;}

}


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

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


.ui-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:2000;display:flex;justify-content:center;align-items:center;}
.ui-modal .bx{background:#fff;border-radius:10px;padding:20px 20px 20px;box-shadow:3px 3px 10px 0px rgba(0,0,0,.3);max-width:300px;width:90%;display:flex;align-items:center;min-height:130px;position:relative;}
.ui-modal h2{font-weight:500;font-size:18px;line-height:1.4;margin-bottom:13px;text-align:center;word-break:keep-all;}
.ui-modal h2 + span{margin:-10px 0 12px;font-size:13px;display:block;text-align:center;color:#aaa;font-weight:300;word-break:keep-all;}
.ui-modal select{height:32px;line-height:32px;border:1px solid #bbb;padding-left:10px;flex:3;}
.ui-modal input[type="password"],
.ui-modal input[type="text"]{height:32px;line-height:32px;border:1px solid #bbb;padding-left:15px;flex:3;}
.ui-modal .ui-flex + .ui-flex{margin-top:5px;}
.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 input[type="submit"] + 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:1399px) {
  .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;}
}


#visual-bx{position:relative;overflow:hidden; margin-top: 100px;}
#visual-bx > img{display:block;position:absolute;left: 50%; margin-left: -960px; height: 389px;}
#visual-bx > div{position:relative;z-index:2;height:286px;display:flex;align-items:center; padding-top: 64px; flex-direction:column;}
#visual-bx > div h2{font-size:28px; font-family:"ONE-Mobile"; font-weight:700; letter-spacing:0px;}
#visual-bx .breadcrumb{display:flex;margin-top:3px;align-items:center;}
#visual-bx .breadcrumb a{display:flex;align-items:center;position:relative;font-weight:400;color:#000;}
#visual-bx .breadcrumb a:not(:first-child):before{content:'<';margin:0 7px;}
#visual-bx .breadcrumb a img{height:14px;margin-top:-1px}

#content{position:relative;padding: 0px 20px 50px;display:flex;margin-top:-100px;z-index:3;}

#side-menu{width:304px;flex-shrink:0;margin-top:-85px;position: relative;z-index: 15;}
#side-menu h2{display:flex;align-items:center; justify-content: center; width:100%;height:125px;padding:0 15px;word-break:keep-all;border-radius: 15px 35px 10px 10px;background:#4922c8;color:#fff;font-size:24px;}
#side-menu .depth-02{background:#fff;border-radius:10px;box-shadow:0px 0px 8px 0px rgb(0,0,0,.35);z-index:20;position:relative;}
#side-menu h3 a{display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 20px;height:60px;font-size:18px;font-weight:600;}
#side-menu h3.has-depth a:after{content:'';display:block;width:20px;height:11px;background:url(/page/contract/images/sub/depth_open.jpg) no-repeat 0 0 /cover;transition:all .2s;}
#side-menu h3.has-depth.active a:after{transform:rotate(180deg);}
#side-menu .depth-02 > li:not(:last-child) h3 a{border-bottom:1px solid #eeeff3;}
#side-menu .depth-03{background:#eeeff3;padding:13px 0;border-radius:0 0 10px 10px;display:none;}
#side-menu h4 a{display:flex;align-items:center;word-break:keep-all;height:28px;padding:0 15px 0 30px;font-size:16px;}
#side-menu h4 a:before{content:'·';margin-right:5px;font-size:17px;font-weight:700;}

.contsArea{position:relative;padding:50px 40px 0px 60px;z-index:initial;z-index:10;flex:1;}
.contsArea:before{content:'';display:block;background:#fff;top:0;right:0;left:-90px;bottom:0;position:absolute;z-index:-1;border-radius: 0px 10px 0 0;}

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

@media (max-width:1399px) {
  #visual-bx{margin-top: 74px;}
  #visual-bx > img{right:-30px;height:330px;top:-30px;filter:brightness(.9);}
  #visual-bx > div{height:290px;padding-bottom:50px;}
  #visual-bx > div h2{font-size:24px;}
  #visual-bx .breadcrumb a{font-size:14px;}
  #visual-bx .breadcrumb a:not(:first-child):before{margin:0 5px;}
  #visual-bx .breadcrumb a img{height:12px;margin-top:-1px}
  #content{padding: 0px 20px 40px;display:block;}
  #side-menu{display:none !important;}
  .contsArea{padding:35px 0px 0px 0px;}
  .contsArea:before{left:-70px;bottom:0;}
}

@media (max-width:716px) {
  #visual-bx > img{right:-120px;height:350px;top:-20px;}
  #visual-bx > div{height:250px;padding-bottom:0px;}
  #visual-bx > div h2{font-size:22px;}
  #visual-bx .breadcrumb a{font-size:12px;}
  #content{padding: 0px 15px 35px;margin-top:-60px;}
  .contsArea:before{left:-70px;bottom:0;}
}



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