@charset "utf-8";

.sub header > h1 > a > img {filter:invert(0) brightness(0)}
.sub .headerWrap.fixed header > h1 > a > img {filter:none}
.sub .editionInfo, .sub .editionInfo-mobile {color:#000}
.sub .headerWrap.fixed .editionInfo, .headerWrap.fixed .editionInfo-mobile {color:#fff}
.sub .headerUtil {color:#000}
.sub .headerWrap.fixed .headerUtil {color:#fff}
.sub .menu-mobile span, .sub .menu-mobile span::before, .sub .menu-mobile span::after {background-color:#000}
.sub .headerWrap.fixed .menu-mobile span, .sub .headerWrap.fixed .menu-mobile span::before, .sub .headerWrap.fixed .menu-mobile span::after {background-color:#fff}

/* subLayoutA */
.subLayoutA {padding-top:150px}

.coverStory01TopImg, .coverStory02TopImg, .coverStory021TopImg, .coverStory03TopImg, .coverStory04TopImg, .coverStory05TopImg, .coverStory06TopImg, .coverStory07TopImg, .coverStory08TopImg, .coverStory09TopImg {margin-top:90px; padding-top:50%; }
.coverStory01TopImg {background:url('../images/sub/sub01_01.webp') no-repeat 50%; background-size:cover;}
.coverStory02TopImg {background:url('../images/sub/sub02_01.webp') no-repeat 40%; background-size:cover; padding-top:55% !important;}
.coverStory021TopImg {background:url('../images/sub/sub02_02.webp') no-repeat 40%; background-size:cover;padding-top:55% !important;}
.coverStory03TopImg {background:url('../images/sub/sub03_01.webp') no-repeat 50%; background-size:cover; }
.coverStory04TopImg {background:url('../images/sub/sub04_01.webp') no-repeat 50%; background-size:cover; }
.coverStory05TopImg {background:url('../images/sub/sub05_01.webp') no-repeat 50%; background-size:cover; }
.coverStory06TopImg {background:url('../images/sub/sub06_01.webp') no-repeat 50%; background-size:cover; }
.coverStory07TopImg {background:url('../images/sub/sub07_01.webp') no-repeat 50%; background-size:cover; }
.coverStory08TopImg {background:url('../images/sub/sub08_01.webp') no-repeat 50%; background-size:cover; }
.coverStory09TopImg {background:url('../images/sub/sub09_01.webp') no-repeat 50%; background-size:cover; }
.visual_m {display:none;}
.coverCon {padding:40px 0 0 0; box-sizing:border-box}
.coverConArticleA, .coverConArticleB {display:flex; justify-content:space-between; padding:0 20px}
.coverConArticle-left, .slider-container-left {width:34%; padding-right:1.5%; box-sizing:border-box;}
.coverConArticle-right, .slider-container-right {width:66%}
.coverBadge {display:inline-block; border:1px solid #000; border-radius:19px; padding:9px 30px; font-family:var(--ArchivoBlack); font-size:20px; letter-spacing:-0.45px; color:#000; margin-bottom:40px}
.writer-info .label {font-family:var(--helveticaNeue); font-size:16px; font-weight:500; color:#333}
.writer-info .name {font-family:var(--helveticaNeue); font-size:16px; font-weight:700; color:#0d0d0d; /* margin-top:10px; */ line-height:1.3em}
.articleText {padding-left:40px; padding-right:15%; border-left:1px solid #000}

.coverStory01-sliderWrapA {padding:0 20px}
.coverStory01-sliderWrapA .slider-container {display:flex; align-items:flex-end}
.slider-container-left {padding-bottom:170px}
.imgCaption {font-family:var(--helveticaNeue); font-size:14px; font-weight:500; color:#85acb7; padding:20px 40px}
.video-link {display:flex; align-items:center; text-decoration:none; color:#000; gap:10px}
.play-icon {flex-shrink:0; background:#000; color:#fff; width:40px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:8px; font-size:12px}
.link-text {font-family:var(--ArchivoBlack); font-size:14px; letter-spacing:-0.45px; color:#000}

.slider-container-right, .coverStory01-sliderWrapB {position:relative}
.coverStory01Swiper1 {width:100%}
.coverStory01Swiper1 .swiper-slide img, .coverStory01Swiper2 .swiper-slide img {width:100%; height:100%; object-fit:cover}
.coverStory01Swiper1-next, .coverStory01Swiper1-prev, .coverStory01Swiper2-next, .coverStory01Swiper2-prev {background:#fff; width:67px; height:67px; border-radius:100%; color:#000 !important; top:calc(50% - 55px)}
.coverStory01Swiper1-next::after, .coverStory01Swiper1-prev::after, .coverStory01Swiper2-next::after, .coverStory01Swiper2-prev::after {font-size:24px; font-weight:900}
.coverStory01Swiper2-txt {font-family:var(--helveticaNeue); font-size:14px; font-weight:400; color:#000; padding:30px 20px; box-sizing:border-box}
.coverStory01-sliderWrapB {margin-top:100px}
.subLayoutPd .coverTxt26 {margin-top:25px}
.subBottomImg {margin-top:140px}

.shorts-container {position:relative; width:100%; max-width:395px; margin-top:100px}
.shorts-container iframe {aspect-ratio:9 / 16; width:100%; height:auto; border-radius:12px}
/* 본문 쪽 숏영상 추가 01.16 */

/* 추가 01.12 */
.cover2_Qtxt {font-family:var(--ArchivoBlack); font-size:26px; font-weight:700;}
.right_line {border-left:1px solid #000}
.end_pad {padding-bottom:140px;}
.bg_color_beige {background-color:#f5f2e5 !important;}
.cover2_ans_top {padding-top:25px;}

/* Event Layout */
.event_head {width:100%; margin:0 auto; background-color:#41a029; padding-bottom:2%;}
.evt_bg {/* background: url(../img/sub/sub10_bg1.webp) no-repeat 0 0;background-size: cover; */}
#cont10 {width: 1800px; max-width: 100%; margin:5% auto 0;}
#cont10 .img {width: 100%; padding: 0;}
#cont10 .cont10_1 img {max-width: 100%;}
.evt_bt_box {width:100%; display: flex; flex-direction: row; justify-content:center; margin-top:-5px; }
#cont11 {width:100%; background-color:#d8f4d1; padding:3% 0;}
#cont11 .cont11_1 {width:1280px;  max-width: 100%; margin:3% auto 4%; text-align:center !important;}
#cont11 .cont11_1 h2 { font-family: 'noto serif', serif; font-size:48px; word-space:80%; margin-bottom:3%;}
#cont11 .cont11_1 .cong_t {margin-bottom:5%; line-height:1.5em;}
#cont11 .cont11_1 .ent_list h3 {color:#315502; font-size:24px;font-family: 'noto serif', serif; font-weight:600;  margin-bottom:2%;}
#cont11 .cont11_1 .ent_list .list_d { font-size:18px; line-height:230%;}

/* 본문 간격 재조정 01.15 */
.tx_im_top {padding-bottom:90px;}


@media screen and (max-width:1700px) {
}
@media screen and (max-width:1440px) {
	.coverCon {padding:60px 0 0 0}
	.subLayoutA {padding-top:130px}
	.coverStory01TopImg {margin-top:50px}
	.subLayoutPd {padding:0 40px}
	.coverConArticleA, .coverConArticleB {padding:0 40px; flex-wrap:wrap}
	.coverConArticle-left, .slider-container-left {width:100%}
	.coverConArticle-right, .slider-container-right {width:100%}
	.coverConArticle-right {margin-top:30px}
	.coverBadge {margin-bottom:30px}
	.articleText {padding-left:0px; border-left:none}	
	.coverStory01-sliderWrapA .slider-container {flex-wrap:wrap}
	.slider-container-left {padding-bottom:0px; order:2; padding:0 40px}
	.slider-container-right {order:1}
	.video-link {gap:15px}
	.play-icon {width:50px; height:38px; border-radius:12px; font-size:16px}
	.link-text {font-size:20px}
	.video-link .arrow  img {height:16px}
	.coverStory01-sliderWrapA {padding:0}
	.coverStory01-sliderWrapB {margin-top:50px}
	.coverStory01Swiper2-txt {font-size:18px; padding:30px 40px}
	.cover2_ans_top {padding-top:0;}
	.shorts_1440_cen {display:flex; justify-content:center; margin-bottom:5%;} /* cover3 영상 1440 이후 가운데 정렬*/
}
@media screen and (max-width:1040px) {
}
@media screen and (max-width:1024px) {
	.mobile-tet-left {text-align:left !important}
	.mobile-tet-center {text-align:center !important}
	.mobile-tet-right {text-align:right !important}
	.subBottomImg {margin-top:100px}
	.shorts-container {margin-top:70px}
	.end_pad {padding-bottom:90px;}
	.tx_im_top {padding-bottom:70px !important}
}
@media screen and (max-width:768px) {
	.coverStory01TopImg, .coverStory02TopImg, .coverStory021TopImg, .coverStory02TopImg, .coverStory04TopImg, .coverStory05TopImg, .coverStory06TopImg, .coverStory07TopImg, .coverStory08TopImg, .coverStory09TopImg  {padding-top: 0 !important;background: none;}
	.visual_m {display:block; width:100%;}
	.coverStory01Swiper1 {height:auto}
	.coverStory01Swiper1-next, .coverStory01Swiper1-prev, .coverStory01Swiper2-next, .coverStory01Swiper2-prev {width:50px; height:50px}
	.coverStory01Swiper1-next::after, .coverStory01Swiper1-prev::after, .coverStory01Swiper2-next::after, .coverStory01Swiper2-prev::after {font-size:18px}
    .coverStory01Swiper2-txt {font-size:16px}
	.shorts-container {margin-top:50px}
	.cover2_Qtxt {font-size:22px;}

	#cont11 .cont11_1 {width:90%;}
	#cont11 .cont11_1 h2 {font-size:4.5vw;}
	#cont11 .cont11_1 .ent_list h3 {font-size:4vw;}
	#cont11 .cont11_1 .ent_list .list_d { font-size:3.2vw ;}

}
@media screen and (max-width:550px) {
	.conB .coverTxt20 {margin-bottom:15px}
    .conB .coverTit72 {margin-bottom:30px}
    .conB_txt {margin:30px 0 30px 0}
	.conC_profile_left {flex-shrink:initial}
    .coverStory01TopImg {margin-top:30px}
	.coverConArticleB.mt100 {margin-top:60px !important}
    .coverConArticle-right {margin-top:20px}
	.articleText.mPd {padding-bottom:50px !important}
	.coverStory01Swiper1-next, .coverStory01Swiper1-prev, .coverStory01Swiper2-next, .coverStory01Swiper2-prev {width:40px; height:40px}
	.coverStory01Swiper1-next::after, .coverStory01Swiper1-prev::after, .coverStory01Swiper2-next::after, .coverStory01Swiper2-prev::after {font-size:14px}
    .coverStory01Swiper2-txt {font-size:14px; padding:10px 40px}
    .video-link {gap:10px}
    .play-icon {width:48px; height:30px; border-radius:6px; font-size:14px}
	.link-text {font-size:14px}
    .video-link .arrow img {height:auto}
	.coverConArticleB.mt70 {margin-top:0 !important}
}