#sub-page-content{margin-top: 263px; margin-bottom: 60px; display: flex;}
#content-bx{width: calc(100% - 280px); }

@media (max-width:1399px) {
  #sub-page-content{margin-top: 100px; display: block;}
  #content-bx{padding-left: 0; width: 100%; padding-top: 52px;}
}

@media (max-width:716px) {
  #sub-page-content{margin-top:80px;}
  #content-bx{padding-top: 1px;}
}
/* 비쥬얼 박스 */
#visual-tit{position: relative;}
#visual-tit .visual_text{font-size: 0; display: flex; justify-content: center;  border-bottom: 1px dashed #1e1d1e; padding: 67px 0 38px;}
#visual-tit .visual_text h2{font-weight: 700; font-size: 48px; color: #000;}


@media (max-width:990px) {
  #visual-tit .visual_text h2{font-size: 54px;}
}

@media (max-width:760px) {
  #visual-tit .visual_text{padding: 38px 0;}
  #visual-tit .visual_text h2{font-size: 28px;}
}

/* breadcrumb */
#breadcrumb{background: #fff;  position: relative; z-index: 20; margin-top: 138px; background: #2d2d2d;}
#breadcrumb .home{display:block; float: left; background:#4f55dc url(/page/mayor2024/images/sub/home.png) no-repeat 50% 50%; background-size: 15px 15px; width: 65px; height: 65px;  overflow:hidden;text-indent:-9999px;transition:all .15s;
position: relative;}
#breadcrumb .box{float:left; position:relative; width:247px; border-right:1px solid rgba(255,255,255 ,.2);}
#breadcrumb .box .open{display:block; padding:0 20px 0 15px; height:65px; line-height:65px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:500; transition:all .15s; z-index:5; color:#fff;}
#breadcrumb .box .open:after{content:''; display:block; position:absolute; right:19px; top:50%; transform: translateY(-50%); background: url(/page/mayor2024/images/sub/navi_plus.png) no-repeat; background-size: cover; width: 21px; height: 21px;}
#breadcrumb .box ul{position:absolute; top:65px; left:-1px; right:-1px; z-index: 20; background:#f9f9f9; transform:translateY(-20px); opacity:0; visibility:hidden; transition:all .2s; border:1px solid #ebebeb;}
#breadcrumb .box ul li{border: 1px solid #999; border-width: 0 1px 1px 1px;}
#breadcrumb .box ul a{position: relative; display:block;height:65px;line-height:65px;text-align:left;padding:0 22px 0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:18px; color:#2d2d2d; transition:all .1s;}
#breadcrumb .box ul a::after{content: ''; background: url(/page/mayor2024/images/sub/navi_plus2.png)no-repeat; width: 15px; height: 15px;
position: absolute; right: 22px; top: 50%; transform: translateY(-50%); background-size: cover;}
#breadcrumb .box ul a:hover{font-weight:600;}
#breadcrumb .box ul a:active{transform:scale(.95);}
#breadcrumb .box .open.active + ul{transform:translateY(0); opacity:1; visibility:visible;}

@media (max-width:1199px) {
    #breadcrumb .inner{padding: 0;}
    #breadcrumb .home{margin-top: 0; border: none; background-color: transparent; width: 48px;}
    #breadcrumb .box{width:auto;border-right:none;}
    #breadcrumb .box .open.active:after{transform: rotate(0deg) scale(.8); top: 50%;}
    #breadcrumb .box .open:after{width:8px; height:14px; position:absolute; right:auto; left:2px; top:50%; margin-top:-7px; background: url(/page/pc-peace/images/sub/sp_new.png)no-repeat -356px -113px; filter: brightness(0) invert(1);
    background-size:720px 400px; transform:scale(.8);}
    #breadcrumb .box ul{display:none !important;}
    #breadcrumb .box .open:after{}
  
} 


@media (max-width:911px) {
  #breadcrumb{margin-top: 80px;}
}

@media (max-width:760px) {
    #breadcrumb{left:0; right:0; margin-top: 80px;}
    #breadcrumb .home{height: 40px; width: 40px;}
    #breadcrumb .box .open{width: 80px; height: 40px;}
    #breadcrumb .box{max-width:20%;}
    #breadcrumb .box:last-of-type{max-width:50%;}
    #breadcrumb .box .open{padding:0 5px 0 20px;font-size:14px;line-height:42px;}
    #breadcrumb .box .open:after{left:4px;}
}

/* 사이드메뉴 */

