@charset "utf-8"; 

/*보부상의 일정 :s*/
.nav-box { position:relative; width: 87%; margin:0px auto 90px; margin-top:90px }
.nav-box.n1 .link{width: 100%;}
.nav-box.n2 .link{width: 50%;}
.nav-box.n3 .link{width: 33.3333%;}
.nav-box.n4 .link{width: 25%;}
.nav-box.n5 .link{width: 20%;}

.nav-box:before { display:inline-block; content:""; position:absolute; top:50%; left:0; width:100%; height:8px; background-color:#dadada; transform:translateY(-50%) } 

.nav-box:after { content:""; display:block; clear:both; } 
.nav-box .link {  float:left; text-align:center; position:relative; } 

.nav-box button.prev, .nav-box button.next {}

.nav-box button.off { background-color:#dadada !important; border:1px solid #dadada !important; } 
.nav-box button.off:hover { background-color:#dadada !important; border:1px solid #dadada !important; } 
.nav-box button.prev,
.nav-box button.next { position:absolute; top:30%; transform:translateY(-50%); font-size:0; width:50px; height:50px; background-color: #7b543a; border: 1px solid #7b543a; } 
.nav-box button.prev{left: -30px;}

.nav-box button.next{right:-30px}

.nav-box button.next:hover { border:1px solid #dadada; } 
.nav-box button.prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");} 
.nav-box button.next {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E"); } 
.nav-box button, .nav-box .slider-nav-dots .dot { width:20px; height:20px; font-size:0; border-radius:50%; background-color:#fff; box-shadow: 1px 1px 5px 1px #a3a2a2; position:relative;z-index: 10;}
.slider-nav-dots .dot{display: inline-block;}
.slider-nav-dots{display: block;margin-top: 4px;}
.nav-box .slider-nav-dots .dot:before { display:inline-block; width:8px; height:8px; background-color: #543b2f; content:""; border-radius:50%;     left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;} 
.nav-box .content-title { position:absolute; bottom: -80%; left:50%; transform:translateX(-50%); width:100%; color:#555; font-size:15px; font-weight:bold;line-height: 1.1; } 
.nav-box .slider-nav-dots.on span { color: #dc3c00; }
.nav-box .slider-nav-dots.on .dot:before{background-color: #dc3c00;}
.nav-box .slider-nav-dots.on .dot:after { display:inline-block; width: 67px; height: 84px; position:absolute; top: -73px; left:50%; background-image:url(/images/bobusang/prog/prog_ir.png); background-position: -9px -8px; content:""; transform:translateX(-50%); display:block; } 

.nav-box .n:hover .slider-nav-dots .dot:before,
.nav-box .n:focus .slider-nav-dots .dot:before,
.nav-box .n:active .slider-nav-dots .dot:before {background-color: #dc3c00; }
.nav-box .n:hover .content-title,
.nav-box .n:focus .content-title,
.nav-box .n:active .content-title {color: #dc3c00;}

 
@media (max-width:620px) {
.nav-box:after { display:inline-block; content:""; position:absolute; top:50%; left:0; width:100%; height:8px; background-color:#dadada; transform:translateY(-50%) } 
.nav-box.n5 .link,.nav-box.n4 .link {width: 33.3333% !important ;height: 70px;}
.nav-box.n1:after,.nav-box.n2:after,.nav-box.n3:after {display: none;}
.nav-box.n1 button.next,.nav-box.n2 button.next,.nav-box.n3 button.next {top: 36px;}
.nav-box .content-title{bottom: -3px;}
.nav-box.n1 .content-title,.nav-box.n2 .content-title,.nav-box.n3 .content-title{bottom: -13px;}
.slider-nav-dots{margin-top: 29px;}
.nav-box:before{top: 40px;}
.nav-box:after{top: 110px;}
.nav-box button.prev, .nav-box button.next{width: 40px;height: 40px;}
.nav-box button.prev{top: 34px;}
.nav-box button.next{top: 105px;}
.nav-box .slider-nav-dots.on .dot:after{display: none;}
.nav-box{margin: 0 auto;}
.tour-detail{padding-top: 180px;}

}

 
@media (max-width:560px) {
    .nav-box button.prev, .nav-box button.next {padding: 0; width: 40px;height: 40px;}
    .nav-box button.prev{left: -30px;}
    .nav-box button.next{right: -30px;}
    .nav-box button .ir-left { background-position: 27% 1%; }
.nav-box button .ir-right { background-position: 40% 1%; }
.nav-box button.prev:hover .ir-left {background-position: 27% 22%;}
.nav-box button.next:hover .ir-right{ background-position: 40% 22%; }

}
@media (max-width:450px) {
    .nav-box button.prev, .nav-box button.next {width: 30px;height: 30px;}

.nav-box .content-title{font-size: 14px;height: 10px;}
}
/*보부상의 일정 :e*/

/*보부상 운휴관리 리스트 :s*/
#facilities {display: block;margin-top: 50px;}
#facilities .title-box{text-align:center;}
#facilities .title-box strong{display:inline-block;position:relative;font-size:35px;color:#000;}
#facilities .title-box button{position:absolute;top:45%;transform:translateY(-50%);}
#facilities .title-box button.prev{left:-100px;}
#facilities .title-box button.next{right:-100px;}
#facilities .text-box{margin:30px 0;text-align:center;font-size:18px;color:#000;}
#facilities .text-box br{display: none;}
#facilities .table-box:after{content:"";display:block;clear:both;}
#facilities .table-box>div{width:calc(100% / 2 - 15px);float:left;}
#facilities .table-box>div.box2{margin-left:30px;}
#facilities .table-box>div table{border-left:1px solid #ddd;border-right:1px solid #ddd;}
#facilities .table-box>div table th{border-left:1px solid #ddd;}
#facilities .table-box>div table td{border-right:1px solid #ddd;}
#facilities .table-box>div table th,#facilities .table-box>div table td{text-align:center;position:relative;}
#facilities .table-box>div table .open,
#facilities .table-box>div table .close{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px;margin-top: -1px;}
#facilities .table-box>div table .open{background-color:#00b050}
#facilities .table-box>div table .close{background-color:#ff0000;opacity: 1;float: none;}


.fe-btn.fe-btn-primary{background-color: #785035;border: 1px solid #785035;}

.fe-btn-primary.fe-btn-only-icon{padding:0;width:65px;height:65px;border-radius:50%;position:relative;}
.fe-btn-primary.fe-btn-only-icon i{width: 16px;height: 27px;display:inline-block;position:absolute;top:50%;left: 50%;transform:translate(-50%,-50%);}
#facilities .fe-btn .ir-bbs{background-image:url(/images/bobusang/common/ir-bbs.png);}

.fe-btn-primary.fe-btn-only-icon i.ir-left{background-position: -54px -4px;}
.fe-btn-primary.fe-btn-only-icon i.ir-right{background-position: -74px -4px;}
.fe-btn.fe-btn-primary:hover, .fe-btn.fe-btn-primary:focus, .fe-btn.fe-btn-primary:link:hover, .fe-btn.fe-btn-primary:link:focus, .fe-btn.fe-btn-primary:visited:hover, .fe-btn.fe-btn-primary:visited:focus {border: 1px solid #785035;}
.fe-btn-primary.fe-btn-only-icon:hover i.ir-left,.fe-btn-primary.fe-btn-only-icon:focus i.ir-left,.fe-btn-primary.fe-btn-only-icon:active i.ir-left{background-position: -54px -36px;}
.fe-btn-primary.fe-btn-only-icon:hover i.ir-right,
.fe-btn-primary.fe-btn-only-icon:focus i.ir-right,
.fe-btn-primary.fe-btn-only-icon:active i.ir-right{background-position: -74px -36px;}
.table-bordered {border-top: 2px solid #dc3c00;}
table th {color: #dc3c00;}
.table thead th{background: transparent;}
@media(max-width:900px){
    #facilities .text-box br{display: block;}
}

@media(max-width:850px){
    #facilities .table-box>div.box2 {margin-left: 20px;}
    #facilities .table-box>div{width: calc(100% / 2 - 10px);}
}


@media(max-width:767px){
    #facilities .title-box strong{font-size:25px;}
    .fe-btn-primary.fe-btn-only-icon{width: 50px;height: 50px;}
    #facilities .title-box button.next{right: -80px}
    #facilities .title-box button.prev{left: -80px}
    #facilities .basic-table {width: 100%;}
    #facilities .text-box{font-size: 16px;}
}
@media(max-width:750px){
#facilities .table-box>div table th, #facilities .table-box>div table td {font-size: 15px;}
#facilities .table-box>div table .open, #facilities .table-box>div table .close{margin-top: -2px;margin-right: 6px;}
}
@media(max-width:620px){
#facilities .table-box>div table th, #facilities .table-box>div table td:nth-child(2){width: 50%;}
}

@media(max-width:500px){
    #facilities .title-box strong{font-size:18px;}
    #facilities .title-box button{width:40px;height:40px;}
    #facilities .title-box button.prev{left:-54px;}
    #facilities .title-box button.next{right: -54px;}
}
@media(max-width:470px){
#facilities .table-box>div {width: 100%;float: none;}
#facilities .table-box>div.box2{margin-left: 0;margin-top: 15px;}
}

/*운영시설 :e*/

/*기획전시실 상세 : s*/
@media(max-width: 767px) {
    .tour-detail .view-wrap .item:before ,.tour-detail .view-wrap .item:after{display: none;}
}
@media(max-width: 620px) {
.tour-detail{padding-top: 0;}
}

.sub06_01_06 .bbs--view--file .bbs-file__download{border: 1px solid transparent;background-color: transparent;max-width: none;width: auto;padding: 0;}
.sub06_01_06 .bbs--view--file{padding: 0;border: none;background-color: transparent;}
.sub06_01_06 .bbs--view--file .bbs-file__download .btn-file.btn-on-ico{padding: 7.41px 13px;font-size: 16px;line-height: 1.2;letter-spacing: 0.03em;transition: 0.3s;border: 1px solid rgb(23, 142, 142) ; border-radius: 8px;color: rgb(23, 142, 142);border-radius: 5px;}
.sub06_01_06 .bbs--view--file .bbs-file__download .btn-file.btn-on-ico:hover,.sub06_01_06 .bbs--view--file .bbs-file__download .btn-file.btn-on-ico:focus {background-color: rgb(23, 142, 142);color: #fff;}
.sub06_01_06 .bbs--view--file .bbs-file__download .btn-file.btn-on-ico:after{display: none;}
.sub06_01_06 .bbs--view--file .bbs-file__download .btn-file.btn-preview{display: none;}
/*기획전시실 상세 : e*/


.view-tour .view-wrap .title-inner .category,.view-tour .view-wrap .title-inner .status { display: inline-flex; justify-content: center; align-items: center; min-width: 80px; height: 30px; padding: 7px 10px 6px; border-radius: 5px; font-size: 14px; line-height: 1.2; } 

/*한눈보기 상세*/
.tour-detail .ui--item:after,.content-quick:after {z-index: 1;}

@media (max-width: 767px){
.view-tour .view-wrap .item-inner { padding: 40px 20px 30px; } 
.view-tour .view-wrap .item:after,
.view-tour .view-wrap .item:before {display: none;}
}