@charset "utf-8";


/* 소장품 갤러리 */
.mainPsgud {position:relative;width: 100%;z-index: 99;overflow:hidden;}
.mainPsgud .title {opacity: 0;position: absolute;left: -60px;top: 30px;width: 75px;height:20px;color:#0f489a;font-size:14px;font-weight: bold;letter-spacing: 0.1em;transform:rotate(90deg);-webkit-transform:rotate(90deg);transition:all 0.8s;-webkit-transition:all 0.8s;}
.mainPsgud .slick-active .title {opacity:1;}
.mainPsgud .title span {display:inline-block;width:7px;height:7px;margin: -3px 8px 0 0;border-radius:50%;background:#0f489a;vertical-align: middle;}
.mainPsgud .viewer_area {width:100%;}
.mainPsgud .images_fade {position: relative;width:100%;height: 100%;}
.mainPsgud .slick-list {overflow: visible;width:100%;height:100%;}
.mainPsgud .slick-track {height:100%; }
.mainPsgud .slick-slide {position:relative;width:100%;max-width: 1080px;height:910px;margin: 0;}
.mainPsgud .slick-slide.slick-active:before {opacity:0;z-index: -1;}
.mainPsgud .slick-slide > div {width:100%;height:100%;}
.mainPsgud .images_fade .box {overflow: hidden;position:relative;width:100%;height:100%;background-size:cover;background-position:center;box-shadow:none}
.mainPsgud .images_fade .box img,
.mainPsgud .images_fade .box .no-img  {height: calc(100% - 192px);}

.mainPsgud .images_fade .box a {display:block; width:100%; height:100%; }
.mainPsgud .images_fade .box a:focus {border:2px dotted #000;}
/* .mainPsgud .images_fade .info {opacity: 0;width: 100%;min-height:192px;padding: 41px 160px 20px;text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;} */
.mainPsgud .images_fade .info {width: 100%;min-height:192px;padding: 41px 160px 20px;text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.mainPsgud .images_fade .info strong {display: inline-block;overflow:hidden;font-size: 30px;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;color: #000;letter-spacing: -0.05em;position: relative;display: block;margin: 0 auto;}
.mainPsgud .images_fade .info strong:before {content:'';display:inline-block;width:10px;height:10px;background-color: #DD1227;position: absolute;right: -16px;top: -5px;}
.mainPsgud .images_fade .info p {overflow:hidden;margin: 3px 0 19px;font-size: 16px;color: #666;font-weight: 600;}
.mainPsgud .images_fade .info span {font-size: 16px;color: #444;font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; text-overflow: ellipsis; height: 20px; overflow: hidden; word-break: break-all; white-space: normal;}
/* .mainPsgud .slick-active .images_fade .info {opacity:1;}
.mainPsgud .images_fade .box:focus .info {opacity: 1;} */
.mainPsgud .slick-arrow {/* position:absolute; *//* z-index: 10; */top: auto;width: 60px;height: 60px;/* margin-top:-30px; */background: #fff;font-size:0;transition:all 0.3s;-webkit-transition:all 0.3s;bottom: 0px;border: 1px solid #000;border-radius: 50%;background-repeat: no-repeat;}
.mainPsgud .control-wrap {position: absolute;top: auto;margin-top: -30px;bottom: 60px;z-index: 1;}
.mainPsgud .control-wrap.rcw {right: 50%;margin-right: -600px;}
.mainPsgud .control-wrap.pcw {left: 50%;margin-left: -600px;}
.mainPsgud .slick-arrow:before {display:block;position:absolute;left: 50%;top: 50%;/* content:''; */width:10px;height:10px;border:solid #fff;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform: translate(-50%,-50%) rotate(45deg);}
.mainPsgud .slick-arrow.slick-prev {left:50%;/* margin-left:-600px; */background-image: url("data:image/svg+xml,%3Csvg width='29' height='20' viewBox='0 0 29 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.75' x2='23' y2='-0.75' transform='matrix(1 8.74228e-08 8.74228e-08 -1 1 9)' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M9.99995 1.00005L1.25 9.75L9.99995 18.4999' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");background-position: 60% 50%;}
.mainPsgud .slick-arrow.slick-next {right:50%;/* margin-right:-600px; */background-image: url("data:image/svg+xml,%3Csvg width='29' height='20' viewBox='0 0 29 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='28' y1='9.75' x2='5' y2='9.75' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M19.0001 1.00005L27.75 9.75L19.0001 18.4999' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");background-position: 40% 50%;}
.mainPsgud .slick-arrow.slick-prev:before {margin-left:2px; border-width:0 0 1px 1px ; }
.mainPsgud .slick-arrow.slick-next:before {margin-left:-2px; border-width:1px 1px 0 0; }
.mainPsgud .slick-arrow:hover,
.mainPsgud .slick-arrow:focus {background-color: #000;}
.mainPsgud .slick-arrow:hover.slick-prev:before,
.mainPsgud .slick-arrow:focus.slick-prev:before,
.mainPsgud .slick-arrow:hover.slick-next:before,
.mainPsgud .slick-arrow:focus.slick-next:before {border-color:#222;}
.mainPsgud .paging {z-index: 99;position:absolute;left:50%; transform: translateX(-50%); top:21%;}
.mainPsgud .paging > button {display:inline-block;vertical-align:middle;margin: 0 10px;font-size:0;}
.mainPsgud .paging .current{font-weight:bold;}
.mainPsgud .slick-arrow.slick-prev:hover,
.mainPsgud .slick-arrow.slick-prev:focus {background-image: url("data:image/svg+xml,%3Csvg width='29' height='20' viewBox='0 0 29 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.75' x2='23' y2='-0.75' transform='matrix(1 8.74228e-08 8.74228e-08 -1 1 9)' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M9.99995 1.00005L1.25 9.75L9.99995 18.4999' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");}

.mainPsgud .slick-arrow.slick-next:hover,
.mainPsgud .slick-arrow.slick-next:focus {background-image: url("data:image/svg+xml,%3Csvg width='29' height='20' viewBox='0 0 29 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='28' y1='9.75' x2='5' y2='9.75' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M19.0001 1.00005L27.75 9.75L19.0001 18.4999' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");}

.mainPsgud .slick-arrow .btn-title {}
.mainPsgud .slick-arrow .btn-title strong {}
.mainPsgud .slick-arrow .btn-title strong.prev-title {}
.mainPsgud .slick-arrow .btn-title strong.next-title {}


@media (max-width: 1280px){
 .mainPsgud .slick-arrow.slick-prev {left:0; margin-left:0;}
 .mainPsgud .control-wrap.rcw {right: 55%;}
 .mainPsgud .control-wrap.pcw {left: 55%;}
 .mainPsgud .slick-arrow.slick-next {right:0;margin-right:0;}
}
@media (max-width: 1156px){
 .mainPsgud .slick-slide{height:auto;max-width: none;}
 .mainPsgud .paging{position:static;transform:translateX(0)}
 .mainPsgud .control {position: absolute; left: 50%;transform: translateX(-50%);bottom: 140px;width: 100%;z-index: 3;}
 .mainPsgud .control-wrap.pcw {left: 50px; margin-left: 0;}
 .mainPsgud .control-wrap.rcw {right: 50px; margin-right: 0;}
 .mainPsgud .images_fade .info {min-height: auto;}


 .mainPsgud .images_fade .box .no-img {height: 758px;}
}

@media (max-width: 1024px) {
    .mainPsgud .images_fade .box .no-img {height: 672px;}
}

@media (max-width: 767px){
 .mainPsgud .images_fade .info {min-height:auto;padding:5px 10px 40px;}
 .mainPsgud .images_fade .info strong {font-size: 18px;}
 .mainPsgud .control {bottom: 0;}
 .mainPsgud .control-wrap.pcw {left: 30px;}
 .mainPsgud .control-wrap.rcw {right: 30px;}


 .mainPsgud .images_fade .box .no-img {height: 498px;}
}

@media (max-width: 640px) {
    .mainPsgud .images_fade .box .no-img {height: 413px;}
}

@media (max-width: 490px) {
    .mainPsgud .slick-arrow {width: 40px; height: 40px; background-size: 50%;}



    .mainPsgud .images_fade .box .no-img {height: 311px;}
}

@media (max-width: 360px) {
    .mainPsgud .images_fade .box .no-img {height: 228px;}
}
/* 소장품 갤러리 End */




@charset "utf-8";

.cate_box { width:100%;border-bottom:1px solid #CCC;}
.cate_box:after {display:block;visibility:hidden;clear:both;content:''}
.cate_box .cate_box_in { float:left;width:33.3%; }
.cate_box .cate_box_in.cate_box2 .tit::before,
.cate_box .cate_box_in.cate_box3 .tit::before {position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 1px; height: 19px; background-color: #fff; content: '';}
.cate_box .cate_box_in p {margin:0;height:64px; line-height:64px; background:#000;text-align:center; font-size:18px; color:#fff; position: relative;}
.cate_box .cate_box_in .scroll-wrap {display: block; height:224px; border: 1px solid #ddd; border-top: none; border-bottom: none; padding: 11px 12px 11px 0;}
.cate_box .cate_box_in.cate_box1 .scroll-wrap,
.cate_box .cate_box_in.cate_box2 .scroll-wrap {border-right: none;}
.cate_box .cate_box_in ul {margin:0; overflow-y:scroll;background:#fff; height: 100%;}
.cate_box .cate_box_in ul::-webkit-scrollbar {width: 6px;}
.cate_box .cate_box_in ul::-webkit-scrollbar-thumb {height: 10%;background: rgba(0,0,0,0.2); border-radius: 100px;}
.cate_box .cate_box_in ul::-webkit-scrollbar-track {background: transparent;}
.cate_box .cate_box_in ul li {margin:0;height:44px;line-height:40px;background:#fff;padding-left:0;}
.cate_box .cate_box_in ul li button:hover,
.cate_box .cate_box_in ul li button:active,
.cate_box .cate_box_in ul li button:focus,
.cate_box .cate_box_in ul li.ov button { background:#FAFAFA; color:#DD1227; font-weight: 700;}
.cate_box .cate_box_in ul li button:hover a,
.cate_box .cate_box_in ul li button:active a,
.cate_box .cate_box_in ul li button:focus a {color:#fff;}
.cate_box .cate_box_in ul li a { display:block;width:100%;height:100%;cursor: pointer;}
.cate_box .cate_box_in ul li.click1 { background:#907354; color:#fff;}
.cate_box .cate_box_in ul li.click1 a { color:#fff; }
.cate_box .cate_box_in ul li a.click2 { color:#fff;}
.cate_box .cate_box_in ul li button {width:100%;height:100%;text-align:left;padding:0 20px 0 58px;font-size:16px;background: #fff;}
.cate_box .cate_box_in ul li button:hover,
.cate_box .cate_box_in ul li button:focus {color:#DD1227;}

.program--search{margin-top: 49px;}
.program--search.total{border:none;margin-bottom:20px;}
.program--search .search--select {padding: 0 0 0 5px;}
.program--search.h-search  .program--count:before{top:-1px}
.program--search.h-search .program--count{margin-top: 10px;}
.program--search.h-search .search--text{min-width:auto}
.program--search.h-search .search--radio{margin-right: 7px; display:inline-block;}
.program--search.h-search .search--btn{margin-left: 3px;}

@media(max-width:767px){
 .cate_box {display:none;}
}

@media (max-width: 640px) {
    .program--search .search--select {padding: 0;}
}

.ui-grid.are-images-unloaded{opacity:0}
.ui-grid .grid__gutter-sizer{width:2%}
.ui-grid.grid.are-images-unloaded .image-grid__item{opacity:0}
.ui-grid .grid__item .img{justify-content: center;text-align:center;display: flex;align-items: center;width: 100%;}
.ui-grid .grid__item img{/* display:block; */max-width:100%;/* text-align: center; */}
.ui-grid .grid__item .link{display:block;width:100%;height:100%;border: 1px solid #E3E4E9;}
.ui-grid .grid__item .link .h-box{color:#222;font-size: 22px;line-height:normal;font-weight:700;margin-bottom: 10px; margin-top: 24px; display:-webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; height: 28px;padding: 0 40px;}
.ui-grid .grid__item .link .text{color:#666;font-size:16px;line-height:140%;font-weight: 400;display: block;padding: 0 40px 40px 40px;}
.ui-grid .page-load-status{display:none;padding-top:20px;border-top:1px solid #DDD;text-align:center;color:#777}

.ui-grid {margin: -17.5px;display: flex;position: relative;flex-flow: row wrap;min-width: auto;word-wrap: break-word;border: none;}
.ui-grid .grid__item {width:25%; border:17.5px solid transparent;}
.ui-grid.are-images-unloaded{opacity: 1;}


.ui-grid .grid__item .grid-thum{height:248px;width:100%;background-color: #F3F3F3;position: relative;overflow: hidden;}
.ui-grid .grid__item .grid-thum::before {content: "";position: absolute;z-index: 6;top: -36px;left: 50%;margin-left: -16px;
background-color: rgba(0,0,0,0.5);height: 32px;width: 32px;border-radius: 32px;transform: scale(1);transform-origin: 50% 50%;transition: transform 0.25s ease-out;}
.ui-grid .grid__item .grid-thum::after {content: "";position: absolute;z-index: 7;top: 50%;left: 50%;margin-left: -28px;margin-top: -25px;height: 46px;width: 46px;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-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='46' height='46' rx='23' fill='white'/%3E%3Cpath d='M29.6667 22.5834V18.8334L25.9167 14.6667H17.1667C16.7065 14.6667 16.3334 15.0398 16.3334 15.5001V30.5001C16.3334 30.9603 16.7065 31.3334 17.1667 31.3334H22.1667' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M28.1562 28.9895L30.5 30.8645M28.625 27.1145C28.625 28.6678 27.3658 29.927 25.8125 29.927C24.2592 29.927 23 28.6678 23 27.1145C23 25.5612 24.2592 24.302 25.8125 24.302C27.3658 24.302 28.625 25.5612 28.625 27.1145Z' stroke='black' stroke-width='1.6875' stroke-linecap='round'/%3E%3C/svg%3E%0A");border-radius: 50%;}


.ui-grid .grid__item:hover .link {border: 1px solid #000; box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.05);}

.ui-grid .grid__item:hover .grid-thum::before,
.ui-grid .grid__item:focus .grid-thum::before {transform: scale(40);}
.ui-grid .grid__item:hover .grid-thum::after,
.ui-grid .grid__item:focus .grid-thum::after {transform: scale(1); opacity: 1;}



.grid-thum .grid-thum_inner{position:relative; width:100%; height:100%; overflow:hidden;}
.ui-grid .grid__item .grid-thum_inner > img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: auto; height:100%; max-width: none;}



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

 .ui-grid .grid__item{width:33.3333%;}
 .ui-grid .grid__item .grid-thum_inner .img{height:100%; max-height:100%; width:auto; max-width:auto}

}

@media screen and (max-width:768px) {
    .ui-grid {margin: -10px;}
    .ui-grid .grid__item {height: auto; border: 10px solid transparent; width: 50%;}
    .ui-grid .grid__item .grid-thum {height: 200px;}
    .ui-grid .grid__item .link .h-box {padding: 0 30px; font-size: 20px; height: 26px;}
    .ui-grid .grid__item .link .text {padding: 0 30px 30px 30px;}
}

@media screen and (max-width:640px) {
    .ui-grid .grid__item {width: 100%;}
    .ui-grid .grid__item .grid-thum {height: auto;}
    .ui-grid .grid__item .grid-thum_inner > img {position: relative; max-width: none; max-height: none; left: 0; top: 0;transform: none; width: 100%; height: auto;}
    .ui-grid .grid__item .link .h-box {padding: 0 20px; margin-top: 20px;}
    .ui-grid .grid__item .link .text {padding: 0 20px 20px 20px;}
}

@media screen and (max-width:360px) {
    .ui-grid .grid__item .link .h-box {font-size: 18px; height: 22px; }
    .ui-grid .grid__item .link .text {font-size: 15px;}
}


.photo_wrap.typeB{margin-top:0;}

.photo_wrap.typeB > .inner{
 border: 1px solid #E3E4E9;
 border-radius: 0;
 /* min-height: 448px; */
 position: relative;
 padding: 62px 550px 70px 69px;
}
.photo_wrap.typeB .thumb{top: 50px;right: 69px;border-radius: 0;width: 428px;height: 398px;/* border: 1px solid; */position: absolute;/* border: 1px solid; */}
.photo_wrap.typeB .thumb .picture{height: 457px;}
.photo_wrap.typeB .inner .info_box > strong{display:block;padding-bottom: 10px;border-bottom: 2px solid #222;padding-right: 80px;line-height: 1.4;}
.photo_wrap.typeB .inner .info_box > strong i{display: inline-block;
 font-style: normal;
 font-size: 16px;
 color: #053863;
 font-weight: 300;
}
.photo_wrap.typeB .inner .info_box > strong em{display: block;font-weight: 500;font-size: 26px;margin-top: 5px;color: #222;}

.photo_wrap.typeB .inner .info_box .badge{
 position:absolute;
 top:-10px;
 right:0;
 z-index:0;
}
.photo_wrap.typeB .inner .info_box .list-1st{
 border-bottom: 1px solid #c4cbd2;
 padding-bottom: 35px;
}
.photo_wrap.typeB .inner .info_box .list-1st li{padding-left: 103px;min-height: 21px;}
.photo_wrap.typeB .inner .info_box .list-1st li em{font-weight:bold;width: 81px;display: inline-block;position: absolute;top: 0;left: 5px;color: #333;}
.photo_wrap.typeB .inner .info_box .list-1st li em .fa{display:none;}
.photo_wrap.typeB .inner .info_box .list-1st li em:before{content:'';position:absolute;top: 8px;right:0;width:1px;height:12px;background-color:#ddd;}
.photo_wrap.typeB .inner .info_box .card--btn{margin-top:20px;position: absolute;bottom: -4px;left: -400px;}
.photo_wrap.typeB .inner .info_box .card--btn .btn{min-width: 128px;text-align:center;border-radius:5px;padding: 7px 15px;letter-spacing: -1px;}
.photo_wrap.typeB  + .cnts_txt{padding:38px 0 68px;}
.photo_wrap.typeB .inner .info_box .cnts{
 /* position: absolute; */
}
.photo_wrap.typeB .inner .info_box .cnts .title{display:block;color:#053863;margin-bottom: 4px;font-size: 20px;margin-top: 40px;}
.photo_wrap.typeB .inner .info_box .cnts .scroll{background-color:#f9f9f9;border:1px solid #ddd;padding:16px;border-radius: 5px;}
.photo_wrap.typeB .inner .info_box .cnts .scroll .box{height:182px;overflow-y: scroll !important;}
/*slide- control */

.photo_wrap.img-slide .ui-thumb__photo.bottom__photo .slider-nav > button {display: none !important;}

.ui-thumb__photo .slider-nav .slick-list .slick-track .slick-slide .images_fade img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    max-height: none;
    width: 100%;
    height: auto;
}

@media(max-width:1023px){
 .photo_wrap {margin:0 0 30px;}
 .photo_wrap.typeB .inner{padding-left: 370px;}
 .photo_wrap.typeB .thumb{position:absolute;top: 20px;left: 20px;width: 320px;margin: 0;}
 .photo_wrap.typeB .inner .info_box > strong em{font-size: 22px;line-height: 1.2;}
 .photo_wrap .inner2 {padding:45px 30px;}
 .photo_wrap .thumb {position:static; width:100%; max-width:578px; height:350px;margin:0 auto 30px;}
 .photo_wrap .thumb .picture span img {position: absolute;top: 50%;left: 50%;width: auto;min-width: auto;max-width: 100%;height: auto;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
}
@media(max-width:900px){
 .photo_wrap.typeB .inner{padding-left: 53px;}
 .photo_wrap.typeB .thumb{position: static;top: auto;left: auto;width: 100%;max-width: none;margin: 0 auto 30px;}
 .photo_wrap.typeB .inner .info_box > strong em{font-size: 30px;}

}
@media(max-width:767px){
 .photo_wrap.typeB .inner{padding:30px;padding-left: 30;}
 .photo_wrap.typeB .inner .info_box > strong em{font-size: 24px;}
 .photo_wrap .thumb {height:300px;}
 .photo_wrap .inner2{padding:40px 25px;}
 .photo_wrap.typeB .inner .info_box .badge{/* position:relative; */top: -110px;right: 10px;/* width: 70px !important; *//* height: 30px !important; *//* border-radius: 5px !important; */}
 .photo_wrap.typeB .inner .info_box > strong{padding-right:0}
}
@media only screen and (max-width: 580px){
 .photo_wrap .thumb {height:250px;}
}

@media only screen and (max-width: 480px){
 .photo_wrap.typeB .inner .info_box .list-1st li{padding-left:18px;}
 .photo_wrap.typeB .inner .info_box .list-1st li em{display:block;position:relative;top:auto;left: 0px;}
 /* .photo_wrap.typeB .inner .info_box .list-1st li em:before{display:none;} */
 .photo_wrap.img-slide .inner .info_box .list-1st li em {}
}


/* info */
.ui-thumb__photo.bottom__photo{height: 421px;}
.ui-thumb__photo.bottom__photo .inner{padding:0;padding-bottom: 135px;border: none;}
.ui-thumb__photo.bottom__photo .inner p{font-size:14px;letter-spacing:-0.05em;text-align: center;color: red;}
.ui-thumb__photo.bottom__photo .slider-for .slick-list .slick-track .slick-slide .images_fade{height: 286px;}
.ui-thumb__photo.bottom__photo .slider-nav{padding:0;background:none;width: calc(100% + 20px);height: 98px;left: -10px;right: -5px;bottom: 24px;}
.ui-thumb__photo.bottom__photo .slider-nav .slick-list .slick-track .slick-slide .images_fade{margin:0;border: 7.5px solid transparent;height: 80px;}
.ui-thumb__photo.bottom__photo .slider-nav .slick-list .slick-track .slick-slide .images_fade::before {position: absolute; left: 50%; top: 50%; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #DD1227; content: ''; display: none; opacity: 0; transform: translate(-50%, -50%); z-index: 1;}
.ui-thumb__photo.bottom__photo .slider-nav .slick-list .slick-track .slick-slide .images_fade:focus::before{display: block; opacity: 1;}
.photo_wrap.img-slide > .inner{/* min-height: auto; */}
.photo_wrap.img-slide > .inner .info_box > strong{font-size: 24px;padding-right:0;text-overflow: ellipsis;overflow: hidden;margin-bottom: 29px;color: #222;font-weight: 700;line-height: 28px;border-color: #666;padding-bottom: 18px;}
.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: 5px;/* margin-top: 7px; */font-size: 16px;margin: 0 0 11px 0;}
.photo_wrap.img-slide .inner .info_box .list-1st li:last-child {margin-bottom:0;}
.photo_wrap.img-slide .inner .info_box .list-1st li:before{display:none;}
.photo_wrap.img-slide .inner .info_box .list-1st li em{padding-left:15px;font-size: 16px;}
.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: 3px !important;height: 3px !important;border-radius: 50%;background: #000;top: calc(50% - 2.5px);right: auto;left: 0;}

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


.ui-thumb__photo.bottom__photo .slide_control {position: absolute; right: 0; top: 249px; display: flex; align-items: center; border: 1px solid #DDD; background-color: #FFF; z-index: 100;}
.ui-thumb__photo.bottom__photo .slide_control .button {width: 35px; height: 35px; background-position: center; background-repeat: no-repeat;}
.ui-thumb__photo.bottom__photo .slide_control .button.prev {background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.74089 13.9318L1.35907 7.54997L7.74089 1.16815' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.ui-thumb__photo.bottom__photo .slide_control .button.next {background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15456 13.9318L7.53638 7.54997L1.15456 1.16815' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.ui-thumb__photo.bottom__photo .slide_control .button.play {background-image: url("data:image/svg+xml,%3Csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1272 8.74407C12.5876 9.14284 12.5876 9.85716 12.1272 10.2559L5.15468 16.2943C4.50704 16.8551 3.50003 16.3951 3.50003 15.5383L3.50003 3.46166C3.50003 2.60491 4.50704 2.14485 5.15468 2.70573L12.1272 8.74407Z' fill='black'/%3E%3C/svg%3E%0A");}
.ui-thumb__photo.bottom__photo .slide_control .button.stop {background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1V12.9318' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.50494 1V12.9318' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.ui-thumb__photo.bottom__photo .slide_control .button.play,
.ui-thumb__photo.bottom__photo .slide_control .button.stop {border-left: 1px solid #DDD; border-right: 1px solid #DDD; min-width: 37px;}

@media screen and (max-width: 1023px){
 .photo_wrap.img-slide> .inner{padding-left: 0;padding-right: 0;padding: 50px;}
 .photo_wrap.img-slide .thumb{top:56px;left:56px;position: relative;top: 0;left: 0;display: block;margin: 0 auto 30px;max-width: 428px;width: 100%;}

}

@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; }
 .photo_wrap.img-slide> .inner {padding: 30px;}
 .photo_wrap.img-slide .thumb {margin-bottom: 1px;}
 .info_box {position:relative;z-index:10;}

}

@media screen and (max-width:500px) {
 .photo_wrap.img-slide> .inner{padding-left: 30px;}
 .photo_wrap.img-slide .inner .info_box .list-1st li{padding: 20px 0 4px 20px;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:480px) {
 .photo_wrap.img-slide .inner .info_box .list-1st li {padding-left: 10px;padding-top: 0;}
 .photo_wrap.img-slide .inner .info_box .list-1st li em {padding-left: 0;}
 .photo_wrap.typeB .inner .info_box .list-1st li em:before {
    left: -10px;
}
}

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