@charset "utf-8";
/*리스트페이지 스타일*/
.ui-list__card a{display:block;}
.ui-list__card, .ui-list__card .obj, .ui-list__card .obj .thm--box{overflow: inherit;}
.ui-list__card .col1 .item .card--body{float: none;position: relative;width:100%;padding: 0;padding-right: 145px;}
.ui-list__card .col1 .item .card--body .tit {display: block; font-size: 14px;color: #d72429;font-weight: 600;}
.ui-list__card .obj .item .card--body .ui-list__title {overflow:hidden;width:100%;height: auto;text-overflow: ellipsis;white-space: nowrap;}
.ui-list__card .col1 .item .card--body b{margin-right: 5px;color:#000;font-weight:500;}
.ui-list__card .col1 .item .card--body .list-1st{margin: 20px 0 0 0;}

.ui-list__card .col1 .item .card--body .button{display:block;position: absolute;top: 50%;right: 20px;transform: translate(0, -50%);width:100px;height:97px;text-align:center;border:1px solid #dcdcdc;padding: 20px 14px;padding-bottom:60px;font-size: 14px;letter-spacing: -0.02em;}
.ui-list__card .col1 .item .card--body .button:after{position:absolute; top:62%; left:50%; width:23px;height:1px; background-color:#3a3a3a; content:"";transform: translate(-50%, -50%);}
.ui-list__card .col1 .item .card--body .button:before{display: block;position: absolute;left:48%;top:55%;width:12px;height:12px;border-top:1px solid #3a3a3a;border-right:1px solid #3a3a3a;-webkit-transform: rotate(45deg);transform: rotate(45deg);content:"";}
.ui-list__card .col1 a:hover .item .card--body .button:before,
.ui-list__card .col1 a:focus .item .card--body .button:before{border-top:1px solid #d72429;border-right:1px solid #d72429;}
.ui-list__card .col1 a:hover .item .card--body .button:after,
.ui-list__card .col1 a:focus .item .card--body .button:after{background-color:#d72429; }

.ui-list__card .col1 .item{position:relative;/* min-height: 230px; */padding: 30px;}
.ui-list__card .list-1st dd:before, .list-1st li:before{top:13px;width:3px;height:3px;border-radius: 0%;background: #000;}

@media (max-width:767px){
	.ui-list__card .col1 .item .card--body {padding:0;}
	.ui-list__card .col1 .item .card--body .btnwrap {margin:20px 0 0;text-align:right;}
	.ui-list__card .col1 .item .card--body .btnwrap:after {display:block; clear:both; visibility:hidden; content:'';}
	.ui-list__card .col1 .item .card--body .button{display:inline-block;position: static;top:0;left:0;padding: 10px;height:auto;transform: translate(0,0);}
    .ui-list__card .col1 .item .card--body .button::after{display:none;}
    .ui-list__card .col1 .item .card--body .button::before{display:none;}
}

/*검색 스타일*/
.program--search .search--btn input[type="button"] {border-radius: 4px;background: #555 url(/pcms/common/images/ir/program--search--icon.png) no-repeat 50% 50%;font-size: 0;padding: 0;display: block;width: 100%;}
.program--search .fieldset{width:100%;}
.program--search .search--text span{display:inline-block;width: 100%;}
.program--search .search_inner.float-md-right .search--text{}
.program--search{margin:0;}


@media(max-width:685px){
	.program--search .float-md-left{width: 100%;}
	.program--search .search_inner.float-md-right{width: 100%;}
}



/* 뷰페이지 스타일 */
.program--contents .bbs--view .bbs--view--header span:before{display:none;}
.program--contents .bbs--view .bbs--view--header{positon:relative;}
.program--contents .bbs--view .bbs--view--header > div:nth-child(2){padding: 6px 0 30px 0;}
.program--contents .bbs--view .bbs--view--header:before{display: inline-block;position: absolute;bottom: 0;left: 0;width: 100%;height: 8px;background: url(/pcms/common/images/common/ir-pattern.png);content: "";}
.jq-event-box .bbs--view--header:before{display:none !important;}
.jq-event-box .bbs--view--header{border-bottom:1px dotted #ddd !important;}
.program--contents .bbs--view .bbs--view--header .ui-list__card .item{border:none;}
.program--contents .bbs--view .bbs--view--header{border-bottom:none}
.program--contents .ui-list__card .obj .item{padding:0;}
.program--contents .ui-list__card .obj{margin: 17px -7px 0;}
.jq-event-box{}
.program--contents .video_detail_box{border:none;}
.program--contents #video_detail_box {max-height: 300px; overflow-y: scroll; margin-top: 40px;}
.video_info{border:none;}
.jq-event-box.video {border-left:1px solid #ddd;border-right:1px solid #ddd;}
.jq-event-box.video .bbs--view{border-top:1px solid #ddd !important}
.jq-event-box.video .video_desc .video_desc_inner{height:200px;}
.jq-event-box.video .tab-ul.type1 li a{height: 50px;min-height:auto;}
.jq-event-box.video .tab-ul.type1 li a::before{top:19.5px;}
.jq-event-box.video .tab-ul.type1 li a:hover::after{min-height: auto;}
.jq-event-box.video .tab-ul.type1 li.video-view-list a:active:after, .tab-ul.type1 li.video-view-list a:focus:after, .tab-ul.type1 li.video-view-list a:hover:after, .tab-ul.type1 li.video-view-list.on a:after, .tab-ul.type1 li.video-view-list.on a:active:after, .tab-ul.type1 li.video-view-list.on a:focus:after, .tab-ul.type1 li.video-view-list.on a:hover:after{min-height:auto;}



.scope{position:relative;width:55px;height:55px;margin:0 auto;border-radius:100%;border-bottom-left-radius:0;background-color:transparent;font-size:180% !important;}
.scope:before{position:absolute;top:0;left:0;width:55px;height:55px;background-color:#000;content:"";opacity:0.6}
.scope .glass{position:relative;top:9px;left:10px;width:28px;height:28px;border:3.5px solid white;border-radius:100%;animation-name:zoom;animation-duration:.75s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;transform-origin:.5em .5em;-webkit-animation-name:zoom;-webkit-animation-duration:.75s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-transform-origin:.5em .5em;}
.scope .glass:before{display:block;position:relative;top:15px;left:18px;width:15px;height:3.5px;background:white;content:"";transform:rotate(45deg);transform-origin:left bottom;-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;}
.scope .glass:after{display:block;position:relative;top:-6px;left:-4px;width:1em;height:1em;opacity:1;content:"+";color:white;font-size:1em;text-align:center;line-height:1em;transition:all .2s ease;animation-name:zoomPlus;animation-duration:.75s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-name:zoomPlus;-webkit-animation-duration:.75s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;}
@-webkit-keyframes zoom{
  0%{transform:scale(0.9);-webkit-transform:scale(0.9);}
  50%{transform:scale(0.85);-webkit-transform:scale(0.85);}
  100%{transform:scale(1);-webkit-transform:scale(1);}
}
@keyframes zoom{
  0%{transform:scale(0.9);-webkit-transform:scale(0.9);}
  50%{transform:scale(0.85);-webkit-transform:scale(0.85);}
  100%{transform:scale(1);-webkit-transform:scale(1);}
}
@-webkit-keyframes zoomPlus{
  0%{transform:scale(0.9);-webkit-transform:scale(0.9);}
  50%{transform:scale(0.8);-webkit-transform:scale(0.8);}
  100%{transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@keyframes zoomPlus{
  0%{transform:scale(0.9);-webkit-transform:scale(0.9);}
  50%{transform:scale(0.8);-webkit-transform:scale(0.8);}
  100%{transform:scale(1.1);-webkit-transform:scale(1.1);}
}
#uiShift{overflow:hidden;position:relative;width:100%}
#uiShift .uiShift{margin-top:50px}
#uiShift .uiShift:first-child{margin-top:0}
#uiShift .gallery_wrap{overflow:hidden;position:relative}
#uiShift .gallery_wrap .galleryGrap{overflow:hidden;position:relative;width:100%;padding-top: 67%;border:1px solid #ddd;background:#fafafa;}
#uiShift .gallery_wrap .galleryGrap .scope{position:absolute;bottom:0;right:0;z-index:10}
#uiShift .gallery_wrap .galleryView {display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%;}
#uiShift .gallery_wrap .galleryView a{display:block;width:100%;height:100%}
#uiShift .gallery_wrap .galleryView img{position:absolute;top:50%;left:50%;max-width:none;height:100%;max-height:100%;transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}
#uiShift .gallery_wrap .galleryThum{overflow:hidden;width:86%;height:100%;margin:0 auto;margin-top:24px;padding:0}
#uiShift .gallery_wrap .galleryThum .list{position:relative;width:300%;height:100%}
#uiShift .gallery_wrap .galleryThum .list .item{float:left;position:relative;width:6.95%;margin-left:1.1%;padding-top:6.585%}
#uiShift .gallery_wrap .galleryThum .list .item a{display:block;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ddd}
#uiShift .gallery_wrap .galleryThum .list .item a:before{display:none;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:#000;content:'';opacity:.7}
#uiShift .gallery_wrap .galleryThum .list .item a.ov:before,
#uiShift .gallery_wrap .galleryThum .list .item:hover a:before,
#uiShift .gallery_wrap .galleryThum .list .item:active a:before,
#uiShift .gallery_wrap .galleryThum .list .item:focus a:before{display:block}
#uiShift .gallery_wrap .galleryThum .list .item a.ov,
#uiShift .gallery_wrap .galleryThum .list .item:hover a,
#uiShift .gallery_wrap .galleryThum .list .item:focus a,
#uiShift .gallery_wrap .galleryThum .list .item:active a{border:4px solid #1c4981}
#uiShift .gallery_wrap .galleryThum .list .item img{display:block;height:100%;margin:0 auto}
#uiShift .gallery_wrap .control{position:absolute;top: 92%;left:0;width:100%;margin-top:-25px;}
#uiShift .gallery_wrap .control .arr{position:absolute;width:24px;height:24px;font-size:0}
#uiShift .gallery_wrap .control .arrLeft{left:6px;border-top:1px solid #888;border-left:1px solid #888;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#uiShift .gallery_wrap .control .arrRight{right:6px;border-top:1px solid #888;border-right:1px solid #888;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg)}

@media(max-width:1280px){
	.program--contents .bbs--view .bbs--view--header::before{width:100%;left:0}
}


@media(max-width:800px){
	.jq-event-box.video .tab-ul.type1 li{width:100%;}
}

@media(max-width:747px){
	.view-btn a{width:49%;}
	.view-btn a:nth-child(3){margin-top:5px;}
	.view-btn a:nth-child(4){margin-top:5px;}
}


@media(max-width:601px){	
	.ui-list__card .col1 .item .card--body > span:last-child{position: relative;top: 0;left: 0;padding: 10px 10px;margin: 19px auto;height: auto;}
	.ui-list__card .col1 .item .card--body > span:last-child::before{display:none;}
	.ui-list__card .col1 .item .card--body > span:last-child::after{display:none;}
}

@media(max-width:435px){
	.view-btn a{width:100%;}
	.view-btn a:nth-child(n+2){margin-top:10px;}
}