@charset "utf-8";
/* CSS Document */

/**********************************************************************************
	FONTS
**********************************************************************************/
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Regular.eot');
    src: url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Regular.woff2') format('woff2'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Regular.woff') format('woff'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Medium.eot');
    src: url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Medium.woff2') format('woff2'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Medium.woff') format('woff'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('https://img.vogue.co.kr/vogue/fonts/Pretendard-SemiBold.eot');
    src: url('https://img.vogue.co.kr/vogue/fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-SemiBold.woff2') format('woff2'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-SemiBold.woff') format('woff'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Bold.eot');
    src: url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Bold.woff2') format('woff2'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Bold.woff') format('woff'),
        url('https://img.vogue.co.kr/vogue/fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}

/** 관련 기사 커스텀 **/
img { width: 100%; height: auto;}
ul, li { list-style: none; padding: 0; margin: 0;}
.wp-embed { padding: 0; border: 0; box-shadow:none; color: #000; font-family:'Pretendard', AppleGothic, 'Dotum', sans-serif; font-size: 16px;  }
.wp-embed a { color: #000;}
.wp-embed a:hover { text-decoration:none;}
.wp-embed-featured-image, .wp-embed-heading, .wp-embed-excerpt, .wp-embed-footer {display: none; }

.relate_group { /*margin: 100px 0;*/ }
.relate_group a {     display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;}
.relate_group h2 { padding: 11px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 1.125rem; font-weight: 600; letter-spacing: -0.002em; margin: 0; display: none;}
.relate_group ul { padding: 16px 0; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;  }
.relate_group ul li { margin: 0 0 16px 0; letter-spacing: -0.002em; display: flex; }
.relate_group ul li:last-child { margin: 0; }
.relate_group ul li a { display: flex; flex-wrap: wrap; align-items: center; }
.relate_group .thum { width: 100px; padding-top: 100px; position: relative; overflow: hidden; height: 0; }
.relate_group .thum img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.relate_group .content { width: 60%; padding: 0 0 0 20px; flex-grow: 1;}
.relate_group .category { font-size: 0.81rem; }
.relate_group h3 { margin: 8px 0 10px; font-size: 1.125rem; line-height: 1.44; word-break: keep-all; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 63px; }
.relate_group .date { font-size: 0.81rem; color: #999; letter-spacing: 0; }
.relate_group .date span { position: relative; margin-left: 8px; padding-left: 8px; }
.relate_group .date span::before { content: ""; width: 1px; height: 10px; background: #999999; opacity: .5; position: absolute; top: calc(50% + 1px); left: 0; transform: translateY(-50%); }

@media (max-width: 360px) {
     /*.relate_group { margin: 13.3vw 0; }*/
     .relate_group h2 { margin-bottom: 0; font-size: 1.38rem; }
     .relate_group ul { padding: 3.5vw 0; }
     .relate_group ul { margin: 0 0 4.2vw 0; }
     .relate_group .thum { width: 31%; padding-top: 31%; }
     .relate_group .content { width: 60%; padding-left: 4.2vw; }
     /*.relate_group .category { display: none; }*/
     .relate_group h3 { margin: 5px 0 4vw; font-size: 1.0rem; line-height: 1.3; }
}