@charset "UTF-8";.renewal-archive-list{font-family:Theinhardt,"Microsoft jhengHei","Microsoft YaHei New","Microsoft Yahei",Arial,Helvetica,sans-serif;min-height:1000px;word-wrap:break-word}
.renewal-archive-list button,.renewal-archive-list button:active,.renewal-archive-list button:focus{padding:0}
.renewal-archive-list .archive-list .thumb,.renewal-archive-list a{text-decoration:none}
.renewal-archive-list p{margin:0}
.renewal-archive-list .archive-group{padding-top:60px;padding-bottom:20px}
.renewal-archive-list .archive-group.best{padding-top:40px;border-bottom:1px solid #ddd}
.renewal-archive-list .archive-group.season{border-top:1px solid #ddd}
.renewal-archive-list .sort-area+.archive-group.season{border-top:0;padding-top:0}
.renewal-archive-list .archive-group .archive-group-tit{display:inline-block;position:relative;padding-bottom:16px;margin-bottom:20px;line-height:1;font-size:28px;font-weight:700;color:#000;vertical-align:top;letter-spacing:.04em}
.renewal-archive-list .archive-group .archive-group-tit:after{content:'';position:absolute;bottom:0;left:0;width:80px;height:2px;background-color:#000}
.renewal-archive-list .archive-group.best .archive-group-tit:after{width:40px}
.renewal-archive-list .archive-cont{padding:0;letter-spacing:-.025em}
.renewal-archive-list .archive-cont .type{font-size:14px;color:#999}
.renewal-archive-list .archive-cont .date{margin-bottom:0;font-size:14px;color:#999}
.renewal-archive-list .archive-cont .type+.date{position:relative;display:inline-block;vertical-align:top;padding-left:20px}
.renewal-archive-list .archive-cont .type+.date:before{content:'';display:inline-block;position:absolute;left:9px;top:50%;margin-top:-5px;height:10px;width:1px;background-color:#999}
.renewal-archive-list .archive-list{overflow:hidden;margin:0 -8px}
.renewal-archive-list .archive-list li{float:left;width:33.3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0 8px 40px}
.renewal-archive-list .archive-list .thumb-frame{overflow:hidden;position:relative;padding-top:57.74647%;max-width:355px;max-height:205px;margin:0 auto 20px}
.renewal-archive-list .archive-list .thumb-frame img{position:absolute;left:0;right:0;top:0;width:100%}
.renewal-archive-list .archive-list .icon-play{position:absolute;height:1em;font-size:42px;color:#fff;width:auto;top:auto;left:auto;right:10px;bottom:10px;margin:0;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}
.renewal-archive-list .archive-list .thumb:hover .icon-play{color:#333}
.renewal-archive-list .archive-list .icon-play:before{font-family:fontello;content:'\e811';font-style:normal;font-weight:400;speak:none;display:inline-block;width:1em;color:inherit;text-align:center;text-decoration:inherit;font-variant:normal;text-transform:none;line-height:1em;font-size:42px;vertical-align:top}
.renewal-archive-list .archive-list .archive-name{overflow:hidden;display:-webkit-box;display:inline-block;width:100%;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:30px;max-height:30px;margin-bottom:5px;line-height:30px;font-size:18px;font-weight:700;color:#333;white-space:nowrap}
.renewal-archive-list .archive-list .archive-desc{overflow:hidden;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;max-height:42px;margin:0 0 10px;font-size:14px;line-height:1.5;font-weight:700}
.renewal-archive-list .btn-more-wrap{text-align:center}
.renewal-archive-list .btn-more-wrap .btn-more{margin-bottom:20px;width:100%;height:55px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
.renewal-archive-list .btn-more-wrap .btn-more-txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;-js-display:flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;font-size:18px;color:#222;font-weight:700}
.renewal-archive-list .btn-more-wrap .btn-more-txt:before{content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-color:#222;border-radius:50%;background:url(/hk/zh/resource/img/pdp_renew/ico_more.png) 50% 50% no-repeat #222;background-size:8px 8px}
.renewal-archive-list .archive-group+.btn-more-wrap .btn-more{margin-bottom:0}
.renewal-archive-list .sort-area{padding-top:50px;padding-bottom:18px}
.renewal-archive-list .sort-area .selectbox{min-width:180px;margin-left:10px}
.renewal-archive-list .sort-area .selectbox .selector-text{color:#999;text-indent:18px}
.renewal-archive-list .sort-area .selectbox .selector{height:auto;padding:10px 0;border-bottom:1px solid #999;color:#999;font-size:15px}
.renewal-archive-list .sort-area .selectbox .icon-arr-down,.renewal-archive-list .sort-area .selectbox .icon-arr-up{right:10px}
.renewal-archive-list .sort-area .selectbox [class^=icon-]{bottom:auto;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.renewal-archive-list .sort-area .selectbox.is-active .selector-text{padding-left:0}
.renewal-archive-detail{text-align:center;position:relative;font-family:Theinhardt,"Microsoft jhengHei","Microsoft YaHei New","Microsoft Yahei",Arial,Helvetica,sans-serif}
.renewal-archive-detail .archive-section{max-width:1100px;margin:0 auto;padding:0 7% 60px;background-color:#fff}
.renewal-archive-detail .archive-header{position:relative;max-width:940px;margin:0 auto;padding:0 7%;max-width:1100px;padding:60px 0 30px;border-top:1px solid #ddd}
.renewal-archive-detail .archive-header .h{margin-bottom:14px;line-height:1.4;font-size:34px;color:#000;font-weight:500}
.renewal-archive-detail .archive-header .type{line-height:1;font-size:15px;color:#999}
.renewal-archive-detail .archive-header .date{line-height:1;margin-bottom:0;margin-top:0;font-size:15px;color:#999}
.renewal-archive-detail .archive-header .type+.date{position:relative;display:inline-block;vertical-align:top;padding-left:16px}
.renewal-archive-detail .archive-header .type+.date:before{content:'';display:inline-block;position:absolute;left:7px;top:50%;margin-top:-5px;height:10px;width:1px;background-color:#999}
.renewal-archive-detail .archive-section .archive-content{max-width:940px;margin:0 auto;padding:0 7%;text-align:center}
.renewal-archive-detail .archive-section .archive-content .archive-image{margin-bottom:35px}
.renewal-archive-detail .archive-section .video-player{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:56.25%}
.renewal-archive-detail .archive-section .video-player iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.renewal-archive-detail .archive-section .print-copy{font-size:20px;line-height:1.5}
.renewal-archive-detail .archive-section .archive-content .archive-player+.film-desc,.renewal-archive-detail .others-archive-list [class^=sul-slide-btn-]{display:none}
.renewal-archive-detail .archive-section .archive-content.playing .film-desc{display:block;margin-top:35px;padding:0 4.6875%;overflow-y:auto;max-height:185px;text-align:left;font-size:15px;line-height:1.6}
.renewal-archive-detail .archive-print-section p{padding:0;margin:0}
.renewal-archive-detail .others-archive-list-wrap{max-width:940px;margin:0 auto;padding:0 7%;padding:50px 0;border-top:1px solid #ddd}
.renewal-archive-detail .others-archive-list{position:relative;max-width:940px;margin:0 auto;overflow:hidden;text-align:left}
.renewal-archive-detail .others-archive-list .others-list{font-size:0;margin:0 -7px;white-space:nowrap}
.renewal-archive-detail .others-archive-list .others-list .others-item{display:inline-block;max-width:304px;width:calc(33.333% - 14px);margin:0 7px;vertical-align:top}
.renewal-archive-detail .others-archive-list .cover{position:absolute;top:0;bottom:0;width:100%;height:63px;margin:auto;color:#fff;text-align:center;opacity:0;z-index:10}
.renewal-archive-detail .others-archive-list .category{display:block;font-size:14px}
.renewal-archive-detail .others-archive-list .category:after{content:'';display:block;width:0;height:1px;margin:7px auto auto;background:#fff;-webkit-transition:.3s ease-in-out .1s;-o-transition:.3s ease-in-out .1s;transition:.3s ease-in-out .1s}
.renewal-archive-detail .others-archive-list .media .icon-play{position:absolute;top:initial;left:initial;right:5px;bottom:5px;width:26px;height:26px;margin:-13px 0 0 -13px;font-size:26px}
.renewal-archive-detail .others-archive-list .media .icon-play:before{font-size:26px;vertical-align:top}
.renewal-archive-detail .others-archive-list .thumb{display:block;overflow:hidden;position:relative}
.renewal-archive-detail .others-archive-list .thumb:after{content:'';position:absolute;bottom:-100%;left:0;right:0;width:21px;height:21px;margin:0 auto;background:url(/hk/zh/resource/img/a/icon_more.png) no-repeat;-webkit-transition:.3s ease-in-out .1s;-o-transition:.3s ease-in-out .1s;transition:.3s ease-in-out .1s;background-size:100%}
.renewal-archive-detail .others-archive-list .thumb:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;background:rgba(0,0,0,.3);opacity:0;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}
.renewal-archive-detail .others-archive-list .thumb:focus .cover,.renewal-archive-detail .others-archive-list .thumb:focus:before,.renewal-archive-detail .others-archive-list .thumb:hover .cover,.renewal-archive-detail .others-archive-list .thumb:hover:before{opacity:1}
.renewal-archive-detail .others-archive-list .thumb:focus:after,.renewal-archive-detail .others-archive-list .thumb:hover:after{bottom:15px}
.renewal-archive-detail .others-archive-list .thumb:focus .category:after,.renewal-archive-detail .others-archive-list .thumb:hover .category:after{width:60%}
@media only all and (max-width:1023px){
.renewal-archive-detail .archive-section{padding-left:0;padding-right:0}
.renewal-archive-detail .archive-header{margin-left:30px;margin-right:30px}
}
/*! about.min.0.css 편집 */
.renewal-archive-detail .print-copy .about-view-content{color:#555;font-size:15px;line-height:1.9;text-align:left}
.renewal-archive-detail .print-copy .about-view-content .content-img{text-align:center;margin-bottom:5.20833333%}
.renewal-archive-detail .print-copy .about-view-content .content-item,.renewal-archive-detail .print-copy .about-view-content .content-movie{zoom:1;margin-bottom:3.125%}
.renewal-archive-detail .print-copy .about-view-content .content-item:before,.renewal-archive-detail .print-copy .about-view-content .content-movie:before{content:'';display:block}
.renewal-archive-detail .print-copy .about-view-content .content-item:after,.renewal-archive-detail .print-copy .about-view-content .content-movie:after{content:'';display:table;clear:both}
.renewal-archive-detail .print-copy .about-view-content .content-movie .desc{padding:3.125% 4.16666667%;background:#f5f5f5;overflow-x:hidden;overflow-y:auto;max-height:115px}
.renewal-archive-detail .print-copy .about-view-content .content-item li ul{margin-left:30px}
.renewal-archive-detail .print-copy .about-view-content .content-box{margin:5.20833333% 0;padding:1.6em 3em 1.5em;background-color:#f5f5f5}
.renewal-archive-detail .print-copy .about-view-content .desh-list li{padding-left:10px;text-indent:-10px}
.renewal-archive-detail .print-copy .about-view-content .l-about{padding:0 8.33333333%;margin:5.20833333% 0}
.renewal-archive-detail .print-copy .about-view-content .l-about p{margin:2em 0}
@media only all and (max-width:767px){
.renewal-archive-list .archive-group{padding-top:40px;padding-bottom:0}
.renewal-archive-list .archive-group.best{padding-top:30px;border-top:1px solid #ddd}
.renewal-archive-list .archive-cont{padding:0 3px;margin-bottom:0;background-color:#fff}
.renewal-archive-list .archive-cont .date,.renewal-archive-list .archive-cont .type{font-size:13px}
.renewal-archive-list .archive-list{margin:0}
.renewal-archive-list .archive-list li{float:none;width:auto;padding:0 0 38px}
.renewal-archive-list .archive-list .thumb-frame{max-width:100%;max-height:100%;padding-top:56.25%;margin-bottom:15px}
.renewal-archive-list .archive-list .icon-play{bottom:10px;height:32px;font-size:32px}
.renewal-archive-list .archive-list .icon-play:before{font-size:32px}
.renewal-archive-list .archive-group .archive-group-tit{margin-bottom:20px;padding-bottom:14px;font-size:22px}
.renewal-archive-list .archive-group .archive-group-tit:after{height:1.5px}
.renewal-archive-list .archive-name{height:auto;font-size:16px;line-height:1.3;min-height:18px;max-height:18px}
.renewal-archive-list .archive-desc{margin-bottom:5px;font-size:13px;line-height:1.4;min-height:36px;max-height:36px}
.renewal-archive-detail .archive-section .archive-content .archive-image,.renewal-archive-list .btn-more-wrap .btn-more{margin-bottom:20px}
.renewal-archive-list .btn-more-wrap .btn-more-txt{font-size:18px}
.renewal-archive-list .btn-more-wrap .btn-more-txt:before{width:22px;height:22px}
.renewal-archive-list .sort-area{padding-top:20px;padding-bottom:40px;margin:0 -5px}
.renewal-archive-list .sort-area .selectbox{float:left;width:calc(50% - 10px);min-width:0;margin:0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.renewal-archive-detail .archive-header .date,.renewal-archive-detail .archive-header .type,.renewal-archive-list .sort-area .selectbox .selector{font-size:14px}
.renewal-archive-list .archive-group+.btn-more-wrap .btn-more{margin-bottom:40px}
.renewal-archive-detail{text-align:left}
.renewal-archive-detail .archive-section{padding:0 0 30px}
.renewal-archive-detail .archive-header{padding:30px 0 20px;margin-left:15px;margin-right:15px;text-align:left}
.renewal-archive-detail .archive-header .h{font-size:22px}
.renewal-archive-detail .archive-section .archive-content{padding:0;text-align:left}
.renewal-archive-detail .archive-section .print-copy{padding:0 15px;font-size:15px}
.renewal-archive-detail .archive-section .archive-content .film-desc{display:block;padding:0 15px;max-height:initial;margin-top:20px;font-size:15px}
.renewal-archive-detail .others-archive-list-wrap{padding:20px 0 50px}
.renewal-archive-detail .others-archive-list .others-list .others-item{max-width:100%;width:calc(50% - 14px)}
.renewal-archive-detail .others-archive-list .cover{height:42px}
.renewal-archive-detail .others-archive-list .category:after{margin-top:2px}
.renewal-archive-detail .others-archive-list .thumb:after{width:15px;height:15px}
.renewal-archive-detail .others-archive-list .thumb:focus:after,.renewal-archive-detail .others-archive-list .thumb:hover:after{bottom:14%}
.renewal-archive-detail .others-archive-list [class^=sul-slide-btn-]{display:block;z-index:1000;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);width:38px;height:38px;background-color:rgba(225,225,225,.4);background-position:50% 50%;background-repeat:no-repeat;background-size:auto 10px;padding:0;margin:0}
.renewal-archive-detail .others-archive-list .sul-slide-btn-prev{left:0;background-image:url(/hk/zh/resource/img/a/ico_prev.svg)}
.renewal-archive-detail .others-archive-list .sul-slide-btn-next{right:0;background-image:url(/hk/zh/resource/img/a/ico_next.svg)}
.renewal-archive-detail .others-archive-list .sul-slide-btn-next[class*=disabled],.renewal-archive-detail .others-archive-list .sul-slide-btn-prev[class*=disabled]{display:none!important}
.renewal-archive-detail .print-copy .about-view-content{line-height:1.7}
.renewal-archive-detail .print-copy .about-view-content .l-about{padding:0;margin:9.375% 0}
}
/*! //about.min.0.css 편집 */