@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
html {scroll-behavior:smooth}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
/* ====== index 디바이스 대응 ======================================================================================================= */
@media (min-width:500px) {
/* column */
body.body_column_2{-webkit-column-gap:10px; column-gap:10px; margin:56px 20px 0; column-width:327px}
body.body_column_2 section{display:inline-block; width:100%; border-radius:14px; overflow:hidden}
body.body_column_2 section.index_main, body.body_column_2 section.section_menu, body.body_column_2 section.keywords_top{border-radius:0 0 14px 14px}
body.body_column_2 section.section_menu, body.body_column_2 section.keywords_top{margin-top:-8px}
}
@media (min-width:800px) {
body.body_column_1{max-width:800px; margin:48px auto 0}
body.body_column_1 section{border-radius:14px; overflow:hidden}
body.body_column_1 section.index_main, body.body_column_1 section.section_menu, body.body_column_1 section.keywords_top{border-radius:0 0 14px 14px}
}
@media (min-width:1000px) {
body.body_column_2{max-width:1000px; margin:56px auto 0}
}
/* ====== common ======================================================================================================= */
fieldset{border:0; padding:0; margin:0}
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:break-word}
.ellipsis2, .ellipsis3, .ellipsis4{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:#CCE0E4; font-size:0; margin-top:48px}
.blind{position:absolute; overflow:hidden; width:1px; height:1px; top:-1px; clip:rect(0 0 0 0)}
.site_color_grad{background:linear-gradient(90deg, rgba(33,178,202,1) 0%, rgba(68,113,179,1) 100%)}/*사이트컬러*/
.site_color_grad_opac{background:linear-gradient(90deg, rgba(33,178,202,.9) 0%, rgba(68,113,179,.9) 100%)}/*사이트컬러_투명도*/
.column_img_bg:after,
.index_photo_swiper_img:after,
.index_gallery_img_bg:after,
.btn_vote_select_img:after,
.index_month_img:after, .series_view_link_top_l:after, .series_view_swiper_img:after,
.reporter_img:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1)}/*이미지테두리*/
section{background:#E5F2F5; margin-bottom:8px}
section .swiper{z-index:0}
/*
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); transition:.2s}
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%)}
/* ====== ad ======================================================================================================= */
/* ad */
.ad_bnn_bg{position:relative; background:transparent}
.ad_bnn_bg a{display:block}
.ad_bnn_bg img{width:100%}
/* ====== header ======================================================================================================= */
/* header */
header{position:fixed; left:0; top:0; width:100%; z-index:10; background:rgba(255,255,255,.94); backdrop-filter:blur(100px); -webkit-backdrop-filter:blur(100px)}
/* header_gnb */
.header_gnb{position:relative; height:48px}
.header_gnb_my{right:16px}
.header_gnb_icon svg{width:100%; height:100%; fill:#171717}
.header_gnb_logo{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:160px; height:22px; background:url(../image/logo.png) center no-repeat; background-size:cover}
.header_gnb_logo.header_gnb_logo_ani{background:url(../image/logo_ani.gif) center no-repeat; background-size:cover; width:147px; height:30px}
/* header_gnb_menu */
.header_gnb_icon{position:absolute; top:11px; width:26px; height:26px; display:block}
.header_gnb_menu{left:16px; background:transparent}
.header_gnb_menu span{position:absolute;display:block; height:2px; left:3px; background:#171717; border-radius:1px; -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; width:15px; height:15px}
.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_menu_all */
.header_menu_all{display:none; position:absolute; background:#E5F2F5; top:48px; width:100%; height:calc(100vh - 48px); z-index:1; height:calc(100svh - 48px)/*사파리대응*/}
.header_menu_all.active{display:block}
.header_menu_sch{position:relative; border-bottom:2px solid; margin:0 20px; border-image:linear-gradient(to right, #21B2CA, #4471B3) 1}
.header_menu_sch input{width:calc(100% - 30px); padding:0 30px 0 0; font-size:16px; height:56px; font-weight:500; color:#171717; background:transparent}
.header_menu_sch input::-webkit-input-placeholder{font-weight:400; color:rgba(23,23,23,.4)}
.header_menu_sch button{position:absolute; top:0; right:0; background:transparent; width:30px; height:56px}
.header_menu_sch button svg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:26px; fill:#171717}
.header_menu_sch_icon_col1{stop-color:#21B2CA}
.header_menu_sch_icon_col2{stop-color:#4471B3}
.header_menu_log{border-radius:14px; background:linear-gradient(90deg, rgba(33,178,202,.08) 0%, rgba(68,113,179,.08) 100%); margin:20px; padding:16px; text-align:center}
.header_menu_log_t{display:block; font-size:16px; font-weight:400; line-height:1.5; text-align:center; color:#171717; margin-bottom:16px}
.header_menu_log_li li{vertical-align:middle; display:none}
.header_menu_log_li li.on{display:inline-block}
.header_menu_log_li li + li:before{position:relative; content:"|"; display:inline-block; vertical-align: middle; font-size:10px; font-weight:200; margin:0 7px; color:rgba(23,23,23,.4)}
.header_menu_log_li li a{display:inline-block; vertical-align:middle; font-size:12px; font-weight:500; color:rgba(23,23,23,.8); line-height:1.5}
.header_menu_log_li li a.about{color:#21B2CA}
.header_menu_li_bg_bg{position:relative; overflow:hidden; height:calc(100% - 212px)}
.header_menu_all.header_menu_all_login .header_menu_li_bg_bg{height:calc(100% - 148px)}
.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}
.header_menu_li{padding:5px 20px; line-height:1.5}
.header_menu_li dt{font-size:16px; font-weight:600}
.header_menu_li dd{font-size:14px; font-weight:400; display:inline-block; vertical-align:top; width:50%}
.header_menu_li a{display:block; color:#171717}
.header_menu_li dt a{padding:8px 0}
.header_menu_li dd a{padding:5px 0}
.header_menu_li dd.on a{color:#21B2CA; font-weight:500}
/* header_menu_li_sns */
.header_menu_li_sns{text-align:center; padding:5px 0; border-top:1px solid rgba(23,23,23,.08); margin-top:30px}
.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_menu_li_sns li a img {width:24px; border-radius:50%}
/* header 예외 */
/*인덱스전용*/
.header_index{background:transparent; backdrop-filter:none}
.header_series{background:linear-gradient(90deg, rgba(33,178,202,.9) 0%, rgba(68,113,179,.9) 100%)}
.header_index .header_gnb_icon svg, .header_series .header_gnb_icon svg{fill:#fff}
.header_index .header_gnb_menu span, .header_series .header_gnb_menu span{background:#fff}
.header_index .header_gnb_logo, .header_series .header_gnb_logo{background:url('../image/logo_w.png') center no-repeat; background-size:cover}
.header_index .header_gnb_logo.header_gnb_logo_ani, .header_series .header_gnb_logo.header_gnb_logo_ani{background:url('../image/logo_w_ani.gif') center no-repeat; background-size:cover}
@media (min-width:500px) {
.header_index{background:linear-gradient(90deg, rgba(33,178,202,.9) 0%, rgba(68,113,179,.9) 100%); backdrop-filter:blur(100px); -webkit-backdrop-filter:blur(100px)}
}
.header_index.change{background:linear-gradient(90deg, rgba(33,178,202,.9) 0%, rgba(68,113,179,.9) 100%); backdrop-filter:blur(100px); -webkit-backdrop-filter:blur(100px)}
.header_view.change .header_gnb_logo/*, .header_series.change .header_gnb_logo*/{display:none}
.header_series.header_series_view.change .header_gnb_logo{display:none}
/* ====== 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_sel{position:absolute; top:15px; right:20px; border:1px solid rgba(23,23,23,.18); border-radius:15px; overflow:hidden}
.column_title_sel select{display:block; color:#171717; font-size:12px; font-weight:400; 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,.5); transform: rotate(90deg)}
.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 6px}
.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_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}
/* column_1_li_video */
.column_1_li_video{border-radius:14px; overflow:hidden; margin:0 20px; box-shadow:0 6px 16px 0 rgba(59, 83, 118, 0.60)}
.column_1_li_video .column_img_bg{padding-bottom:56%; margin:0}
.column_1_li_video .column_img_bg img{object-position:center}
.column_1_li_video .column_img_bg:after{border-radius:14px 14px 0 0}
.column_1_li_video .column_img_bg svg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.column_1_li_video .column_img_bg svg .circle_stroke{stroke:url(#gradient-stroke)}
.column_1_li_video .column_img_bg svg .triangle_fill{fill:url(#gradient-fill)}
.column_1_li_video .column_img_bg svg .grad_start{stop-color:#21B2CA}
.column_1_li_video .column_img_bg svg .grad_end{stop-color:#4471B3}
.column_1_li_video .column_img_bg .column_txt_time{position:absolute; right:8px; bottom:8px; font-weight:500; color:#fff; border:1px solid rgba(23, 23, 23, 0.20); background:rgba(23, 23, 23, 0.60); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); padding:0 7px; border-radius:10px}
.column_1_li_video .column_t_bg{background:#fff; margin:0}
.column_1_li_video .column_t_bg .column_txt_main{font-size:16px; font-weight:400; padding:14px 16px 0; margin-bottom:6px}
.column_1_li_video .column_t_bg .index_gallery_cate{padding:0 16px 14px}
/* column_2 */
.column_2 .column_li{padding:0 15px 10px}
.column_2 .column_li li{display:inline-block; vertical-align:top; width:calc(50% - 10px); margin:0 5px 10px}
.column_2 .column_t_bg{margin:0}
.column_2 .column_img_bg{padding-bottom:100%; margin:0 0 8px; overflow:hidden}
.column_2 .column_img_bg, .column_2 .column_img_bg:after{border-radius:14px}
.column_2 .column_txt_main{font-size:16px; font-weight:400; letter-spacing:-0.32px; margin:0 2px 0; word-break:break-all}
/* column_3 */
.column_title + .column_3{margin-top:-10px}
.column_3 .column_li{margin:0 20px; padding-bottom:4px}
.column_3 .column_li li a{border-bottom:1px solid rgba(23,23,23,.08); 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:middle}
.column_3 .column_img_bg{overflow:hidden; width:19%; padding-bottom:19%; margin:0}
.column_3 .column_img_bg, .column_3 .column_img_bg:after{border-radius:10px}
.column_3 .column_t_bg{width:calc(81% - 16px)}
.column_3_left .column_t_bg{margin:0 0 0 16px}
.column_3_right .column_t_bg{margin:0 16px 0 0}
/*
.column_3.column_3_left li.noimg .column_t_bg, .column_3.column_3_right li.noimg .column_t_bg{width:100%; margin:0}/* 이미지가 없을경우 */
.column_3 .column_cate{color:#21B2CA}
.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 rgba(23,23,23,.08); 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}
/* column_5 */
.column_5 .column_li{padding:0 15px 10px}
.column_5 .column_li li{display:inline-block; vertical-align:top; width:calc(50% - 10px); margin:0 5px 10px}
.column_5 .column_li li a{position:relative}
.column_5 .column_t_bg{margin:0}
.column_5 .column_img_bg{padding-bottom:140%; margin:0; overflow:hidden}
.column_5 .column_img_bg, .column_5 .column_img_bg:after{border-radius:14px}
.column_5 .column_txt_main{position:absolute; bottom:12px; left:14px; right:14px; font-size:14px; color:#fff; margin:0}
.column_img_black_type1{position:absolute; top:48%; left:0; bottom:0; width:100%; border-radius:0 0 14px 14px; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.64) 100%)}
.column_img_black_type2{position:absolute; top:0; left:0; bottom:0; width:100%; background:rgba(0, 0, 0, 0.5)}
/* more_btn_bg */
.more_btn_bg{text-align:center; padding:0 20px 20px}
.more_btn{display:block; line-height:42px; border-radius:22px; border:1px solid rgba(23,23,23,.18)}
.more_btn_type_1{color:#171717}
.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:600; background:transparent; color:#171717}
.more_btn_icon{width:24px; fill:rgba(23,23,23,.5); margin-left:2px}
/* ====== index ======================================================================================================= */
/* index_main */
.index_main{margin-top:-48px}
@media (min-width:500px) {
.index_main{margin-top:-56px}
}
.index_main_swiper .column_img_bg{padding-bottom:124.7%; margin:0}
.index_main_swiper_black{position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.16) 18.23%, rgba(0, 0, 0, 0.32) 69.2%, rgba(0, 0, 0, 0.72) 100%)}
.index_main_swiper .column_t_bg{position:absolute; bottom:0; margin:0 24px 54px}
.index_main .column_cate{display:inline-block; color:#fff; padding:0 14px; margin:0 1px 20px; line-height:26px; border-radius:13px; backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px)}
.index_main .column_txt_main{color:#fff; font-size:24px}
.index_main_swiper .swiper-pagination{position:absolute; width:auto; bottom:26px; top:inherit; left:20px; margin:0; font-size:0; line-height:0}
.index_main_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.index_main_swiper .swiper-pagination-bullet{border:1px solid #fff; width:6px; height:6px; opacity:1; background:transparent; transition:.2s;}
.index_main_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}
/* column_3_rank */
.column_3_rank .column_3_rank_num{display:inline-block; vertical-align:middle; width:30px; margin-right:6px; color:#21B2CA; font-size:22px; font-weight:800; line-height:1.2; font-style:italic}
.column_3_rank .column_3.column_3_left .column_t_bg{width:calc(81% - 52px); margin:0 0 0 16px}
.column_3_rank .column_3.column_3_right .column_t_bg{width:calc(81% - 52px); margin: 0 16px 0 0}
/* index_photo */
.index_photo .column_title > p{color:#fff}
.index_photo .column_title_more p{color:rgba(255,255,255,.5)}
.index_photo .column_title_more svg{fill:rgba(255,255,255,.4)}
.index_photo_sch{position:relative; margin:0 20px 20px}
.index_photo_sch input{display:block; border-bottom:2px solid #fff; width:calc(100% - 30px); background:transparent; line-height:56px; padding-right:30px; font-size:16px; font-weight:700; color:#fff}
.index_photo_sch input::placeholder{color:rgba(255,255,255,.6); font-weight:500}
.index_photo_sch button{position:absolute; top:0; right:0; width:26px; height:56px; background:transparent; -webkit-appearance:none}
.index_photo_sch button svg{position:absolute; top:50%; left:0; width:26px; height:26px; transform:translate(0,-50%);}
.index_photo_li{margin:0 20px 14px}
.index_photo_li li{display:inline-block; vertical-align:top;}
.index_photo_li li a{display:block; color:#FFF; font-size:14px; font-weight:500; line-height:32px; letter-spacing:-0.14px; border:1px solid rgba(255,255,255,.6); border-radius:17px; padding:0 18px; margin:0 6px 6px 0; max-width:200px}
.index_photo_swiper_img{position:relative; overflow:hidden; display:block; padding-bottom:140%; box-shadow:0 6px 16px 0 rgba(59,83,118,.6)}
.index_photo_swiper_img, .index_photo_swiper_img:after{border-radius:14px}
.index_photo_swiper_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center}
.index_photo_swiper .swiper_bottom{padding:20px}
.index_photo_swiper .swiper_bottom > div + div{margin-left:6px}
.index_photo_swiper .swiper-button-next, .index_photo_swiper .swiper-button-prev{border-color:rgba(255,255,255,.4); background:rgba(255,255,255,.2)}
.index_photo_swiper .swiper_bottom svg{fill:#fff; transition:.2s}
.index_photo_swiper .swiper-button-next.swiper-button-disabled, .index_photo_swiper .swiper-button-prev.swiper-button-disabled{background:transparent; box-shadow:none}
.index_photo_swiper .swiper-button-next.swiper-button-disabled svg, .index_photo_swiper .swiper-button-prev.swiper-button-disabled svg{opacity:.5}
.index_photo .column_title + .index_photo_swiper{margin-top:4px}/* 해시태그가 없을때 마진값 */
/* index_cate */
.index_cate{padding:20px 15px 10px; backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px)}
.index_cate li{margin:0 5px 10px; display:inline-block; vertical-align:top; width:calc(50% - 10px)}
.index_cate li a{display:block; text-align:center; color:#FFF; font-size:14px; font-weight:500; line-height:40px; border-radius:21px; border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.2)}
/* index_gallery */
.index_gallery{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px 10px; align-items:start; padding:0 15px 20px}
.index_gallery_card{display:block; overflow:hidden}
.index_gallery_img_bg{position:relative; display:block; overflow:hidden; max-height:400px}
.index_gallery_img_bg, .index_gallery_img_bg:after{border-radius:14px}
.index_gallery_img{display:block; width:100%}
.index_gallery_t{color:#171717; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.32px; margin:8px 0 6px}
.index_gallery_cate_img, .index_gallery_cate_t{display:inline-block; vertical-align:middle}
.index_gallery_cate_img{width:24px; height:24px; border-radius:50%; margin-right:6px}
.index_gallery_cate_t{color:#21B2CA; font-size:13px; font-weight:500; line-height:1.5; letter-spacing:-0.24px; max-width:calc(100% - 30px)}
.index_gallery_cate_t.index_gallery_cate_time{color: rgba(23,23,23,.5); font-size:12px; font-weight:400; line-height:18px; margin:0 0 0 1px; letter-spacing:0; max-width:100%}
/* index_video */
.index_video .column_title > p{color:#fff}
.index_video .column_title_more p{color:rgba(255,255,255,.5)}
.index_video .column_title_more svg{fill:rgba(255,255,255,.4)}
.index_video .column_5 + .column_1{padding-bottom:20px}
/* 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{padding:0 20px 20px}
.vote .vote_area .vote_item + .vote_item{margin-top:10px}
.vote .vote_area .btn_vote_select{position:relative; display:block; padding:12px 14px; border:1px solid rgba(23,23,23,.18); cursor:pointer; background:#fff; border-radius:10px}
.vote .vote_area input[type="radio"]{position:relative; display:inline-block; vertical-align:middle; background:#fff; margin-right:16px; width:14px; height:14px; border:5px solid rgba(23,23,23,.3); border-radius:50%; -webkit-appearance:none; transition:.2s}
.vote .vote_area .btn_vote_select em{display:inline-block; vertical-align:middle; width:calc(100% - 30px); color:rgba(23,23,23,.8); font-size:14px; font-weight:500; line-height:1.4; letter-spacing:-0.14px; word-break:keep-all}
.vote .vote_area .btn_vote_select em.vote_count, .vote_area_t{display:none}
.vote .vote_area .btn_vote_select .btn_vote_select_t, .vote .vote_area .btn_vote_select .btn_vote_select_img{display:inline-block; vertical-align:middle}
.vote .vote_area .btn_vote_select .btn_vote_select_t{margin-right:10px; width:calc(73% - 10px)}
.vote .vote_area .btn_vote_select .btn_vote_select_img{position:relative; width:27%; padding-bottom:27%; overflow:hidden}
.vote .vote_area .btn_vote_select .btn_vote_select_img, .vote .vote_area .btn_vote_select .btn_vote_select_img:after{border-radius:8px}
.vote .vote_area .btn_vote_select .btn_vote_select_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center}
.vote .btn_area{margin-top:20px}
.vote .btn_area .btn_vote{width:100%; padding:11px 0; color:#FFF; font-size:15px; font-weight:700; line-height:1.5; border-radius:22px}
.vote .vote_area .btn_vote_select.checked{box-shadow:0 2px 3px 0 rgba(0,0,0,.05); border:1px solid transparent; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #21B2CA, #4471B3) border-box}
.vote .vote_area .btn_vote_select.checked input[type="radio"]{border-color:#21B2CA}
.vote .vote_area .btn_vote_select.checked em{color:#171717; font-weight:700}
.vote .vote_area.result input[type="radio"], .vote .vote_area.result .btn_vote{display:none}
.vote .vote_area.result .btn_vote_select{border-color:rgba(23,23,23,.18); cursor:auto}
.vote .vote_area.result .btn_vote_select em{width:100%}
.vote .vote_area.result .btn_vote_select em.vote_count{display:block; text-align:right; color:rgba(23,23,23,.6); font-size:12px; line-height:1.5; letter-spacing:-0.24px; max-width:100%; margin-top:4px}
.vote .vote_area.result .vote_graph{position:relative; height:4px; margin-top:16px; background:rgba(23,23,23,.18); border-radius:2px}
.vote .vote_area.result .vote_graph span{position:absolute; top:0; left:0; bottom:0; background:rgba(23,23,23,.3); border-radius:2px}
.vote .vote_area.result .btn_area{margin-top:0}
.vote .vote_area.result .vote_area_t{display:block; color: rgba(23,23,23,.8); text-align:right; font-size:12px; font-weight:400; line-height:1.5; margin-top:10px}
.vote .vote_area.result .btn_vote_select.checked{border:2px solid transparent; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #21B2CA, #4471B3) border-box}
.vote .vote_area.result .btn_vote_select.checked em.vote_count{color:#21B2CA}
.vote .vote_area.result .btn_vote_select.checked .vote_graph span{background:linear-gradient(90deg, #21B2CA 0%, #4471B3 100%)}
/* vote_link */
.vote_link{position:relative; border:1px solid rgba(23,23,23,.18); background:#fff; border-radius:10px; margin-top:20px}
.vote_link_title{color:#171717;font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.32px; word-break:keep-all; padding:16px 20px 12px}
.vote_link_article{position:relative; display:block; color:rgba(23,23,23,.8); font-size:14px; font-weight:500; line-height:1.5; letter-spacing:-0.14px; padding:15px 20px 15px 34px; border-top:1px solid rgba(23,23,23,.08)}
.vote_link_article:before{position:absolute; content:"┗"; font-size:14px; top:17px; left:15px; font-weight:600; color:rgba(33,178,202,1)}
/* index_month_bg */
.index_month{position:relative; display:block; padding:20px; z-index:0}
.index_month::after{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(23,23,23,.5);
backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
.index_month_cate{position:relative; z-index:1; color:#FFF; font-size:14px; font-weight:600; line-height:32px; border-radius:100px; border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.2); backdrop-filter:blur(12.5px); -webkit-backdrop-filter:blur(12.5px); display:inline-block; padding:0 18px}
.index_month_info{position:relative; z-index:1; margin-top:20px}
.index_month_info dl, .index_month_img{display:inline-block; vertical-align:bottom}
.index_month_info dl{width:calc(69.3% - 20px); margin-right:20px}
.index_month_info dt, .index_month_info dd{line-height:1.5}
.index_month_info dt{color:#FFF; font-size:16px; font-weight:700; margin-bottom:12px;}
.index_month_info dd{color:rgba(255,255,255,.8); font-size:13px; font-weight:400}
.index_month_info dd span.index_month_info_cate{font-weight:700}
.index_month_img{position:relative; width:30.7%; padding-bottom:30.7%; overflow:hidden}
.index_month_img, .index_month_img:after{border-radius:10px}
.index_month_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center}
.index_month_img.index_month_img_movie{padding-bottom:43.7%}
/* ====== 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 img{width:100%; height:100%; object-fit:cover; object-position:center; border-radius:50%}
.footer_about{margin-top:20px}
.footer_about li{display:inline-block; vertical-align:middle}
.footer_about li + li:before{position:relative; content:"|"; display:inline-block; vertical-align:middle; font-size:10px; font-weight:200; margin:0 7px; color:rgba(23,23,23,.4)}
.footer_about li a{display:inline-block; vertical-align:middle; font-size:12px; line-height:1.2; font-weight:400; color:rgba(23,23,23,.8)}
.footer_about li a b{font-weight:600}
.footer_copy{color: rgba(23, 23, 23, 0.50); font-size:12px; font-weight:400; line-height:1.6; padding:14px 0 20px}
.footer_sns_tik_col1{fill:#f1204a}
.footer_sns_tik_col2{fill:#fff}
.footer_sns_tik_col3{fill:#2dccd3}
/* ====== section_main ======================================================================================================= */
/* section_menu */
.section_menu_title{color:#FFF; font-size:18px; font-weight:700; line-height:1.5; padding:10px 20px}
.section_menu_cate{padding:0 8px; border-bottom:1px solid rgba(23,23,23,.1)}
.section_menu_cate li{display:inline-block; vertical-align:top}
.section_menu_cate li a{display:block}
.section_menu_cate li a span{position:relative; display:block; color:#171717; font-size:16px; font-weight:400; line-height:1.5; margin:0 12px; padding:10px 0 9px}
.section_menu_cate li a span:after{position:absolute; content:""; left:0; right:0; bottom:-1px; height:2px}
.section_menu_cate li.on a span{color:#21B2CA; font-weight:700;}
.section_menu_cate li.on a span:after{background:#21B2CA}
/* section_main */
.section_main_img{position:relative; padding:20px}
.section_main_img::after{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(23,23,23,.5); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
.section_main .column_img_bg{overflow:hidden; padding-bottom:62.4%; margin:0; z-index:1}
.section_main .column_img_bg, .section_main .column_img_bg:after{border-radius:14px}
.section_main .column_cate{position:absolute; left:10px; bottom:10px; color:#fff; padding:0 14px; margin:0; line-height:26px; border-radius:13px; backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px)}
.section_main .column_t_bg{position:relative; margin:12px 0 0; z-index:1}
.section_main .column_txt_main{color:#fff}
/* section_latest */
.section_latest .column_3 .column_img_bg, .section_latest .column_3 .column_t_bg{vertical-align:top}
.section_latest .column_3 .column_t_bg{width:calc(69.5% - 16px)}
.section_latest .column_3 .column_img_bg{width:30.5%}
.section_latest .column_3 .column_txt_sub{margin-top:8px}
/* section_series */
.section_series .column_2 .column_li{padding:0 15px}
.section_series .column_2 .column_li li{margin:0 5px 20px}
.section_series .column_2 .index_gallery_cate{margin-top:6px}
.section_series.section_series_error .column_2 .index_gallery_cate{margin:2px 2px 0}
/* column_2_rank_num */
.column_2_rank_num{position:absolute; left:0; bottom:0; z-index:1; width:32px; padding-right:4px; line-height:36px; color:#fff; font-size:22px; font-weight:800; border-radius:0 14px; background:rgba(33,178,202,.9); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); text-align:center; font-style:italic}
/* ====== view ======================================================================================================= */
.gauge_bar{position:fixed; top:48px; left:0; height:2px; 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; display:block}
.view_top_cate a, .view_top_cate a + a:before{display:inline-block; vertical-align:middle}
.view_top_cate a{font-size:14px;font-weight:700; line-height:1.5; color:#fff}
.view_top_cate a.view_top_cate_1depth{color:#21B2CA}
.view_top_cate a + a:before{content:""; width:1px; height:10px; margin:0 8px; background:#21B2CA}
.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:break-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,'); 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; margin:0 20px; border-top:1px solid rgba(232,232,232,.2)}
.view_top_info_variety:after{content:""; display:table; clear:both}
.view_top_info_variety_right{position:relative; float:right; padding:16px 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:#21B2CA}
.view_top_info_variety.change .view_top_info_variety_right{position:fixed; top:13px; right:inherit; left:58px; z-index:10; padding:0}
.view_top_info_variety.change .view_top_info_variety_right > li > button svg{fill:#171717}
.view_top_info_variety.change .view_top_info_variety_right > li button.on svg{fill:#21B2CA}
/* pop_share_wrap */
.pop_share_wrap{display:none; position:absolute; top:38px; right:0; width:224px; padding:30px 0; background:#E5F2F5; border:1px solid rgba(0,0,0,.1); backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); text-align:center; z-index:2; box-shadow:0 6px 15px rgba(0,0,0,.05); border-radius:14px}
.view_top_info_variety.change .view_top_info_variety_right .pop_share_wrap{right:inherit; top:35px}
/*시리즈만*/
.series_detail_top_bg .view_top_info_variety.change .view_top_info_variety_right{position:relative; padding:16px 0; top:inherit; left:inherit; z-index:9}
.series_detail_top_bg .view_top_info_variety.change .view_top_info_variety_right .pop_share_wrap{right:0; top:38px}
.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%}
.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,
.view_top_info_variety.change .view_top_info_variety_right .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); border-radius:6px}
.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{overflow:hidden; padding:20px 20px 10px; color:#171717; font-size:18px; font-weight:400; line-height:1.6; letter-spacing:-0.36px}
.view_editor_img_bg{width:calc(100% + 40px); margin:0 -20px}
.view_editor img{max-width:100%; display:block; margin:0 auto}
.view_editor .gif-area figure img{max-width:100%}
.view_editor_img_cap{font-size:12px; padding:8px 20px; word-break:keep-all; line-height:1.5; color:rgba(23,23,23,.5)}
.view_editor p{margin:27px 0}
/*
.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}
*/
.video-horizontal{position:relative; margin:0 -20px; padding-bottom:56.3%}
.video-horizontal iframe{position:absolute; top:0; left:0; width:100%; height:100%}
/* view_reporter_bg */
.view_reporter_bg{margin:0 20px; padding:20px 0; border-top:1px solid rgba(23,23,23,.08)}
.view_reporter{margin-bottom:10px}
.view_reporter_l, .view_reporter_r_li, .view_reporter_l_img, .view_reporter_l_t{display:inline-block; vertical-align:middle}
.view_reporter_l{width:calc(100% - 57px)}
.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_r_li li a{display:block; text-align:center; padding:0 18px; line-height:32px; border-radius:17px; color:#171717; border:1px solid rgba(23,23,23,.2)}
.view_reporter_r_li li a svg{display:inline-block; vertical-align:middle; width:18px; height:18px; fill:#171717}
.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:2px solid #171717; text-align:center}
.sympathy_tltle{padding:20px 0; color: #171717; font-size:16px; font-weight:400; line-height:1.6;}
.sympathy_list li{position:relative; display:inline-block; vertical-align:top; width:25%}
.sympathy_list li:last-child:after{content:""; position:absolute; width:1px; height:100%; top:0; left:0; background:rgba(23,23,23,.08)}
.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:.1s}
.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}
/* ====== series ======================================================================================================= */
/* series_main */
.series_main{position:relative; background:transparent}
.series_main_img{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1}
.series_main_img: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%}
.series_main .column_title > p{color:#fff}
.series_main .column_title > p + p:before{position:relative; content:""; display: inline-block; vertical-align:middle; margin:-2px 8px 0; width:1px; height:12px; background:rgba(255,255,255,.8);}
.series_timeline_li{position:relative; margin-left:24px; padding-bottom:4px}
.series_timeline_li:before{position:absolute; content:""; width:1px; height:calc(100% - 20px); left:0; top:0; background:rgba(232,232,232,.2)}
.series_timeline_li > li{position:relative}
.series_timeline_li > li:before{position:absolute; content:""; width:5px; height:5px; border-radius:50%; border:2px solid #fff; left:-4px; top:22px; backdrop-filter:blur(100px); -webkit-backdrop-filter:blur(100px)}
.series_timeline_li .column_1 .column_img_bg{overflow:hidden; border-radius:14px; margin-bottom:10px}
.series_timeline_li .column_1 .column_img_bg:after{border-color:rgba(255,255,255,.1); border-radius:14px}
.series_timeline_li .column_1 .column_t_bg{padding-bottom:16px; border-bottom:1px solid rgba(232,232,232,.2); margin:0 20px}
.series_timeline_li .column_txt_main{color:#fff}
.series_timeline_li .index_gallery_cate{margin-top:6px}
.series_timeline_li .index_gallery_cate_t{color:rgba(255,255,255,.8)}
.series_timeline_li .column_3 .column_li{padding:0}
.series_timeline_li .column_3 .column_li li a{border-bottom:1px solid rgba(232,232,232,.2)}
.series_timeline_li > li:last-child .column_3 .column_li li a{border:none}
.series_timeline_li .column_3 .column_t_bg{width:calc(77% - 16px)}
.series_timeline_li .column_3 .column_img_bg{width:23%; padding-bottom:23%}
/* series_main_li */
.series_main_li{padding-bottom:10px}
.series_main_li > li{margin:0 20px 10px; border-radius:14px; overflow:hidden; border:1px solid transparent; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #21B2CA, #4471B3) border-box}
.series_main_li > li > a{display:block; background:#fff; padding:20px 20px 16px}
.series_main_li_top{}
.series_main_li_top_img, .series_main_li_top_title{display:inline-block; vertical-align:middle;}
.series_main_li_top_img{position:relative; width:50px; height:50px; margin-right:12px; overflow:hidden; border-radius:50%}
.series_main_li_top_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.series_main_li_top_title{width:calc(100% - 62px); color:#171717; font-size:16px; font-weight:700; line-height:1.5}
.series_main_li_top_t{color:rgba(23,23,23,.8); font-size:13px; font-weight:400; line-height:1.5; margin-top:12px}
.series_main_li_top_tag{background:linear-gradient(90deg, rgba(33, 178, 202, 0.08) 0%, rgba(68, 113, 179, 0.08) 100%); padding:12px 18px 16px}
.series_main_li_top_tag li{color:rgba(33,178,202,.8); font-size:11px; font-weight:700; line-height:17px; border-radius:11px; border:1px solid rgba(33,178,202,.4); backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px); display:inline-block; vertical-align:middle; margin:4px 2px 0; padding:1px 6px 0}
.series_main_li_top_tag li a{display:block; padding:1px 6px 0}
/* series_detail_top */
@media (min-width:500px) {
.series_detail_top_bg{overflow:inherit !important}
}
.series_detail_top_cate{position:relative; padding:20px}
.series_detail_top_cate a{display:inline-block; vertical-align:middle; color:#FFF; font-size:14px; font-weight:800; line-height:1.5}
.series_detail_top_contents{padding:0 20px; margin-bottom:16px}
.series_detail_top_contents_l, .series_detail_top_contents_r, .series_detail_top_tag li{display:inline-block; vertical-align:top}
.series_detail_top_contents_l{width:calc(69% - 16px); margin-right:16px; color:#FFF; font-size:23px; font-weight:700; line-height:1.3; letter-spacing:-0.23px}
.series_detail_top_contents_r{position:relative; width:31%; padding-bottom:31%}
.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,.7); font-size:12px; font-weight:700; line-height:1.5; word-break:keep-all; padding:0 20px 16px}
.series_detail_top_tag{padding:16px 0; float:left; max-width:calc(100% - 60px); margin-top:-2px; margin-bottom:-1px}
.series_detail_top_tag li{color:#FFF; font-size:11px; font-weight:700; line-height:18px; 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:2px 4px 2px 0}
.series_detail_top .view_top_info_variety.change .view_top_info_variety_right > li > button svg, .view.series_view .view_top_info_variety.change .view_top_info_variety_right > li > button svg{fill:#fff}
/* series_view */
.view.series_view{padding-bottom:20px}
.view.series_view .view_top:before{display:none}
/* series_view_link */
.series_view_link{margin:0 20px; border:1px solid transparent; background:linear-gradient(#E5F2F5, #E5F2F5) padding-box, linear-gradient(90deg, #21B2CA, #4471B3) border-box; border-radius:14px; overflow:hidden}
.series_view_link_top{display:block; background:linear-gradient(90deg, rgba(33,178,202,.08) 0%, rgba(68, 113, 179, 0.08) 100%); padding:16px 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{position:relative; overflow:hidden; width:60px; height:60px; margin-right:13px}
.series_view_link_top_l img{width:100%; height:100%; object-fit:cover}
.series_view_link_top_l, .series_view_link_top_l:after{border-radius:50%}
.series_view_link_top_r{width:calc(100% - 75px)}
.series_view_link_top_r_title{font-size:16px; line-height:1.5; font-weight:700; color:#171717}
.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); margin-top:8px}
.series_view_swiper{padding-bottom:20px}
.series_view_swiper a{display:block; border-radius:14px; border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.2); padding:20px 0}
.series_view_swiper_img{position:relative; overflow:hidden; display:block; padding-bottom:calc(100% - 40px); margin:0 20px 12px}
.series_view_swiper_img, .series_view_swiper_img:after{border-radius:50%}
.series_view_swiper_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center}
.series_view_swiper_t{color:#FFF; text-align:center; font-size:16px; font-weight:600; line-height:1.5}
/* pop_join */
.pop_join:before{content:""; position:absolute; top:-80px; left:0; width:100%; height:80px; /*background:linear-gradient(180deg, rgba(229,242,245,.10) 0%, rgba(229,242,245,.9) 50%, rgba(229,242,245,1) 100%)*/}
.pop_join{position:relative; background:#171717; border-radius:14px; text-align:center; padding:44px 30px 30px; word-break:keep-all; margin-top:-200px; margin-bottom:20px; box-shadow:0 -12px 66px 92px rgba(229,242,245,1)}
.pop_join_title{color:#fff; line-height:1.4}
.pop_join_title_t1{font-size:18px; font-weight:400}
.pop_join_title_t2{font-size:20px; font-weight:700}
.pop_join_btn{color:#FFF; font-size:14px; font-weight:700; line-height:42px; letter-spacing:-0.14px; padding:0 42px; border-radius:22px; 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 20px 16px}
.pop_join_btn_2{color:#FFF; font-size:13px; font-weight:500; line-height:1.4; text-decoration-line:underline; display:inline-block; vertical-align:top}
.pop_join_btn_2:hover{text-decoration:underline}
/* language */
.language{position:absolute; right:8px; top:8px; border: 1px solid rgba(255,255,255,.2); border-radius:16px}
.language select{display:block; width:73px; height:26px; padding:0 20px 0 10px; font-size:12px; font-weight:400; color:#fff; background:transparent; -webkit-appearance:none; cursor:pointer}
.language select option{color:#000}
.language svg{position:absolute; top:50%; right:7px; width:9px; height:5px; margin-top:-2px; fill:#fff; opacity:.5}
/* ====== reporter ======================================================================================================= */
/* reporter */
.reporter{padding:20px}
.reporter_img, .reporter_t_bg{display:inline-block; vertical-align:middle}
.reporter_img{position:relative; width:25.5%; padding-bottom:25.5%; margin-right:16px; overflow:hidden}
.reporter_img, .reporter_img:after{border-radius:50%}
.reporter_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.reporter_t_bg{width:calc(74.5% - 16px)}
.reporter_t_name{color:#fff; font-size:18px; font-weight:700; line-height:1.5; letter-spacing:-0.18px}
.reporter_t_bg .view_reporter_r_li{margin-top:19px}
.reporter_t_bg .view_reporter_r_li li a{border-color:rgba(255,255,255,.4)}
.reporter_t_bg .view_reporter_r_li li a svg{fill:#fff}
/* ====== keywords ======================================================================================================= */
/* keywords_top */
.keywords_top{padding-bottom:20px}
.keywords_top .index_photo_sch{margin:0 20px}
.keywords_top .index_photo_sch input{border-image:linear-gradient(to right, #21B2CA, #4471B3) 1; color:#171717}
.keywords_top .index_photo_sch input::placeholder{color:rgba(23,23,23,.4); font-weight:500}
.index_photo_sch > .index_photo_sch_close{right:34px; top:50%; transform:translateY(-50%); height:26px; background:no-repeat center / 20px 20px url("data:image/svg+xml;utf8,\"); cursor:pointer; opacity:0; pointer-events:none; transition:opacity .15s ease}
.index_photo_sch.show > .index_photo_sch_close{opacity:1; pointer-events:auto}
.keywords_top .index_photo_li{margin:20px 20px -6px}
.keywords_top .index_photo_li li a{border-color:rgba(33,178,202,.4); color:rgba(33,178,202,.8)}
.keywords_top .index_photo_li li.on a{border-color:#21B2CA; background:#21B2CA; color:#fff}
/* keywords_result */
.keywords_result{padding-top:20px}
.keywords_result .column_title{margin-top:-20px}
/* keywords_result_no */
.keywords_result_no{text-align:center; padding:40px 20px 20px}
.keywords_result_no_icon{display:block; margin:3px auto 20px}
.keywords_result_no_icon_color{fill:#21B2CA}
.keywords_result_no_t{color:#171717; font-size:18px; font-weight:500; line-height:1.5; margin-bottom:60px; word-break:keep-all}
.keywords_result_no_t b{color:#21B2CA; font-weight:700}
.keywords_result_no_li{border-radius:14px; background:rgba(33,178,202,.06); padding:16px 14px; text-align:left}
.keywords_result_no_li li + li{margin-top:8px}
.keywords_result_no_li li{color:rgba(23,23,23,.6); font-size:16px; font-weight:500; line-height: 1.5; letter-spacing:-0.32px; text-indent:-13px; padding-left:14px}
.keywords_result_no_li li:before{position:relative; display:inline-block; content:""; width:5px; height:5px; border-radius:50%; background:rgba(23,23,23,.6); vertical-align:middle; margin-right:8px}
.keywords_result_no_li li span{color:#21B2CA}
.keywords_result_no_t2{color:rgba(23,23,23,.6); font-size:14px; font-weight:400; line-height:1.5; word-break:keep-all; margin:-40px 20px 20px}
.keywords_result_no_t2 a{color:#21B2CA; text-decoration:underline}
/* ====== search ======================================================================================================= */
/* search_top */
.search_top{padding:20px 0 1px}
.search_top_title{color:#FFF; text-align:center; font-size:20px; font-weight:600; line-height:1.4; word-break:keep-all}
.search_top .index_photo_sch{margin:20px}
.search_top .index_photo_sch input{border:none; background:#fff; line-height:50px; padding:0 50px 0 24px; width:calc(100% - 74px); font-size:18px; font-weight:500; color:#171717; border-radius:25px; box-shadow:0 2px 3px 0 rgba(0,0,0,.05)}
.search_top .index_photo_sch button{height:50px; right:12px}
.search_top .index_photo_sch > .index_photo_sch_close{right:46px}
.search_top_tag_title{color:#FFF; font-size:16px; font-weight:700; line-height:1.5; margin:0 20px; border-top:1px solid rgba(232,232,232,.2); padding:16px 0}
.search_top .index_photo_li li a{border-color:rgba(255,255,255,.4)}
.search_top .index_photo_li{margin:0 20px; padding-bottom:13px}
/* sch_tab */
.sch_tab{position:relative}
.sch_tab:before{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:rgba(23,23,23,.08);}
.sch_tab li{position:relative; display:inline-block; vertical-align:middle; width:25%; text-align:center}
.sch_tab li a{display:block}
.sch_tab_t{position:relative; display:inline-block; vertical-align:top; color:rgba(23,23,23,.8); font-size:14px; font-weight:400; line-height:1.4; height:39px; padding:10px 0}
.sch_tab_num{display:inline-block; font-size:12px; font-weight:400; margin-top:-1px}
.sch_tab li.on .sch_tab_t, .sch_tab li.on a .sch_tab_num{font-weight:700; color:#21B2CA}
.sch_tab li.on span:after{position:absolute; content:''; left:-2px; right:-2px; bottom:0; height:2px; background:#21B2CA}
/* sch_result */
.sch_result_top + .sch_result{margin-top:-8px}
.sch_result .column_3 .column_txt_time{margin-top:6px}
@media (min-width: 500px) {
body.body_column_2 section.sch_result_top{border-radius:14px 14px 0 0}
body.body_column_2 .sch_result_top + section.sch_result{border-radius:0 0 14px 14px}
}
@media (min-width:800px) {
body.body_column_1 section.sch_result_top{border-radius:14px 14px 0 0}
body.body_column_1 .sch_result_top + section.sch_result{border-radius:0 0 14px 14px}
}
.sch_result .column_txt_main em{background:rgba(33,178,202,.4); font-weight:700}
.sch_result .column_5 .column_txt_main em{background:rgba(33,178,202,.7)}
/* ====== intro ======================================================================================================= */
/* intro */
body.intro{max-width:100%}
.intro_bg img{display:block; margin:0 auto; width:100%}
.intro_1_bg{background:url('../image/intro_1_bg_m.png') top center; background-size:cover}
.intro_3{background:url('../image/intro_2_bg_m.png') top center; background-size:cover}
.intro_4{background:url('../image/intro_3_bg_m.png') top center; background-size:cover}
.intro_5{background:url('../image/intro_4_bg_m.png') top center; background-size:cover}
.intro_1{position:relative}
.intro_lang{position:absolute; top:10px; right:10px}
.intro_lang li, .intro_lang li a{display:inline-block; vertical-align:middle}
.intro_lang li a{font-size:13px; font-weight:400; color:rgba(33,178,202,1)}
.intro_lang li + li:before{position:relative; content:""; display:inline-block; vertical-align:middle; width:1px; height:10px; background:rgba(33,178,202,.5); margin:0 9px}
@media (min-width: 800px) {
body.body_column_1 .intro_bg{border-radius:0}
.intro_1, .intro_bg img{max-width:800px; margin:0 auto}
}