@charset "UTF-8";

/* ----------------------------------
 News Detail
---------------------------------- */
#news_detail { margin: 0 0 100px 0;}
#news_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;}
.news-detail-frame { padding: 0 60px;}
.news-detail-frame p { font-size: 16px; line-height: 2.0; overflow-wrap: break-word; word-break: break-all;}
.news-detail-frame .news-detail-header { margin: 0 0 20px 0; display: flex; flex-wrap: wrap;}
.news-detail-frame .news-detail-header .block-icon { margin: 0; align-items: center;}
.news-detail-frame .news-detail-header .block-icon .image-icon,
.news-detail-frame .news-detail-header .block-icon .text-icon { margin: 0 4px 0 0;}
.news-detail-frame .news-detail-header .date  { margin: 0 20px 0 0; font-size: 14px; word-break: keep-all; color: #0047BA;}
.news-detail-frame .news-detail-header .title { width: 100%; padding: 0; margin: 15px 0 0 0; font-size: 26px; font-weight: 600;}

.news-intro-data { padding: 0 60px; margin: 80px 0;}
.news-intro-data .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;}
.news-intro-data .news-intro-list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.news-intro-data .news-intro-item { width: calc(50% - 14px); margin-bottom: 20px; display: flex; justify-content: space-between;}
.news-intro-data .news-intro-item a { width: 100%; text-decoration: none; display: flex; justify-content: space-between;}
.news-intro-data .news-intro-item .image { width: 184px; height: 184px; display: flex; justify-content: center; align-items: center; transition: 0.3s;}
.news-intro-data .news-intro-item a:hover .image { opacity: 0.7;}
.news-intro-data .news-intro-item .desc { width: calc(100% - 204px);}
.news-intro-data .news-intro-item .desc .name { max-height: 40px !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;}
.news-intro-data .news-intro-item .desc .price { font-size: 17px;}
.news-intro-data .news-intro-item .desc .price::after{ font-size: 12px;}

.news-new-arrival { padding: 0 60px; margin: 120px 0 80px;}
.news-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;}
.news-new-arrival .news-list { width: 100%; display: flex; flex-wrap: wrap;}
.news-new-arrival .news-list-item { width: calc((100% - 60px)/4); margin: 0 20px 20px 0;}
.news-new-arrival .news-list-item:nth-child(4n) { margin-right: 0;}
.news-new-arrival .news-list-item a { width: 100%; text-decoration: none; display: block;}
.news-new-arrival .news-list-item .image { width: 100%; height: 0; padding: 75% 0 0 0; margin: 0 0 10px 0; border-radius: 30px; display: flex; justify-content: center; align-items: center; position: relative; transition: 0.3s; overflow: hidden;}
.news-new-arrival .news-list-item .image figure { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0;}
.news-new-arrival .news-list-item a:hover .image { opacity: 0.7;}
.news-new-arrival .news-list-item .block-icon { display: none;}
.news-new-arrival .news-list-item .date { margin: 0 0 10px 0; font-size: 14px; word-break: keep-all; color: #0047BA;}
.news-new-arrival .news-list-item .text { font-size: 14px;}
.news-new-arrival .back-list { margin: 40px 0; font-size: 14px; text-align: center; color: #0047BA;}
.news-new-arrival .back-list a { font-size: 14px; text-align: center; color: #0047BA;}