@charset "UTF-8";

/* ----------------------------------
 Feature Detail
---------------------------------- */
#feature_detail { margin: 0 0 80px 0;}
#feature_detail .design-title { padding: 0 0 20px 0; margin: 0 0 40px 0; border-bottom: #DFE4E6 1px solid; font-family: "roc-grotesk", sans-serif; font-size: 34px; font-weight: 800; font-style: normal; text-align: center; line-height: 1.0; color: #0047BA;}
#feature_detail .contents-template-frame { margin: 0 0 80px 0;}

.feature-detail-frame { padding: 0 60px;}
.feature-detail-frame p { font-size: 16px; line-height: 2.0;}
.feature-detail-header { margin: 0 0 20px 0; display: flex; flex-wrap: wrap;}
.feature-detail-header .block-icon { margin: 0; align-items: center;}
.feature-detail-header .date { margin: 0 20px 0 0; font-size: 14px; word-break: keep-all; color: #0047BA;}
.feature-detail-header .title { width: 100%; padding: 0; margin: 20px 0 0 0; font-size: 26px; font-weight: 600; text-align: left; display: block; color: #15181C;}

.feature-new-arrival { padding: 0 60px; margin: 0 0 80px;}
.feature-new-arrival .title { padding: 0 0 10px 0; margin: 0 0 30px 0; border-bottom: #0047BA 2px solid; font-size: 16px; font-weight: 400; text-align: center; line-height: 1.2; color: #0047BA;}
.feature-new-arrival .feature-list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.feature-new-arrival .feature-list-item { width: calc(50% - 13px); margin: 0 0 30px 0; display: flex; justify-content: space-between;}
.feature-new-arrival .feature-list-item a { width: 100%; text-decoration: none; display: flex; justify-content: space-between;}
.feature-new-arrival .feature-list-item .image { width: 184px; height: 138px; padding: 0; border-radius: 30px; display: flex; justify-content: center; align-items: center; transition: 0.3s; overflow: hidden;}
.feature-new-arrival .feature-list-item a:hover .image { opacity: 0.7;}
.feature-new-arrival .feature-list-item .desc { width: calc(100% - 206px);}
.feature-new-arrival .feature-list-item .block-icon { display: none;}
.feature-new-arrival .feature-list-item .date { display: none;}
.feature-new-arrival .feature-list-item .name { max-height: 42px !important; margin: 0 0 10px 0; font-size: 15px; font-weight: 600; line-height: 1.4; color: #0047BA; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.feature-new-arrival .feature-list-item .text { max-height: 39.2px !important; margin: 0 0 10px 0; font-size: 14px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.feature-new-arrival .back-list { margin: 40px 0; font-size: 14px; text-align: center; color: #0047BA;}
.feature-new-arrival .back-list a { font-size: 14px; text-align: center; color: #0047BA;}