@charset "UTF-8";

/* 탭 메뉴 공통 */
.tab-ul li a span{padding:12px 40px 10px 20px; font-size: 18px; line-height: 1;}

/*  search 공통 */
@media screen and (max-width:768px) {

    .program--search .search--btn span{width:81px}

}

/* 특별전시 search 공통*/

@media screen and (max-width:680px) {

    .program--search.special{}
    .program--search.special .search_inner.float-md-right{display:block}
    .program--search.special .search_inner.float-md-right .fieldset{position:relative; padding-top: 45px;}
    .program--search.special .search_inner.float-md-right .fieldset .search--select{position:absolute; top:0; left:0; width:100%;}
    .program--search.special .search_inner.float-md-right .fieldset .search--select > span{width:100%}
    .program--search.special .search_inner.float-md-right .search--text{max-width:calc(100% - 280px); width:100%}

}

@media screen and (max-width:600px) {

    .program--search.special .search_inner.float-md-right .search--text{max-width:100%;}
    .program--search .search--btn{margin-top: 4px;}

}


/* 특별전시  리스트 공통 */

.board--card--list.board-special-list .obj .card--body .title{padding-bottom:10px; line-height: 1; border-bottom:2px solid #222222}
.board--card--list.board-special-list .obj .card--body .title *{line-height: 1;}
.board--card--list.board-special-list .obj .card--body .title i, .board--card--list.type2.board-special-list .obj .card--body .title i{}
.board--card--list.board-special-list .obj .card--body ul li,.photo_wrap.typeB .inner .info_box .list-1st li{position:relative;padding-left: 85px;white-space: normal;}
.board--card--list.board-special-list .obj .card--body ul li em,.photo_wrap.typeB .inner .info_box .list-1st li em{width:auto;position:absolute;top:50%;left:0;margin-top: -13px;padding-left: 21px;}
.board--card--list.board-special-list .obj .card--body ul li em:before,.photo_wrap.typeB .inner .info_box .list-1st li em:before{display:inline-block;position:absolute;top: 3px;left:0;width:20px !important;height:20px !important;background:url(/images/common/list_ico.png) no-repeat;transform: none;}

.photo_wrap.typeB .inner .info_box .list-1st li{padding-left: 105px;}
.photo_wrap.typeB .inner .info_box .list-1st li:before{display:none}
.photo_wrap.typeB .inner .info_box .list-1st li em:before{top:2px}

.board--card--list.n1 .obj{justify-content: center}
.board--card--list.n1 .obj .col,.board--card--list.n2 .obj .col{max-width:50%;}

.board--card--list.board-special-list .obj .card--body ul li em.icon1:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon1:before{background-position:0 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon2:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon2:before{background-position:-21px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon3:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon3:before{background-position:-42px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon4:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon4:before{background-position:-63px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon5:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon5:before{background-position:-84px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon6:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon6:before{background-position:-105px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon6:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon9:before{background-position:-126px 0}

@media (max-width:1400px) {
    .board--card--list.board-special-list .obj .card--body ul li {
        white-space: normal;
    }
}

@media (max-width:1126px) and (min-width:561px)  {
    .board--card--list.board-special-list .obj .card--body ul li em {top:0px}
    .board--card--list.board-special-list .obj .card--body ul li {padding-left: 22px;padding-top: 7px;}
}

@media screen and (max-width:860px) {

    .board--card--list.n1 .obj .col{max-width:80%;}

}

@media (max-width:767px) {
    .board--card--list .obj .thm--box .inner, .board--card--list.type2 .obj.col3 .thm--box .inner {position:absolute;}
}

@media screen and (max-width:680px) {

    .board--card--list.n1 .obj .col,.board--card--list.n2 .obj .col{max-width:100%; width:100%; flex:0 0 100%}
    .board--card--list.board-special-list .obj .thm--box .inner img{width:auto}
    .board--card--list .col, .board--card--list.type2 .col {display:inline-block;max-width: calc(100%);}
}

@media (max-width:560px) {
    .board--card--list.board-special-list .obj .card--body ul li {display:block;}
}

@media screen and (max-width:400px) {

    .board--card--list.board-special-list .obj .card--body ul li{padding: 21px 0 3px 26px;}
    .board--card--list.board-special-list .obj .card--body ul li em{transform:none; top:0}
    .board--card--list.board-special-list .obj.col3 .card--body ul li {padding-left:20px;padding-top:10px}

}


/* 전시데이터가 없을 때  */

.ui-message{clear:both;margin:0 auto;padding:70px 50px; margin-top:30px}
.ui-message p,.ui-message strong{display:block;font-size:20px;line-height:1.4;text-align:center;line-height: 1.3;}
.ui-message strong{color:#000;font-size:30px}
.ui-message .message-icon{margin:0 auto 20px;padding:20px;width:100px;height:100px}
.ui-message strong.small-text{font-size:19px}
.message-icon2,.ui-message .message-icon{border-radius:50%;background-color:#efefef}

@media screen and (max-width:400px) {

    .ui-message p{font-size: 16px; }
}

/* 상세보기 veiw  */
.photo_wrap.photo_view .thumb{height:auto; overflow: visible;}
.photo_wrap.photo_view .thumb .picture{height:400px}
.photo_wrap.photo_view .thumb .card--btn{position: relative;left:50%;transform: translateX(-50%);margin: 0 auto;display: inline-block; margin: 21px 0;}
.photo_wrap.photo_view .thumb .card--btn .btn{margin-top: 0px;padding:11px 40px 9px 15px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z' fill='rgba(211,41,54,1)'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 75px center}

.photo_wrap.photo_view .thumb .card--btn .btn:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}


.photo_wrap.photo_view .inner .info_box > strong em{
    padding-right: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break:break-all;
}

.photo_wrap.photo_view .inner .info_box .list-1st{padding-bottom: 22px; border-bottom:1px dashed #c4cbd2}
.photo_wrap.photo_view .inner .info_box .cnts .title{margin-top: 15px;margin-bottom: 8px;padding-top: 15px;border-top: 1px dashed #ddd;}

.photo_wrap.photo_view .inner .btn-box{}
.photo_wrap.photo_view .inner .btn-box .btn{border-radius: 0; max-width: calc(50% - 4px); width: 100%; padding-right: 34px;margin-bottom:4px}

/* video slide */

/* control */
.special-list-img{margin-top: 0;padding: 0 30px;}
.special-list .list{width:calc(100% + 60px); height:auto; margin:0 -30px}
.special-list .list .photo_list--item .photo_list--link{padding:0;border: none;}
.special-list .list .photo_list--item .photo_list--link .picture{position:relative; height:130px; overflow: hidden;}
.special-list .list .photo_list--item .photo_list--link .layer-button{display:block; width:100%;height:100%; padding:20px; position:absolute; top:0; left:0; opacity:0; transition:0.6s;}
.special-list .list .photo_list--item .photo_list--link .layer-button:before,.special-list .list .photo_list--item .photo_list--link .layer-button:after{}
.special-list .list .photo_list--item .photo_list--link .layer-button .link{display:block;width:100%;height:100%;color: #222;position: relative; font-weight: bold;}
.special-list .list .photo_list--item .photo_list--link .layer-button .link:before,.special-list .list .photo_list--item .photo_list--link .layer-button .link:after{ content:''; display:block; position:absolute; opacity:0;transition:0.6s;}

.special-list .list .photo_list--item .photo_list--link .layer-button .link:before{
    top: -36px;
    left: 50%;
    margin-left: -16px;
    background-color: rgba(0,0,0,0.6);
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;}
.special-list .list .photo_list--item .photo_list--link .layer-button .link:after{

    z-index: 7;
    top: 50%;
    left: 50%;
    margin-left: -28px;
    margin-top: -25px;
    height: 51px;
    width: 57px;
    transform: scale(0);
    transform-origin: 50% 50%;
    opacity: 0;
    transition: transform 0.25s ease-out,opacity 0.25s ease-out;
    transition-delay: 0.25s;
    background: url(/images/common/card__more.png)no-repeat center / cover;

}

.special-list .list .photo_list--item .photo_list--link .layer-button .link:before{transform:scale(21);opacity:1;}
.special-list .list .photo_list--item .photo_list--link .layer-button .link:after{transform: scale(1);opacity:1;}
.special-list .list .photo_list--item .photo_list--link:hover .layer-button{opacity:1}
.special-list-img .special-list{position: relative;}
.special-list-img .control{position: absolute;width: 100%;top:50%;}
.special-list-img .control [data-control]{position:absolute;top: 50%;margin-top: -32px; background-color:#fff; border-radius: 50%;}
.special-list-img .control [data-control=prev]{left:-10px;}
.special-list-img .control [data-control=next]{right:-8px}

.special-list-img .special-list .slick-list.draggable {border: 1px solid #ddd;border-radius: 5px;margin-bottom: 20px;padding: 20px;}
.special-list-img .special-list .slick-list.draggable .picture img {border: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;width: 100%;height: auto;}


/* .special-list-img .control [data-control=stop]{ top:-50% !important}
.special-list-img .control [data-control=stop], .special-list-img .control [data-control=play]{display:block !important} */

@media screen and (max-width:1023px) {

    .photo_wrap.photo_view .thumb{top:60px; left:27px}
    .photo_wrap.photo_view .inner .info_box .cnts .title{margin-top: 21px;}
    .photo_wrap.photo_view  .inner .info_box .list-1st li{padding: 20px 0 0 26px;}
    .photo_wrap.photo_view .inner .info_box .list-1st li em{top:0; margin-top: 0; }

}


@media screen and (max-width:767px) {

    .photo_wrap.photo_view .inner .info_box .badge{top: -36px;right:0;}
    .photo_wrap.photo_view .inner .btn-box .btn{padding:15px 50px 15px 15px; line-height: 1.4}

}

@media screen and (max-width:500px) {

    .photo_wrap.photo_view .inner .btn-box .btn{display:block; max-width:100%}
    .photo_wrap.photo_view .inner .info_box > strong em{font-size: 18px;}
    .photo_wrap.photo_view .inner .info_box .badge{top: -20px;width: 80px !important;height: 30px!important;padding:5px !important;white-space: nowrap;}

}

/* modal */

.modal__body{max-width:600px; width:100% !important; padding:0}
.modal__header{
    display: block;
    margin: 0;
    padding: 15px 20px 10px;
    line-height: 24px;
}
.modal__content{padding:28px 27px 20px; height:400px}
.modal__content img{width:100%}
.modal__close-button span{width: 50px; height: 50px;}

@media screen and (max-width:600px) {

    .modal__content{height:auto}
    .video  .modal__content{height:250px}

}


/* 12.16 나주박물관 교육프로그램 설정 */
/* 이달의 일정 */
.s0301 .ui-calendar .time-area .time_box .item_tit {padding:0px 5px;height: 36px;display:table-cell;vertical-align: middle;}
.s0301 .ui-calendar .time-area .time_box .item {word-break:normal;margin-top:0px;margin-bottom: 5px;}
.s0301 .ui-calendar .time-area .time_box .item .cat{display:inline-block;position:relative;float:left;min-width: 90px;margin-left:-76px;padding:5px 0;border-radius:4px;color:#fff;font-size: 14px;text-align:center;vertical-align:top;line-height:1.6;top:4px;letter-spacing: -1px;font-weight: bold;}
.s0301 .ui-calendar .time-area .time_box .obj {padding:20px 0px;}

/* 030201 교육프로그램 반응형 */

/*공통설정:s*/
/* 주소검색 버튼 */
@media (max-width:768px) {
    .form-horizontal.bucket-form .form-group>div[class^=col-] .form-control-static .btn.btn-primary {margin-left:0px; margin-top:0px;position:absolute;left:36%;top:10px;}
}

@media (max-width:575px) {
    .form-horizontal.bucket-form .form-group>div[class^=col-] .form-control-static .btn.btn-primary {margin-left:0px; margin-top:3px;position:absolute;left:70%;top:7px;}
    .form-control[readonly] {width:68%;margin-bottom:3px;}
}

/*탑박스 글자간격조절*/
.txt-box2 li {line-height:1.4;}

/*달력 화살표 중앙정렬*/
.ui-calendar .calendar-area .calendar .calHeader .next {top:-5px;}
.ui-calendar .calendar-area .calendar .calHeader .prev {top:-4px;}

/*달력 화살표 중앙정렬*/
.reservationWrap .calendarArea .calendar .calHeader .calBtn {top:0px;}
.reservationWrap .calendarArea .calendar .calHeader .calBtn {top:0px;}

/* 개인정도 동의 버튼 중앙정렬 */
@media (max-width:569px) {
    .ui_subscription--form .inquiry--btn {justify-content:center;}
    .ui_subscription--form .ui_radio--custom .inblock {line-height:1.4;padding-bottom:10px;}
    .ui_subscription--form .ui_text--box .box-text__scroll {height:250px;padding-bottom:70px;}
}

/* 대관시설 유의사항 글자간격 */
.box-text li {line-height:1.4;}

/*예약시설 선택정보 제목 중앙정렬*/
.form-horizontal.bucket-form .form-group .control-label *, .form-horizontal .label {top: 0px;}

/* 개인정보 내용 간격조절 */
.ui_subscription--form li {line-height:1.4;}
.ui_subscription--form h3 {line-height:1.4;}

/* 탑박스 아래 서브 박스 간격조절 */
.txt-fouse {line-height:1.4;}
.txt-fouse:before {top:-1px;}

/*달력 날짜 폰트 조절*/
@media (max-width: 380px) {
    .ui-calendar .calendar-area .calendar .calHeader .calDate {font-size:25px;line-height:1.2}
}

/* 달력이모티콘과 타이틀 조절 */
@media (max-width: 767px) {
    .ui-calendar .time-area .date_tit .cal_icon {margin-bottom:5px;}
    .ui-calendar .calendar-area .calendar {padding: 30px 0px 0;}
}

@media (max-width: 370px) {
    .ui-calendar .time-area .date_tit .cal_icon {position:absolute;left:0px;top:50%;display:block;margin-top:-20px;}
    .ui-calendar .time-area .date_tit {position:relative;padding-left:50px;line-height: 1.1;}
}

/* 디스플레이 타임 간격조절 */
.board--card--list.board_reservation .obj {margin-top:0px}

/* 연락처 잘림 */
@media (max-width:575px) {
    .prog.bucket-form .form-group>div[class^=col-], .prog.bucket-form .form-group>div[class^=alert-], .prog.bucket-form .form-group>div[class^=control-], .form-horizontal.bucket-form .form-group>div[class^=col-], .form-horizontal.bucket-form .form-group>div[class^=alert-], .form-horizontal.bucket-form .form-group>div[class^=control-] {padding-left:5px}
}up .form-inline.d-flex [class^=form-control] {padding-left: 4px;}

/* 파일첨부 패딩조절 */
.form-group__upload{vertical-align: middle;padding-right:0px;}

/*공통설정:e*/

/* 최상단카테고리 */
@media (max-width:990px) {
    .s030201 .tab-ul.type2.col6 li {width:25%;}
}
@media (max-width:583px) {
    .s030201 .tab-ul.type2.col6 li {width:33%;}
}
@media (max-width:517px) {
    .s030201 .tab-ul.type2.col6 li {width:50%;}
}

/*상단 탭*/
.s030201 .tab-ul.type2 li a span {padding: 10px 40px 10px 20px;font-size: 16px;}
.s030201 .tab-ul.type2 li {width: 16.666%;}
.s030201 .tab-ul.type2.col6 {margin-bottom:10px;}
.s030201 .form-group .form-inline.d-flex [class^=form-control] {width: 100%;}
.s030201 label {display: block;}

@media (max-width:990px) {
.s030201 .form-group .form-inline.d-flex [class^=form-control] {;;;;;;;;;;;;}
.s030201 .form-group .p-col-9.p-col-sm-18 {width: 35%;margin-right: 2%;}    
.s030201 label {}    
}

/* 접수방법 */
.s030201 .ui.program--search .tab-ul.type2 li {width:100%;margin-right:10px;}
.s030201 .ui.program--search .tab-ul.type2 li a {width:170px; height:30px;border-radius:5px;}
.s030201 .ui.program--search .tab-ul.type2 li a span {padding:0px 0px;text-align:center;}
.s030201 .ui.program--search .tab-ul.type2 li a span:after {display:none;}
.s030201 .ui.program--search .tab-ul.type2 li a span:before {display:none;}
.s030201 #program_name select.form-control {padding-right:0px;width: 100%;}



@media (max-width: 1023px) {
    .s030201 .ui.program--search .tab-ul.type2 li {margin-bottom:10px;width:15%;}
}

@media (max-width: 990px) {
    .s030201 .ui.program--search .tab-ul.type2 li {width:30%;}
    .s030201 #program_name select.form-control {width: 120%;margin-left: -20px;}
}

@media (max-width: 899px) {
    .s030201 #program_name select.form-control {width: 120%;margin-left:-15px;}
}

@media (max-width: 765px) {
    .s030201 #program_name select.form-control {width: 100%;margin-left:0px;}
    .board--card--list.board_reservation .obj.col1 .card--body .tit, .board--card--list.board_reservation.type2 .obj.col1 .card--body .tit {display:block;padding:0px;}
}

@media (max-width: 640px) {
    .s030201 .ui.program--search .p-col-sm-12 {margin-top:2px;}
}

@media (max-width:498px) {
    .s030201 #program_name select.form-control {padding-right: 30px;}

}

@media (max-width: 416px) {
    .s030201 .ui.program--search .tab-ul.type2 li {width:40%;}
}

@media (max-width: 382px) {
    .s030201 #program_name select.form-control {width: 100%;margin-left:0px;padding-right: 30px;}
}

/* 리스트 */
.s030201 .photo_wrap .inner .info_box > strong *{position:relative;top:5px;font-size: 14px;min-width: 100px;line-height: 1.2;padding: 6px 10px 4px;color:#fff;border-radius: 0;text-align: center;letter-spacing: -1px;font-weight: bold;display: inline-block;left: 0;}
.s030201 .btn-file, .btn-file:link, .btn-file:visited {padding:5px 10px;border-radius:0px}
.s030201 .ir-usfile.ir-hwp {width: 20px;height: 15px;background-position: -99px -75px;}
.s030201 .photo_wrap.photo_view .inner .info_box > strong em {display:block;color:#333;text-align:left;padding-left:0px;font-size:20px;}
.s030201 .photo_wrap.photo_view .inner .info_box .list-1st {padding-bottom:31px;}
.s030201 .photo_wrap.typeB .inner .info_box .list-1st li {margin-bottom:10px;white-space: normal;}
.s030201 #Display_clock {text-align:right;font-weight:bold;margin-bottom:-20px;}
.s030201 .categori {display: block;}
.s030201 .board--card--list .col .inner-box > a:hover .item .thm--box:before, .board--card--list .col .inner-box > button:hover .item .thm--box:before, .board--card--list.type2 .col .inner-box > a:hover .item .thm--box:before, .board--card--list.type2 .col .inner-box > button:hover .item .thm--box:before {display:none;}
.s030201 .board--card--list .col .inner-box > a .item .thm--box:after, .board--card--list .col .inner-box > button .item .thm--box:after, .board--card--list.type2 .col .inner-box > a .item .thm--box:after, .board--card--list.type2 .col .inner-box > button .item .thm--box:after {display:none;}
.s030201 .board--card--list.board_reservation .obj .card--body ul li {padding-left:90px}

@media (max-width: 411px) {
    .s030201 .board--card--list.board_reservation .obj .cat {display: block;width:50%;margin-bottom:5px}
}

@media (max-width: 402px) {
    .s030201 .board--card--list.board_reservation .obj .card--body ul li span {padding-left:10px}
    .s030201 .board--card--list.board_reservation .obj .card--body ul li {padding-left:0px}
    .s030201 .board--card--list.board_reservation .obj .card--body ul li:first-child {padding-left:0px;}
    .s030201 .board--card--list.board_reservation.type2 .obj .card--body ul li em {position:relative;display:block;top:0%;left:0;transform: translate(0%,0%);}
}

/*이미지 설정 (가로)*/
.board--card--list.type2 .obj .thm--box .inner img{ /* max-width: 222px; *//* max-height: 100%; */
    transform:translate(-50%, -50%);
    width: 100%;
}
/*이미지 설정(세로)*/
#vertical .obj .thm--box .inner img{ /* max-width: 222px; *//* max-height: 100%; */
    transform:translate(-50%, -50%);
    width: auto;
}



/* 비디오슬라이드 */
.s030201.view .special-list-img .control [data-control]{position:absolute;top: 20%;margin-top: -32px; background-color:#fff; border-radius: 50%;}
.s030201.view .special-list-img {margin-bottom: :20px;}

.s030201.view .photo_wrap.photo_view .inner .info_box > strong em {
    /* width: 250px; */
    padding-right: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient:vertical;
    word-break:break-all;
    font-family: "GmarketSans";
    font-size:30px;
    font-weight:600;
    padding-bottom:0px
}


@media (max-width:445px) and (min-width:320px) {
    .s030201.view .special-list-img .control [data-control]{position:absolute;top: 0;margin-top: 0; background-color:#fff; border-radius: 50%;transform: translateY(-50%);}
}

/* 030201 신청내역 */
.s030201.view #ed_pro_res_table .table.table-bordered.text-center .btn.btn-file {border:none;}
.s030201.view #ed_pro_res_table .info_small {padding:10px 16px;border-radius:0px;background-color:#0aa699;color:#fff;}
.s030201.view #ed_pro_res_table .default_small {padding:10px 12px;border-radius:0px;background-color:#d32936;color:#fff;}
.s030201.view #ed_pro_res_table .btn.btn-ani.btn-default {padding:10px 12px;border-radius:0px;background-color:#d32936;color:#fff;}
.s030201.view #ed_pro_res_table .end_small {padding:10px 12px;border-radius:0px;background-color:#a8b5c5;color:#fff}

.s030201.view .btn.btn-ani.btn-info.small {padding:10px 20px;}

.btn.btn-copy:hover {background-color:#fff;}

/* 개인정보 작성 */
.program--view .form-horizontal.bucket-form .col-sm-9 p em{color: red;}
.box-text__scroll em {color:red;}
.form-group em{color:red;}
.form-group .ex {padding-left:15px;}

/* 일정 */
.ui-calendar .time-area .time_box .item {margin-bottom:20px;}

/* 신청취소 버튼 */
.btn.btn-primary.btn-icon {margin-top:20px;border-radius:0px;padding:8.5px 22px;}
.btn.btn-default.btn-icon {margin-top:20px;border-radius:0px;padding:8.5px 22px;}
.btn.btn-ani.btn-default:hover {background-color:#fff;}

/* 목록 */

/* s0402 관람예약 가이드 설정 */
.s0402 .list-1st span {color:blue;}
.s0402 .list-1st em {color:red;}

/* s0403 어린이박물관 관람예약 가이드 설정 */
.s0403 .list-1st span {color:blue;}
.s0403 .list-1st em {color:red;}

/* s0404 유아놀이터 관람예약 가이드 설정 */
.s0404 .list-1st span {color:blue;}
.s0404 .list-1st em {color:red;}

/* s0405 실감형 관람예약 가이드 설정 */
.s0405 .list-1st span {color:blue;}
.s0405 .list-1st em {color:red;}

/* s0406  시설대관 신청 설정 */
.s0406 .list-1st span {color:blue;}
.s0406 .list-1st em {color:red;}
.s0406 .btn.btn-default.btn-lg {border-radius:0px;padding:5px 82px 5px 30px;}
.s0406 .tab-ul.type2.col3 li span {font-size:15px;}
.s0406 .btn-danger {padding:5px 20px;border-radius:0px;}
.s0406 .tab-ul.type2 li a {height:45px;}
.s0406 .txt-box2 {margin-bottom:40px;}
.s0406 input[type=file] {margin-top:10px;}
.s0406 .help-block {margin-top:0px;}
.s0406 .txt-tip:before {margin-top:7px;}
.s0406 .flip-scroll .table-icon, .table-responsive .table-icon {top:50%}

@media (max-width:694px) {
    .s0406 .tab-ul.type2.col3 li {width:50%;}
    .form-horizontal.bucket-form .form-group .form-control-static [class^=col-].form-group {display:inline-block;}
}

@media (max-width:515px) {
    .s0406 .btn.btn-default.btn-lg {width:100%;padding:5px 82px 5px 30px;;margin-bottom:10px;}
    .s0406 .btn.btn-default.btn-lg.btn-icon.btn-down {width:100%;padding:5px 82px 5px 30px;}
}

@media (max-width:473px) {
    .s0406 .tab-ul.type2.col3 li {width:100%;}
}

/* s0409  시설대관 신청 설정 */
.s0409 .list-2st span {color:blue;}
.s0409 .list-2st em {color:red;}
.s0409 .list-2st {margin-top:20px;}
.s0409 .btn.btn-default.btn-lg {border-radius:0px;}
.s0409 .tab-ul.type2.col3 li {width:20%;}
.s0409 .tab-ul.type2.col3 li span {font-size:15px;}
.s0409 .btn-danger {padding:5px 20px;border-radius:12px;}
.s0409 .tab-ul.type2 li a {height:45px;}
.s0409 .txt-box2 {margin-bottom: 45px;}
.s0409 .table-icon {top:50%;}

@media (max-width:951px) {
    .s0409 .tab-ul.type2 li a span{padding:10px 35px 10px 20px;}
}

@media (max-width:925px) {
    .s0409 .tab-ul.type2 li a span{padding:10px 35px 10px 20px;}
    .s0409 .tab-ul.type2.col3 li {width:33.333%;}
}

@media (max-width:566px) {
    .s0409 .tab-ul.type2.col3 li {width:50%;}
}

@media (max-width:488px) {
    .s0409 .list-2st em {display:block;}
}

@media (max-width:444px) {
    .s0409 .tab-ul.type2.col3 li {width:100%;}
}

/*달력 옆 일정 예약하기 반응형*/
.s0402 .time_box,
.s0403 .time_box,
.s0404 .time_box,
.s0405 .time_box {overflow-x:scroll;white-space:nowrap;width:100%;border-top:none !important;margin-top: 10px !important;}
.s0403 .table.table-default,
.s0402 .table.table-default,
.s0404 .table.table-default,
.s0405 .table.table-default {width:100%;}

@media (max-width: 1023px) {
    .s030201 .btn.btn-file {margin-top:10px}
}

@media (max-width: 901px) {
    /* 컨텐츠 리스트 자세히보기 */
    .s030201 .board--card--list.board_reservation .card--body .more_btn {right:50%;margin-right:-80px}
}

@media (max-width: 765px) {
    .s030201 #program_name {margin-left:25%}
    .s030201 .form-group .form-inline.d-flex .form-control.datepicker {width: 100%;}
    .s030201 .ui.program--search .form-control {width:100%;}
    .s030201 .form-group .p-col-9.p-col-sm-18 {width: 73%;}
}

@media (max-width: 671px) {
    /*신청자정보*/
    .form-group .ex {padding-left: 170px;margin-bottom:5px;}
}

@media (max-width: 575px) {
    /*신청자정보*/
    .form-group .ex {padding-left: 15px;}
    .s0402 .ex {padding-left:92px;margin-left:-80px;margin-bottom:5px;}
    .s0403 .ex {padding-left:92px;margin-left:-80px;margin-bottom:5px;}
    .s0404 .ex {padding-left:92px;margin-left:-80px;margin-bottom:5px;}
    .s0405 .ex {padding-left:92px;margin-left:-80px;margin-bottom:5px;}
    .personnumder {display:none;}
}

@media (max-width: 450px) {
    .ui.program--search .form-control {width:100%}
}






/* 소장품 검색 */
.ui-grid .grid__item{height:390px;margin-bottom: 1px;}
.ui-grid .grid__item .link{width:100%; height:100%; display:block}
.ui-grid .grid__item .link .h-box{display:-webkit-box; -webkit-line-clamp: 2;  text-overflow: ellipsis; overflow: hidden; line-height: 1.3; height: 52px;}
.ui-grid .grid__item .link .text{display:block;width:100%;font-size:16px;display: -webkit-box;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.ui-grid .grid__item .link .text em{font-weight: bold; display:block; margin-bottom:5px}
.ui-grid .grid__item .grid-thum_inner > img{width:auto; max-width:none; height:100%;}
.s_top3 .program--search{padding-top: 22px;}
.s_top3 .search--radio{margin-top:16px}

/* 상단 검색바 */
.program--search.total{background:transparent; margin:0; padding: 0;}
.program--search.total .float-md-left{margin-bottom: 0; min-height: auto;}
.program--search.total .program--count span{line-height: 30px;}

/*  img-slide */
.photo_wrap.img-slide{}
.photo_wrap.img-slide .thumb{overflow: visible; height:400px}
.photo_wrap.img-slide .ui-thumb__photo.bottom__photo{height:100%}
.photo_wrap.img-slide .ui-thumb__photo.bottom__photo .inner{padding:0; border:0; border-radius: 0; min-height:auto}
.photo_wrap.img-slide .ui-thumb__photo.bottom__photo .slider-for{height:80%}
.photo_wrap.img-slide .ui-thumb__photo.bottom__photo .slider-nav{height:20%;padding:10px 40px; background-color:transparent}
/* slide-nav  */
.ui-thumb__photo.bottom__photo .slider-nav .slick-list .slick-track .slick-slide .images_fade{margin:0 9px}
/*slide- control */
.photo_wrap.img-slide .ui-thumb__photo.bottom__photo .slider-nav > button{background: url(/images/common/prv.png) no-repeat center;  width:17px; height:17px}
.photo_wrap.img-slide .ui-thumb__photo.bottom__photo .slider-nav > button.slick-prev{transform:rotate(0deg)}
.photo_wrap.img-slide .ui-thumb__photo.bottom__photo .slider-nav > button.slick-next{transform:rotate(180deg)}
.photo_wrap.img-slide .thumb .control{z-index: 9; width:40px; right:0; bottom:80px}

/* layer-button */
.photo_wrap.img-slide .layer-button{display: inline-block;position:absolute;bottom: 21px;left: 113px;}

/* info */
.photo_wrap.img-slide .inner{min-height:553px}
.photo_wrap.img-slide .inner .info_box > strong{font-size: 20px; padding-right:0; text-overflow: ellipsis; overflow: hidden;}
.photo_wrap.typeB .inner .info_box .list-1st{border-bottom:0;padding-bottom: 0; margin:0}
.photo_wrap.img-slide .inner .info_box .list-1st li{margin-bottom: 4px;}
.photo_wrap.img-slide .inner .info_box .list-1st li em{padding-left:15px ;}
.photo_wrap.img-slide .inner .info_box .list-1st li em:before,.photo_wrap.img-slide .inner .info_box .list-1st.sns-list li em:before{background-image: none;width:5px !important ;height:5px !important; border-radius: 50%; background: #d32936; top:calc(50% - 2.5px);}
/* sns */
.sns-list{}
.sns-list li{}
.sns-list li a{display:inline-block;width: 33px;height: 33px;}
.sns-list li a em{ text-indent: -9999px; display:block}
.sns-list li a em::before{display:none}
.sns-list li a:before{content:''; display:inline-block;width:33px; height:33px; float:left; margin-right: 6px; margin-bottom: 2px; background-image: url(/images/kor/common/ir-sns_2.png);}
.sns-list li a:last-child{margin-right: 0;}

.sns-list li a.ins:before{background-position:-76px 0 ;}
.sns-list li a.yt:before{background-position:-114px 0 ;}
.sns-list li a.fb:before{background-position: -1px 0;}
.sns-list li a.nv:before{background-position: -37px 0;}
.sns-list li a.dm:before{background-position: -77px -37px;}
.sns-list li a.kko:before{background-position:-152px -37px;}
.sns-list li a.kst:before{background-position:-1px -73px;}
.sns-list li a.tt:before{background-position: -37px -36px;}
.sns-list li a.nb:before{background-position:-115px -36px;}

.photo_wrap.img-slide .inner .info_box .list-1st.sns-list li{margin: 0;}

@media screen and (max-width: 1023px){
    .photo_wrap.img-slide .inner{padding-left: 425px;}
    .photo_wrap.img-slide .thumb{top:56px;left:56px;}

}

@media screen and (max-width:1000px) {

    .program--search.total:after{content:''; display:block; clear:both}
    .program--search.total > div{display: inline-block; width:auto}
    .program--search.total .float-md-left{float:left}
    .program--search.total .float-md-right{float:right}

}

@media screen and (max-width:900px) {

    .photo_wrap.img-slide .inner{padding-left: 56px; padding-bottom:30px}
    .photo_wrap.img-slide .layer-button{position: relative; left:auto; bottom:auto; float:right; margin-top:10px}

}

@media screen and (max-width:767px) {

    .photo_wrap.img-slide .layer-button .btn-lg.btn-icon{padding: 11px 60px 9px 30px; }

}

@media screen and (max-width:640px) {

    .s_top3 .program--search .search_inner{justify-content: center;}

}

@media screen and (max-width:500px) {

    .s_top3 .program--search .search_inner{justify-content: center;}
    .program--search.total{text-align: left;}
    .program--search.total .float-md-left,.program--search.total .float-md-right{float:none}
    .program--search.total .float-md-right{display:block;clear:both; margin-top:2px}

    .photo_wrap.img-slide .inner{padding-left: 30px;}
    .photo_wrap.img-slide .inner .info_box .list-1st li{padding:20px 0 4px 14px; min-height: 21px;line-height: 21px;}
    .photo_wrap.img-slide .inner .info_box .list-1st li em{top:0; transform: none; margin-top: 0;}

    .photo_wrap.img-slide .inner .info_box .list-1st .sns-list{display:block}
    .photo_wrap.img-slide .inner .info_box .list-1st .sns-list li{padding-left:18px ;}
    .photo_wrap.img-slide .info_box .sns-list li a{position: relative; width:100%;height: 35px;margin-bottom: 4px;display: block;}
    .photo_wrap.img-slide .info_box .sns-list li:first-child a{margin-top: 4px;}
    .photo_wrap.img-slide .info_box .sns-list li a:before{margin-right: 16px;}

    .photo_wrap.img-slide .inner .info_box .list-1st.sns-list li a em{position: absolute; text-indent: 0;width:100%;top: 50%;left:35px;transform: translateY(-50%);}
    .photo_wrap.img-slide .inner .info_box .list-1st.sns-list li a em:before{display:none}

    .photo_wrap.img-slide .layer-button{float:none; display:block; text-align:center}
    .photo_wrap.img-slide .layer-button .btn-lg.btn-icon{display:inline-block; padding: 11px 41px 9px 19px;}

}

@media (max-width:400px) {
.photo_wrap.photo_view .inner .info_box .badge {position: relative;width: 80px !important;height: 30px !important;top: -10px;left: 0px;}
}

/* down-layer */

#img_down .modal__content{height:420px}
#img_down .modal__content,#img_down .panel-body{padding:0}
#img_down .modal__close-button span{width: 45px;height: 45px;}
#img_down .panel-heading{font-size: 18px;font-weight: bold;padding: 15px 12px 10px; }
#img_down .panel-heading h3{}
#img_down .panel-body{margin-top: 5px;}
#img_down .table{margin-bottom: 0px;}
#img_down .table label{word-break:break-word}
#img_down .text-center{padding:12px 0}
#img_down .txt-check:before{top:10px}

@media screen and (max-width:600px) {
    #img_down .modal__content{height:auto}

}

/*s0601 도록 설정*/
/*상단 카테고리 설정*/
.s0601 .tab-ul li a span {font-size:16px;line-height: 2.5;}
.s0601 .tab-ul {display:flex;justify-content:center;margin-bottom:35px;}
.s0601 .tab-ul li:nth-child(2) {margin:0px 20px;}

@media (max-width:1024px) {
    .s0601 .tab-ul {width:60%;margin-left:auto;margin-right:auto;}
}

@media (max-width:600px) {
    .s0601 .tab-ul {display:block;margin:0px;width:100%;margin-bottom:35px;}
    .s0601 .tab-ul li {display:block;width:100%;}
    .s0601 .tab-ul li a {display:block;width:100%;}
    .s0601 .tab-ul li:nth-child(2) {margin:0px;}
}


/*리스트 설정*/
.s0601 .program--search {margin-bottom:0px;}
.s0601 .board--card--list .obj .card--body .tit, .board--card--list.type2 .obj .card--body .tit {text-align:center;}
.s0601 .board--card--list.type2.board_ebook .obj .card--body ul li {text-align:center;}

.s0601 .board--card--list.type2.board_ebook .obj .card--body ul li:nth-child(1) {font-weight:bold;margin-bottom:10px;}
.s0601 .ir-usfile.ir-hwp {background-position: -102px -73px;}
.s0601 .board--card--list.type2.board_ebook .obj .card--body ul li a {font-size: 13px;}

/*도록 2*/
.s0601.view .photo_wrap.photo_view .thumb .card--btn .btn {background-image:none;padding: 11px 15px;}
.s0601.view .dw_list {width:100%;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:10px;}
.s0601.view .dw_list li {width:48%;}
.s0601.view .dw_list li a {display:block;width:100%;text-align:center;}

/* 임시 */
.s0601.view .dw_list.full_button{margin: 10px 0;}
.s0601.view .dw_list.full_button li{ width: 100%; border:1px solid #cbcbcb;  padding:10px 10px 10px 15px; position:relative;}
.s0601.view .dw_list.full_button span {display: inline-block; max-width: 58%; position:relative; top:50%; transform:translateY(-50%); word-break: break-all; font-size:14px; line-height:2; }
.s0601.view .dw_list.full_button span:before{content:' ※ '; }
.s0601.view .dw_list.full_button li div{display: inline-block;float:right; width:40%; position:relative; top:50%; transform:translateY(-50%)}
.s0601.view .dw_list.full_button li a{display: inline-block; width: 48%; box-sizing:border-box;}
.s0601.view .dw_list.full_button li a:nth-child(1) .ir-hwp{background-position: -182px -351px;}

@media (max-width:700px) {
.s0601.view .dw_list.full_button li{ width: 100%; border:1px solid #cbcbcb; border-radius: 10px; padding:10px 10px 10px 10px; position:relative;}
.s0601.view .dw_list.full_button span {display: block; max-width: 100%; text-align:center;margin-bottom:10px; top:0; transform: none;}
.s0601.view .dw_list.full_button li div{display:block; float:none; width: 100%; top:0; transform:none; text-align:center;}
}

/* 임시 */

.s0601.view .dw_list2 {width:100%;display:flex;justify-content:space-between;}
.s0601.view .dw_list2 li {width:48%;}
.s0601.view .dw_list2 li a {display:block;width:100%;text-align:center;}

.s0601.view .photo_wrap.typeB .inner {min-height: 750px;}
.s0601.view .box-footer .btn {border-radius:0px;padding:8px 40px}
@media (max-width:358px) {
    .s0601 .ir-usfile.ir-hwp {display:block;margin-left:auto;margin-right:auto;}
}
.refer_txt { margin-bottom: 3rem; }
.txt-tip:before{top:12px;}

/* 01 18 */
.s030201 .board--card--list .obj.col1 .thm--box, .board--card--list.type2 .obj.col1 .thm--box {background-color:;}

.s030201 .board--card--list.board_reservation .obj.col1 .col .inner-box .item{padding:10px 30px 10px 359px;min-height:230px;}
.s030201 .board--card--list.board_reservation .obj .card--body ul li em, .board--card--list.board_reservation.type2 .obj .card--body ul li em {width:105px;}
.s030201 .board--card--list.board_reservation .obj .card--body ul li{display:block;padding-left:120px;padding-bottom:2px;margin-bottom:3px;padding-right:120px;line-height:1;}
.s030201 .board--card--list .obj.col1 .thm--box, .board--card--list.type2 .obj.col1 .thm--box{background-color:#fff;width:340px;}
.s030201 .board--card--list.board_reservation .obj .card--body ul li span {vertical-align:top}

@media (max-width:542px) {
    .s030201 .board--card--list.board_reservation .obj .card--body ul li {padding: 7px 0px 0px 77px;}
}

@media (max-width:448px) {
    .s030201 .board--card--list .obj.col1 .thm--box, .board--card--list.type2 .obj.col1 .thm--box {position: relative;left: 50%;top: 12px;transform: translate(-50%, 0);}
}

/* 0119 */
.board--card--list.board_reservation .obj.col1 .card--body .tit, .board--card--list.board_reserv ation.type2 .obj.col1 .card--body .tit {font-size: 29px;font-family:"GmarketSans";}
.s030201 .photo_wrap.typeB .inner .info_box .list-1st li:nth-child(7)  {padding-left:25px;margin-top:30px;}
.s030201 .photo_wrap.typeB .inner .info_box .list-1st li:nth-child(7) a {margin-bottom:5px;}

/* 0120 */
.stats.stats1 {color:#d5403c;border:1px solid #d5403c;padding:5px 15px;}/* 예약대기*/
.stats.stats3 {color:#0aa699;border:1px solid #0aa699;;padding:5px 15px;}/* 예약종료*/
.stats.stats4 {color:#a8b5c5;border:1px solid #a8b5c5;padding:5px 15px;}/* 예약마감 */

@media (max-width:377px) {
    .s0402 .table.table-default thead th:nth-child(3) {display:none;}
    .s0402 .table.table-default thead th:nth-child(2) {width:50%;padding-left:85px}
    .s0402 .table.table-default thead th:nth-child(1) {width:50%;}

    .stats.stats1 {}
    .stats.stats3 {}
    .stats.stats4 {}
    .s0402 .table.table-default thead tr {border-bottom:1px solid #e5e7ee}
    .s0402 .table.table-default tbody tr td {display:inline-block;border-bottom:none;width:calc(100% + 200px);}
    .s0402 .table.table-default tbody tr:first-child td {border-top:none;}
    .s0402 .table.table-default tbody tr td:nth-child(1) {width:100%;padding-bottom:0px;}
    .s0402 .table.table-default tbody tr td:nth-child(2) {width: calc(100% + 100px);text-align:center;padding-left: 0%;padding-bottom:0px;}
    .s0402 .table.table-default tbody tr td:nth-child(3) {display:block;border:none;}
    .s0402 .table.table-default tbody tr td:nth-child(3) span {display:block;width: calc(100% - 75px);margin-bottom:10px;margin-left:30px;}
    .s0402 .table.table-default tbody tr td:nth-child(3) .btn.btn-primary.btn-sm.button-exphall {display:block;width:calc(100% - 75px);padding-bottom:10px;margin-left:30px;}
    .s0402 .table.table-default tbody tr td:nth-child(3) .btn.btn-primary.btn-sm.button-exphall br {display:none;}
}

@media (max-width:350px) {
    .s0402 .table.table-default tbody tr td:nth-child(3) {display:flex;justify-content:start;}
    .s0402 .table.table-default tbody tr td:nth-child(3) span {margin-left:0px;width:calc(100% - 40px);}
    .s0402 .table.table-default tbody tr td:nth-child(3) .btn.btn-primary.btn-sm.button-exphall {margin-left:0px;width:calc(100% - 40px);}
}

@media screen and (max-width:900px) {
    .s030201 .board--card--list.board_reservation .obj.col1 .col .inner-box .item {padding: 30px }
    .s030201 .board--card--list .obj .card--body, .board--card--list.type2 .obj .card--body{position: static;}
    .s030201 .board--card--list.board_reservation .obj .col .inner-box .item .badge,.s030201 .board--card--list.board_reservation.type2 .obj .col .inner-box .item .badge{top: 0;right: 0;}
}
@media screen and (max-width:767px) {
    .board--card--list.type2 .obj .thm--box .inner img{ transform: translate(-50%, 0);}
}

@media (max-width:447px) {

}

@media screen and (max-width:402px) {
    .s030201 .board--card--list.board_reservation .obj .card--body ul li{padding-left: 0;}
}
/* 0124 */
.ui-topbox.type1 .ir-icon{width: 130px;height: 130px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
/* login */
#loginbox {border-top:2px solid #e4022e;margin-top:40px;background-color:#fafafa;}
#loginbox .wrap_identification .item .ir.icon.icon1 {display:inline-block;width:42px;height:44px;margin: 10px 0 20px;background:url(/images/prog/login_ico2.png)no-repeat;position: relative;left: 50%;transform: translate(-50%, 15px);}
#loginbox .wrap_identification .item h2 {margin-top:10px;}
#loginbox .wrap_identification .item h2, #loginbox .wrap_identification .item .txt-h2 {text-align:center;}
#loginbox .wrap_identification .item .txt-h2 {margin-bottom: 15px;}
#loginbox .wrap_identification .item h2 {margin-bottom: 0px;margin-top:0px;}
#loginbox .wrap_identification .item form {position:relative;left:50%;transform: translate(-50%, 0);display: inline-block;}
#loginbox .wrap_identification .item .btn.btn-primary.btn-icon {padding: 8.5px 30px 8.5px 22px;}
#loginbox .wrap_identification .item .list-box {border-top: 2px dashed #8d8d8d;margin-top: 25px;height: auto;padding: 20px;}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li a:after {display:none;}

.txtwrap.block{
    display: none;
}
.txtwrap.none{
    display: block;
}

.sub04_04 .txtwrap.block{
    display: block;
}
.sub04_04 .txtwrap.none{
    display: none;
}


.s030201 .photo_wrap .inner .info_box > strong .cat br{display:none;}



@media (max-width:500px){
    .s030201 .table-responsive .table {width:100%;}
    .s030201 .view #ed_pro_res_table .end_small {font-size:14px; padding:5px;}
    .s030201 .table-icon {display:none;}
    .s030201.view #ed_pro_res_table .table.table-bordered.text-center .btn.btn-file {padding:0;}
}



/* 유아놀이터 예약 write페이지 버튼 수정 */
.btn-primary.button-save:focus .ir-arrow, .btn-primary.button-save:hover .ir-arrow {background-position:-165px -236px;}
.button-save.btn-primary .ir-arrow {background-position:-180px -253px;}
.btn .fa.fa-list-ul {top: 6px;;width: 24px;height: 24px;display: inline-block;position: absolute;right: 5px;}
.btn:hover .fa.fa-list-ul {background-color:#red;}
.form-group .ex {padding-left: 27%;display: block;}
.form-group .ex em {display:block;}
@media (max-width:575px){
	.form-group .ex {padding-left:15px;}
}
/* 유아놀이터 예약 write페이지 버튼 수정 End */