@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@900&display=swap");*{font-family:"Noto Sans TC",-apple-system,sans-serif;font-weight:300;font-style:normal;position:static}* ::selection{background:#afa384;color:#FFFFFF}@media (min-width: 1000.1px){.pc{display:block !important}.sp{display:none !important}.pcInline{display:inline !important}.spInline{display:none !important}}@media (max-width: 1000px){.pc{display:none !important}.sp{display:block !important}.pcInline{display:none !important}.spInline{display:inline !important}}:root{--z-main:-1;--z-pageTitCol:0;--z-pageTitInner:1;--z-header:500}.listPageBtnCatgCol{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:unset;justify-content:unset;width:100%}@media (max-width: 1000px){.listPageBtnCatgCol{overflow-x:auto}}.listPageBtnCatgCol .btnCategory{-webkit-flex-shrink:0;flex-shrink:0;border-width:.4vw;border-style:solid;border-color:#000000;background:#FFFFFF;color:#000000;cursor:pointer;font-family:"Oswald","Noto Sans TC",-apple-system,sans-serif;font-size:0.85rem;font-weight:700;line-height:1;margin-right:.8vw;padding:1.86667vw 2.4vw}.listPageBtnCatgCol .btnCategory.selected{background:#000000;color:#FFFFFF}.listPageBtnCatgCol .btnCategory.disable{pointer-events:none;border-color:#e0e0e0;background:rgba(255,255,255,0.3);color:#e0e0e0}@media (min-width: 1000.1px){.listPageBtnCatgCol .btnCategory{border-width:2px;font-size:13px;margin-right:12px;padding:6px 12px;transition-duration:.3s}.listPageBtnCatgCol .btnCategory:hover{background:#000000;color:#FFFFFF}}.topicsBox{max-width:89.6vw;padding-top:4vw}@media (min-width: 1000.1px){.topicsBox{max-width:900px;padding-top:20px}}.topicsBox .topicDetail{background:#928157}.topicsBox .topicDetail.spLimit{display:none}@media (min-width: 1000.1px){.topicsBox .topicDetail.spLimit{display:block}}.topicsBox .topicDetail a{display:-webkit-flex;display:flex;box-sizing:border-box;margin-bottom:1.33333vw;text-decoration:none;color:#000;background:#fff}@media (min-width: 1000.1px){.topicsBox .topicDetail a{margin-bottom:5px;transition-duration:.3s}.topicsBox .topicDetail a:hover{cursor:pointer}.topicsBox .topicDetail a:hover .topicThumnail{transition-duration:.3s;position:relative;z-index:1}.topicsBox .topicDetail a:hover .topicThumnail:after{content:"";position:absolute;z-index:2;width:100%;height:100%;left:0;background:#928157;transition-duration:.3s;opacity:0.5}.topicsBox .topicDetail a:hover dl{background:#c8c0ab;transition-duration:.3s}.topicsBox .topicDetail a:hover dl dt,.topicsBox .topicDetail a:hover dl dd{opacity:0.5;transition-duration:.3s}.topicsBox .topicDetail a:hover dl dd.topicCategory{opacity:1;transition-duration:.3s}}.topicsBox .topicDetail a .topicThumnail{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:21.06667vw;background-color:#dcd6c6}@media (min-width: 1000.1px){.topicsBox .topicDetail a .topicThumnail{width:112px}.topicsBox .topicDetail a .topicThumnail img{min-width:112px;max-width:100%;vertical-align:top}}.topicsBox .topicDetail a dl{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:68.53333vw;padding:2.13333vw 2.66667vw 1.86667vw}@media (min-width: 1000.1px){.topicsBox .topicDetail a dl{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;width:788px;padding:20px}}.topicsBox .topicDetail a dl .topicCategory{-webkit-order:2;order:2}@media (min-width: 1000.1px){.topicsBox .topicDetail a dl .topicCategory{-webkit-order:1;order:1}}.topicsBox .topicDetail a dl .topicCategory a{display:-webkit-flex;display:flex;color:#fff;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:-webkit-fit-content;width:fit-content;line-height:1;padding:.53333vw 1.6vw;background:#000;font-size:2.66667vw;font-weight:400;font-family:"Oswald","Noto Sans TC",-apple-system,sans-serif}@media (min-width: 1000.1px){.topicsBox .topicDetail a dl .topicCategory a{padding:4px 12px;margin-bottom:6px;font-size:12px}.topicsBox .topicDetail a dl .topicCategory a:hover{background:#FFF;color:#000}}.topicsBox .topicDetail a dl .topicTit{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-order:1;order:1;font-size:3.46667vw;line-height:1.3;margin-bottom:1.33333vw;width:100%;text-decoration:none;color:#000}.topicsBox .topicDetail a dl .topicTit .js_topicTit{display:-webkit-flex;display:flex;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;font-weight:400}@media (min-width: 1000.1px){.topicsBox .topicDetail a dl .topicTit{margin-bottom:3px;-webkit-order:2;order:2;font-size:16px}.topicsBox .topicDetail a dl .topicTit .js_topicTit{-webkit-line-clamp:1}}.topicsBox .topicDetail a dl .topicDate{-webkit-order:3;order:3;font-size:3.2vw;font-weight:400;color:#a0a0a0;font-family:"Oswald","Noto Sans TC",-apple-system,sans-serif}@media (min-width: 1000.1px){.topicsBox .topicDetail a dl .topicDate{-webkit-order:3;order:3;font-size:14px}}.topicsBox .topicDetail a dl .topicDate::before{content:'';display:inline-block;position:relative;bottom:0.2vw;width:3.2vw;height:4vw;margin-right:1.2vw;vertical-align:middle;background:url("../images/common/ico_rudder.png") no-repeat center center;background-size:contain}@media (min-width: 1000.1px){.topicsBox .topicDetail a dl .topicDate::before{margin-right:5px;width:14px;height:17px;bottom:1px}}.topicsCastCol .imgCol{margin-left:auto;margin-right:auto}.topicsCastCol .castCol{padding:2.66667vw 0}@media (min-width: 1000.1px){.topicsCastCol{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.topicsCastCol .imgCol{width:332px;margin:0 80px 0 10px}.topicsCastCol .castCol{padding:50px 0;width:488px}}.typographicalWrap .typographicalImg .cardNum{font-size:1.2rem !important;text-align:center !important}.typographicalWrap .typographicalImg .cardName{font-size:1.6rem !important;font-weight:900;text-align:center !important}@media (min-width: 1000.1px){.typographicalWrap .typographicalImg .cardNum{font-size:20px !important}.typographicalWrap .typographicalImg .cardName{font-size:24px !important}}#topics .contentsWrap .productsBox .productsDetail.hidden{display:none}#topics .contentsWrap .pagerCol{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;background:#fff;margin-top:2.5vw;overflow:hidden}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol{background:none;margin-top:20px}}#topics .contentsWrap .pagerCol a{text-decoration:none;color:#000;background:#fff;font-size:3.2vw;font-weight:700;font-family:"Oswald","Noto Sans TC",-apple-system,sans-serif;text-align:center}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol a{border:solid 2px #000;padding:2px 0;width:100px;font-size:14px;transition:.3s}}@media (min-width: 1000.1px) and (min-width: 1000.1px){#topics .contentsWrap .pagerCol a:hover{background:#000 !important;color:#fff}}#topics .contentsWrap .pagerCol a.disable{pointer-events:none}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol a.disable{border:solid 2px #e6e6e6;background:#e6e6e6 !important;color:#919090}}#topics .contentsWrap .pagerCol a.prevBtn{background:url(../images/cardlist/ico_arrow.png) center center no-repeat;background-size:100%;width:3.86667vw;height:2.66667vw;text-indent:-9999px;margin:3vw;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol a.prevBtn{background:#fff;width:100px;height:auto;text-indent:0;margin:0;-webkit-transform:none;transform:none}}#topics .contentsWrap .pagerCol a.prevBtn.disable{opacity:0.2}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol a.prevBtn.disable{opacity:1}}#topics .contentsWrap .pagerCol a.nextBtn{background:url(../images/cardlist/ico_arrow.png) center center no-repeat;background-size:100%;width:3.86667vw;height:2.66667vw;text-indent:-9999px;margin:3vw}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol a.nextBtn{background:#fff;width:100px;height:auto;text-indent:0;margin:0}}#topics .contentsWrap .pagerCol a.nextBtn.disable{opacity:0.2}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol a.nextBtn.disable{opacity:1}}#topics .contentsWrap .pagerCol .pager{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;pointer-events:none}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol .pager{margin:0 20px;pointer-events:auto}}#topics .contentsWrap .pagerCol .pager::before{content:"";display:inline-block;width:1px;height:4vw;background:#7f7f7f;margin:0 28vw 0 2vw}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol .pager::before{display:none}}#topics .contentsWrap .pagerCol .pager::after{content:"";display:inline-block;width:1px;height:4vw;background:#7f7f7f;margin:0 2vw 0 28vw}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol .pager::after{display:none}}#topics .contentsWrap .pagerCol .pager .pageBtnMin{font-size:3.2vw;font-weight:700;font-family:"Oswald","Noto Sans TC",-apple-system,sans-serif}#topics .contentsWrap .pagerCol .pager .pageBtnMin span{font-size:3.2vw;font-weight:700;font-family:"Oswald","Noto Sans TC",-apple-system,sans-serif}#topics .contentsWrap .pagerCol .pager a{display:none}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol .pager a{width:35px;display:inline-block}}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol .pager a+a{margin-left:5px}}#topics .contentsWrap .pagerCol .pager a:only-child::after{display:none !important}#topics .contentsWrap .pagerCol .pager a.current{display:inline-block}#topics .contentsWrap .pagerCol .pager a.current::after{content:"/";display:inline-block;padding:0 0.5vw}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol .pager a.current::after{display:none;padding:0}}#topics .contentsWrap .pagerCol .pager a:last-child{display:inline-block}@media (min-width: 1000.1px){#topics .contentsWrap .pagerCol .pager a.current{background:#000;color:#fff}}

/*# sourceMappingURL=maps/topics.css.map */