@charset "utf-8"; 

.top-head3 .top-head__bg {background-image: url(/assets/img/top-img3.jpg)}

/*datepicker*/
.datepicker table {background-color: #fff; border:1px solid #ddd}

header #menu .cate1>li:nth-child(3)>a {border-bottom: 2px solid #068944; padding-bottom: 4px;}
.notice-txt {
    text-align: center;
    font-size: 0.9em;
    color: #666;
}
.campaign-wrap .list-write-btn {background-color: #212c54;
    font-size: 0.875em;
    float: right;
    height: 36px;
    line-height: 36px;
    width: 100px; }

/*글쓰기*/
.campaign-write-wrap .end-date {background-image: url(/assets/img/campaign/end-date-icon.png); background-size: 18px; background-position: right; background-repeat: no-repeat; cursor: pointer}

/*글 리스트*/
.now-campaign li {width: 100%; height: 400px;  background-position: center center; background-repeat: no-repeat;}   
.bx-wrapper .bx-pager {bottom: 60px; right: 60px;}
.now-campaign-inner {
    float: left;
    width: 100%;
    height: 400px;
    overflow: hidden; background-color: rgba(0,0,0,0.4);
}
.now-campaign-inner .top {
    padding-top: 60px;
}
.now-campaign-inner .top .date {
    padding-left: 90px;
    color: #fff;
}
.now-campaign-inner .top h4 {
    font-size: 0.875em;
    font-weight: 500;
    float: right;
    padding-right: 90px;
    color: #fff;
}
.now-campaign-inner .txt {
    position: absolute;
    bottom: 60px;
    left: 90px;
}
.now-campaign-inner .txt .type {
    color: #fff;
    font-weight: 600;
    border-bottom: 2px solid #fff;
    display: inline-block;
    padding-bottom: 3px;
    margin-bottom: 15px;
}
.now-campaign-inner .txt .title {
    font-size: 1.625em;
    color: #fff;
}
.now-campaign-inner .txt .description {
    color: #fff;
    width: 384px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word; 
  line-height: 1.7em;
  height: 3.4em; 
}
.last-campaign li {
    width: 49%;
    float: left;
    margin-bottom: 20px;
    height: 300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 140%;
    background-position: center center;
    background-color: #fafafa
} 
.last-campaign li .top .date {
    color: #fff;
    padding: 30px 0 0 40px;
}
.last-campaign li .txt {
    position: absolute;  
    bottom: 50px;
    left: 40px;
}
.last-campaign li .txt .type {
    color: #fff;
    font-weight: 600;
    border-bottom: 2px solid #fff;
    display: inline-block;
    padding-bottom: 3px;
    margin-bottom: 15px; font-size: 0.875em}
.last-campaign li .txt .title {
    font-size: 1.25em;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 480px;
    overflow: hidden;
}
.last-campaign li .txt .description {
    text-overflow: ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width: 480px;
    overflow:hidden;
    color: #fff;
}
.last-campaign li:nth-child(even) {
    float: right;
}
.last-campaign-inner {
    width: 100%;
    float: left;
    height: 300px;
    position: relative; background-color: rgba(0,0,0,0.4);
    }
.last-campaign li:hover {background-size: 150%;}
.last-campaign>h4 {font-weight: 600;
    margin-top: 70px;
    margin-bottom: 20px;}
.campaign-list-wrap .btn-list {margin-top: 60px}

/*글 보기*/
.campaign-view-wrap {}
.campaign-view-wrap .contents {    width: 100%;
    float: left;
    margin-top: 100px;
    margin-bottom: 60px;}
.campaign-view-wrap .btn-list a {display: inline-block}
.campaign-view-wrap .contents .btn {display: inline-block;}
.campaign-view-wrap .btn-list .btn--line-round--blue {margin-right: 10px;}
.last-campaign li .type{
    margin-top:40px;
}
.subbutton{
    margin-top:50px;
}
.datepicker table{
    position: absolute;
    top: 420px;
    left: 1210px;
}
.filerror{
    position:absolute;
    top:40px;
    z-index:1;
}

/* 슬라이더 */
.campaign-wrap .bx-wrapper .bx-controls .bx-pager {right:90px; bottom:30px;}
.campaign-wrap .bx-wrapper .bx-controls .bx-controls-direction a {}
.campaign-wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left:2%}
.campaign-wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {left:auto; right:2%}




@media (max-width: 960px) {
    
    /*리스트*/
    .now-campaign-inner .top h4 {float: left;
    padding-right: 0;
    width: 90%;
    padding-left: 10%;}
    .now-campaign-inner .top .date {padding-left: 10%;
    width: 90%;}
    .back-logo {display: none}
    .now-campaign li, .last-campaign li {background-size: cover}
    .now-campaign li, .now-campaign-inner {height: 300px} 
    .now-campaign-inner {width: 100%; background-color: transparent}
    .now-campaign-inner .txt .title {width: 84%; margin-bottom: 7px; font-size: 1.2em}
    .now-campaign-inner .top .date,
    .now-campaign-inner .top h4 {padding-left: 8%;}
    .now-campaign-inner .top {padding-top: 30px}
    .now-campaign-inner .txt {bottom: 45px; left: 8%}
    .last-campaign li,
    .last-campaign-inner {height: 200px}
    .last-campaign li .top .date {padding: 25px 0 0 30px;}
    .last-campaign li .txt {width: 79%; left: 30px; bottom: 25px;}
    .last-campaign li .txt .title,
    .last-campaign li .txt .description {width: 100%;} 
    .overlay-list {width: 100%;
    height: 300px;
    background-color: rgba(0,0,0,0.3); z-index: -1; position: absolute;}
    div.bx-wrapper .bx-pager {right: 10%; width: 10px; bottom: 40px}
    
    .datepicker table{ top: 175px; left: auto; right: 60px; }

    /* 슬라이더 */
    .campaign-wrap .bx-wrapper .bx-controls .bx-pager {width: auto; bottom:25px; right:5.5%; left:auto;}
    .campaign-wrap .bx-wrapper .bx-controls .bx-controls-direction a {}
    .campaign-wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {top: auto;bottom: 20px;left: 8%;right: auto;}
    .campaign-wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {top: auto;bottom: 20px;left: calc(8% + 35px);right: auto;}
    
    
    
}

@media (max-width: 680px) {
    
    /*리스트*/
    .now-campaign-inner .top h4 {
    margin-bottom: 10px;}
    .now-campaign-inner .txt {left: 10%; width: 90%;
    bottom: 80px}
    .now-campaign-inner .txt .title {text-overflow:ellipsis; 
  white-space:nowrap;
  word-wrap:normal;
  width:83%;
  overflow:hidden;}
    .now-campaign-inner .txt .description {-webkit-line-clamp: 1; height: auto; width: 83%}
    .bx-wrapper .bx-pager {right: 10%; bottom: 7%; z-index: 100}
    .last-campaign li {width: 100%}
    .input-50-right {margin-left: 0; margin-top: 25px}
    .input-25 {width: 100%; margin-right: 0; margin-bottom: 25px}
    .input-66 {width: 100%}
    
}