@charset "UTF-8";
.kv,.title{width:100%;position:relative}
.contents,.kv,.sponsor__wrapper ul li img,.title{position:relative}
.contents,.kv,.moreBtns-btn a,.title{top:0;left:0}
.kv{height:100px;overflow:hidden;background-image:url(../../../../assets/images/lovepower/kv.jpg);background-repeat:no-repeat;background-position:top center;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.title{text-align:center;font-size:30px;line-height:48px;letter-spacing:1px;color:#000;padding-bottom:15px}
.contents,.sub__title{line-height:26px;width:100%;text-align:center}
.contents{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#272727;font-size:17px;padding:0 52px 20px;font-weight:600}
.sub__title{font-weight:700;font-size:26px}
.sponsor__wrapper{padding-bottom:40px;width:100%;max-width:1200px;margin:0 auto}
.sponsor__wrapper ul{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.sponsor__wrapper ul li{text-align:center;width:50%}
.sponsor__wrapper ul li img{width:auto;height:40px;margin:13px 0;display:block}
.list__wrapper{width:100%;background-color:#fcebed}
.list__wrapper .list__header .item__wrapper{margin:0 auto;width:100%;padding-top:20px;padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
.list__wrapper .list__header .item__wrapper select{padding-left:20px;padding-right:20px;outline:0;width:222px;height:48px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 -1px 6px 0 rgba(0,0,0,.1);-moz-box-shadow:inset 0 -1px 6px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 6px 0 rgba(0,0,0,.1);border:1px solid #b2b2b2;background-color:#fafafa;font-size:18px;letter-spacing:1px;margin-bottom:20px;background-image:url(../../../../assets/images/common/select-arrow.svg);background-repeat:no-repeat;background-position:93% 50%;-webkit-appearance:none}
.list__wrapper .list__header .item__wrapper .item__line{height:1px;width:100%;background-color:#4b4b4b}
.list__wrapper .list__body .list__body__wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.list__wrapper .list__body .list__body__wrapper .list__item{width:278px;margin:40px 20px}
.list__wrapper .list__body .list__body__wrapper .list__item .list__item__body{width:278px;height:278px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #4b4b4b;background-color:#FFF;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);overflow:hidden;position:relative}
.list__wrapper .list__body .list__body__wrapper .list__item .list__item__body .list__item__body__text{-webkit-transition:all .6s ease;-o-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:0;position:absolute;top:0;left:0;width:278px;height:278px;font-size:16px;line-height:28px;color:#FFF;background-color:rgba(0,0,0,.7);padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;-webkit-line-clamp:9;overflow:hidden;-webkit-box-orient:vertical}
.list__wrapper .list__body .list__body__wrapper .list__item .list__item__body:hover .list__item__body__text{opacity:1}
.list__wrapper .list__body .list__body__wrapper .list__item .list__item__footer{margin-top:6px;height:36px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:1px solid #e76d75;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.list__wrapper .list__body .list__body__wrapper .list__item .list__item__footer .list__item__footer__links{width:49%;display:inline-block}
.list__wrapper .list__body .list__body__wrapper .list__item .list__item__footer .list__item__footer__links a{text-align:center;display:block;font-size:14px;font-weight:600;line-height:32px;text-decoration:none;color:#000}
.moreBtns,.moreBtns-btn{position:relative;display:-moz-box;display:-ms-flexbox;-webkit-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal}
.list__wrapper .list__body .list__body__wrapper .list__item .list__item__footer .list__item__footer__links a img{margin-right:5px;vertical-align:middle}
.moreBtns{width:100%;margin:0 0 20px;height:auto;display:-webkit-box;display:-webkit-flex;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.moreBtns .container{width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);padding:0 25px 50px}
.moreBtns-btn{-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;margin:50px auto;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);max-width:300px;height:48px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.15);-moz-box-shadow:0 4px 6px 0 rgba(0,0,0,.15);box-shadow:0 4px 6px 0 rgba(0,0,0,.15);background-color:#cc2027;display:-webkit-box;display:-webkit-flex;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-family:NotoSansCJKtc;font-size:18px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.56;letter-spacing:normal;text-align:center;color:#fff;overflow:hidden;cursor:pointer}
.moreBtns-btn:hover{color:#cc2027;background-color:#ffdcdd;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.15);box-shadow:0 0 3px 0 rgba(0,0,0,.15)}
.moreBtns-btn a{-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;position:absolute;width:100%;height:100%;text-decoration:none;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.moreBtns-btn a:link,.moreBtns-btn a:visited{color:#fff}
.moreBtns-btn a:hover{color:#cc2027;background-color:#ffdcdd}
@media only screen and (min-width:768px){.moreBtns{margin:30px 0 20px}
.moreBtns-btn{margin:0 auto;width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);padding:0 25px;font-size:18px;font-weight:500;line-height:1.56}
}
@media only screen and (min-width:1024px){.kv{height:250px}
.title{font-size:36px}
.contents{width:767px;margin:0 auto;font-size:22px;padding-bottom:85px;line-height:34px}
.sub__title{font-size:30px}
.sponsor__wrapper ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.sponsor__wrapper ul li{display:inline-block;text-align:center;width:auto}
.sponsor__wrapper ul li img{height:60px;margin:20px 15px}
.list__wrapper .list__header .item__wrapper{width:1000px}
.list__wrapper .list__body .list__body__wrapper{width:100%;margin:0 auto}
}
@media only screen and (min-width:1200px){.list__wrapper .list__header .item__wrapper{width:1280px}
.list__wrapper .list__body .list__body__wrapper{-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:1280px}
}
