@charset "utf-8";


/* 헤드라인 부분 글씨 크기 */
.main_top {animation: fadeUp 1s alternate;}
.main_top .img_type .news_text .tit{font-size: 1.6em;}
.main_top .webzine_type .news_text .tit{font-size: 1.2em;}


/* 헤드라인 좌측 */
.main_top .photo_type{height: 100%;}
.main_top .photo_type li{height: calc(50% - 15px);}


/* 헤드라인 */
.main .main_02{margin-top: 30px;}
#main_headline_swiper .swiper-pagination{width: fit-content; top: 20px; bottom: initial; left: initial; right: 20px; }
.main_02 .webzine_type > li{border-top: 1px dashed #eee; padding-top: 10px;}
.main_02 .webzine_type > li + li{ margin-top: 10px;}



/* 헤드라인 우측 : 최신기사 */
.main_top .card_type{height: 100%;}
.main_top .card_type li{background-color: #f0f0f0; height: calc(50% - 15px);}
.main_top .card_type li + li, .main_mid .card_type li + li{margin-top: 30px;}
.main_top .card_type li > a{height: 100%;}

.main_01{margin: 30px auto;}
.quick_news > li{flex: 1;background-color: var(--color-basic2)}
.quick_news{gap:20px !important}
.quick_news a{padding: 20px 20px 15px 20px; /*border: 1px solid #eee; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .05);*/}
.quick_news .news_text .tit {-webkit-line-clamp: 1 !important;font-size: 1em;color:#000;}


.main_03{background: url('../img/bg_logo_text.png') no-repeat -2.5% bottom / 75%; padding-bottom: 60px;}
.main .main_03 + .main_04 {margin-top: 30px;}

/* 구독하기 */
.subscribe_wrap{background-color: #161616; color: #fff; padding: 80px 0; text-align: center;}
.subscribe_wrap .tit{font-size: 2rem; font-weight: 700; margin-bottom: 15px;}
.subscribe_wrap .text{font-size: 1.2rem; color: #999;}
.subscribe_wrap form{max-width: 600px; margin: 30px auto 0 auto;}
.subscribe_bar{display: flex; margin: 10px auto; color: #222; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4); font-size: 15px; overflow: hidden; border-radius: 2em; border: 5px solid #fbfbfb; background-color: #fbfbfb}

.subscribe_bar > label{flex: 1;}
.subscribe_bar > label > input{display: block; width: 100%; border: none; border-radius: 0; background-color: transparent;}
.subscribe_bar > input[type="button"]{width: 130px; padding: 0 1em; text-align: center; background-color: #222; border: 1px solid #222; color: #fff; font-size: 13px; font-weight: 600; border-radius: 2em; transition-duration: 100ms;}
.subscribe_bar > input[type="button"]:hover{cursor: pointer; color: #222; background-color: #fff;}
.subscribe_agree{font-size: 14px; color: #999; font-weight: 500; margin: 15px auto;}
.subscribe_wrap .btn_big{max-width: initial; width: 100%; border-radius: 2em; font-weight: 600;}


/* 메인 중앙 */
.main_center .card_type + .photo_type, .main_center .photo_type + .card_type {margin-top: 30px;}
.main_center .card_type.horizontal .news_text .tit{font-size: 1.8rem;}
.main_center .items + .items{margin-top: 50px;}


/* 슬라이드 뉴스 */
.wide_wrap{color: #fff;}
.wide_wrap .card_type li{background: transparent; margin: 0;}
.wide_wrap .news_text .con, .wide_wrap .cate > .date{color: #ddd;}
.wide_wrap .card_type .news_text .tit{font-size: 1.4rem;}
.wide_swiper .swiper-pagination{width: fit-content; top: 30px; bottom: initial; left: initial; right: 20px; }


/* 포토&영상 */
.main_photo .items + .items{margin-top: 50px;}
.main_photo .card_type li:nth-child(odd){background-color: #161616; color: #fff;}
.main_photo .card_type.grid2 .img{aspect-ratio: 2/3;}
.main_photo .card_type.grid3 .img{position: relative; aspect-ratio: 1/2;}
.main_photo .card_type.grid3 .img::after{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 14px solid #f0f0f0; content:""; display: block; clear: both; }

.main_photo .card_type li:nth-child(odd) .news_text .con, .main_photo .card_type li:nth-child(odd) .cate > .date{color: #ddd;}
.main_photo .card_type.grid3 li:nth-child(odd) .img::after{border-left-color: #161616;}

.banner_wrap{margin: 30px auto;}


/* 우측 sticky 따라다니게 */
.right_sticky{position:sticky;top:70px;left:0;}
.quick_news .news_text .tit{font-size:18px !important}
.quick_news .news_text .tit.line2{-webkit-line-clamp:2 !important;}

.quick_news > li{position:relative;min-height:110px;overflow:hidden}
.quick_news > li::before,.quick_news > li::after{content:"";position:absolute;top:0;right:0;width:22px;height:22px}
.quick_news > li::after{background:linear-gradient(45deg,#00000014 0 50%,transparent 50%);z-index:2}
.quick_news > li::before{background:linear-gradient(225deg,#fffffff2 0 50%,transparent 50%);z-index:1}