#side-menu01{width: 280px;flex-shrink:0;margin: 0px 0 30px;position: relative;z-index: 15; margin-right: 42px;}
#side-menu01 .tlv-02{display:flex;align-items:center; flex-direction: column; width:100%;height: 143px;padding:0 15px;word-break:keep-all;background:url(/page/portal2024/images/sub/side_bg.png);color:#fff;font-size: 28px;justify-content: center;font-weight: 500;overflow: hidden;}
#side-menu01 .tlv-02 span{font-size: 14px; color: #fff; display: inline-block; padding-top: 8px;}
#side-menu01 .depth-02{background:#fff;z-index:20;position:relative;border: 1px solid #ddd;border-width: 1px 1px 0;}
#side-menu01 .tlv-03 a{display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 24px;height:55px;font-size: 18px;font-weight:600;}
#side-menu01 .tlv-03.has-depth a:after{content:'';display:block;width:15px;height:15px;background:url(/page/portal2024/images/sub/plus.png) no-repeat 0 0 /cover;transition:all .2s;}
#side-menu01 .tlv-03.has-depth.active a:after{background-image:url(/page/portal2024/images/sub/minus_w.png);width:15px;height:1px;}
#side-menu01 .depth-02 > li .tlv-03 a{border-bottom: 1px solid #ddd;}
#side-menu01 .depth-02 > li .tlv-03.active a{background: #233742; color: #fff;}
#side-menu01 .depth-03{background: #f3f3f3;padding: 13px 0;display:none;border-bottom: 1px solid #ccc;}
#side-menu01 .tlv-04 a{display:flex;align-items:center;word-break:keep-all;padding: 3px 15px 3px 25px;font-size: 17px;color: #555;}
#side-menu01 .tlv-04 a:before{content:''; width: 6px; height: 6px; background: #2d3548; border-radius: 50%; margin-right:8px;font-weight:700;}
#side-menu01 .tlv-04 a:hover{color: #8b39a1;}
#side-menu01 .tlv-04 a:hover span{text-decoration:underline; text-underline-position: under;}
#side-menu01 a[target=_blank]:after{content:'';margin-left:10px; background-size: cover; display:inline-block;width:17px;height:13px;background:url(/page/portal2024/images/sub/newpage.png)no-repeat; background-size: cover;}
#side-menu01 .tlv-04 a.active{color: #8b39a1; text-decoration: underline; text-underline-position: under;}
@media (max-width:1399px) {
  #side-menu01{display: none !important;}
}

/* 정보란 */

.infomation-bx {position: relative; z-index: 2; background: #fff; border: 2px solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(170deg,rgba(215,59,65,1) 20%, rgba(0,114,186,1) 55%, rgba(231,231,231,1) 0%);
  background-origin: border-box;
  background-clip: content-box, border-box;}
