@charset "utf-8";

/* 다운로드  */
button{padding:1em 2em;border:none;outline:none;background-color:transparent;box-shadow:none;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
button:active{transform:translateY(2px);-webkit-transform:translateY(2px);}
button:focus{box-shadow:inset 0 0 0 3px #154282}
.btn__text{display:inline-block;margin-left:0.5em;vertical-align:middle;}
.svg__current-btn{position:relative;padding:0.45em 0.75em;background-color:transparent;transition:all 200ms ease-in-out;}
.svg__current-btn:hover::before{transform:scaleX(1);-webkit-transform:scaleX(1);}
.svg__current-btn::before{position:absolute;top:auto;left:0;bottom:0.075em;width:100%;height:0.15em;background-color:#154282;content:"";transform:scaleX(0);transform-origin:left;transition:-webkit-transform 200ms ease-in-out;transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;-webkit-transform:scaleX(0);-webkit-transform-origin:left;}
.svg__current-btn .icon{color:#f2694b;font-size:1.25em;transition:all 200ms ease-in-out;will-change:transform;}
.svg__current-btn:hover .download-top, .svg__current-btn:focus .download-top{animation:bounce 1000ms alternate-reverse infinite linear;}
svg{width:12em;height:auto;}
.icon{display:inline-block;width:1em;height:1em;vertical-align:middle;/* stroke-width:0;stroke:currentColor;fill:currentColor; */}
.download-bottom{color:#1f3ee0;}
@-webkit-keyframes bounce{
  0%,
50%{transform:translateY(-5%);-webkit-transform:translateY(-5%);}
  25%,
75%{transform:translateY(5%);-webkit-transform:translateY(5%);}
}
@keyframes bounce{
  0%,
50%{transform:translateY(-5%);-webkit-transform:translateY(-5%);}
  25%,
75%{transform:translateY(5%);-webkit-transform:translateY(5%);}
}
/*// 다운로드  */


.ui-accordion-group .item{padding:0;border:0}
.ui-accordion-group .item .thumb-box{min-height:394px}
.ui-accordion-group .item .thumb-image{overflow:hidden;position:absolute;top:0;left:0;width:380px;margin:0;background-color:#fafafa;padding-top:42%}
.ui-accordion-group .item .thumb-image .img_box{position: absolute;top: 0;left: 0;width: 300%;height: 100%;margin-left: -100%;text-align: center}
.ui-accordion-group .item .thumb-image .img_box img{display: inline-block;max-width: none;height: 100%}
.ui-accordion-group .item .thumb-info strong{display: block;margin: 0;padding-top: 13px;padding-left: 0;padding-bottom: 20px;border-bottom: 2px solid #e5e5e5;
    font-size: 28px;font-weight: 700;line-height: 30px;color: #252525;text-align: left;word-wrap: break-word;word-break: keep-all}   
.thumb-summary ul{overflow:hidden}
.thumb-summary ul li{line-height:32px;padding-left:101px}
.thumb-summary ul li:before{top:16px}
.thumb-summary ul li:after{display:block;clear:both;content:''}
.thumb-summary ul li b{position: relative;display: inline-block;float:left;min-width: 86px;margin-left: -86px;vertical-align: top;}
.thumb-summary ul li b:after{display:inline-block;position:absolute;top:12px;left:70px;width:1px;height:10px;background:#ddd;vertical-align:baseline;content:''}
.btn-group-down span{margin:0 46px 0 15px}
.btn-group-down .file-down{right:0}
 
  @media only screen and (max-width:1240px){
 .ui-accordion-group .item .thumb-image{width:260px;}
  }
  
  @media only screen and (max-width:1100px){
 .ui-accordion-group .item .thumb-box{padding-left:300px}
  }
  
  @media only screen and (max-width:767px){
 .ui-accordion-group .item .thumb-box{padding-left:0;padding-top:314px}
 .ui-accordion-group .item .thumb-image{width:100%;padding-top:48%}
  }
  
.detail_con{margin:20px 15px;padding:20px 15px ;border-top:2px solid #ddd;border-bottom:1px solid #ddd;word-wrap: break-word;word-break: keep-all}
.detail_con:after{content:"";display:block;visibility:hidden;clear:both;}

.ui-thumb .thumb-block a{display:block;position:relative;overflow:hidden}
.ui-thumb .thumb-block div{display:block;text-align:center;border:1px solid #ddd;background-color:#fafafa}
.ui-thumb .thumb-block div img{height:199px;}
  
.ui-thumb.cols{margin:20px -4px 0}
.ui-thumb.cols:after{content:"";display:block;clear:both}
.ui-thumb.cols .thumb-block{float:left}
.ui-thumb.size-4 .thumb-block{width:25%;border:7px solid transparent;text-align:center}

@media(max-width:1024px) {
	.ui-thumb.size-4 .thumb-block{width:50%}
	.ui-thumb .thumb-block div img{height:260px}
}

@media(max-width:480px){
	.ui-thumb.cols{margin:20px 0}
	.ui-thumb.cols .thumb-block{float:none;margin-top:10px}
	.ui-thumb.cols .thumb-block:first-child{margin-top:0}
	.ui-thumb.size-4 .thumb-block{width:auto;border-width:0}

}


/* 다운로드 팝업창 /prog/headChiefData/popup.jsp */
.check-box{margin-bottom:15px}
.check-box .point-text{color:#666;text-align:left}

.down_pop{position:relative;overflow:hidden;max-width:600px;border:1px solid #222;background:#fff;text-align:center}
.down_pop .panel-heading{padding: 15px 25px;padding-right:154px;position: relative;background-color:#1c4984;color:#fff;text-align:left;font-size:16px;border-radius:0}
.down_pop .close_btn {position:absolute;top:-4px;right:32px;width:102px;font-size:20px;font-weight:bold;text-align:center}
.down_pop .close_btn a {display:inline-block;padding:3px 0;color:#fafafa;font-size:18px;line-height:38px}
.down_pop .close_btn a:hover,
.down_pop .close_btn a:focus{color:#fff}
.down_pop .close_btn a .ui-close{position:relative;top:-4px;display:inline-block;margin-left:8px;width:30px;height:30px;}
.down_pop .close_btn a .ui-close span{display:inline-block;position:absolute;top:50%;left:50%;margin-top:-3px;transition: all .5s ease;width:1px;height:28px;transform: rotate(-45deg);background-color:#fafafa}
.down_pop .close_btn a .ui-close span.nth-2{transform: rotate(45deg);}
.down_pop .close_btn a:hover .ui-close span,
.down_pop .close_btn a:focus .ui-close span{transform: rotate(-90deg);background-color:#fff}
.down_pop .close_btn a:hover .ui-close span.nth-2,
.down_pop .close_btn a:focus .ui-close span.nth-2{transform: rotate(90deg);}

.down_pop .table{border-bottom:1px solid #ddd}
.down_pop .table th{background-color:#f7f7f7}
.down_pop .btn-group{margin:15px 0}