@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');/*오늘의말*/
@import url("https://static.heraldcorp.com/wbazic/climate/climate.css");

/* ====== common ======================================================================================================= */
fieldset{border:0; padding:0; margin:0}
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  word-wrap:break-word}
.ellipsis2, .ellipsis3, .ellipsis4, .ellipsis5{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-wrap:break-word}
.ellipsis2{-webkit-line-clamp:2}
.ellipsis3{-webkit-line-clamp:3}
.ellipsis4{-webkit-line-clamp:4}
body{background:#F1F1F1; font-size:0}
.blind{position:absolute; overflow:hidden; width:1px; height:1px; top:-1px; clip:rect(0 0 0 0)}
.special_img:after, .column_img_bg:after, .column_channel_img_bg:after, .section_graphic_swiper_img:after, .index_heraldpop_li li a:after, .reporter_top_img:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1)}


/* ====== header ======================================================================================================= */
/* header */
header{position:relative; z-index:2; backdrop-filter:blur(100px); -webkit-backdrop-filter:blur(100px); background:rgba(255,255,255,.8)}
/* header_special */
.header_special{position:relative; text-align:right}
.header_special_btn{position:relative}
.header_special_btn:before{position:absolute; content:""; background:#171717; left:0; width:100%; height:15px}
.header_special_btn:after{position:absolute; content:""; background:#fff; top:8px; left:0;right:170px; height:8px; border-radius:0 7px 0 0}
.header_special_btn button{position:relative; display:inline-block; padding-right:8px; background:#171717; width:170px; text-align:right; border-radius:0 0 0 20px}
.header_special_btn button em, .header_special_btn button i{display:inline-block; vertical-align:middle}
.header_special_btn button em{color:#fff; font-size:13px; font-weight:300; line-height:40px; /*letter-spacing:-0.28px;*/ margin-right:10px}
.header_special_btn button em b{color:#33b8ff; font-weight:500}
.header_special_btn button em strong{font-weight:500; letter-spacing:-0.28px}
.header_special_btn button i{position:relative; width:22px; height:22px; border:1px solid rgba(255,255,255,.3); border-radius:50%; background:rgba(51,184,255,.9); box-shadow:0px 2px 3px 0px rgba(0,0,0,.05); backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px)}
.header_special_btn button i:before, .header_special_btn button i:after{position:absolute; content:""; display:block; top:10px; width:6px; height:2px; background:#fff; transition:.1s ease-in-out}
.header_special_btn button i:before{left:6px; transform:rotate(45deg)}
.header_special_btn button i:after{left:10px; transform:rotate(-45deg)}
.header_special_btn.active{z-index:2}
.header_special_btn.active:after{background:#171717}
.header_special_btn.active button{display:block; width:100%; border-radius:0}
.header_special_btn.active i{animation:bounce paused; animation-iteration-count:0}
.header_special_btn.active i:before{transform:rotate(-45deg)}
.header_special_btn.active i:after{transform:rotate(45deg)}
.header_special_area{display:none; padding:10px 20px 20px; position:relative; margin:0 auto; background:#171717; text-align:left; overflow:hidden}
.header_special_li li{position:relative}
.header_special_li li a{display:block}
.header_special_li .swiper-wrapper{max-width:1200px; height:auto}
.header_special_li li a .special_img{position:relative; padding-bottom:66.7%; margin-bottom:8px}
.header_special_li li a .special_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center}
.header_special_li li a .special_txt{color:#fff; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.3px}
/*
@media (max-width:392px) {
	.header_special_btn button em{font-size:3.4vw}
}
*/
/* header_gnb */
.header_gnb{position:relative; height:48px; border-bottom:1px solid rgba(0,0,0,.08); z-index:1}
.header_gnb_icon{position:absolute; top:11px; width:26px; height:26px}
.header_gnb_my{right:53px}
.header_gnb_icon svg{width:100%; height:100%; fill:#171717}
.header_gnb_logo{position:absolute; top:50%; left:18px; transform:translate(0,-50%); width:165px; height:24px; transition:.1s}
.header_gnb_logo svg{width:100%; height:100%}
.header_gnb_logo_col1{fill:#1BA2DA}
.header_gnb_logo_col2{fill:#000}
/* header_gnb_menu */
.header_gnb_menu{position:absolute; top:11px; right:16px; display:block; width:26px; height:26px; background:transparent}
.header_gnb_menu span{position:absolute;display:block; height:2px; left:3px; background:#171717; -webkit-transition:all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transform:translate3d(0, 0, 0); -transform:translate3d(0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:.1s}
.header_gnb_menu .all_menu_bar1{width:6px; top:6px}
.header_gnb_menu .all_menu_bar2{width:5px; top:12px}
.header_gnb_menu .all_menu_bar3{width:11px; top:17px}
.header_gnb_menu .all_menu_bar4{position:absolute; top:5px; right:1px; fill:#171717}
.header_gnb_menu.active .all_menu_bar1{-webkit-transform: rotate(45deg); transform: rotate(45deg); width:20px; top:12px; left:4px}
.header_gnb_menu.active .all_menu_bar2, .header_gnb_menu.active .all_menu_bar4{opacity:0}
.header_gnb_menu.active .all_menu_bar3{margin-top:-12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width:20px; top:24px; left:4px}
/* header_column */
.header_column{position:relative; border-bottom:1px solid rgba(0,0,0,.08); text-align:center}
/* breaking_news */
.breaking_news{padding:0 15px; text-align:left; max-width:1160px; margin:0 auto}
.breaking_news_title, .breaking_news_li{display:inline-block; vertical-align:middle}
.breaking_news_title{color:#F4361E; font-size:14px; font-weight:700; line-height:1.5; margin-right:8px}
.breaking_news_li{width:calc(100% - 72px); overflow:hidden; height:40px}
.breaking_news_li li{position:relative}
.breaking_news_li li a{display:block; color:#171717; font-size:14px; font-weight:500; line-height:40px; transition:.1s}
@media (min-width:500px) {
.breaking_news{padding:0 20px}
}
/* header_column_swiper */
.header_column_swiper{max-width:1200px; margin:0 auto; z-index:0}
.header_column_li li a{display:block; padding:11px 0}
.header_column_li li{width:auto}
.header_column_li_img{display:inline-block; vertical-align:middle; width:18px; height:18px; background:#999; border-radius:50%; margin-right:5px}
.header_column_li_icon{display:inline-block; vertical-align:middle; width:16px; fill:rgba(0,0,0,.9); margin-right:10px;}
.header_column_li_t{display:inline-block; vertical-align:middle; color:rgba(23,23,23,.6); font-size:13px; font-weight:500; line-height:1.4; letter-spacing:-0.13px}
.header_column_swiper .swiper-wrapper{height:auto}
.header_column_swiper .swiper-button-next:after, .header_column_swiper .swiper-button-prev:after{display:none}
.header_column_swiper .swiper-button-next, .header_column_swiper .swiper-button-prev{position:absolute; border:none; border-radius:0; box-shadow:none; top:0; width:45px; height:100%; left:auto; right:auto; margin:0; background:red}
.header_column_swiper .swiper-button-next{right:0; background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%)}
.header_column_swiper .swiper-button-prev{left:0; background:linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%)}
.header_column_swiper .swiper-button-next svg, .header_column_swiper .swiper-button-prev svg{position:absolute;top:50%; left:50%; height:12px; fill:rgba(23,23,23,.6)}
.header_column_swiper .swiper-button-next svg{transform:translate(calc(-50% + 5px), -50%)}
.header_column_swiper .swiper-button-prev svg{transform:translate(calc(-50% - 5px), -50%)}
/* header_menu_all */
.header_menu_all{display:none; position:absolute; background:#fff; top:49px; width:100%;; height:calc(100vh - 49px); z-index:1}
.header_menu_all.active{display:block}
.header_menu_sch{position:relative; border-bottom:1px solid #171717; margin:10px 20px 0}
.header_menu_sch input{width:calc(100% - 70px); padding:0 50px 0 20px; font-size:15px; height:40px; font-weight:500; color:#171717}
.header_menu_sch input::-webkit-input-placeholder{font-weight:300; color:rgba(23,23,23,.5)}
.header_menu_sch button{position:absolute; top:0; right:0; background:transparent; width:50px; height:40px;}
.header_menu_sch button svg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:26px; fill:#171717}
.header_menu_log_t{display:block; font-size:15px; font-weight:500; line-height:1.4; text-align:center; color:#171717; letter-spacing:-0.3px; margin:15px 0 0}
.header_menu_log_li{text-align:center}
.header_menu_log_li li{display:inline-block; vertical-align:middle; display:none;}
.header_menu_log_li li:after{position:relative; content:"|"; display:inline-block; vertical-align: middle; font-size:10px; font-weight:200; margin:0 7px; color:rgba(23,23,23,.3)}
.header_menu_log_li li:last-child:after{display:none}
.header_menu_log_li li a{display:inline-block; vertical-align:middle; font-size:13px; font-weight:300; color:rgba(0,0,0,.7); line-height:40px}
.header_menu_log_li li.on{display:inline-block}
.header_menu_li_bg_bg{position:relative; overflow:hidden; height:calc(100% - 148px)}
.header_menu_all.header_menu_all_login .header_menu_li_bg_bg{height:calc(100% - 91px)}
.header_menu_all.header_menu_all_login .header_menu_log_t{display:none}
.header_menu_li_bg{position:relative; height:100%; overflow-y:scroll; -ms-overflow-style:none; border-top:1px solid #f2f2f2}
.header_menu_li{padding:10px 20px; border-bottom:1px solid #f2f2f2; line-height:22px; letter-spacing:-0.3px}
.header_menu_li:last-child{border:none}
.header_menu_li dt{font-size:16px; font-weight:500; color:#171717}
.header_menu_li dd{font-size:14px; font-weight:400; color:rgba(23,23,23,.7); display:inline-block; vertical-align:middle; width:50%}
.header_menu_li a{display:block; padding:5px 0}
.header_menu_li dd.on a{color:#1BA2DA}
/* header_menu_li_sns */
.header_menu_li_sns{text-align:center; padding:5px 0}
.header_menu_li_sns li{display:inline-block; vertical-align:middle; margin:0 5px}
.header_menu_li_sns li a{display:block; padding:5px}
.header_menu_li_sns li a svg{fill:#171717; width:24px}
/* header 변경 */
header.change{position:fixed; left:0; top:0; width:100%}
header.change .header_special, header.change .header_column{display:none}
header.change .header_gnb_logo{width:130px; height:20px}
body.change{padding-top:49px}
body.header_layout_special .header_menu_all{height:calc(100vh - 89px)}
body.header_layout_special.change .header_menu_all{height:calc(100vh - 49px)}
header.change_view .header_gnb_logo{display:none}/*뷰전용*/
header.change_view .header_gnb_menu{left:inherit;/* right:56px */}/*뷰전용*/
header.series{background:#171717}/*시리즈전용*/
header.series .header_gnb_logo_col2, header.series .header_gnb_menu .all_menu_bar4, header.series .header_gnb_icon svg{fill:#fff}/*시리즈전용*/
header.series .header_gnb_menu span{background:#fff}/*시리즈전용*/
header.series .header_gnb{border-bottom-color:rgba(232,232,232,.2)}


/* ====== column ======================================================================================================= */
/* column */
.column_title{position:relative; padding:16px 20px 12px}
.column_title > p{color:#171717; font-size:18px; font-weight:700; line-height:1.5; letter-spacing:-0.36px}
.column_title > span{color:#171717; font-size:18px; font-weight:400; line-height:1.5; letter-spacing:-0.36px; margin-left:5px}
.column_title > p, .column_title_more p, .column_title_more svg, .column_title > span{display:inline-block; vertical-align:middle}
.column_title_more{line-height:14px; position:absolute; top:23px; right:20px}
.column_title_more p{color:rgba(23,23,23,.5); font-size:12px; font-weight:500; margin-right:4px}
.column_title_more svg{width:6px; fill:rgba(23,23,23,.4)}
.column_title > span.column_title_cap{font-size:10px; line-height:15px; border:1px solid #E8E8E8; padding:0 7px; border-radius:12px; color:#999; font-weight:400; letter-spacing:0}/* 광고 */
.column_title_no_22{padding-top:22px}
.column_title_no_10{padding-top:10px}
.column_title_brand{display:inline-block; vertical-align:middle; height:16px; margin-top:6px; margin-bottom:5px}
.column_li li a{display:block}
.column_img_bg{position:relative; padding-bottom:calc(66% - 40px); margin:0 20px 12px}
.column_img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center}
.column_t_bg{margin:0 20px 22px}
.column_cate{color:rgba(23,23,23,.5); font-size:12px; font-weight:600; margin:0 1px 4px}
.column_txt_main{color:#171717; font-size:20px; font-weight:600; line-height:1.4; letter-spacing:-0.2px; word-break:keep-all}
.column_txt_sub{color:rgba(23,23,23,.6); font-size:14px; font-weight:400; line-height:1.5; letter-spacing:-0.42px; margin-top:10px}
.column_txt_tag{font-size:11px; line-height:11px; font-weight:700; border:1px solid #999; display:inline-block; vertical-align:middle; padding:4px 6px 3px; border-radius:10px; margin-top:-2px; margin-right:5px}
.column_txt_tag_1{color:#F4361E; border:1px solid rgba(244,54,30,.5); background:rgba(244,54,30,.08)}
.column_txt_tag_2{color:#1D9BF0; border:1px solid rgba(51,184,255,.7); background:rgba(51,184,255,.08)}
.column_1 .column_li li + li{position:relative; padding-top:22px}
.column_1 .column_li li + li:before{position:absolute; content:""; margin:0 20px; height:1px; background:#E8E8E8; width:calc(100% - 40px); top:-1px}
/* column_2 */
.column_2 .column_li{margin:0 15px 10px}
.column_2 .column_li li{display:inline-block; vertical-align:top; width:calc(50% - 10px); margin:10px 5px}
.column_2 .column_t_bg{margin:0}
.column_2 .column_img_bg{padding-bottom:66.7%; margin:0 0 8px}
.column_2 .column_txt_main{font-size:16px; font-weight:400; line-height:1.3; letter-spacing:-0.32px; word-break:break-all; margin:0 2px 0}
/* column_3 */
.column_3 .column_li{margin:10px 20px}
.column_3 .column_li li a{border-bottom:1px solid #E8E8E8; padding:16px 0}
.column_3 .column_li li:last-child a{border-bottom:none}
.swiper .column_3 .column_li li:last-child a{border-bottom:1px solid #E8E8E8}
.column_1 + .column_3 .column_li li:first-child a{border-top:1px solid #E8E8E8}
.column_3 .column_img_bg, .column_3 .column_t_bg{display:inline-block; vertical-align:top; margin:0}
.column_3 .column_img_bg{width:25.5%; padding-bottom:18%; margin:0}
.column_3 .column_t_bg{width:calc(74.5% - 16px)}
.column_3_right .column_t_bg{margin-right:16px}
.column_3_left .column_t_bg{margin-left:16px}
.column_3.column_3_right li.noimg .column_t_bg, .column_3.column_3_left li.noimg .column_t_bg{width:100%; margin:0}/* 이미지가 없을경우 */
.column_3 .column_txt_main{font-size:16px; font-weight:400; letter-spacing:-0.32px; word-break:break-all; margin-bottom:0}
/* column_4 */
.column_4 .column_li{margin:0 20px 10px}
.column_4 .column_li li a{border-bottom:1px solid #E8E8E8; padding:10px 0}
.column_1 + .column_4 .column_li li:first-child a{border-top:1px solid #E8E8E8}
.column_4 .column_li li:last-child a{border:none}
.column_4 .column_t_bg{margin:0}
.column_4 .column_txt_main{font-size:16px; font-weight:400; letter-spacing:-0.32px; margin:0}


/* ====== index ======================================================================================================= */
section{background:#fff; border-bottom:8px solid #F1F1F1}
section .swiper{z-index:0}
.index_swiper_bottom{position:relative; padding:20px 0; text-align:center;}
section .swiper-pagination{position:relative; bottom:inherit; top:inherit; width:inherit; display:inline-block; vertical-align:middle; font-size:14px; font-weight:500; line-height:30px; color:rgba(23,23,23,.6); margin:0 20px; width:45px}
section .swiper-pagination .swiper-pagination-current{color:#171717; font-weight:700}
section .swiper-button-next, section .swiper-button-prev{position:relative; display:inline-block; vertical-align:middle; top:inherit; bottom:inherit; width:30px; height:30px; border-radius:50%; border:1px solid #DADCDF; left:inherit; right:inherit; margin:0; box-shadow:0px 2px 3px rgba(0,0,0,.08)}
section .swiper-button-next.article, section .swiper-button-prev.article{position:absolute !important; display:inline-block; vertical-align:middle; top:inherit; bottom:inherit; width:30px; height:30px; border-radius:50%; left:inherit; right:inherit; margin:0}
section .swiper-button-next:after, section .swiper-button-prev:after{font-size:0}
section .swiper-button-next.article:after, section .swiper-button-prev.article:after{font-size:0 var(--swiper-navigation-size) !important}
section .swiper-button-next.swiper-button-disabled, section .swiper-button-prev.swiper-button-disabled{background:#F1F1F1; opacity:1; box-shadow:none}
section .swiper-button-next svg, section .swiper-button-prev svg{ position:absolute; top:50%; left:50%; height:12px; transform:translate(-50%,-50%)}
/* index_main */
.index_main{position:relative; background:transparent}
.index_main_img_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1}
.index_main_img_bg:after{position:absolute; content:""; background:rgba(23,23,23,.6); backdrop-filter: blur(100px); -webkit-backdrop-filter:blur(100px); top:0; left:0; width:100%; height:100%}
.index_main .column_1 .column_img_bg{padding-bottom:62.3%; margin:0 0 20px}
.index_main .column_1 .column_t_bg{margin-bottom:15px}
.index_main .column_1 .column_txt_main{font-size:23px}
.index_main .column_3 .column_li{margin:15px 20px 4px}
.index_main .column_3 .column_li li a,
.index_main .column_1 + .column_3 .column_li li:first-child a,
.index_main .column_4 .column_li li a,
.index_main .column_1 + .column_4 .column_li li:first-child a
{border-color:rgba(232,232,232,.2)}
.index_main .column_cate, .index_main .column_txt_sub{color:rgba(255,255,255,.5)}
.index_main .column_txt_main{color:#fff}
/* index_news */
.index_news .column_1 .column_t_bg{margin-bottom:10px}
/* index_issue */
.column_title_issue{padding:0; margin:-2px 20px 8px}
.column_title_issue > p{color:#33B8FF}
.column_title.column_title_issue .column_title_more{top:7px; right:0}
.index_issue .column_1 .column_t_bg{margin:0 20px 20px}
.index_issue .column_3 .column_li{margin-bottom:0}
/* vote */
.vote .vote_subject{color:#171717; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.32px; word-break:keep-all; margin:0 40px 20px 20px}
.vote .vote_area{margin:0 20px 12px}
.vote .vote_area .vote_item + .vote_item{margin-top:10px}
.vote .vote_area .btn_vote_select{position:relative; display:block; padding:10px 20px; border:1px solid #e8e8e8; cursor:pointer}
.vote .vote_area .btn_vote_select em{color:rgba(23,23,23,.8); font-size:14px; font-weight:500; line-height:1.4; letter-spacing:-0.14px}
.vote .vote_area .btn_vote_select em:first-child{display:block; width:calc(100% - 20px); word-break:keep-all}
.vote .vote_area.result .btn_vote_select em:first-child{width:calc(100% - 70px)}
.vote .vote_area input[type="radio"]{position:absolute; top:50%; right:20px; margin-top:-7px; width:14px; height:14px; border:5px solid rgba(23,23,23,.3); border-radius:50%; -webkit-appearance:none}
.vote .vote_area .vote_count{display:none}
.vote .btn_area{margin-top:20px; text-align:center}
.vote .btn_area .btn_vote{width: 100%; padding:10px 0 9px; color:#FFF; font-size:15px; font-weight:700; line-height:1.5; background:#171717}
.vote .btn_area .btn_related{display:block; padding:20px 0}
.vote .btn_area .btn_related p, .vote .btn_area .btn_related svg{display:inline-block; vertical-align:middle}
.vote .btn_area .btn_related p{color:rgba(23,23,23,.5); font-size:12px; font-weight:400; line-height:14px}
.vote .btn_area .btn_related svg{width:6px; height:10px; margin-left:4px; fill:rgba(23,23,23,.4)}
.vote .vote_area .btn_vote_select.checked{border-color:#171717}
.vote .vote_area .btn_vote_select.checked em{color:#171717; font-weight:700}
.vote .vote_area .btn_vote_select.checked input[type="radio"]{border-color:#171717}
.vote .vote_area.result .vote_item + .vote_item{margin-top:0}
.vote .vote_area.result .btn_vote_select{padding:10px 0; border:0; cursor:auto}
.vote .vote_area.result input[type="radio"], .vote .vote_area.result .btn_vote{display:none}
.vote .vote_area.result .vote_count{display:block; position:absolute; top:11px; right:0; color:rgba(23,23,23,.5); font-size:12px; line-height:1.5; letter-spacing:-0.24px}
.vote .vote_area.result .vote_graph{position:relative; height:5px; margin-top:6px; background:#eaeaea}
.vote .vote_area.result .vote_graph span{position:absolute; top:0; left:0; bottom:0; background: rgba(23,23,23,.3)}
.vote .vote_area.result .btn_vote_select.checked .vote_graph span{background:#171717}
.vote .vote_area.result .btn_area{margin-top:0}

/* vote_page */
.vote_page_cate{margin:0 20px 12px}
.vote_page_cate li{display:inline-block; vertical-align:middle; color:rgba(23,23,23,.5); font-size:13px; font-weight:700; line-height:1.5}
.vote_page_cate li:before{content:""; display:inline-block; vertical-align:middle; width:1px; height:12px; background: rgba(23,23,23,.3); margin:-1px 10px 0}
.vote_page_cate li:first-child:before, .vote_page_cate li:nth-child(2):before{display:none}
.vote_page_cate_icon{display:inline-block; vertical-align:middle; color:#FFF; line-height:24px; letter-spacing:-0.26px; padding:0 7px; border-radius:12px; background:rgba(23,23,23,.5); margin-right:8px}
.vote_page_cate.on .vote_page_cate_icon{background:#171717}
.vote_page_cate.on li:nth-child(2){color:#171717}
.vote_page_cate li span{font-weight:500; letter-spacing:-0.39px}
.vote_page .vote_area{margin-bottom:20px}
/* vote_end_li */
.vote_end_li > li{padding:20px 0 6px}
.vote_end_li > li + li{border-top:8px solid #f1f1f1}
.vote_end_li > li .vote_subject{color:#171717; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.32px; word-break:keep-all; margin:0 20px 20px}
.vote_end_li_btn{display:block; text-align:center; color:rgba(23,23,23,.8); font-size:15px; font-weight:500; line-height:43px; border-top:1px solid #E8E8E8; margin:0 20px}
/* vote_layer */
.vote_layer{display:none; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.9); z-index:2; backdrop-filter:blur(80px); -webkit-backdrop-filter:blur(80px);}
.vote_layer.active{display:block}
.vote_layer .column_title{position:absolute; top:0; left:0; width:calc(100% - 40px); border-bottom:1px solid rgba(0,0,0,.1)}
.vote_layer_close{position:absolute; top:4px; right:0; width:48px; height:48px;  z-index:1}
.vote_layer_close svg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); fill:#303038;}
.vote_layer .vote{overflow-y:scroll; height:calc(100% - 56px); margin-top:56px}
.vote_layer .vote .vote_area{margin-bottom:20px}
.vote_layer .vote_page_cate{padding-top:20px}
.vote_layer_close_footer{display:block; width:85px; text-align:center; line-height:42px; border-radius:21px; background:#171717; color:#fff; font-size:14px; font-weight:700; letter-spacing:-0.14px; margin:20px auto 0}

/* index_opinion */
.index_opinion .column_4 .column_txt_main p{display:inline; font-weight:600; color:#1D9BF0; margin-right:7px}
/* index_series */
.index_series .column_title{padding-bottom:0}
.index_series_swiper .column_3 .column_li{margin:0 20px}
.index_series_swiper .column_3 .column_li li:last-child a{border-bottom:1px solid #E8E8E8}
.index_series_swiper .column_3 .column_t_bg{width:calc(82.4% - 16px)}
.index_series_swiper .column_3 .column_img_bg{width:17.6%; padding-bottom:17.6%;}
.index_series_swiper .column_3 .column_img_bg:after{display:none}
/* index_hic */
.index_hic .column_title{padding-bottom:0}
.index_hic .column_3 .column_li{margin:0 20px 4px}
.index_hic .column_3 .column_t_bg{width:calc(82.4% - 16px)}
.index_hic .column_3 .column_img_bg{width:17.6%; padding-bottom:17.6%; border-radius:50%; overflow:hidden}
.index_hic .column_3 .column_img_bg:after{border-radius:50%}
/* 정치,경제,사회 */
.column_title + .column_2 .column_li li{margin:0 5px}
/* index_story */
section.index_story .swiper{padding:0 20px}
.index_story .column_img_bg, .index_story .column_t_bg{margin:0}
.index_story .column_img_bg{padding-bottom:56%}
.index_story .column_t_bg{padding:16px 20px; border:1px solid #E8E8E8; border-top:none; height:48px}
.index_story .column_img{object-position:center}
.index_story .column_txt_main{font-size:16px; font-weight:500; line-height:1.5}
.index_story .column_txt_sub{font-size:13px; margin-top:4px}
/* index_shorts */
.index_shorts .column_2 .column_li{margin-top:-10px}
.index_shorts .column_title + .column_2 .column_li li{margin:10px 5px}
.index_shorts .column_2 .column_img_bg{padding-bottom:152%}
/* index_channel */
.index_channel .column_1 .column_img_bg{padding-bottom:50.4%}
.index_channel .column_1 .column_img_bg .column_img{object-position:center}
.column_channel_name{margin:0 20px 12px}
.column_channel_name > div{display:inline-block; vertical-align:middle}
.column_channel_img_bg{position:relative; overflow:hidden; width:38px; height:38px; border-radius:50%; background:#666}
.column_channel_t_bg{margin-left:10px; width:calc(100% - 48px)}
.column_channel_txt_main{font-size:16px; font-weight:600; line-height:1.5; color:#171717;}
.column_channel_txt_sub{font-size:12px; font-weight:400; line-height:1.5; color:rgba(23,23,23,.5); letter-spacing:-0.24px}
.index_channel .column_4 .column_li li:first-child a{border-top:1px solid #E8E8E8}
/* index_brand */
.index_koreaherald .column_1 .column_t_bg{margin-bottom:10px}
.index_heraldpop_li{position:relative; margin:-2px 18px 18px}
.index_heraldpop_li:after{content:""; display:table; table-layout:fixed; clear:both}
.index_heraldpop_li li{float:left; margin:2px; width:calc(33.34% - 4px)}
.index_heraldpop_li li:first-child, .index_heraldpop_li li:last-child{width:calc(66.66% - 4px)}
.index_heraldpop_li li:nth-child(5){position:absolute; left:0; bottom:0}
.index_heraldpop_li li a{display:block; position:relative; padding-bottom:100%;}
.index_heraldpop_li_img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.index_heraldpop_li_black{position:absolute; top:50%; left:0; width:100%; bottom:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%)}
.index_heraldpop_li_txt{position:absolute; left:12px; right:12px; bottom:10px; color:#FFF; font-size:12px; font-weight:400; line-height:1.3; letter-spacing:-0.32px}
.index_heraldpop_li li:first-child .index_heraldpop_li_txt, .index_heraldpop_li li:last-child .index_heraldpop_li_txt{font-size:16px; left:20px; right:30px; bottom:16px; font-weight:500}
/* notice */
.notice{padding-bottom:10px}
/* today */
.today{padding:4px 20px 20px; line-height:1.5; display:block}
.today_img_book_bg:before{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border-radius:50%; background:#ffcd61; opacity:.8}/* 추후 관리자에서 색상값 헥스코드와 오파시티값 입력 가능 */
.today_img_bg{position:relative; width:42.7%; padding-bottom:42.7%; margin:0 auto 20px}
.today_img_bg.square{width:auto}

.today_img_book{position:absolute; overflow:hidden; top:50%; left:50%; width:60%; height:91%; transform:translate(-50%,-50%); box-shadow:3px 6px 4px rgba(45,44,39,.26); border-radius:0 6px 6px 0}
.today_img_book:before{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(23,23,23,.1); border-radius:0 6px 6px 0}
.today_img_book:after{position:absolute; content:""; top:0; left:0; width:5%; bottom:0; background:rgba(23,23,23,.1)}
.today_img_book img{width:100%; height:100%; object-fit:cover}
.today_img_person{position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; border-radius:50%}
.today_img_person img{width:100%; height:100%; object-fit:cover}
.today_img_person:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(23,23,23,.1); border-radius:50%}
.today_img_bg.square .today_img_book_bg{position:absolute; top:0; left:0; width:100%; height:100%}
.today_img_bg.square .today_img_book_bg:before, .today_img_bg.square .today_img_book:after{display:none}
.today_img_bg.square .today_img_book{width:auto; position:relative; top:auto; left:auto; height:100%; transform:none; box-shadow:none; border-radius:0}
.today_img_bg.square .today_img_book:before, .today_img_bg.square .today_img_person, .today_img_bg.square .today_img_person:after{border-radius:0}
.today_t1{color: rgba(23,23,23,.5); font-size:12px; font-weight:600; text-align:center}
.today_t2{color:#171717; font-size:16px; font-weight:500; text-align:center; margin:4px 0 10px}
.today_t3{color:rgba(23,23,23,.5); font-size:13px; font-weight:400}
.today_word_bg{border:1px solid rgba(29,155,240,.1); background:rgba(29,155,240,.06); padding:20px}
.today_word_bg svg{fill:#1D9BF0; width:22px; height:15px;}
.today_word{color:#1D9BF0; font-size:18px; font-weight:500; line-height:1.5; padding-bottom:16px; border-bottom:1px solid rgba(29,155,240,.16); margin-bottom:20px; margin-top:5px; word-break:keep-all}
.today_word_2{font-style:italic}
.today_word_3{font-family:"Nanum Myeongjo"; font-weight:800}
.today_word_4{font-family:"Nanum Myeongjo"; font-weight:800; font-style:italic}
.today_word_cap{color:rgba(54, 39, 39, 0.8); font-size:14px; font-weight:400; line-height:1.5}
.today_word_cap b{font-weight:600; margin-right:6px}
/* choice */
.choice{position:relative; padding:4px 20px 20px}
.choice_img{width:100%; margin-bottom:8px;}
.choice_t{display:inline-block; vertical-align:top; width:calc(50% - 20px)}
.choice_t_r{text-align:right;}
.choice_t_1{color:rgba(23,23,23,.5); font-size:12px; font-weight:600; line-height:1.5}
.choice_t_2{color:#171717; font-size:16px; font-weight:500; line-height:1.4; margin:4px 0 10px}
.choice_t_3 p{color: rgba(23,23,23,.5); font-size:12px; font-weight:400; line-height:1; display:inline-block; vertical-align:middle; margin-right:2px;}
.choice_t_3 svg{width:10px; height:10px; fill:rgba(23,23,23,.4); display:inline-block; vertical-align:middle;}
.choice_versus{display:inline-block; vertical-align:top; color:#171717; text-align:center; font-size:30px; font-weight:700; line-height:1.3; letter-spacing:-1.8px; width:40px; margin-top:12px}
.choice .column_2 .column_li{margin:0}
.choice .column_2 .column_li li{width:calc(50% - 5px); position:relative}
.choice .column_2 .column_li li:first-child{margin:0 5px 0 0}
.choice .column_2 .column_li li:last-child{margin:0 0 0 5px; text-align:right;}
.choice .column_2 .column_li li:first-child .column_t_bg{padding-right:15px;}
.choice .column_2 .column_li li:last-child .column_t_bg{padding-left:15px;}
.choice .column_2 .column_li li:first-child:after{position:absolute; content:"VS"; left:calc(100% + 5px); margin-left:-20px; bottom:5px; color:#171717; text-align:center; font-size:23px; font-weight:800; line-height:1.3; letter-spacing:-1.8px; width:40px; font-family:'pretendard';}
/* section_graphic */
.section_graphic{padding-bottom:20px}
.section_graphic_swiper .swiper-wrapper{height:auto}
.section_graphic_swiper .swiper-slide{width:55% !important}
.section_graphic_swiper_img{position:relative; display:block; padding-bottom:177.8%}
.section_graphic_swiper_img img{position:absolute; top:0; left:0; width:100%; height:100%}


/* ====== footer ======================================================================================================= */
footer{text-align:center; margin-top:-8px}
.footer_sns{padding:11px 0 10px; border-bottom:1px solid rgba(23, 23, 23, 0.06)}
.footer_sns li{display:inline-block; vertical-align:top; margin:0 10px;}
.footer_sns li a{position:relative; display:block; width:24px; height:24px;}
.footer_sns li a svg{fill:#171717}
.footer_sns li a p{}
.footer_copy{color: rgba(23, 23, 23, 0.50); font-size:12px; font-weight:400; line-height:1.6; padding:14px 0 20px}


/* ====== index 디바이스 대응 ======================================================================================================= */
@media (min-width:500px) {
	/* header */
	header{position:fixed; left:0; top:0; width:100%}
	body, body.header_layout_special.change, body.header_layout_special.header_layout_column.change{padding-top:59px}
	body.header_layout_special{padding-top:99px}
	body.header_layout_special.header_layout_column{padding-top:140px}
	.header_special_li li{width:211px !important}
	/* column */
	body.body_column_4, body.body_column_2{-webkit-column-gap:10px; column-gap:10px; margin:0 20px}
	body.body_column_4{column-width:290px}
	body.body_column_2{column-width:327px}
	body.body_column_1{max-width:800px; margin:0 auto}
	body.body_column_4 section, body.body_column_2 section{display:inline-block; width:100%}
}
@media (min-width:1000px) {
	body.body_column_2{max-width:1000px; margin:0 auto}
}
@media (min-width:1200px) {
	body.body_column_4{max-width:1200px; margin:0 auto}
}


/* ====== section ======================================================================================================= */
.more_btn_bg{text-align:center; padding:0 20px 20px}
.more_btn{display:block; line-height:40px; border:1px solid #E8E8E8}
.more_btn_type_1{color:rgba(23,23,23,.8)}
.more_btn p{display:block}
.news-more button, .more_btn_icon{display:inline-block; vertical-align:middle}
.news-more button{font-size:14px; font-weight:700; letter-spacing:-0.14px; color:inherit; background:transparent}
.more_btn_icon{width:24px; fill:rgba(23,23,23,.5); margin-left:2px}
/* section_main */
.section_main{position:relative; background:transparent}
.section_main .column_title p, .section_main .column_txt_main{color:#fff}
.section_main .column_1 .column_t_bg{margin-bottom:16px}
.section_main .column_3 .column_li li a,
.section_main .column_1 + .column_3 .column_li li:first-child a,
.section_main .column_4 .column_li li a,
.section_main .column_1 + .column_4 .column_li li:first-child a
{border-color:rgba(232,232,232,.2)}
/* section_rank */
.section_rank .column_title{padding-bottom:10px}
.section_rank .column_3 .column_li{margin-top:0; margin-bottom:4px}
.section_rank .section_rank_num{display:inline-block; vertical-align:top; width:20px; margin-right:6px; color:#171717; font-size:22px; font-weight:600; line-height:26px}
.section_rank .column_3 .column_t_bg{width:calc(74.5% - 42px)}
.section_rank .column_3 .column_li li.noimg .column_t_bg{width:calc(100% - 26px)}
/* section_new */
.section_new .column_title{padding-bottom:10px}
.section_new .column_3 .column_li{margin-top:0; margin-bottom:4px}
.section_new .column_txt_sub{margin-top:8px}
.column_txt_time{color:rgba(23,23,23,.5); font-size:12px; font-weight:400; line-height:18px; margin:8px 0 0 1px}
.column_txt_time b{font-weight:600; margin-right:10px}
.column_txt_time span{color:rgba(23, 23, 23, .14); margin:0 5px}
/* section_contents */
.section_contents_column_img_black{position:absolute; top:0; left:0; width:100%; bottom:0; background:linear-gradient(180deg, rgba(23, 23, 23, 0.10) 0%, rgba(23, 23, 23, 0.30) 25.08%, rgba(23, 23, 23, 0.70) 70%, rgba(23, 23, 23, 0.90) 100%)}
.section_contents .column_1 .column_img_bg{margin-bottom:4px}
.section_contents .column_1 .column_t_bg{position:absolute; margin:0; left:20px; right:40px; bottom:20px}
.section_contents .column_1 .column_cate{color:rgba(255,255,255,.6)}
.section_contents .column_cate span{display:inline-block; vertical-align:middle; line-height:8px; font-size:8px; font-weight:300; margin:0 5px}
.section_contents .column_1 .column_txt_main{font-size:16px; color:#fff}
.section_contents .column_3 .column_li{margin:0 20px; padding-bottom:4px}
.section_contents .column_1 + .column_3 .column_li li:first-child a{border-top:none}
.section_contents .column_3 .column_t_bg{width:calc(82.4% - 16px)}
.section_contents .column_3 .column_img_bg{width:17.6%; padding-bottom:17.6%;}
.section_contents .column_3 .column_img_bg:after{display:none}
/* section_issue */
.section_issue .column_1 .column_t_bg{margin:0 20px 20px}
.section_issue .column_3 .column_li{margin-bottom:0; padding-bottom:14px}


/* ====== view ======================================================================================================= */
.view{background:#fff}
.gauge_bar{position:fixed; top:49px; left:0; height:2px; background:#33B8FF; z-index:1}
.view_top{position:relative}
.view_top:before{position:absolute; content:""; top:0; left:0; right:0; bottom:0; background:rgba(23,23,23,.6); -webkit-backdrop-filter:blur(400px); backdrop-filter:blur(400px)}
.view_top_cate{position:relative; padding:20px 20px 16px; display:block}
.view_top_cate a, .view_top_cate a + a:before{display:inline-block; vertical-align:middle}
.view_top_cate a{font-size:13px;font-weight:800; line-height:1.4; color:#1D9BF0}
.view_top_cate a + a{font-weight:400}
.view_top_cate a + a:before{content:""; width:1px; height:8px; margin:0 7px; background:rgba(255,255,255,.2)}
.view_top_title{position:relative; color:#FFF; font-size:23px; font-weight:600; line-height:1.4; letter-spacing:-0.23px; margin:0 30px 20px 20px; word-break:keep-all}
.view_top_info{position:relative; margin:0 20px 16px; color:rgba(255,255,255,.6); font-size:12px; font-weight:400; line-height:1.5; letter-spacing:-0.24px}
.view_top_info_name{position:absolute; top:0; right:0}
.view_top_info_name_more{text-align:right; max-width:90px; padding-right:20px; cursor:pointer; height:18px; overflow:hidden;}
.view_top_info_name_more:after{content:""; position:absolute; top:1px; right:1px; width:16px; height:16px; background-image:url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgba(255,255,255,.4)"><path d="M7 10.0625L8.0625 9L12 12.9375L15.9375 9L17 10.0625L12 15.0625L7 10.0625Z"></path></svg>'); background-size:22px; background-position:center;}
.view_top_info_name_more.active{height:auto; padding:5px 20px 5px 5px; border:1px solid rgba(255,255,255,.2); margin-top:-6px; margin-right:-1px; background:rgba(0,0,0,.5); backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px); z-index:1; text-align:left}
.view_top_info_name_more.active:after{top:6px; transform:rotate(180deg);}
.view_top_info_variety{position:relative; padding:18px 0; border-top:1px solid rgba(232,232,232,.2); margin:0 20px; height:20px/* view_top_info_variety_left 임시삭제에 따른 높이 */}
body.change .view_top_info_variety{padding:0; height:0; border-color:transparent}
.view_top_info_variety_left li{display:inline-block; vertical-align:middle}
.view_top_info_variety_left li + li{margin-left:16px}
.view_top_info_variety_left .ico_sympathy{display:inline-block; vertical-align:middle; width:20px; fill:#fff}
.view_top_info_variety_left .count{display:inline-block; vertical-align:middle; color:#FFF; font-size:13px; font-weight:400; line-height:1.5; letter-spacing:-0.26px; margin-left:6px}
.view_top_info_variety_left{display:none}/* 초기삭제 */
.view_top_info_variety_right{position:absolute; top:16px; right:0}
.view_top_info_variety_right > li{position:relative; display:inline-block; vertical-align:middle}
.view_top_info_variety_right > li + li{margin-left:16px}
.view_top_info_variety_right > li button{display:block; width:22px; height:22px; background:transparent}
.view_top_info_variety_right > li button svg{width:100%; fill:#fff}
.view_top_info_variety_right > li button.on svg{fill:#33b8ff}
.view_top_info_variety_right > li .btn_bookmark svg{width:22px; height:22px; fill:transparent;  stroke:#fff; stroke-width:2}
.view_top_info_variety_right > li .btn_bookmark.bookmark_on svg{fill:#fff}
.view_top_info_variety_right > li .btn_bookmark + .toast_pop_bookmark{display:none; position:absolute; top:30px; left:50%; margin-left:-75px; z-index:2}
.view_top_info_variety_right > li .btn_bookmark + .toast_pop_bookmark .toast_bookmark_text{width:140px; padding:5px; color:#fff; font-size:12px; line-height:1.2; text-align:center; background:rgba(0,0,0,.5)}
.view_top_info_variety_right.change_view{position:fixed; top:13px; right:inherit; left:17px; z-index:2}
.view_top_info_variety_right.change_view > li button svg, .view_top_info_variety_right.change_view > li .btn_bookmark.bookmark_on svg{fill:#171717}
.view_top_info_variety_right.change_view > li button.on svg{fill:#33b8ff}
.view_top_info_variety_right.change_view > li .btn_bookmark + .toast_pop_bookmark{left:0; margin-left:0; top:40px}
.view_top_info_variety_right.change_view > li .btn_bookmark svg{fill:transparent; stroke:#171717}
.view_link{border-top:1px solid #171717; margin:0 20px}
.view_link .column_title{padding:16px 0 12px}
.view_link .column_4 .column_li{margin:0 0 20px}
/* pop_share_wrap */
.pop_share_wrap{display:none; position:absolute; top:40px; right:0; width:224px; padding:30px 0; border:1px solid rgba(0,0,0,.1); background:rgba(255,255,255,.9); backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); text-align:center; z-index:1; box-shadow:0 6px 15px rgba(0,0,0,.05)}
.view_top_info_variety_right.change_view .pop_share_wrap{right:inherit}
.pop_share_wrap .btn_del{position:absolute; bottom:-50px; width:34px; height:34px; background:rgba(0,0,0,.9); border-radius:50%; left:50%; margin-left:-18px; border:1px solid rgba(255,255,255,.4)}
.pop_share_wrap .btn_del i{position:absolute; display:block; width:16px; height:16px; top:50%; left:50%; transform:translate(-50%, -50%)}
.pop_share_wrap .btn_del i:before, .pop_share_wrap .btn_del i:after{position:absolute; content:""; top:50%; left:50%; width:1px; height:16px; background:#fff}
.pop_share_wrap .btn_del i:before{transform:translate(-50%,-50%) rotate(45deg)}
.pop_share_wrap .btn_del i:after{transform:translate(-50%,-50%) rotate(-45deg)}
.pop_share_wrap li{position:relative; display:inline-block; vertical-align:top}
.pop_share_wrap .btn_share_item, .pop_share_list li .toast_pop svg{width:40px; height:40px; border-radius:50%}
.view_top_info_variety_right .pop_share_wrap .btn_share_item svg{width:30px; height:30px; fill:#fff; transition:.2s}
/* pop_font_list */
.pop_font_list li .btn_share_item{margin:8px 5px; border:1px solid rgba(0,0,0,.1); transition:.2s}
.view_top_info_variety_right .pop_font_list li .btn_share_item svg{display:inline-block; fill:#171717; vertical-align:middle}
.pop_font_list li:first-child .btn_share_item svg{width:18px}
.pop_font_list li:nth-child(2) .btn_share_item svg{width:22px}
.pop_font_list li:nth-child(3) .btn_share_item svg{width:26px}
/* pop_share_list */
.pop_share_list li .btn_share_item, .pop_share_list li .toast_pop{background:#666}
.pop_share_list li .btn_share_item{position:relative; display:block; margin:8px 10px}
.pop_share_list li .btn_share_item.btn_kakao{background:#fae102}
.pop_share_list li .btn_share_item.btn_kakao svg{fill:#323232}
.pop_share_list li .btn_share_item.btn_facebook{background:#0866ff}
.pop_share_list li .btn_share_item.btn_twitter{background:#171717}
.pop_share_list li .btn_share_item.btn_linked{background:#0073b1}
.pop_share_list li .btn_share_item.btn_reddit {background:#ff4500}
.pop_share_list li .btn_share_item:hover svg{transform:scale(1.2)}
.pop_share_list li .toast_pop{display:none; position:absolute; top:8px; left:50%; transform:translate(-50%, 0); border-radius:50%}
.pop_share_list li .toast_pop .toast_text{position:absolute; top:44px; left:50%; width:80px; margin-left:-40px; color:#fff; font-size:12px; line-height:22px; background:rgba(0,0,0,.5)}
.pop_share_list li .toast_pop .link_copied{animation:0.34s cubic-bezier(0.65, 0, 1, 1) 0.1s forwards copied; stroke-dasharray:0, 75px; stroke-linecap:round; stroke-linejoin:round; stroke:#FFF}
@keyframes copied{
	from{stroke-dasharray:0, 75px}
	to{stroke-dasharray:75px, 75px}
}
/* view_editor */
.view_editor_bg{padding:20px 20px 30px}
.view_editor{color:#171717; font-size:18px; font-weight:400; line-height:1.6; letter-spacing:-0.36px; padding:20px 20px 30px; overflow:hidden; text-align:center}
.view_editor_bg > .view_editor{padding:0}
.view_editor_img_bg{width:calc(100% + 40px); margin:0 auto; margin-left:-20px}
.view_editor_img_bg img, .gif-area figure img{max-width:100%; display:block; margin:0 auto}
.view_editor_img_cap, .gif-area .caption{font-size:12px; padding:10px 40px 20px; text-align:center; word-break:keep-all; line-height:1.5; color:rgba(23,23,23,.6)}
.view_editor p{margin:27px 0; text-align:left}
.view_editor p i{font-style:italic;}
.view_editor table{width:auto !important; position:relative; overflow-y:scroll; display:inline-block}
.view_editor table th, .view_editor table td{border:1px solid #ccc; font-size:14px; padding:10px}
.view_editor img{width:100% !important}
.video-horizontal{position: relative; padding-bottom: 56%}
.video-horizontal iframe{left:0; position: absolute; width: 100%; height: 100%; top:0}
/* view_tag_li */
.view_tag_li{padding:0 20px 30px}
.view_tag_li li{display:inline-block; vertical-align:top; margin-bottom:6px; margin-right:6px}
.view_tag_li li a{display:block; padding:0 20px; color:#171717; font-size:14px; font-weight:600; line-height:32px; border:1px solid rgba(23,23,23,.12); border-radius:17px}
/* view_reporter_bg */
.view_reporter_bg{margin:0 20px; padding:20px 0; border-top:1px solid #E8E8E8}
.view_reporter{margin-bottom:20px}
.view_reporter_l, .view_reporter_bg .series_detail_top_contents_li, .view_reporter_l_img, .view_reporter_l_t{display:inline-block; vertical-align:middle;}
.view_reporter_l{width:calc(100% - 130px)}
.view_reporter_l_img{position:relative; width:60px; padding-bottom:60px; margin-right:10px; border-radius:50%; overflow:hidden}
.view_reporter_l_img:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0, 0, 0, .1); border-radius:50%}
.view_reporter_l_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center}
.view_reporter_l_t{width:calc(100% - 70px); color:#171717; font-size:16px; font-weight:600; line-height:1.5}
.view_reporter_bg .series_detail_top_contents_li{margin:0; width:130px; text-align:right}
.view_reporter_bg .series_detail_top_contents_li > li{margin:0}
.view_reporter_bg .series_detail_top_contents_li > li + li{margin-left:6px}
.view_reporter_bg .series_detail_top_contents_li > li > button, .view_reporter_bg .series_detail_top_contents_li > li > a{color:#171717; background:transparent; border-color:rgba(23,23,23,.2); font-size:0}
.view_reporter_bg .series_detail_top_contents_li > li > a svg{margin:0; fill:#171717}
.view_reporter_bg .series_detail_top_contents_li > li > button.on{border-color:#1D9BF0; background:rgba(29, 155, 240, .9); color:#fff}
.view_reporter_bg .column_4 .column_li{margin:0}
.view_reporter_bg .column_4 .column_txt_main:before{content:"ㆍ"; position:relative}
/* sympathy */
.sympathy{margin:0 20px; padding-bottom:30px; border-top:1px solid #E8E8E8; text-align:center}
.sympathy_tltle{padding:20px 0; color: #171717; font-size:15px; font-weight:600; text-align:center}
.sympathy_list li{position:relative; display:inline-block; vertical-align:top; width:23%}
.sympathy_list li:last-child:after{content:""; position:absolute; width:1px; height:100%; top:0; left:0; background:#E8E8E8;}
.sympathy_list li .btn_sympathy{display:block; width:100%; background:transparent}
.sympathy_list li .ico_sympathy{display:block; margin:0 auto; width:34px; height:34px; fill:#171717; fill-opacity:.4; transition:.2s}
.sympathy_list li span{display:block; color:rgba(23,23,23,.8); font-size:13px; line-height:1.4; font-weight:400}
.sympathy_list li .txt{margin-top:10px}
.sympathy_list li .count{margin-top:2px; font-weight:600}
.sympathy_list li .ico_sympathy .ico_yellow,
.sympathy_list li .ico_sympathy .ico_red{fill:transparent}
.sympathy li:active .ico_sympathy{transform:scale(.9);}
.sympathy li.on .ico_sympathy{fill-opacity:1}
.sympathy li.on .ico_sympathy .ico_yellow{fill:#FBD771}
.sympathy li.on .ico_sympathy .ico_red{fill:#EE6173}
.sympathy li.on .ico_sympathy .ico_blue{fill:#1BA2DA}
.sympathy li.on span{font-weight:800}
.sympathy li.on .count{color:#171717; letter-spacing:-0.4px}


/* ====== issue_pick ======================================================================================================= */
.issue_pick_t_bg{padding:20px 20px 16px}
.issue_pick_title{color:#171717; font-size:23px; font-weight:700; line-height:1.4; margin-bottom:10px}
.issue_pick_title_sub{color:rgba(23,23,23,.8); font-size:13px; font-weight:400; line-height:1.5; margin-bottom:20px}
.issue_pick_keyword{color:#171717; font-size:16px; font-weight:600; line-height:1.5; padding-top:16px; border-top:1px solid #171717}
.issue_pick .view_tag_li{padding-bottom:14px}
/* issue_timeline */
.issue_timeline{padding-bottom:20px}
.issue_timeline_li{position:relative; margin-left:26px; padding:10px 0 4px}
.issue_timeline_li:before{position:absolute; content:""; width:1px; height:calc(100% - 30px); left:-1px; top:0; background:#E8E8E8}
.issue_timeline_li > li{position:relative}
.issue_timeline_li > li:before{position:absolute; content:""; width:6px; height:6px; border-radius:50%; border:2px solid #171717; left:-5px; top:16px; background:#fff}
.issue_timeline_li_title{color:#171717; font-size:15px; font-weight:700; line-height:23px; margin:0 20px; padding:10px 0 6px; border-bottom:1px solid #171717;}
.issue_timeline_li .column_4 .column_li li a{padding:16px 0}
.issue_timeline_li .column_4 .column_li li:last-child a{border-bottom:1px solid #E8E8E8}
.issue_timeline_li li:last-child .column_4 .column_li li:last-child a{border-bottom:none}
.issue_timeline_li .column_txt_time{margin:5px 0 0}


/* ====== sch ======================================================================================================= */
.sch_top{background:#fff}
.sch_top_title{font-size:23px; font-weight:700; line-height:1.4; text-align:center; color:#171717; padding:20px;}
.sch_input_wrap{position:relative; border:2px solid #171717; box-shadow:0px 2px 3px rgba(0,0,0,.05); margin:0 20px 20px}
.sch_input_wrap input{font-size:18px; font-weight:500; letter-spacing:-0.18px; padding:0 50px 0 20px; width:calc(100% - 70px); height:46px;}
.sch_input_wrap input::placeholder{color:rgba(23,23,23,.4)}
.sch_input_btn{position:absolute; top:10px; right:10px; width:26px; height:26px; background:transparent;}
.sch_input_btn svg{width:100%; height:100%; fill:#171717}
.sch_keyword{color:#171717; font-size:16px; font-weight:600; line-height:1.5; margin:0 20px 10px}
.sch_top .view_tag_li{padding-bottom:14px}
.sch_result{background:#fff;}
.sch_tab{position:relative}
.sch_tab:before{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#E8E8E8}
.sch_tab li{position:relative; display:inline-block; vertical-align:middle; width:25%; text-align:center}
.sch_tab li a{display:block; padding:12px 0}
.sch_tab_t{display:block; color:rgba(23,23,23,.8); font-size:14px; font-weight:500; line-height:1.5}
.sch_tab_num{display:block; color:rgba(23,23,23,.4); font-size:12px; font-weight:400; line-height:1.5}
.sch_tab li.on .sch_tab_t{font-weight:700; color:#1D9BF0}
.sch_tab li.on a .sch_tab_num{color:#1D9BF0; font-weight:500}
.sch_tab li.on:after{position:absolute; content:''; left:0; bottom:0; width:100%; height:1px; background:#1D9BF0;}
.sch_result .column_3 .column_li{margin-top:0}
.column_title_sel{position:absolute; top:16px; right:20px; border:1px solid #DADCDF; border-radius:15px; overflow:hidden;}
.column_title_sel select{display:block; color:#171717; font-size:12px; font-weight:500; line-height:26px; -webkit-appearance:none; padding:0 25px 0 16px; cursor:pointer; background:transparent}
.column_title_sel svg{position:absolute; top:9px; right:9px; width:6px; fill:rgba(23,23,23,.4); transform: rotate(90deg)}
.sch_result .column_2 .column_li{margin-top:-10px}
.sch_result .column_2 .column_li li{margin:10px 5px}
.sch_result em{background:rgba(29,155,240,.4); font-weight:600}
/* series_main */
.series_main{position:relative; background:transparent}
.series_main .column_title > p{color:#fff}
.series_main .column_title > p > span{font-weight:100; margin-left:10px}
.series_main .column_title > p:last-child{display:block; color:rgba(255,255,255,.7); font-size:12px; font-weight:500; letter-spacing:0; margin-top:3px; margin-bottom:5px}
/*
.series_main .column_title > p:first-child:after{content:'|'; display:inline-block; vertical-align:middle; color:rgba(255,255,255,.1); font-size:12px; line-height:13px; margin:0 8px}
*/
.series_timeline_li{position:relative; margin-left:26px}
.series_timeline_li:before{position:absolute; content:""; width:1px; height:calc(100% - 16px); left:-1px; top:0; background:rgba(255,255,255,.1)}
.series_timeline_li > li{position:relative}
.series_timeline_li > li:last-child .column_3 .column_li li a{border:none}
.series_timeline_li > li:before{position:absolute; content:""; width:6px; height:6px; border-radius:50%; border:2px solid #fff; left:-5px; top:6px; backdrop-filter:blur(100px); -webkit-backdrop-filter:blur(100px)}
.series_timeline_li_time{color:#fff; font-size:15px; font-weight:700; line-height:23px; margin:0 0 4px}
.series_timeline_li .column_txt_sub{color:rgba(255,255,255,.5)}
.column_txt_series_name{margin-top:4px}
.column_txt_series_name p{display:inline-block; vertical-align:middle; font-size:16px; font-weight:500; line-height:24px; color:#fff; margin-right:4px}
.column_txt_series_name svg{display:inline-block; vertical-align:middle; fill:#fff; opacity:.5}
.series_timeline_li .column_1 .series_timeline_li_time{margin:0 20px 10px}
.series_timeline_li .column_1 .column_img_bg{margin-bottom:10px}
.series_timeline_li .column_1 .column_img_bg:after{border-color:rgba(255,255,255,.1)}
.series_timeline_li .column_1 .column_t_bg{padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.1); margin:0 20px 14px}
.series_timeline_li .column_1 .column_txt_main{color:#fff}
.series_timeline_li .column_3 .column_txt_sub{margin:0}
.series_timeline_li .column_3 .column_li{margin:14px 20px}
.series_timeline_li .column_3 .column_li li a{padding-top:0; border-bottom:1px solid rgba(255,255,255,.1)}
/*
.series_timeline_li .column_3 .column_t_bg{width:calc(82.4% - 16px)}
.series_timeline_li .column_3 .column_img_bg{width:17.6%; padding-bottom:17.6%;}
.series_timeline_li .column_3 .column_img_bg:after{display:none}
*/
.series_sbu_title{line-height:1.5; margin:0 20px 16px; border-top:1px solid #171717; padding-top:18px}
.series_sbu_title b{display:block; color:#171717; font-size:16px; font-weight:500; word-break:keep-all}
.series_sbu_title span{display:block; color:rgba(23,23,23,.5); font-size:13px; font-weight:400; margin-top:4px}
/* series_program */
.series_program_tab{margin:0 20px 20px}
.series_program_tab li{display:inline-block; vertical-align:middle; width:20%; text-align:center;}
.series_program_tab li a{display:block; color:#FFF; font-size: 14px; font-weight:500; line-height:34px; letter-spacing:-0.14px; background: #171717;}
.series_program_tab li.on a{background:#666;}
.series_program_swiper{padding:0 0 20px; overflow:hidden}
.series_program{display:block; padding:20px; border:1px solid #E8E8E8; text-align:center;}
.series_program_time{color:#171717; text-align:center; font-size:20px; font-weight:700; line-height:24px}
.series_program_img{position:relative; width:76%; padding-bottom:76%; border-radius:50%; margin:0 auto 20px}
.series_program_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.series_program_end{position:absolute; top:0; left:0; font-size:13px; font-weight:400; line-height:16px; color:#fff; width:30px; padding:9px 10px; background:#6c6c6c}
.series_program_title p{display:inline-block; vertical-align:middle; color:#171717; font-size:16px; font-weight:500; line-height:24px; max-width:calc(100% - 20px)}
.series_program_title svg{display:inline-block; vertical-align:middle; width:16px; opacity:.5; fill:#171717; margin-left:4px;}
.series_program_sub{color:rgba(23,23,23,.6); font-size:13px; font-weight:400; line-height:1.5; margin-top:6px; height:39px; word-break:keep-all}
.series_program_tag{margin-top:6px}
.series_program_tag li{color:#1D9BF0; font-size:11px; font-weight:700; line-height:18px; padding:1px 6px 0; border-radius:11px; border:1px solid rgba(51,184,255,.7); background:rgba(51,184,255,.08); backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px); display:inline-block; vertical-align:middle; margin:4px 2px 0}
.section_rank .series_program_title{margin-top:6px}
.section_rank .series_program_title p{color:rgba(23,23,23,.5); font-size:12px; font-weight:600; line-height:16px;}
.section_rank_num b{font-weight:600; color:#1D9BF0}
/* series_program_area_li
.series_program_area_li li{margin:0 20px}
.series_program_area_li li + li{margin-top:20px}
.series_program_area_li .series_program{padding:20px}
.series_program_area_li .series_program_img, .series_program_area_li .series_program_t_bg{display:inline-block; vertical-align:middle;}
.series_program_area_li .series_program_img{margin:0 16px 0 0; width:30%; padding-bottom:30%}
.series_program_area_li .series_program_t_bg{width:calc(70% - 16px)}
*/
.series_program_cate{margin:0 20px 16px}
.series_program_cate li{display:inline-block; vertical-align:top; margin:0 6px 6px 0}
.series_program_cate li a{display:block; color:rgba(23,23,23,.8); font-size:14px; font-weight:500; line-height:32px; letter-spacing:-0.14px; border:1px solid rgba(23,23,23,.14); padding:0 16px; border-radius:18px;}
.series_program_cate li.on a{font-weight:600; color:#fff; background:#171717;}
/* series_detail_top */
.series_detail_top{padding:20px}
.series_detail_top_cate{color:#FFF; font-size:13px; font-weight:800; line-height:1.4}
.series_detail_top_contents{margin-bottom:14px}
.series_detail_top_contents_l, .series_detail_top_contents_r, .series_detail_top_tag dt, .series_detail_top_tag dd{display:inline-block; vertical-align:top;}
.series_detail_top_contents_l{width:calc(69% - 16px); margin-right:16px}
.series_detail_top_contents_title{margin:16px 0 10px}
.series_detail_top_contents_title_t{display:inline-block; vertical-align:middle; color:#FFF; font-size:23px; font-weight:700; line-height:1.3; letter-spacing:-0.23px;}
.series_detail_top_contents_title_icon{display:inline-block; vertical-align:middle; width:16px; fill:#fff; margin-left:10px; margin-top:-2px}
.series_detail_top_contents_cap{color:rgba(255,255,255,.7); font-size:12px; font-weight:600; line-height:1.5; letter-spacing:-0.48px;}
.series_detail_top_contents_li{margin:20px 0 0}
.series_detail_top_contents_li > li{display:inline-block; vertical-align:middle; margin:0 6px 6px 0}
.series_detail_top_contents_li > li > button, .series_detail_top_contents_li > li > a{display:block; color:#FFF; border:1px solid rgba(255,255,255,.3);
	border-radius:17px; padding:0 16px; background:rgba(23,23,23,.2); backdrop-filter:blur(150px); -webkit-backdrop-filter:blur(150px)}
.series_detail_top_contents_li > li > button p, .series_detail_top_contents_li > li > button svg, .series_detail_top_contents_li > li > a p, .series_detail_top_contents_li > li > a svg{display:inline-block; vertical-align:middle}
.series_detail_top_contents_li > li > button p, .series_detail_top_contents_li > li > a{font-size:14px; font-weight:600; line-height:32px}
.series_detail_top_contents_li > li > button svg, .series_detail_top_contents_li > li > a svg{margin-left:4px; fill:#fff; width:16px; height:16px}
.series_detail_top_contents_li > li > button.on, .series_detail_top_contents_li > li > a.on{border-color:#1D9BF0; background:rgba(29,155,240,.9)}
.series_detail_top_contents_li_icon_share{display: inline-block; vertical-align:middle;}
.series_detail_top_contents_r{width:31%; position:relative; padding-bottom:31%; margin-top:18px}
.series_detail_top_contents_r img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.series_detail_top_sub{color:rgba(255,255,255,.6); font-size:13px; font-weight:500; line-height:1.5; word-break:keep-all; padding-bottom:16px; border-bottom:1px solid rgba(232,232,232,.2)}
.series_detail_top_sub_bnn{width:100%; display:block; margin-top:10px}
.series_detail_top_tag_bg{position:relative}
.series_detail_top_tag_bg .btn_share{position:absolute; top:4px; right:0; background:transparent; fill:#fff; width:22px}
.series_detail_top_tag_bg .pop_share_wrap{top:44px}
.series_detail_top_tag_bg .btn_share_item svg{width:30px; height:30px; fill:#fff; transition:.2s}
.series_detail_top_tag{margin-top:12px}
.series_detail_top_tag dt{color:#FFF; font-size:14px; font-weight:700; line-height:20px; letter-spacing: 0.28px; margin-right:10px; margin-top:4px}
.series_detail_top_tag dd{color:#FFF; font-size:11px; font-weight:700; line-height:17px; padding:1px 8px 0; border:1px solid rgba(255,255,255,.3); background:rgba(23,23,23,.2); backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px); border-radius:10px; margin:4px 4px 0 0}
.view_top_info_variety_right.series.change_view > li button svg, .view_top_info_variety_right.series.change_view > li .btn_bookmark.bookmark_on svg{fill:#fff}
.view_top_info_variety_right.series.change_view > li .btn_share_item.btn_kakao svg{fill:#171717}
.view_top_info_variety_right.series.change_view > li .btn_bookmark svg{stroke:#fff; fill:transparent}
.view_top_info_variety_right.series .pop_font_list li .btn_share_item svg{fill:#171717}
.view_top.series .view_top_cate{padding-top:120px}
.view_top.series:before{display:none}
/* series_view_link */
.series_view_link{border:1px solid #171717; margin:0 20px 20px}
.series_view_link_top{background:rgba(248,248,248,.8); padding:17px 20px; }
.series_view_link_top_l, .series_view_link_top_r, .series_view_link_top_btn, .series_view_link_top_btn_link{display:inline-block; vertical-align:middle;}
.series_view_link_top_l{width:60px; height:60px; margin-right:13px;}
.series_view_link_top_l img{width:100%; height:100%; object-fit:cover;}
.series_view_link_top_r{width:calc(100% - 145px)}
.series_view_link_top_r_title{font-size:16px; line-height:1.5; font-weight:700; color:#171717; margin-bottom:4px}
.series_view_link_top_r_sub{font-size:13px; line-height:1.5; font-weight:500; letter-spacing:.26px; color:rgba(23,23,23,.8);}
.series_view_link_top_btn, .series_view_link_top_btn_link{color:#171717; border:1px solid #DADCDF; border-radius:17px; padding:0 16px; background:#fff; min-width:39px;}
.series_view_link_top_btn p, .series_view_link_top_btn_link p{font-size:14px; font-weight:600; line-height:32px}
.series_view_link_top_btn.on{border-color:#1D9BF0; background:rgba(29,155,240,.9); color:#fff}
.series_view_link_li{margin:0 20px}
.series_view_link_li li + li{border-top:1px solid #E8E8E8}
.series_view_link_li li a{display:block; line-height:1.4; color:#171717; padding:15px 0}
.series_view_link_li_num, .series_view_link_li_icon, .series_view_link_li_t{display:inline-block; vertical-align:middle;}
.series_view_link_li_num{font-size:16px; font-weight:700; text-align:center; width:30px}
.series_view_link_li_icon{margin:0 10px 0 2px; width:24px; height:24px;}
.series_view_link_li_t{font-size:16px; font-weight:400; /*width:calc(100% - 66px)*/ width:100%}
.no_result{text-align:center; padding:130px 0}
.no_result_icon{width:30px; fill:rgba(23,23,23,.3); margin-bottom:15px}
.no_result p{font-size:14px; font-weight:400; color:rgba(23,23,23,.5)}
/* ====== serial ======================================================================================================= */
/* serial_main */
.serial_main{position:relative; background:transparent}
.serial_main .column_title p, .serial_main .column_txt_main{color:#fff}
.serial_main .column_cate{color:rgba(255,255,255,.5)}
.serial_main .view_top_cate{color:#fff; padding-bottom:0}
.serial_main .column_title{padding-bottom:2px}
.serial_main .column_2 .column_li li{margin:10px 5px}
.serial_title + .column_title_more{top:30px}
.serial_title_img{position:relative; margin-right:10px; width:12.5%; padding-bottom:12.5%; display:inline-block; vertical-align:middle;}
.serial_title_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.serial_title_t_bg{line-height:1.5; display:inline-block; vertical-align:middle; width:calc(87.5% - 65px)}
.serial_title_t{color:#171717; font-size:16px; font-weight:600}
.serial_title_sub{color:rgba(23,23,23,.5); font-size:12px; font-weight:600;}
.serial_link .series_program_cate{margin-top:20px; margin-bottom:0;}
/* serial_detail_top_bg */
.serial_detail_top_bg{background:#f7f7f7}
.serial_detail_top_bg .series_detail_top_contents_cap, .serial_detail_top_bg .series_detail_top_contents_title_t{color:#171717}
.serial_detail_top_bg .series_detail_top_contents_li > li > button{background:transparent; border-color:rgba(23,23,23,.2); color:#171717}
.serial_detail_top_bg .btn_share{line-height:32px; background:transparent; border-color:rgba(23,23,23,.2);}
.serial_detail_top_bg .btn_share svg{width:20px; height:20px; margin:0; fill:#171717}
.serial_detail_top_bg .series_detail_top_contents_li > li > button.on, .serial_detail_top_bg .series_detail_top_contents_li > li > a.on{border-color:#1D9BF0; background:rgba(29, 155, 240, .9); color:#fff}
.serial_detail_top_bg .series_detail_top_sub{color:rgba(23,23,23,.6); border-bottom-color:rgba(23,23,23,.1)}
.serial_detail_top_bg .series_detail_top_contents_r{margin-top:0}
.serial_detail_top_bg .series_detail_top_tag dt, .serial_detail_top_bg .series_detail_top_tag dd{color:#1D9BF0}
.serial_detail_top_bg .series_detail_top_tag dd{border-color:rgba(51,184,255,.7); background:rgba(51,184,255,.08);}
.series_detail_top_tag dd.series_detail_top_tag_btn{background:rgba(29,155,240,.9)}
.serial_detail_top_bg .series_detail_top_contents_li{position:relative;}
.serial_detail_top_bg .btn_share.on svg{fill:#fff}
.serial_detail_top_bg .pop_share_wrap{right:inherit}
.serial_detail_top_bg .btn_share_item svg{width:30px; height:30px; fill:#fff; transition:.2s}
/* serial_review */
.serial_review{background:transparent;}
.serial_review #list_area > li{background:#fff; margin-bottom:8px; overflow:hidden}
.serial_review #list_area > li:last-child{margin-bottom:0}
.serial_review .more_btn_bg{background:#fff}
/* reporter_main */
.reporter_main{background:#fff;}
.reporter_top{padding:20px}
.reporter_top_img, .reporter_top_t_bg{display:inline-block; vertical-align:middle;}
.reporter_top_img{position:relative; width:25.5%; padding-bottom:25.5%; margin-right:16px; overflow:hidden; border-radius:50%}
.reporter_top_img:after{border-radius:50%}
.reporter_top_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.reporter_top_t_bg{width:calc(74.5% - 16px)}
.reporter_top_name{color:#171717; font-size:20px; font-weight:700; line-height:1.3; letter-spacing:-0.2px}
.reporter_top_sub{margin:4px 0 10px; color:rgba(23,23,23,.6); font-size:13px; font-weight:600; line-height:1.5}
.reporter_top_t_bg .series_detail_top_contents_li{margin:0}
.reporter_top_t_bg .series_detail_top_contents_li > li{margin-bottom:0}
.reporter_top_t_bg .series_detail_top_contents_li > li > button, .reporter_top_t_bg .series_detail_top_contents_li > li > a{color:#171717; background:transparent; border-color:rgba(23,23,23,.2)}
.reporter_top_t_bg .series_detail_top_contents_li > li > button.on, .reporter_top_t_bg .series_detail_top_contents_li > li > a.on{border-color:#1D9BF0; background:rgba(29,155,240,.9); color:#fff}
.reporter_top_t_bg .series_detail_top_contents_li > li > button svg, .reporter_top_t_bg .series_detail_top_contents_li > li > a svg{margin:0; fill:#171717; }
.reporter .column_title{padding-bottom:2px}
.reporter .column_2 .column_li li{margin:10px 5px}
.reporter_bottom{padding:0 20px 20px; color:rgba(23,23,23,.6); font-size:13px; font-weight:500; line-height:1.5; word-break:keep-all;}
.reporter_rank .column_3 .column_li{margin-top:0; margin-bottom:4px}


/* ====== pop_join ======================================================================================================= */
/* pop_join */
.pop_join:before{content:""; position:absolute; top:-80px; left:0; width:100%; height:80px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 1) 100%)}
.pop_join{position:relative; background:#171717; border-radius:10px; text-align:center; padding:30px 30px; word-break:keep-all; margin-top:-60px}
.pop_join_title{color:#fff; font-weight:700; line-height:1.4}
.pop_join_title_t1{font-size:18px}
.pop_join_title_t2{font-size:20px}
.pop_join_btn{color:#FFF; font-size:14px; font-weight:700; line-height:40px; letter-spacing:-0.14px; padding:0 42px; border-radius:22px; border:1px solid #1D9BF0; background:rgba(29,155,240,.9); backdrop-filter:blur(150px); -webkit-backdrop-filter:blur(150px); display:inline-block; vertical-align:top; margin-top:20px}
.pop_join_sub{color:rgba(255,255,255,.6); font-size:13px; font-weight:400; line-height:1.5; margin:20px 0 10px}
.pop_join_btn_2{color:#FFF; font-size:13px; font-weight:400; line-height:1.4; text-decoration-line:underline; display:block; width:80px; text-align:left}
.pop_join_btn_2:hover{text-decoration:underline}
/* language */
.language{position:absolute; right:20px; bottom:29px}
.language_select{position:relative; width:auto; height:20px; display:inline-block; vertical-align:middle}
.language_select select{width:100%; height:100%; padding:0 10px 0 5px; font-size:12px; font-weight:300; color:#fff; line-height:20px; letter-spacing:-0.5px; background:transparent; -webkit-appearance:none; cursor:pointer}
.language_select select option{color:#000}
.language_select svg{position:absolute; top:7px; right:0; width:7px; height:7px; fill:#fff}
.main{text-align:center; font-size:0; line-height:1.5}
/* planning */
.section_main .column_cate{color:rgba(255,255,255,.5)}
.section_main .column_3 .column_li{margin-bottom:4px}
.planning_section .column_1 .column_img_bg{margin-bottom:20px}
.planning_section .column_3 .column_li{margin-bottom:4px}
.column_title > p.column_title_planning_title{display:block; color:rgba(23,23,23,.6); font-size:13px; font-weight:400; line-height:1.5}
.column_title_planning_title_count{position:absolute; top:24px; right:20px; font-size:13px; color:#171717; font-weight:500; line-height:1.5}


/* ====== subsc_plus ======================================================================================================= */
.subsc_plus_top{background:#fff}
.subsc_plus_top .pop_join{padding-top:0}
.subsc_plus_serial .series_view_link_top, .subsc_plus_news .series_view_link_top{background:transparent; padding:17px 0; margin:0 20px; border-bottom:1px solid #E8E8E8;}
.subsc_plus_serial .series_view_link{border-color:#E8E8E8}
.subsc_plus_serial .column_3 .column_li{margin:0 20px}
.subsc_plus_serial .column_3 .column_li li a{border-bottom:none}
.subsc_plus_news .series_view_link{border-color:#E8E8E8}
.subsc_plus_news .series_view_link_top{display:flex; justify-content:space-between; align-items:center}
.subsc_plus_news .series_view_link_top_r{width:auto}
.subsc_plus_news .series_view_link_top_r_title{margin-bottom:0; font-size:20px; word-break:keep-all}
.subsc_plus_news .column_3 .column_li{margin:0 20px}
.subsc_plus_news .column_3 .column_li li a{border-bottom:none}
.subsc_plus_news .column_3 .column_txt_main{font-weight:600; margin-bottom:5px}
.subsc_plus_news .column_3 .column_txt_sub{margin-top:0}
.subsc_plus_news_swiper .swiper-pagination{position:relative; width:100%; margin:0; top:inherit; left:inherit; bottom:15px; right:0; line-height:1; font-size:0;}
.subsc_plus_news_swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.subsc_plus_news_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:8px; height:8px; margin:0 4px; background:rgba(23,23,23,.3); opacity:1}
.subsc_plus_news_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1D9BF0;}


/* ====== nopage ======================================================================================================= */
.nopage_t_bg{text-align:center; padding:50px 20px; word-break:keep-all;}
.nopage_icon{display:inline-block; width:50px; height:50px; fill:none}
.nopage_icon_col_1{fill:#1D9BF0}
.nopage_title{color:#171717; font-size:23px; font-weight:700; line-height:1.4; letter-spacing:-0.46px; margin:20px 0 10px}
.nopage_sub{color:rgba(23,23,23,.6); font-size:13px; font-weight:400; line-height:1.5; margin:0 40px 20px;}
.nopage_sub a{color:#3CA8F2; text-decoration:underline;}


/* ====== notice ======================================================================================================= */
.notice_list_top .sch_input_wrap{border:1px solid #E8E8E8; box-shadow:none;}
.notice_list_bottom .column_cate{color:#1D9BF0}
.notice_view_top .view_top{overflow:hidden;}
.notice_view_top .view_top:before{display:none}
.notice_view_top .view_top_title{color:#171717}
.notice_view_top .view_top_info{color:rgba(23,23,23,.5)}
.notice_view_bottom .more_btn p{font-size:14px; font-weight:700; color:rgba(23,23,23,.8)}


/* ====== my ======================================================================================================= */
/* my_top */
.my_top{position:relative; padding:20px}
.my_top_title{color:#171717; font-size:23px; font-weight:700; line-height:1.4; margin-bottom:10px;}
.my_top_name_bg{display:flex; justify-content:space-between; align-items:center}
.my_top_name{color:rgba(23,23,23,.8); font-size:16px; font-weight:500; line-height:1.5; max-width: calc(100% - 80px)}
.my_top_logout{color:#171717; font-size:12px; font-weight:400; line-height:1.5; border-radius: 22px; border:1px solid #DADCDF; background:#FFF; padding:5px 16px}
.my_top_title_sel{position:absolute; top:22px; right:20px}
.my_top_title_sel select{display:block; color:#171717; font-size:12px; font-weight:500; line-height:26px; -webkit-appearance:none; padding:0 0 0 18px; cursor:pointer; background:transparent}
.my_top_title_sel svg{position:absolute; top:1px; left:0; width:14px; fill:rgba(23,23,23,.4)}
/* my_tab */
.my_tab_li{border-top:1px solid rgba(232,232,232,.6); border-bottom:1px solid rgba(232,232,232,.6)}
.my_tab_li li{position:relative; display:inline-block; vertical-align:top}
.my_tab_li.my_tab_li_2 li{width:50%}
.my_tab_li.my_tab_li_3 li{width:33.33%}
.my_tab_li li:after{position:absolute; content:""; width:1px; height:13px; background: rgba(23, 23, 23, 0.14); top:50%; right:0; transform:translate(0,-50%);}
.my_tab_li li:last-child:after{display:none;}
.my_tab_li li a{display:block; color:rgba(23,23,23,.6); font-size:15px; font-weight:500; line-height:1.5; letter-spacing:-0.28px; padding:13px 0; text-align:center}
.my_tab_li li.on a{color: #171717; font-weight:800}
/* my_subsc */
.my_subsc{padding:20px}
.my_subsc_tab{margin-bottom:20px}
.my_subsc_tab li{display:inline-block; vertical-align:top; width:50%}
.my_subsc_tab li + li{margin-left:-1px}
.my_subsc_tab li a{font-size:14px; text-align:center; display:block; line-height:34px; border:1px solid #E8E8E8; color:#999}
.my_subsc_tab li.on a{background:#171717; color:#fff; border-color:#171717}
/* my_subsc_swiper */
.my_subsc_swiper{position:relative}
.my_subsc_swiper_li{position:relative; z-index:1}
.my_subsc_swiper_li li{position:relative; display:inline-block; vertical-align:top; text-align:center; padding:27px 0 25px; color:rgba(23,23,23,.8)}
.my_subsc_swiper_li li:after{position:absolute; content:""; width:1px; height:44px; background:rgba(23,23,23,.14); top:50%; right:-1px; transform:translate(0,-50%)}
.my_subsc_swiper_li li:last-child:after{display:none}
.my_subsc_swiper2 .my_subsc_swiper_li:after, .my_subsc_swiper3_no .my_subsc_swiper_li:after,
.my_subsc_swiper3 .swiper:after{position:absolute; content:""; top:0; right:0; left:0; bottom:0; border:1px solid #E8E8E8; z-index:-1}
.my_subsc_swiper2 .my_subsc_swiper_li li{width:50%}
.my_subsc_swiper3_no .my_subsc_swiper_li li{width:33.33%}
.my_subsc_swiper_li_t{font-size:14px; font-weight:500; line-height:21px; letter-spacing:-0.2px}
.my_subsc_swiper_li_num{font-size:18px; font-weight:700; line-height:27px; letter-spacing:-0.36px; margin-top:4px}
.my_subsc_swiper3 .swiper-button-next, .my_subsc_swiper3 .swiper-button-prev{position:absolute; top:50%; transform:translate(0,-50%); background:#fff; z-index:0}
.my_subsc_swiper3 .swiper-button-next{right:-15px}
.my_subsc_swiper3 .swiper-button-prev{left:-15px}
.my_subsc_swiper3 .swiper-button-next.swiper-button-disabled, .my_subsc_swiper3 .swiper-button-prev.swiper-button-disabled{opacity:0}
/* my_subsc_edit */
.my_subsc_edit{margin-top:20px}
.my_subsc_edit_top{position:relative; display:block; border:1px solid #1D9BF0; background:rgba(29,155,240,.9); box-shadow:0 2px 3px rgba(0,0,0,.05)}
.my_subsc_edit_top_t{color:#FFF; font-size:14px; font-weight:700; line-height:42px; letter-spacing:-0.14px; padding:0 16px}
.my_subsc_edit_top_icon{width:22px; height:22px; position:absolute; top:9px; right:12px; border-radius:50%; border:1px solid rgba(255,255,255,.6); background:rgba(255,255,255,.1); box-shadow:0 2px 3px rgba(0,0,0,.05); backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px);}
.my_subsc_edit_top_icon svg{width:10px; fill:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-180deg); transition:.2s;}
.my_subsc_edit_top.active .my_subsc_edit_top_icon svg{transform:translate(-50%,-50%);}
.my_subsc_edit_tab_bg{overflow:hidden; border:1px solid #E8E8E8; border-top:none; box-shadow:0 2px 3px rgba(0,0,0,.03); display:none}
.my_subsc_edit_tab{border:1px solid #E8E8E8; margin:20px 16px}
.my_subsc_edit_tab_li{margin:0 16px}
.my_subsc_edit_tab li{position:relative; display:inline-block; vertical-align:top; width:33.33%}
.my_subsc_edit_tab li:after{position:absolute; content:""; width:1px; height:13px; background:rgba(23,23,23,.14); top:50%; right:-1px; transform:translate(0,-50%)}
.my_subsc_edit_tab li:last-child:after{display:none}
.my_subsc_edit_tab li a{display:block; color:rgba(23,23,23,.8); text-align:center; font-size:12px; font-weight:500; line-height:38px; letter-spacing: -0.5px}
.my_subsc_edit_tab li.on a{color:#171717; font-weight:700}
.my_subsc_edit_tab_li_title{color:#171717; font-size:14px; font-weight:500; line-height:1.5; letter-spacing:-0.28px; margin:0 16px}
.my_subsc_edit_tab_li_title b{font-weight:700; margin-right:3px}
.my_subsc_edit_tab_li li{position:relative; border-bottom:1px solid #E8E8E8;}
.my_subsc_edit_tab_li li:last-child{border:none}
.my_subsc_edit_tab_li_t{display:block; color:#171717; font-size:14px; font-weight:400; line-height:1.4; padding:16px 24px 16px 0}
.my_subsc_edit_tab_li_del{width:18px; height:18px; position:absolute; top:50%; right:0; transform:translate(0,-50%);}
.my_subsc_edit_tab_li_del svg{fill:#171717; opacity:.4; width:100%}
.my_subsc_edit_btn{text-align:center; display:block; padding:20px 0; border-top:1px solid #E8E8E8;}
.my_subsc_edit_btn_t, .my_subsc_edit_btn_icon{display:inline-block; vertical-align:middle;}
.my_subsc_edit_btn_t{color:rgba(23,23,23,.5); font-size:12px; font-weight:400;}
.my_subsc_edit_btn_icon{margin-left:4px}
/* my_subsc_contents */
.my_subsc_contents .column_3 .column_li{margin-top:0}
.my_subsc_contents .column_3 .column_li li{position:relative}
.my_subsc_contents .column_cate{font-weight:400;}
.my_subsc_contents .column_cate b{font-weight:700;}
.my_subsc_contents .column_cate span{color:rgba(23,23,23,.14); margin:0 5px}
.my_subsc_contents .more_btn p{font-size:14px; display:inline-block; vertical-align:middle; font-weight:700; color:rgba(23,23,23,.8)}
/* my_subsc_title_date_bg */
.my_subsc .column_title{padding:0 0 20px}
.my_subsc_title_date_bg{position:absolute; top:3px; right:-3px; font-size:0;}
.my_subsc_title_date_btn, .my_subsc_title_date{display:inline-block; vertical-align:middle;}
.my_subsc_title_date_btn{width:20px; height:20px; position:relative;}
.my_subsc_title_date_btn svg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); fill:rgba(23,23,23,.5)}
.my_subsc_title_date{font-size:12px; font-weight:500; margin:0 3px}
.my_graph{margin-bottom:-20px}
.my_graph .column_title{padding:0; z-index:1; margin-bottom:-22px}
.my_graph .column_title > p, .my_graph .column_title > span{font-size:16px}
.my_graph .column_title > span{color:#33b8ff}
.my_chart_bg{position:relative; padding-bottom:60%;}
.my_chart{position:absolute; top:0; left:0; width:100%; height:100%}
/* my_storage */
.my_storage .column_3 .column_li{margin-top:0}
.my_storage .column_3 .column_li > li{border-bottom:1px solid #E8E8E8}
.my_storage .column_3 .column_li > li:last-child, .my_storage .column_3 .column_li li a{border:none}
.my_storage .column_3 .column_li > li .my_storage_icon_bg{width:40px; display:inline-block; vertical-align:middle; text-align:center;}
.my_storage .column_3 .column{width:calc(100% - 40px); display:inline-block; vertical-align:middle;}
.my_storage .column_3 .column_li li .my_storage_icon_bg li a{display:block; border:none; padding:7px 0}
.my_storage_icon{width:22px; display:inline-block; vertical-align:middle; margin-right:7px; fill:#171717; transition:.1s;}
.my_storage_icon .ico_yellow{fill:#FBD771}
.my_storage_icon .ico_red{fill:#EE6173}
.my_storage_icon .ico_blue{fill:#1BA2DA}
.my_storage_icon:active{transform:scale(.9)}
.my_storage_icon.active{fill-opacity:0.4}
.my_storage_icon.active .ico_blue, .my_storage_icon.active .ico_yellow, .my_storage_icon.active .ico_red{fill:transparent}



/* ====== newsletter ======================================================================================================= */
/* newsletter */
.newsletter_top{position:relative; padding:20px; box-sizing:border-box;}
.newsletter_top.newsletter_top_black{color:#fff; background:transparent;}
.newsletter_top.newsletter_top_black:after{position:absolute; content:""; background:url(https://static.heraldcorp.com/wbazic/biz/mobile/image/newsletter_top_black.png) center no-repeat; background-size:cover; top:0; left:0; width:100%; height:100%; z-index:-1;}
{background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 30.28%, rgba(0, 0, 0, 0.27) 69.97%);}
.newsletter_top_cate{font-size:13px; font-weight:800; margin-bottom:16px;}
.newsletter_top_title{font-size:23px; font-weight:700; line-height:1.4;}
.newsletter_top_sub{font-size:13px; font-weight:400; line-height:1.5; margin-top:10px; color: rgba(23,23,23,.8); word-break:keep-all; padding-right:65px;}
.newsletter_top.newsletter_top_black .newsletter_top_sub{color:rgba(255,255,255,.6)}
.newsletter_top_btn{position:relative}
.newsletter_top_btn .pop_share_wrap{right:inherit;}
.newsletter_top_btn .series_detail_top_contents_li > li{margin-bottom:0;}
.newsletter_top_btn .series_detail_top_contents_li > li > button{line-height:32px;}
.newsletter_top_btn .series_detail_top_contents_li > li > button svg{margin:0}
.newsletter_top_btn .btn_share_item:hover svg{transform:scale(1.2)}
.newsletter_top_btn .btn_share_item svg{width:30px; height:30px; fill:#fff; transition:.2s}
.newsletter_top_day{font-size:13px; font-weight:400; line-height:1.5; margin-top:10px}
/* newsletter_brf */
.newsletter_brf{position:relative; color:#fff; padding:20px; box-sizing:border-box;}
.newsletter_brf_img_bg{position:absolute; top:0; left:0; width:100%; height:100%}
.newsletter_brf_img_bg:after{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(23,23,23,.7); -webkit-backdrop-filter:blur(30px); backdrop-filter:blur(30px);}
.newsletter_brf_t_bg{position:relative;}
.newsletter_brf_cate{font-size:18px; font-weight:700; line-height:1.5;}
.newsletter_brf_cate_day{font-size:14px; font-weight:400; margin:20px 0 12px; line-height:1.5;}
.newsletter_brf_img{position:relative; display:block;}
.newsletter_brf_img img{width:100%}
.newsletter_brf_img:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border: 1px solid rgba(255,255,255,.1);}
.newsletter_brf_title{display:block; font-size:20px; font-weight:600; margin:10px 0; line-height:1.4; word-break:keep-all;}
.newsletter_brf_day{font-size:12px; font-weight:400; line-height:1.5; color:rgba(255,255,255,.5);}
/* newsletter_li */
.newsletter_li > li{border:1px solid #E8E8E8; margin:0 20px 20px; padding-bottom:20px;}
.newsletter_li_img{position:relative;display:block; padding-bottom:51%; margin-bottom:16px;}
.newsletter_li_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.newsletter_li_link{margin:16px 20px 0; display:block;}
.newsletter_li_img:after{position:absolute; content:""; top:-1px; left:-1px; right:-1px; bottom:0; border:1px solid rgba(23,23,23,.1)}
.newsletter_li_title{color:#171717; font-size:20px; font-weight:700; line-height:1.4}
.newsletter_li_day{color:rgba(23,23,23,.6); font-size:13px; font-weight:700; line-height:1.5; margin-top:4px}
.newsletter_li_sub{color:rgba(23,23,23,.6); font-size:13px; font-weight:400; line-height:1.5; margin-top:10px}
.newsletter_li > li .series_detail_top_contents_li{margin:16px 20px 0}
.newsletter_li .column_3 .column_li{border-top:1px solid #E8E8E8; margin-bottom:0;}
.newsletter_li .column_3 .column_li li:last-child a{padding-bottom:0}
.newsletter_li .series_detail_top_contents_li > li > button, .newsletter_li .series_detail_top_contents_li > li > a{color:#171717; background:transparent; border-color:rgba(23,23,23,.2)}
.newsletter_li .series_detail_top_contents_li > li > button.on, .newsletter_li .series_detail_top_contents_li > li > a.on{border-color:#1D9BF0; background:rgba(29,155,240,.9); color:#fff}
.newsletter_li .series_detail_top_contents_li > li > button svg, .newsletter_li .series_detail_top_contents_li > li > a svg{margin:0; fill:#171717; }
.newsletter_swiper .newsletter_li > li{margin-bottom:0;}
/* newsletter_result */
.newsletter_result{padding-top:20px;}
.newsletter_result .column_cate span{color:#1D9BF0; font-weight:700; margin-right:14px}
.newsletter_result .column_3 .column_li{margin-top:0}
.newsletter_result .column_3 .column_li li:first-child a{border-top:2px solid #171717}


/* ====== military ======================================================================================================= */
/* military */
.section_main.military_main .column_title p,
.section_main.military_main .column_title p b,
.section_rank.military_rank .column_title p,
.section_rank.military_rank .section_rank_num,
.section_rank.military_rank .section_rank_num b,
.military_shorts .column_title > p,
.military_new .column_title > p,
.military_contents .column_title > p
{font-family:'ROKA'}
.section_main.military_main .index_main_img_bg{background:url(https://static.heraldcorp.com/wbazic/biz/mobile/image/military_main_bg.jpg) center no-repeat; background-size:cover;}
.section_main.military_main .index_main_img_bg:after{display:none;}
.section_main.military_main .column_title{text-align:center; padding:26px 20px 20px}
.section_main.military_main .column_title p{ font-size:28px; font-weight:100; text-shadow:1px 1px 0 rgba(0,0,0,.6);}
.section_main.military_main .column_title p b{font-weight:700; color:#8C9320;}
.military_obj{position:absolute; bottom:-10px}
.military_obj_1{background:url(https://static.heraldcorp.com/wbazic/biz/mobile/image/military_obj_1.png) center no-repeat; background-size:cover; aspect-ratio:336/568; width:35px; right:27px}
.military_obj_2{background:url(https://static.heraldcorp.com/wbazic/biz/mobile/image/military_obj_2.png) center no-repeat; background-size:cover; aspect-ratio:336/568; width:33px; right:50px}
.military_obj_3{background:url(https://static.heraldcorp.com/wbazic/biz/mobile/image/military_obj_3.png) center no-repeat; background-size:cover; aspect-ratio:336/568; width:29px; right:73px}
.section_rank.military_rank .section_rank_num b{color:#8C9320}
.military_story .column_channel_name{padding:20px 20px 16px; margin:0}
.military_story .column_channel_img_bg{width:44px; height:44px;}
.military_story .column_channel_t_bg{width:calc(100% - 125px)}
.military_story .series_view_link_top_btn.on{border-color:#8C9320; background:#8C9320}
section.military_story .swiper{padding:0 20px}
.military_story .column_img_bg, .military_story .column_t_bg{margin:0}
.military_story .column_img_bg{padding-bottom:56%}
.military_story .column_img{object-position:center}
.military_story .column_t_bg{padding:16px 20px; border:1px solid #E8E8E8; border-top:none; height:48px}
.military_story .column_txt_main{font-size:16px; font-weight:500; line-height:1.5}
.military_shorts .column_title > p{color:#8C9320}
.military_shorts .column_2 .column_li{margin-bottom:20px}
.military_shorts .column_2 .column_img_bg{padding-bottom:152%}
.section_contents.military_contents .column_cate{color:#8C9320}


/* ====== ad ======================================================================================================= */
/* ad */
.column_cate_ad{font-size:9px; border:1px solid #ccc; display:inline-block; line-height:12px; padding:0 4px; border-radius:4px;}
.ad_2 .column_3 .column_li{margin-top:0; margin-bottom:4px}
.ad_3 .column_2 .column_li li{margin:10px 5px}
.ad_3 .column_cate_ad{position:absolute; top:5px; right:5px; background:rgba(0,0,0,.5); color:#fff; border-color:rgba(0,0,0,.1)}
.ad_3 .column_title{padding-bottom:2px}
.ad_bnn_bg{position:relative; background:transparent}
.ad_bnn_bg img{width:100%}


/* ====== election (2025) ======================================================================================================= */
.election_bnn{width:100%}
.election_sec_bg{background:url(https://static.heraldcorp.com/wbazic/biz/mobile/image/election_sec_bg_2.jpg) center no-repeat; background-size:cover;}
.election_sec_bg .column_title, .election_sec_bg .column_1{background:#fff; margin:0 20px}
.election_sec_bg .column_1{padding-top:20px}
.election_sec_bg .column_1 .column_li li:last-child .column_t_bg{margin-bottom:0; padding-bottom:20px}
.election_sec_bg .column_3.column_3_right{background:#fff; margin:0 20px}
.election_sec_bg .column_3.column_3_right .column_li{margin:0 20px}
/* election_time */
.election_time{position:relative; margin:0 20px; padding:0 0 0 22px}
.election_time:before{position:absolute; content:""; width:1px; height:calc(100% - 49px); left:5px; top:33px; background:#E8E8E8}
.election_time > li{position:relative; border-bottom:1px solid #E8E8E8; padding:16px 0}
.election_time > li:before{position:absolute; content:""; width:6px; height:6px; border-radius:50%; border:2px solid #171717; left:-22px; top:27px; background:#fff}
.election_time > li:last-child{border-bottom:none}
.election_time_issue_l, .election_time_issue_r{display:inline-block; vertical-align:top}
.election_time_issue_l{width:calc(75% - 16px); margin-right:16px}
.election_time_issue_l_title{font-size:16px; font-weight:400; color:#777; line-height:1.4; letter-spacing:-0.32px; word-break:keep-all; display:block}
.election_time > li.latest .election_time_issue_l_title{font-weight:500; color:#171717}
.election_time_issue_r{position:relative; width:25%; padding-top:15.1%}
.election_time_issue_r_img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.election_time_issue_r:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(23,23,23,.1)}
.election_time > li.noimg .election_time_issue_l{margin:0; width:100%}
.election_time_notitle:before{top:0; height:calc(100% - 13px)}
/* election_plan */
.election_plan{padding:0 0 10px}
.election_plan li{position:relative; display:inline-block; vertical-align:top; width:50%; text-align:center}
.election_plan_day{position:relative; font-size:13px; font-weight:400; color:#171717; padding:15px 0}
.election_plan_day:before, .election_plan_day:after{position:absolute; content:""}
.election_plan_day:before{bottom:0; left:0; width:100%; height:1px; background:#9628ed}
.election_plan_day:after{bottom:-5px; left:calc(50% - 5px); width:7px; height:7px; border-radius:50%; background:#9628ed; border:2px solid #fff; box-shadow:0 0 0 1px #9628ed}
.election_plan_t{position:relative; font-size:14px; font-weight:500; line-height:1.4; letter-spacing:-0.23px; word-break:keep-all; color:#171717; padding:20px 0 20px; margin:15px 10px 10px; background:#f6f6f6}
.election_plan_t:after{position:absolute; content:""; width:8px; height:8px; top:-4px; left:calc(50% - 4px); background:#f6f6f6; transform:rotate(45deg)}
.election_plan li.end .election_plan_day:before{background:#ddd}
.election_plan li.end .election_plan_day:after{background:#bbb; box-shadow:0 0 0 1px #bbb;}
.election_plan li.end .election_plan_t, .election_plan li.end .election_plan_t:after{color:#999; font-weight:400}
.election_plan li.dday .election_plan_t{background:linear-gradient(90deg, #ed3477 0%, #351ad9 100%); color:#fff}
.election_plan li.dday .election_plan_t:after{background:linear-gradient(45deg, #9327a6 0%, #8e27aa 100%)}