.infomation-bx > div{position: relative; padding: 27px 64px 27px 23px; z-index: 2; display: flex; align-items: center;}
.infomation-bx > div img{height: 130px;}
.infomation-bx > div p{font-size: 18px;  color: #313131; font-weight: 300; word-break: keep-all;}

@media (max-width:1199px) {
    .infomation-bx{width: 100%;}
    .skinBtnBo_box{margin-bottom: 80px;}
}

@media (max-width:991px) {
  .infomation-bx > div{padding: 25px 35px 25px 35px;}
  .infomation-bx > div p{font-size: 16px;}
}

@media (max-width:716px) {
  .infomation-bx > div{padding: 20px;}
  .infomation-bx > div img{display: none;}
  .infomation-bx > div p{font-size: 14px;}
}


/* contsBtn */
.titLv2 + .contsBtn {margin-top: 14px;}
.contsBtn {display: inline-block; padding-right: 0; box-sizing: border-box;overflow: hidden;height: 49px;margin: 0 10px 0 0;transition:all .1s;border: 1px solid #410099;background: transparent;font-size: 16px;border-radius:4px;line-height: 48px;font-weight:300;color:#1b1b1b;max-width:calc(100% - 10px);position:relative;}
.contsBtn > span {padding: 0 47px 0 20px;display:block;overflow:hidden;text-overflow: ellipsis;max-width:100%;white-space:nowrap;}
.contsBtn > a {display:block; width: auto; height: auto; font-size:0;background:transparent;text-decoration:none;position:absolute;top:1px;left:1px;bottom:1px;right:1px;}
.contsBtn.contsBtnSmall > span{padding: 0 47px 0 15px;}
.contsBtn > a:after{content:'';display:block;width:18px;height:18px; background: url(/page/pc-peace/images/sub/sp_dq.png) -372px -570px no-repeat; background-size:520px 1500px;position:absolute;top:50%;margin-top:-9px;right:16px;transition:all .3s;}
.contsBtn > a.contsBtn-download:after{background-position:-372px -570px;}
.contsBtn .contsBtn-download,
.contsBtn .contsBtn-more,
.contsBtn .contsBtn-move{background-image: none;}
.contsBtn > a.contsBtn-more:after{background-position:-412px -570px;width:17px;height:17px;right:18px;margin-top:-8px}
.contsBtn > a.contsBtn-move:after{background-position:-448px -568px;width:24px;height:22px;margin-top:-10px;right:14px;}
.contsBtn > a.contsBtn-play:after{background-position:-487px -566px;width:29px;height:24px;margin-top:-13px;right:8px;}
.contsBtn:active{transform:scale(.95);}
.contsBtn:hover, .contsBtn:focus{color:#fff;}
.contsBtn:hover > a.contsBtn-download:after{background-position:-372px -530px;}
.contsBtn:hover > a.contsBtn-more:after{background-position:-412px -531px;}
.contsBtn:hover > a.contsBtn-move:after{background-position:-448px -527px;}
.contsBtn:hover > a.contsBtn-play:after{background-position:-487px -527px;}
.contsBtn > a.contsBtn-download:focus:after{background-position:-372px -530px;}
.contsBtn > a.contsBtn-more:focus:after{background-position:-412px -531px;}
.contsBtn > a.contsBtn-move:focus:after{background-position:-448px -527px;}
.contsBtn > a.contsBtn-play:focus:after{background-position:-487px -527px;}
.contsBtn2 {float: right;box-sizing: border-box;overflow: hidden;height:30px;margin: 10px 10px 0 0;color:#1b1b1b;font-size: 14px;line-height:30px;}
.contsBtn2 > a {float: right;display: inline-block;width: 45px;height: 30px;text-decoration: none;}
.contsBtn2 .contsBtn-download2 {width:109px;height:30px;padding-left:12px;font-size:14px;color:#1b1b1b;background-image: url(../images/btn-contsBtn-download.png);}
.contsBtn2 .contsBtn-more2 {width:30px;background-image: url(../images/btn-contsBtn-more.png);}
.srchResult-btnContsGroup .contsBtn2:nth-child(n+2) {margin-right:-1px;}
.contsBtn:before{content:'';z-index:-1;position:absolute;bottom:0%;left:50%;background:#410099;width:410px;height:410px;margin-left:-200px;margin-bottom:-410px;transform-origin:50% 48%;border-radius:43%;transition-duration:1.5s;transition-property:margin-bottom;transition-timing-function:ease;}
.contsBtn:hover:before{
  margin-bottom: -310px;
  animation: rotate 2000ms infinite linear;
}
.ctrlFile-fileTxt{padding-left: 5px;}
.skinBtnBo{display: inline-block;text-align: center;font-weight:300;color:#1b1b1b;border-radius:5px;border:1px solid #111 !important;padding:0 20px;transition:all .1s;position:relative;overflow:hidden;height:34px !important;line-height:34px !important;z-index:5;}
.contsArea a:hover{ text-underline-position: under; color: #306cb5;}
.skinBtnBo:hover{text-decoration: none; color: #fff !important;}
.skinBtnBo-data-pos:link,
.skinBtnBo-data-pos:hover,
.skinBtnBo-data-pos:active,
.skinBtnBo-data-pos:visited,
.skinBtnBo-data-neg,
.skinBtnBo-data-neg:link,
.skinBtnBo-data-neg:hover,
.skinBtnBo-data-neg:active,
.skinBtnBo-data-neg:visited,
.skinBtnBo-data-color,
.skinBtnBo-data-color:link,
.skinBtnBo-data-color:hover,
.skinBtnBo-data-color:visited {border-width: 0;color: #000;}
.skinBtnBo-data-color,
.skinBtnBo-data-neg
{background: transparent;}
.ctrlFile-btnFile{background: #4d5360 !important;}
.skinBtnBo-data-pos{color: #fff; background: transparent;}
.boSrch-btnBo{background: #303030; border-radius: 0;}
.skinBtnBo.boMultiSrch-btnBo{height: 40px;line-height: 40px;color:#fff;background:#303030 !important;font-size:15px;font-weight:300;border-radius:0;width:60px !important;padding:0;text-align:center;}
.skinBtnBo:before{content:'';z-index:-1;position:absolute;bottom:0%;left:50%;background:#410099;width:210px;height:210px;margin-left:-105px;margin-bottom:-210px;transform-origin:50% 48%;border-radius:43%;transition-duration:1.5s;transition-property:margin-bottom;transition-timing-function:ease;}
.skinBtnBo:hover:before{
    margin-bottom: -120px;
    animation: rotate02 1000ms infinite linear;
  }
  
  @keyframes rotate02 {
    from { transform: rotate(0deg); }
    from { transform: rotate(360deg); }
  }
  .skinBtnBo-data-bg{background: transparent;}
  .skinTb-td{border-width: 0 1px 1px 0; padding: 8px 17px; color: #707070;} 
  .skinTb-tr >.skinTb-th:first-child,
  .skinTb-tr >.skinTb-td:first-child{border-width:0 1px 1px 1px;}
  .skinTb >.skinTb-tr{table-layout: fixed;}
  .boGalleryView {position: relative; width: 100%; margin: 25px auto 25px; border: 1px solid #b5b5b5;}
  .boGalleryView .boGalleryView-view li{height: 616px; background: #f1f1f1; position: relative;}
  .boGalleryView .boGalleryView-view li img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto !important;}
  .boGalleryView .boGalleryView-view ul.slick-dots li{height: auto; background: transparent; margin: 0 3px;}
  .boGalleryView-btnPrev{background-position: -404px -254px !important;}
  .boGalleryView-btnPrev,
  .boGalleryView-btnNext {display: block;position: absolute;left: 20px;top: 50%;z-index: 100;width: 50px;height: 50px;margin-top: -25px;background:url(/page/pc-peace/images/sub/sp_dq.png) -456px -255px no-repeat;background-size:520px 1500px;font-size: 0;}
  .boGalleryView-btnNext{left: auto;}
  .boGalleryView .slick-dots{width:100%;z-index:10;position:absolute;bottom:20px;left:0;text-align:center;}
  .boGalleryView .slick-dots button{font-size:0;width:15px;height:15px;background:#aaa;border:1px solid #fff;border-radius:50%;}
  .boGalleryView .slick-dots .slick-active button{background:#000;}

  @media screen and (max-width: 1199px){
    .boMultiSrch-group{display: flex;}
  }
  @media screen and (max-width: 991px){
    .boMultiSrch-group .boMultiSrch-selectBox{margin-bottom: 0;}
  }

  @media screen and (max-width: 760px){
    .boMultiSrch-group{flex-direction: column;}
    .skinBtnBo.boMultiSrch-btnBo{width: 100% !important;}
    .skinTb-td{color: #010101;}
	.boGalleryView {margin: 15px auto 15px;width:100%;}
    .boGalleryView-btnPrev{background-position: -404px -254px !important;}
	.boGalleryView .boGalleryView-view li{height:250px;}
	.boGalleryView .slick-dots{bottom:10px;}
	.boGalleryView .slick-dots button{width:12px;height:12px;}
    .boSrch-selectBox{width: 100%; margin-right: 0; margin-bottom: 5px; text-align: left;}
    .boSrch-iptTxt{width: calc(100% - 65px); margin-right: 5px;}
    .skinBtnBo.boSrch-btnBo{width: 100%; margin-top: 0; height: 34px; line-height: 32px; padding: 0 16px; margin-top: 5px;}
}

@media screen and (max-width: 639px){
	.boGalleryView-btnPrev{left:0px;width:38px;height:38px;margin-top:-19px;background-position:-311px -196px !important;background-size:400px 1154px;}
	.boGalleryView-btnNext{right:0px;width:38px;height:38px;margin-top:-19px;background-position:-352px -196px;background-size:400px 1154px;}
}

.v2 .boMultiSrch{display:flex;align-items:center;}
.v2 .boMultiSrch select{width:120px !important;}
.v2 .boMultiSrch .boMultiSrch-group{display:flex;margin-right:0;}
.v2 .boMultiSrch .boMultiSrch-group:first-of-type{width:120px;margin-left:10px;}

@media (max-width:1399px) {
  .v2 .boMultiSrch{display:flex;flex-direction:column;}
  .v2 .boMultiSrch .boMultiSrch-group{flex-wrap:wrap;width:100%}
  .v2 .boMultiSrch .boMultiSrch-group + .boMultiSrch-group{margin-top:5px;}
  .v2 .boMultiSrch input[type=submit],
  .v2 .boMultiSrch input[type=text]{width:100% !important;margin-right:0 !important;margin-bottom: 5px !important;}
  .v2 .boMultiSrch select{width:100% !important;margin-right:0 !important;margin-bottom: 5px !important;}
  .v2 .boMultiSrch .boMultiSrch-group:first-of-type{margin-left:0px;margin-bottom: -5px;width: 100%;}
}





/* img-modal zoom */

.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: 9px 0px 25px; 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) {
  .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%); }
}

/* subcontainer conts */
#content-bx .subcontainer_conts{float:left;width:calc(100% - 210px);margin-left:-1px;border-left:1px solid #e2e2e2;}
#content-bx .subcontainer_tit{display: flex;justify-content: space-between;padding:20px 0 16px 0;border-bottom:1px solid #d3d3d3;}
#content-bx .subcontainer_tit span{align-self: flex-end;}
#content-bx .subcontainer_tit span .blog::before{content: '';display: inline-flex;background: url(/page/portal2024/images/sub/ico-blog.png);width: 28px;height: 26px;background-size: cover;position: relative;top: 6px;margin-right: 5px;}
#content-bx .subcontainer_tit span .youtube::before{content: '';display: inline-flex;background: url(/page/portal2024/images/sub/ico-youtube.png);width: 30px;height: 21px;background-size: cover;position: relative;top: 3px;margin-right: 5px;}
#content-bx .subcontainer_tit span a:hover {animation: Rainbow 10s infinite;}
@keyframes Rainbow {
  0% {color: #e74c3c;}
  20% {color: #e67e22;}
  35% {color: #f1c40f;}
  50% {color: #27ae60;}
  65% {color: #3498db;}
  85% {color: #8e44ad;}
  100% {color: #34495e;}
}
#content-bx .subcontainer_tit .tit{font-size:36px;color:#111;letter-spacing:-1px}
#content-bx .sub_view_location_area{position:relative;padding:10px 100px 10px 0;margin-bottom:33px;border-bottom:1px solid #d3d3d3}

#content-bx .sub_view_location{display:block;}
#content-bx .sub_view_location li{display:inline-block;}
#content-bx .sub_view_location li + li{padding-left: 20px;}
#content-bx .sub_view_location li a{display:inline-block;font-size:16px;color:#787878;font-weight:400; position: relative;text-decoration: underline;}
#content-bx .sub_view_location li a::after{content: ''; background: url(/page/portal2024/images/sub/arrow.png)no-repeat; width: 7px; height: 10px; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); background-size: cover;}
#content-bx .sub_view_location li:last-child a::after{display: none;}
#content-bx .sub_view_location li a img{vertical-align:0;}
#content-bx .sub_view_location li:first-child:before{display:none}
#content-bx .sub_view_location li:last-child a{color:#121212;}
#content-bx .sub_view_location .separator{color:#8f8f8f}

#content-bx .sub_view_location_area .btn{position:absolute;top:6px;right:0}
#content-bx .sub_view_location_area .btn a{display:inline-block;overflow:hidden;margin-right:3px;width:34px;height:34px;line-height:34px;background: url(/page/portal2024/images/sub/css_sprites.png) no-repeat;  border-radius: 50%;}
#content-bx .sub_view_location_area .btn .btn_print{background-position:-10px -63px;}
#content-bx .sub_view_location_area .btn .btn_sharing{background-position:-10px -10px}
#content-bx .sub_view_location_area .btn .btn_link{background-position:-65px -10px}

@media (max-width: 716px) {
  #content-bx .subcontainer_tit .tit{font-size: 30px;}
  #content-bx .sub_view_location_area{display: flex; flex-direction: column; padding: 10px 10px 60px 0;}
  #content-bx .sub_view_location_area .btn{right: auto; left: 0; top:50px;}
  #content-bx .sub_view_location li a{font-size: 13px;}
}


#sub-page-content .pageTab{margin:35px 0 25px; display: flex; flex-wrap: wrap;}
#sub-page-content .pageTab >li{margin:0; height: 60px !important;}
#sub-page-content .pageTab >li.active {background: #8b39a1;}
#sub-page-content .pageTab >li a{height:60px; display: flex; align-items: center;}
#sub-page-content .pageTab >li.active a{text-decoration: underline;}
.pageTab-tab:after{top: 18px;}



@media (max-width: 1199px){
	#sub-page-content .pageTab{margin:25px 0 20px;}
  #sub-page-content .pageTab >li{height: 56px !important;}
  #sub-page-content .pageTab >li + li{float: none;}
	#sub-page-content .pageTab > li a{height:48px;font-size:13px; line-height: 33px;}
  .pageTab-tab:after{top: 13px;}
  #sub-page-content .pageTab > li:last-child{border-width: 1px;}
  .pageTab >li:nth-child(3n+2){border-left: 1px solid #dfdfdf;}
}

@media (max-width: 716px){
	#sub-page-content .pageTab{padding-bottom:70px !important;height: 42px !important;margin:15px 0 0; position: relative; z-index: 100;}
	#sub-page-content .pageTab.has{height:90px !important;}
	#sub-page-content .pageTab > li {width:100% !important;margin-right:0px;border:0;display:none;float:none;}
	#sub-page-content .pageTab.on > li{display:block;}
	#sub-page-content .pageTab > li.active{position:absolute;top:0; left:0; right:0; border-bottom:0; z-index:100; display:block;}
  #sub-page-content .pageTab >li + li{margin:0px !important}
  #sub-page-content .pageTab > li a{height: 56px; line-height: 27px;}
  #sub-page-content .pageTab.on > li.active {position: relative; z-index: 100;}
  #sub-page-content .pageTab > li.active > a:after{content:'';display:block;width:7px;height:7px;border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(135deg);position:absolute;right:15px !important;top:50%;margin-top:-6px;transition:all .05s;}
	#sub-page-content .pageTab.on > li.active > a:after{margin-top:-2px;transform:rotate(-45deg);}
	#sub-page-content .pageTab{display:block;}
	#sub-page-content .pageTab > li{background:#f1f1f1;border-width:0 1px;}
	#sub-page-content .pageTab > li:last-of-type{border-bottom:1px solid #ccc;}
	#sub-page-content .pageTab > li a{font-size: 13px;}
}





/* 공통게시판 */
.icoSecret{width: 12px;}
img[src*="ico-comment"]{width: 16px;}
.txa_right{text-align: right;}
.skinTb td > img{display: inline-block; margin: 2px 0 0;}
.hide-on-large{display: none !important;}
.icoNew, .icoSecret, .icoComment{vertical-align: -1px;}




/* 서브 컨텐츠 */
.pageTab >li.active{background: #8b39a1;}
#sub .titLv:not(:first-child){margin-top: 2rem;}
.skinTb .skinIptRadio + label{margin-right: 10px;}
.boSrch-selectBox{width: 15%;}
.boSrch-iptTxt{width: calc(100% - 15% - 100px);}
.skinTb{margin-bottom: 0;}
.boGallery{padding-top: 22px;}
.skinTb-conts img,
.boGallery-img img{width: auto;}
.boSrchArea .boMeta{padding-top: 3px; margin-bottom: 0;}
.skinTb-data-resWrite{margin-top: 22px;}
.skinSelectBox,
.skinIptTxt{height:34px;line-height:34px;border:1px solid #c2c2c2;font-size:14px;color:#535353;font-weight:300;padding:0 0 0 10px;}
.skinSelectBox{text-align: left;}
.skinBtnBo + .skinBtnBo{margin-left: 10px;}
.skinTb + .skinTb:before{border-top: 1px solid #070707;}
.skinBtnDel{width: 15px; height: 15px; font-size: 0; background: url(/page/common/images/i_close.png) 50% 50%; 
background-size: cover; vertical-align: 6px; margin-left: 3px; position: relative;}
.design_btn{text-align: center; margin-top: 20px;}
.listLv > li .design_btn{text-align: left;}
.design_btn a{padding: 0 30px; height: 55px; text-align: center; line-height: 55px; display: inline-block; font-size: 18px; border: 1px solid #080808; border-radius: 30px;}
.design_btn a + a{margin-left: 14px;}
.design_btn .v2{background: #000; color: #fff;}
.skinTb textarea{border:1px solid #c1c1c1; width: 100%; padding: 10px;font-weight: 300;}
.skinTb >tbody td:last-child{border-right: 1px solid #ddd!important;}
.skinTb-th,
.skinTb >tr >th,
.skinTb >thead >tr >th,
.skinTb >tbody >tr >th,
.skinTb >tfoot >tr >th {font-weight: 500;background-color: #f7f7f7;}
.skinTb-tr >.skinTb-th:first-child,
.skinTb-tr >.skinTb-td:first-child,
.skinTb >tr >td:first-child,
.skinTb >tr >th:first-child,
.skinTb >thead >tr >th:first-child,
.skinTb >thead >tr >td:first-child,
.skinTb >tbody >tr >th:first-child,
.skinTb >tbody >tr >td:first-child,
.skinTb >tfoot >tr >th:first-child,
.skinTb >tfoot >tr >td:first-child {border-left-width: 1px;}
input[type=text]:focus::placeholder{color: transparent;}
.skinContainer{padding: 0;}
.boSrchArea{background: #f7f7f7; padding: 10px;}
.boSrchArea .boSrch{ display: flex; flex: 1;}
.boMultiSrch{display: flex; justify-content: flex-end; flex: 1;}
.boMultiSrch-group{display: flex;}
.skinTb .skinTb-conts::after{display: none;}
.skinTb .skinTb-conts{width: auto;}
.skinTb .skinTb-conts img{max-width: 100%;}
.skinTb-th{border-width: 0 1px 1px 1px;}
.contsUtil{display: none;} 
.listLv a{text-decoration: none;}
.contsBtn .contsBtn-play{background-image: none;}
#sub .titLv{font-weight: 700;font-size: 22px; margin-bottom: 10px; color: #111; padding-left: 47px;}
#sub .titLv::before{content: ''; display: block; background: url(/page/portal2024/images/sub/blit1.png); width: 38px; height: 26px; background-size: cover; position: absolute; left: 0; top: 2px;}
#sub .titLv2{font-weight: 600; padding-left: 20px; font-size: 20px; color: #000; margin-top: 13px; margin-bottom: 10px;}
#sub .titLv2::before{content: '';display: block; background: url(/page/portal2024/images/sub/blit2.png); width: 14px; height: 18px; background-size: cover; position: absolute; left: 0; top: 6px;}
#sub .titLv3{padding-left: 25px; margin-top: 8px; font-size: 18px; font-weight: 500; color: #222; position: relative;}
#sub .titLv3::before{content: '';display: block; background: url(/page/portal2024/images/sub/blit3.png); width: 5px; height: 9px; background-size: cover; position: absolute; left: 12px; top: 10px;}
.titLv2 +
.titLv2 + .pgraph{padding-left: 21px}
.titLv3 + .pgraph{padding-left: 0; color: #454545;}
.listLv{margin-left: 2px;}
.listLv >li{padding-top: 3px; padding-left: 28px; font-size: 17px; font-weight: 400; color: #555; word-break: break-all;line-height: 1.6;}
.listLv >li::before{content: ''; position: absolute; top: 10px !important; left: 15px; display: block; background: url(/page/portal2024/images/sub/blit4.png) no-repeat;
width: 5px; height: 7px; background-size: cover; border: none; transform: rotate(0deg);}
.titLv2 a{text-decoration: none;}
.listLv > li + .listLv3 > li{margin-top: 52px;}
.listLv >li > .listLv2{margin-top: 6px}
.listLv + .titLv2{margin-top: 25px !important;}
.titLv3 + .titLv2{margin-top: 20px !important;}
.listLv2 >li{font-size: 16px; color: #777; font-weight: 400; padding-left: 11px; margin-bottom: 1px; position: relative;}
.listLv2 >li::before{position: absolute;top: 9px;left: 0;content: '';display: block;background: url(/page/common/images/sp_content.png) -106px 0;line-height: 0;width:4px;height:4px;}
.listLv3{padding-top: 6px;}
.listLv3 >li{color: #777; font-weight: 400; padding-left: 16px;  font-family: 'Noto Sans KR'; margin-bottom: 1px; font-size: 15px; word-break: keep-all;}
.listLv3.v2 >li{color: #363636; font-weight: 400; padding-left: 15px; margin-bottom: 11px; font-size: 18px; word-break: keep-all;}
.listLv3 >li::before{content: '';position: absolute;top: 12px;left: 0;display: block;background: #363636;width: 7px;height: 1px;background-size: cover;}
.listLv2 >li em,
.listLv3 >li em{display: inline-block; color: #c80505; padding: 0 5px; background: #efb91a; border-radius: 2px;}
.listLv3 >li > .listLv4{margin-top: 8px;}
.listLv4{padding-left: 0;}
.listLv4 >li{color: #666; font-size: 15px; font-weight: 300; padding-left: 14px; margin-bottom: 2px;}
.listLv4 >li::before{content: ''; display: block; position: absolute; top: 12px; left: 0;  background: #363636; width: 7px; height: 1px;}
.pgraph{color: #555; padding-top: 0; margin-bottom: 51px; font-size: 18px; padding-left: 0;}
.pgraph.v2{margin-top: 3px; margin-bottom: 20px; padding-left: 36px;}
#sub .caution{display: flex; font-weight: 400; font-size: 16px; color: #ff0000; word-break: keep-all; margin-top: 5px;}
#sub .caution.v2{color: #3a64ca;}
#sub .contsBtn{border: 1px solid #111;}
.skinTb:before{border-top: 1px solid #070707;}
div.skinTb{border-top: none;}
.skinTb-th{color: #313131; font-size: 18px; font-weight: 600; padding: 12px 29px 12px 44px;}
.skinTb >thead >tr{border: 1px solid #ddd;}
.skinTb >thead >tr >th{color: #313131; background: #f7f7f7;  font-weight: 600; font-size: 18px;}
.skinTb >tbody >tr >th,
.skinTb >tbody >tr >td{color: #454545; font-size: 16px; padding: 10px 10px;}
.skinBtnBo_box{margin-top: 15px;}

.skinTb >tbody [rowspan],
.skinTb >tbody [rowspan] + th,
.skinTb >tbody [rowspan] + td{
  border-right:1px solid #ddd;
}
.contsBtn::before{background: #8b38a0;}
.contsBtn > span{padding:0 40px 0 23px;}
.skinTxa-left{margin-bottom: 13px; color: #313131;}
.contsBtnSmall{height: 34px; line-height: 34px;}
.contsBtnSmall.v2{margin-right: 0;}
.boGallery .thumbnail .centered img{min-width: 100%; min-height: 100%; object-fit: cover;}
.skinBtnBo::before{background: #111;}
.imptBox {margin: 20px 0 20px; padding:16px 40px; color: #707070; border: 1px solid #ddd; background:#f6f6f6;font-size: 16px; line-height: 1.6; word-break:keep-all; font-weight:300;}
.pager{padding: 20px 20px 0;}
.imgBox {padding: 30px 35px;border: 1px solid #c5c9d5;border-radius: 12px;width: 100%;overflow: hidden;}
.imgBox img{display: block; max-width: 100%; margin: 0 auto;}

@media (max-width:991px) {
  .pager{padding: 20px 20px 80px;}
  .skinTb-th{padding: 1rem; font-size: 16px; padding-bottom: 1rem !important;}
  #sub .skinTb-th{background-color: #f7f7f7;}
  .skinTb-data-resWrite >.skinTb-tr >.skinTb-td{border-left-width: 1px;}
  .pgraph{font-size: 15px;}
  .boSrchArea .boMeta.ctMeta{width: 21%;}
  .skinSelectBox{width: auto;}
  .boSrch-iptTxt { width: calc(100% - 15% - 129px);}
  .boMultiSrch-group:nth-child(1) .boMultiSrch-selectBox {width: calc(100% - 10px);}

}

@media (max-width:760px) {
  .boSrchArea .boSrch{flex-direction: column;}
  .skinTb textarea{font-size: 15px;}
  .skinSelectBox,
  .skinIptTxt{width: 100%;}
  .list .skinTb colgroup col{width: 100% !important;}
  .skinSelectBox{width: 100%;}
  .boSrch-selectBox{width: 100%;}
  .boSrch-iptTxt{width:100%}
  .boSrchArea .boMeta.ctMeta{width: 100%;}
  .boGallery{padding-top: 12px;}
  .skinTb-data-resWrite{margin-top: 12px;}
  .boSrchArea{margin-top: 25px; flex-direction: column;}
  .boMultiSrch{flex-direction: column;}
  .boMultiSrch-group:nth-child(1) .boMultiSrch-selectBox,
  .boMultiSrch-group:nth-child(2) .boMultiSrch-selectBox{width: 100%;}
  .boMultiSrch-group .boMultiSrch-selectBox{margin-top: 5px;}
  .design_btn a{padding: 0 15px; }
  .pager{padding: 20px 20px 60px;}
  .skinTb-th{padding: 10px;}
  .skinBtnBo + .skinBtnBo{margin-left: 9px;}
  .skinTb-data-resList >.skinTb-tr >.skinTb-name{flex: 1 50%;}
  .skinTb-data-resList >.skinTb-tr >.skinTb-sbj{flex: 1 100%;}
  .col2{width: 35%;}
  #sub .titLv{margin-bottom: 17px; font-size: 20px;}
  #sub .titLv::before{top: 2px;}
  #sub .titLv2{font-size: 18px;}
  #sub .titLv2::before{top: 5px;}
  #sub .titLv3{font-size: 16px;}
  #sub .titLv3::before{top: 8px;}
  .listLv >li{font-size: 15px;}
  .listLv >li::before{top: 8px !important;}
  .listLv2 >li{font-size: 15px;}
  .listLv3.v2 >li,
  .listLv3 >li{font-size: 15px; margin-top: 0.3rem;}
  .listLv3 >li::before{top: 9px; }
  .listLv4 >li::before{top: 7px;}
  #sub .caution{font-size: 14px;}
  .skinTxa-left{margin-bottom: 10px;}
  .contsBtnSmall.v2{height: 34px; line-height: 34px;}
  .imptBox{font-size: 15px;}
  .skinBtnBo + .skinBtnBo{margin-left: 1px;}
  .design_btn{display: flex;justify-content: center;margin-top: 25px !important;}
  .design_btn a{width: 100%;}
  .design_btn a > span{font-size: 14px;}
  .col3{width: 26%;}
  .pgraph{font-size: 14px; margin-bottom: 33px;}
  .skinTb >tbody >tr >th,
  .skinTb >tbody >tr >td{font-size: 13.5px !important;}
}  
@media (max-width:360px) {
  .col3{width: 29%;}
}
/* sub_가맹점찾기_가맹점검색 */
.fc_search{-webkit-border-radius:10px; border: 1px solid #ccc; border-radius: 10px; overflow: hidden;}
.fc_search table{width: 100%;}
.fc_search table >tbody >tr{width: 100%; position: relative;}
.fc_search table >tbody >tr::after{content:'';display:block;position:absolute;bottom:0;left:24px;right:27px;height:1px;background:#d8d8d8;}
.fc_search table >tbody >tr:last-child::after{display: none;}
.fc_search table >tbody >tr td:first-child{font-size: 16px; font-weight: 600; background: #f1f1f1; padding-left: 15px;}
.fc_search table >tbody >tr td label{margin-right: 25px;}
.fc_search table >tbody >tr td label:last-child{margin-right: 0;}
.boMultiSrch-iptTxt{width: 60% !important; margin: 0 10px;}
.fc_search table >tbody >tr td:nth-child(2){padding: 20px; margin: 10px 0 30px;}
.submit{margin-top: 30px;}

@media (max-width:1199px) {
  .fc_search table >tbody >tr td label{margin-right: 16px;}
  .fc_search table >tbody >tr td:first-child{white-space: nowrap; padding: 0 15px;}
}

@media (max-width:1024px) {
  .fc_search table >tbody >tr td label{margin-right: 5px;}
  .boMultiSrch-iptTxt{width: 83% !important;}
}

@media (max-width:991px) {
  .boMultiSrch-group .boMultiSrch-iptTxt,
  .boMultiSrch-group .boMultiSrch-btnBo{margin-bottom: 0; margin-right: 10px;}
  .boMultiSrch-iptTxt{width: 78% !important;}
  .fc_search table >tbody >tr td label{min-width: 119px;}
  .fc_search table >tbody >tr td:first-child{font-size: 15px; width: 140px;}
}

@media (max-width:768px) {
  .boMultiSrch-group:nth-child(n) .boMultiSrch-selectBox{margin-right: 0;}
  .boMultiSrch-iptTxt{width: 80%;}
  .fc_search table >tbody >tr td label{min-width: 115px; margin-right: 0;}
}

@media (max-width:760px) {
  .boMultiSrch-group .boMultiSrch-btnBo{margin-top: 5px;}
  .submit{margin-top: 20px;}
  .fc_search table >tbody >tr td select{width: 100%;}
  .fc_search table >tbody >tr::after {left: 0; right: auto; width: 100%;}
  .boMultiSrch-iptTxt{width: 100% !important; margin: 5px 0;}
  .fc_search table >tbody >tr td:first-child{font-size: 14px; width: 100px; padding-left: 8px;}
  .fc_search table >tbody >tr td label:nth-of-type(3n){margin-right: 0;}
  .fc_search table >tbody >tr td label{font-size: 11px; min-width: 70px; vertical-align: 3px;}
}

@media (max-width:500px) {
  .fc_search table >tbody >tr td label{min-width: 75px;}
}


@media (max-width:414px) {
  .fc_search table >tbody >tr td label{min-width: 96px;}
}

@media (max-width:412px) {
  .fc_search table >tbody >tr td label{min-width: 95px;}
}
@media (max-width:393px) {
  .fc_search table >tbody >tr td label{min-width: 90px;}
}

@media (max-width:390px) {
  .fc_search table >tbody >tr td label{min-width: 84px;}
}

@media (max-width:375px) {
  .fc_search table >tbody >tr td label{min-width: 77px;}
}

@media (max-width:360px) {
  .fc_search table >tbody >tr td:nth-child(2){padding: 7px;}
  .fc_search table >tbody >tr td label{min-width: 82px;}
}

.satisfaction{position:relative;margin:33px 0 0;border-width:1px;border-style:solid;border-color:#e5e5e5;font-size:14px;}
.satisfaction .chargewrapper{padding:13px 19px;border-width:0 0 1px 0;border-style:solid;border-color:#e5e5e5;background:#fff;color:#454545}
.satisfaction .chargewrapper ul{overflow:hidden;padding:3px 0;display:flex;}
.satisfaction .chargewrapper ul li{}
.satisfaction .chargewrapper ul li + li:before{content:'';display:inline-block;width:1px;height:10px;background-color:#454545;vertical-align:top;margin:5px 10px 5px}

.satisfaction .chargewrapper ul li img{vertical-align:middle}
.satisfaction .satisfaction_form{border-top:1px solid #e5e5e5;padding:0 18px 20px 19px;color:#454545;background-color:#f5f7f9}
.satisfaction .satisfaction_form .radio_area{overflow:hidden;margin:10px 0 0}
.satisfaction .satisfaction_form .question{margin:15px 0 0;color:#464646}
.satisfaction .satisfaction_form .radiowrapper .radio{float:left;margin:7px 17px 0 0}
.satisfaction .satisfaction_form .radiowrapper .radio input{vertical-align:middle}
.satisfaction .satisfaction_form .radiowrapper .btnwrapper{float:right}
.satisfaction .satisfaction_form .radiowrapper .btnwrapper input{float:left}
.satisfaction .satisfaction_form .radiowrapper .btnwrapper .btn_smit{height:30px;padding:0 10px;background:#006bb7;color:#fff;cursor:pointer}
.satisfaction .satisfaction_form .radiowrapper .btnwrapper .btn_cntnts{height:30px;padding:0 10px;background:#fff;color:#464646;border:1px solid #e5e5e5}
.satisfaction_result{margin:20px 0 0;border-width:1px;border-style:solid;border-color:#e5e5e5;background:#fff;font-size:13px;vertical-align:top;}
.satisfaction_result_inner{padding:10px}
.satisfaction_result_inner .result_box{overflow:hidden;width:100%;padding:13px 0;border-width:1px 0 0;border-style:dashed;border-color:#cacbcc}
.satisfaction_result_inner .result_box:first-child{border-width:0;padding:0 0 13px}
.satisfaction_result_inner .result_box .result_value{float:left;width:auto;padding-left:18px;background:url(../images/board/satisfactionresult-bullet.png) no-repeat left center;color:#4d4d4d;text-align:left}
.satisfaction_result_inner .result_box .result_date{float:right;width:auto;color:#777777;text-align:right}
.satisfaction_result_inner .result_box_lst{padding:13px 0 0}

.satisfaction .nuri_area{margin-top:-1px;padding:6px 0 5px 19px;border-top:1px solid #e5e5e5;background-color:#fff}
.satisfaction .nuri_area .nuri_img{display:inline-block;vertical-align:top}
.satisfaction .nuri_area p{display:inline-block;margin:8px 0 0 12px;font-size:14px;color:#464646;vertical-align:top}



@media screen and (max-width:1024px) {
  .subcontainer{border-left:0}
  .subcontainer .tit_n_lnb{display:none}
  .subcontainer .subcontainer_conts{width:100%;}
	.subcontainer .subcontainer_conts .sub_view_location_area{padding:10px 0;}
	.subcontainer .subcontainer_conts .sub_view_location_area .btn{position:relative;top:0;margin-top:5px;vertical-align:top;}
	.subcontainer .subcontainer_conts .sub_view_location_area .btn .btn_print{display:none}
}

@media screen and (max-width:640px) {
    .satisfaction .nuri_area p{margin-left:0}
    .satisfaction .satisfaction_form .radiowrapper .btnwrapper{overflow:hidden;width:100%;margin-top:10px}
    .satisfaction .satisfaction_form .radiowrapper .btnwrapper .btn_cntnts{width:75%;}
    .satisfaction .satisfaction_form .radiowrapper .btnwrapper .btn_smit{width:25%;}
	.satisfaction .chargewrapper ul{flex-direction: column;}
	.satisfaction .chargewrapper ul li + li:before{display:none;}
}

#sub-page-content .pageTab-sub > li a{display: inline-block; line-height: 27px;}
}