@charset "utf-8";


@import url("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; padding-top:49px}
.blind{position:absolute; overflow:hidden; width:1px; height:1px; top:-1px; clip:rect(0 0 0 0)}
.column_img_bg:after, .section_graphic_swiper_img:after, .watch_swiper a:after, .magazine_li_img:after, .series_cover_img:after, .column_channel_img_bg:after, .reporter_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:fixed; top:0; left:0; width:100%; height:48px; z-index:2; backdrop-filter:blur(100px); -webkit-backdrop-filter:blur(100px); background:rgba(255,255,255,.8); border-bottom:1px solid rgba(0,0,0,.08)}
/* header */
.header_logo{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:160px}
.header_logo svg{width:100%; height:100%}
.header_logo_col_1{fill:#1BA2DA}
.header_logo_col_2{fill:#000}
.header_my{position:absolute; top:11px; right:15px; width:26px; height:26px}
.header_my svg{width:100%; height:100%; fill:#171717}
/* header_menu */
.header_menu{position:absolute; top:11px; left:15px; display:block; width:26px; height:26px; background:transparent}
.header_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_menu .header_menu_bar1{width:6px; top:6px}
.header_menu .header_menu_bar2{width:5px; top:12px}
.header_menu .header_menu_bar3{width:11px; top:17px}
.header_menu .header_menu_bar4{position:absolute; top:5px; right:1px; fill:#171717}
.header_menu.active .header_menu_bar1{-webkit-transform: rotate(45deg); transform: rotate(45deg); width:20px; top:12px; left:4px}
.header_menu.active .header_menu_bar2, .header_menu.active .header_menu_bar4{opacity:0}
.header_menu.active .header_menu_bar3{margin-top:-12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width:20px; top:24px; left:4px}
/* header 변경 */
header.change_view .header_menu{left:auto; right:56px}/*뷰전용*/
header.change_view .header_logo{display:none}/*뷰전용*/
header.series{background:#171717; border-bottom-color:rgba(232,232,232,.2)}/*시리즈전용*/
header.series .header_menu span{background:#fff}/*시리즈전용*/
header.series .header_logo_col_2, header.series .header_menu .header_menu_bar4, header.series .header_my svg{fill:#fff}/*시리즈전용*/


/* ====== header_menu_all_bg ======================================================================================================= */
/* header_menu_all_bg */
.header_menu_all_black_touch, .header_menu_all_bg{z-index:11; position:fixed; left:0; font-size:0; display:none}
.header_menu_all_black_touch{top:0; right:0; bottom:0}
.header_menu_all_black{position:fixed; top:48px; left:0; right:0; bottom:0; background:rgba(0,0,0,.6)}
.header_menu_all_bg{background:#fff; top:48px; width:290px; height:calc(100% - 48px)}
.header_menu_all_black_touch.active, .header_menu_all_bg.active{display:block}
.header_menu_all{padding-top:15px; height:calc(100% - 15px);}
.header_menu_all_sch{position:relative; margin:0 20px 15px; height:38px; border:2px solid #171717; background:rgba(255,255,255,.8)}
.header_menu_all_sch input{position:absolute; top:0; left:20px; right:40px; height:100%; background:transparent; font-size:16px; font-weight:500; color:#171717}
.header_menu_all_sch input::placeholder{color:rgba(23,23,23,.4)}
.header_menu_all_sch button{background:transparent; position:absolute; top:-1px; right:-1px; width:40px; height:40px;}
.header_menu_all_sch button svg{position:absolute; top:50%; height:50%; transform:translate(-50%,-50%); width:24px; height:24px; fill:#171717}
.header_menu_all_bnn_bg{text-align:center; padding:0 20px; margin-bottom:10px}
.header_menu_all_bnn{display:inline-block; vertical-align:middle; font-size:14px; font-weight:600; line-height:36px; border-radius:20px; border:1px solid rgba(23,23,23,.12)}
.header_menu_all_bnn_1{color:#fff; width:calc(100% - 94px); background:#1D9BF0;}
.header_menu_all_bnn_2{color:#171717; width:80px; margin-left:10px}
/* header_menu_all_cate_bg */
.header_menu_all_cate_bg{position:relative; overflow-y:scroll; height:calc(100% - 210px)}
.header_menu_all_cate_special{border-top:1px solid rgba(0,0,0,.06);}
.header_menu_all_cate_acc{position:relative; padding:12px 20px 11px; width:100%; text-align:left; background:transparent;}
.header_menu_all_cate_acc_front_icon{display:inline-block; vertical-align:middle; width:18px; fill:#171717; margin:-1px 5px 0 0}
.header_menu_all_cate_acc span{display:inline-block; vertical-align:middle; width:calc(100% - 60px); font-size:16px; line-height:21px; font-weight:600; color:#171717}
.header_menu_all_cate_acc span img{max-width:170px; max-height:21px; display:inline-block; vertical-align:middle;}
.header_menu_all_cate_acc_icon{position:absolute; top:9px; right:16px; width:24px; height:24px; fill:rgba(0,0,0,.2); transition:.1s}
.header_menu_all_cate_acc_li_bg{max-height:0; overflow:hidden; transition:max-height .1s ease-out}
.header_menu_all_cate_acc_li{border-top:1px solid rgba(0,0,0,.05); border-bottom:1px solid rgba(0,0,0,.05); background:rgba(0,0,0,.04); padding:10px}
.header_menu_all_cate_acc_li li{width:50%; display:inline-block; vertical-align:top}
.header_menu_all_cate_acc_li li a{display:block; padding:0 10px; font-size:14px; line-height:34px; font-weight:400}
.header_menu_all_cate_acc_li li a b{font-weight:600}
.header_menu_all_cate_acc.header_menu_all_cate_acc_no .header_menu_all_cate_acc_icon{display:none}
.header_menu_all_cate_acc.active .header_menu_all_cate_acc_icon{transform:rotate(180deg); fill:#303038}
.header_menu_all_cate_acc_li li.on a{font-weight:600; color:#1D9BF0}
.header_menu_all_cate > li:last-child .header_menu_all_cate_acc_li{border-bottom:none}
/* header_menu_all_footer */
.header_menu_all_footer_li{text-align:center; border-top:1px solid rgba(0,0,0,.06); border-bottom:1px solid rgba(0,0,0,.06)}
.header_menu_all_footer_li li{display:inline-block; vertical-align:middle; width:33.33%}
.header_menu_all_footer_li li a{display:block; padding:10px 0}
.header_menu_all_footer_li li a svg, .header_menu_all_footer_li li a span{display:block}
.header_menu_all_footer_li li a svg{width:20px; height:20px; margin:0 auto 3px}
.header_menu_all_footer_li li a span{font-size:11px; font-weight:500; line-height:1.4; color:rgba(23,23,23,.7)}
/* header_menu_all_footer */
.header_menu_all_footer .footer_sns{border-bottom:none; text-align:center}


/* ====== 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}
.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 > span, .column_title_more p, .column_title_more svg{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:400; margin-right:4px}
.column_title_more svg{width:6px; fill:rgba(23,23,23,.4)}
.column_title_brand{display:inline-block; vertical-align:middle; height:16px; margin-top:6px; margin-bottom:5px}
.column_title_brand_col_1{fill:#1BA2DA}
.column_title_brand_col_2{fill:#000}
.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}
.column_t_bg{margin:0 20px}
.column_cate{color:rgba(23,23,23,.5); font-size:13px; font-weight:600; margin:0 1px 4px}
.column_txt_main{color:#171717; font-size:20px; font-weight:600; line-height:1.4}
.column_txt_sub{color:rgba(23,23,23,.5); font-size:15px; font-weight:400; line-height:1.5; margin-top:10px}
.column_txt_tag{font-size:11px; line-height:11px; font-weight:700; 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{padding-bottom:20px}
/* column_2 */
.column_2 .column_li{margin:0 15px}
.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; margin:0 2px 0}
/* column_3 */
.column_3 .column_li{margin:0 20px; padding:4px 0}
.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:33.7%; padding-bottom:20.3%; margin:0}
.column_3 .column_t_bg{width:calc(66.3% - 16px); margin-top:2px}
.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:17px; font-weight:500}
/* column_4 */
.column_4 .column_li{margin:0 20px; padding-bottom:4px}
.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:17px; font-weight:500; margin:0}
.swiper-wrapper{height:auto}


/* ====== index ======================================================================================================= */
section{background:#fff; margin-bottom:8px}
section .swiper{z-index:0}
.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:after, section .swiper-button-prev:after{font-size:0}
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%)}

/* group-slide */
.group-slide .swiper-wrapper{height:auto !important;}
.group-slide .swiper-button-next, .group-slide .swiper-button-prev{position:absolute}
.group-slide .swiper-button-next{right:0}
.group-slide .swiper-button-next:after, .group-slide .swiper-button-prev:after{font-size:10px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.group-slide .slide-img{height:auto;}
.group-slide .slide-img img{position:relative; top:inherit; left:inherit; transform:inherit;}
.group-slide .caption{margin:5px 35px !important; width:calc(100% - 70px) !important}
.group-slide .swiper-pagination{margin:0}

/* main */
.main{position:relative; padding-bottom:6px}
.main .column_1 .column_img_bg{padding-bottom:62.3%; margin:0 0 20px}
.main .column_1 .column_txt_main{font-size:24px; letter-spacing:-0.23px;}
.main .column_4 .column_li{margin-bottom:0}
/* special_issue*/
.main.main_img.special_issue .column_cate{text-align:center; padding-top:30px; padding-bottom:5px}
.main.main_img.special_issue .column_1 .column_txt_main{margin-bottom:20px}
/* live */
.live .column_title > p{color:#F4361E}
.live_title_icon, .live_title_icon svg, .live_title_icon p{display:inline-block; vertical-align:middle}
.live_title_icon{background:#F4361E; padding:3px 7px; border-radius:10px; margin-right:8px}
.live_title_icon svg{width:14px; fill:#fff; margin-right:2px;}
.live_title_icon p{font-size:12px; font-weight:800; line-height:12px; padding-top:2px; color:#fff}
.live .column_4 .column_li li a{padding:16px 0}
.column_txt_time svg, .column_txt_time p{display:inline-block; vertical-align:middle}
.column_txt_time svg{width:16px; fill:rgba(23,23,23,.5); margin-right:6px}
.column_txt_time p{color:rgba(23,23,23,.5); font-size:12px; font-weight:600; line-height:16px}
/* today_photo */
.today_photo{position:relative; display:block; padding-bottom:56%; margin:0 20px; background:#999;}
.today_photo:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0, 0, 0, .1)}
.today_photo_img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center}
.today_photo_black{position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(180deg, rgba(0,0,0,.1) 40%, rgba(0,0,0,.4) 70%, rgba(0,0,0,.7) 100%)}
.today_photo_t_bg{position:absolute; bottom:20px; left:20px; right:20px}
.today_photo_t{color:#FFF; font-size:16px; font-weight:600; line-height:1.5}
.today_photo_t_bg .column_cate{color:rgba(255,255,255,.8)}
/* section_rank */
.column_title + .column_3 .column_li,
.swiper-slide .column_3 .column_li{padding-top:0; margin-top:-8px}
.swiper-slide .column_3 .column_li{padding-bottom:0}
.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(66.3% - 42px)}
.section_rank .column_3 .column_li li.noimg .column_t_bg{width:calc(100% - 26px)}
.section_rank_num b{color:#1D9BF0}
.column_1 + .column_3 .column_li{padding-top:0}
.column_txt_time{color:rgba(23,23,23,.5); font-size:12px; font-weight:600; line-height:1.5; margin-top:5px}
.column_txt_time b{font-weight:600; margin-right:10px}
.column_txt_time span{color:rgba(23, 23, 23, .14); margin:0 5px}
/* Life&Culture */
.column_1 + .column_2 .column_li{margin-top:-10px; padding-bottom:10px}
/* section_graphic */
.section_graphic{padding-bottom:20px}
.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%}
/* opinion */
.opinion .column_3 .column_t_bg{width:calc(82.4% - 16px)}
.opinion .column_3 .column_img_bg{width:17.6%; padding-bottom:17.6%; border-radius:50%; overflow:hidden}
.opinion .column_3 .column_img_bg:after{border-radius:50%}
.opinion .column_3 .column_img{left:-34%; width:288%; height:auto}
/* factor */
.factor{padding:10px 20px 30px}
.factor .swiper .swiper-button-next:after, .factor .swiper .swiper-button-prev:after{display:none}
.factor .swiper .swiper-button-next, .factor .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}
.factor .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%)}
.factor .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%)}
.factor .swiper .swiper-button-next svg, .factor .swiper .swiper-button-prev svg{position:absolute;top:50%; left:50%; height:12px; fill:rgba(23,23,23,.6)}
.factor .swiper .swiper-button-next svg{transform:translate(calc(-50% + 5px), -50%)}
.factor .swiper .swiper-button-prev svg{transform:translate(calc(-50% - 5px), -50%)}
.factor .swiper li{width:auto}
.factor .swiper li a, .factor .swiper li > div{display:block; padding:11px 0}
.factor .swiper span{display:inline-block; vertical-align:middle; font-size:13px; line-height:17px}
.weather_data{border:1px solid #e9e9e9}
.weather_icon{width:20px; height:20px; display:inline-block; vertical-align:middle}
.weather_name{color:#171717; font-weight:600; margin:0 7px}
.weather_num{color:rgba(23,23,23,.6); font-weight:400}
.stock_data{border:1px solid #e9e9e9; display:block}
.stock_name{color:#171717; font-weight:600}
.stock_num{color:rgba(23,23,23,.6); font-weight:400; margin:0 7px}
.fluct{color:rgba(23,23,23,.8); font-weight:400}
.fluct_up{color:#F4361E}
.fluct_up:before{content:"▲"; display:inline-block; vertical-align:middle; font-size:8px; line-height:1; margin-right:3px}
.fluct_down{color:#1BA2DA}
.fluct_down:before{content:"▼"; display:inline-block; vertical-align:middle; font-size:8px; line-height:1; margin-right:3px}
/* podcast */
section.podcast{box-sizing:border-box;padding:16px 20px 0;}
.podcast_top{display:block; padding:20px; border:1px solid #E8E8E8;}
.podcast_top_l, .podcast_top_r{display:inline-block; vertical-align:middle;}
.podcast_top_l{position:relative; width:30%; padding-bottom:21%; margin-right:16px; }
.podcast_top_l:after, .podcast_bottom:before{position:absolute; content:""; top:0; left:0; width:100%; height:100%}
.podcast_top_l:after{background:rgba(0,0,0,.3); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
.podcast_top_l_img{position:absolute; top:5%; left:5%; width:90%; height:90%; object-fit:contain; z-index:1}
.podcast_top_r{width:calc(70% - 16px)}
.podcast_top_r_title{color:#171717; font-size:14px; font-weight:500; line-height:1.5}
.podcast_top_r_info{margin-top:4px; color:rgba(23,23,23,.5); font-size:12px; font-weight:600; line-height:1.5}
.podcast_gauge{height:3px; background:#999; margin-top:-1px}
.podcast_gauge_bar{height:3px; background:#1D9BF0;}
.podcast_bottom{position:relative; padding:6px 14px; display:flex; align-items:center; justify-content:space-between}
.podcast_bottom:before{background:rgba(0,0,0,.2); backdrop-filter:blur(80px); -webkit-backdrop-filter:blur(80px);}
.podcast_bottom_play, .podcast_bottom_time, .podcast_bottom_volume, .podcast_mute{position:relative; display:inline-block; vertical-align:middle}
.podcast_bottom_play{width:24px; height:24px; margin-right:14px; background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(255,255,255,1)"><path d="M8 19V5L19 12L8 19Z"/></svg>'); background-size:cover}
.podcast_bottom_play.on{background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(255,255,255,1)"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>'); background-size:cover}
.podcast_bottom_play svg, .podcast_bottom_volume svg{width:100%; height:100%; fill:#fff}
.podcast_bottom_time{color:#FFF; font-size:12px; font-weight:600; line-height:1.3}
.podcast_bottom_volume{width:50px; margin-top:-2px}
.podcast_seekbar{position:absolute; width:100%; height:2px; background:rgba(23,23,23,.9)}
.podcast_seekbar_play{position:absolute; left:0; height:2px; background:#fff;}
.podcast_seekpoint{position:absolute; width:12px; height:12px; background:#fff; border-radius:50%; margin-top:-5px; margin-left:-6px; cursor:pointer}
.podcast_mute{width:24px; height:24px; margin-left:14px;
background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(255,255,255,.8)"><path d="M13.6,18.8v-1.6c1.2-.3,2.1-1,2.8-1.9.7-1,1.1-2,1.1-3.3s-.4-2.3-1.1-3.3c-.7-1-1.7-1.6-2.8-1.9v-1.6c1.6.4,2.9,1.2,3.9,2.4,1,1.3,1.5,2.7,1.5,4.4s-.5,3.1-1.5,4.4c-1,1.3-2.3,2.1-3.9,2.4ZM5,14.4v-4.7h3.1l3.9-3.9v12.4l-3.9-3.9h-3.1ZM13.6,15.1v-6.3c.6.3,1.1.7,1.4,1.3.3.6.5,1.2.5,1.9s-.2,1.3-.5,1.8c-.3.6-.8,1-1.4,1.3ZM10.4,9.6l-1.7,1.7h-2.2v1.6h2.2l1.7,1.7v-4.9Z"/></svg>'); background-size:cover}
.podcast_mute.on{
background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(255,255,255,.4)"><path d="M15.5,12c0-.7-.2-1.3-.5-1.9-.3-.6-.8-1-1.4-1.3v3.2l1.5,1.5c.2-.4.4-.9.4-1.5Z"/><polygon points="12 5.8 9.7 8.1 12 10.4 12 5.8"/><path d="M16.7,17.2l-.3-.3-4.4-4.4-.9-.9-1.4-1.4-.5-.5-4.9-4.9-1.1,1.1,3.8,3.8h-2.1v4.6h3.1l3.9,3.9v-3.6l2.3,2.3c-.2.1-.5.2-.7.3v1.6c.7-.1,1.3-.4,1.9-.7l2.1,2.1,1.1-1.1-1.9-1.9ZM10.4,14.6l-1.7-1.7h-2.2v-1.6h2.2l1.7,1.7v1.6Z"/><path d="M19,12c0-1.7-.5-3.1-1.5-4.4-1-1.2-2.3-2-3.9-2.4v1.6c1.1.3,2.1.9,2.8,1.9.7,1,1.1,2,1.1,3.3s-.3,2.1-.9,3l1.1,1.1c.8-1.2,1.3-2.5,1.3-4.1Z"/></svg>'); background-size:cover}
.podcast iframe{width:100%; max-height:100%}
.podcast .audiop_ui_wrap[data-useragent*="Windows"] .audiop_ui_controls_play:hover,
.podcast .audiop_ui_wrap[data-useragent*="Macintosh"] .audiop_ui_controls_play:hover,
.podcast .audiop_ui_wrap[data-useragent*="X11"] .audiop_ui_controls_play:hover{background-color:#1D9BF0 !important}
/* watch */
.watch_swiper{margin:0 20px}
.watch_swiper a{position:relative; display:block; padding-bottom:152%}
.watch_li_img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.watch_li_time{position:absolute; bottom:8px; right:8px; color:#FFF; font-size:12px; font-weight:700; line-height:13px; border-radius:4px; background:rgba(23,23,23,.6); padding:4px 5px 3px}
/* magazine */
.magazine_swiper{padding-top:20px}
.column_title + .magazine_swiper{padding:0}
.magazine_swiper a{display:block}
.magazine_li_img{position:relative; padding-bottom:150%; margin-bottom:8px}
.magazine_li_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.magazine_li_t{color:#171717; font-size:14px; font-weight:500; line-height:1.4; text-align: center;}
.magazine_black{background:#171717; padding-bottom:20px}
.magazine_black .column_title > p, .magazine_black .magazine_li_t{color:#fff}
.magazine_li_img_tag{position:absolute; left:0; bottom:0; background:rgba(0, 0, 0, .5); font-size:12px; font-weight:500; color:#fff; padding:5px 7px; z-index:1; backdrop-filter:blur(5px)}
.magazine_li_img_tag_1{background:rgba(0,0,0,.5)}
.magazine_li_img_tag_2{background:rgba(255,0,0,.7)}
/* recipe */
.recipe{padding:0 20px 20px; line-height:1.5; display:block}
.recipe_img_bg{position:relative; width:50%; padding-bottom:50%; margin:0 auto 15px}
.recipe_img{position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; border-radius:50%}
.recipe_img img{width:100%; height:100%; object-fit:cover}
.recipe_img:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(23,23,23,.1); border-radius:50%}
.recipe_img_bg.square{width:auto}
.recipe_img_bg.square .recipe_img, .recipe_img_bg.square .recipe_img:after{border-radius:0}
.recipe_t1{color: rgba(23,23,23,.5); font-size:12px; font-weight:600; text-align:center}
.recipe_t2{color:#171717; font-size:16px; font-weight:500; text-align:center; margin:4px 0 10px}
.recipe_t3{color:rgba(23,23,23,.5); font-size:13px; font-weight:400}
/* quiz */
.quiz{margin:0 20px; padding-bottom:20px}
.quiz_area{padding:20px; border:1px solid #e8e8e8}
.quiz_subject{color:#171717; font-size:14px; font-weight:500; line-height:1.5}
.quiz_subject em{font-weight:700}
.quiz_list{margin-top:20px}
.quiz_list .quiz_item + .quiz_item{margin-top:10px}
.btn_quiz_select{display:block; position:relative; padding:8px 20px; border:1px solid #e8e8e8; cursor:pointer; transition:.1s}
.btn_quiz_select em{display:block; padding-right:20px; color: rgba(23,23,23,.8); font-size:14px; font-weight:500; line-height:1.5; word-break:break-all}
.btn_quiz_select i{display:none; position:absolute; top:50%; right:16px; margin-top:-11px}
.btn_quiz_select i svg{display:block; width:22px; fill:#F4361E}
.btn_quiz_select.checked{border:1px solid #171717}
.btn_quiz_select.checked em{color:#171717; font-weight:700}
.btn_quiz_select input[type="radio"]{position:absolute; top:50%; right:20px; margin-top:-7px; width:14px; height:14px; border:5px solid rgba(23, 23, 23, 0.30); border-radius:50%; -webkit-appearance:none;  transition:.1s}
.btn_quiz_select.checked input[type="radio"]{border-color:#171717}
.quiz_area .btn_area{margin-top:20px; text-align:center}
.quiz_area .btn_area .btn_quiz{display:block; width:100%; padding:9px 0; color:#FFF; font-size:14px; font-weight:700; line-height:1.5; background:#171717}
.quiz_area .btn_area .btn_related{display:block; padding:20px 0 0}
.quiz_area .btn_area .btn_related p, .quiz .btn_area .btn_related svg{display:inline-block; vertical-align:middle}
.quiz_area .btn_area .btn_related p{color:rgba(23,23,23,.5); font-size:12px; font-weight:400; line-height:14px}
.quiz_area .btn_area .btn_related svg{width:6px; height:10px; margin-left:4px; fill:rgba(23,23,23,.4)}
.quiz_area.result .btn_quiz_select em{color:#171717}
.quiz_area.result .btn_quiz_select.checked.wrong_answer{border-color:#F4361E}
.quiz_area.result .btn_quiz_select.checked.wrong_answer em{color:#F4361E}
.quiz_area.result .btn_quiz_select.checked.wrong_answer input[type="radio"]{display:none}
.quiz_area.result .btn_quiz_select.checked.wrong_answer i{display:block}
.quiz_area.result .correct_answer{border-color:#1D9BF0}
.quiz_area.result .correct_answer em{color:#1D9BF0}
.quiz_area.result .correct_answer input[type="radio"]{border-color:#1D9BF0}
.quiz_area.result .quiz_count{display:block; position:absolute; top:11px; right:0; color:rgba(23,23,23,.5); font-size:12px; line-height:1.5}
.quiz_area.result .quiz_graph{position:relative; height:5px; margin-top:6px; background:#eaeaea}
.quiz_area.result .quiz_graph span{position:absolute; top:0; left:0; bottom:0; background: rgba(23,23,23,.3)}
.quiz_area.result .btn_quiz_select.checked .quiz_graph span{background:#1D9BF0}
/* bnn */
.bnn a{display:block}
.bnn a img{width:100%}
/* timeline */
.timeline{position:relative; margin:0 20px; padding:0 0 0 22px}
.timeline:before{position:absolute; content:""; width:1px; height:calc(100% - 49px); left:5px; top:33px; background:#E8E8E8}
.timeline > li{position:relative; border-bottom:1px solid #E8E8E8; padding:16px 0}
.timeline > li:before{position:absolute; content:""; width:6px; height:6px; border-radius:50%; border:2px solid #171717; left:-22px; top:27px; background:#fff}
.timeline > li:last-child{border-bottom:none}
.timeline_issue_l, .timeline_issue_r{display:inline-block; vertical-align:top}
.timeline_issue_l{width:calc(75% - 16px); margin-right:16px}
.timeline_issue_l_day{font-size:12px; font-weight:600; color:rgba(23,23,23,.5); margin:0 1px 4px}
.timeline_issue_l_title{font-size:16px; font-weight:500; color:#171717; line-height:1.4}
.timeline_issue_r{position:relative; width:25%; padding-top:15.1%}
.timeline_issue_r_img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.timeline_issue_r:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(23,23,23,.1)}
.timeline_article > li{position:relative}
.timeline_article > li:after{position:absolute; content:""; left:22px; right:0; height:1px; bottom:1px; background:#e8e8e8}
.timeline_article > li > a{position:relative; display:block; padding:10px 0; margin-left:22px}
.timeline_article > li > a > svg{position:absolute; top:12px; left:-20px; width:12px; fill:#B9B9B9}
.timeline_article > li:last-child:after{display:none}
.timeline_article > li:last-child a{padding-bottom:0}
.timeline_article_title{font-size:14px; font-weight:500; color:rgba(23,23,23,.8); line-height:1.4}
.timeline > li.noimg .timeline_issue_l{margin:0; width:100%}
.timeline_notitle:before{top:0; height:calc(100% - 13px)}/* 타임라인페이지만 해당 */
/* notice */
.notice{padding-bottom:6px}


/* ====== footer ======================================================================================================= */
footer{text-align:center; margin-top:-8px}
.footer_sns{padding:11px 0 10px; border-bottom:1px solid rgba(23, 23, 23, 0.06); margin-bottom:15px;}
.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_li{margin:5px 0}
.footer_li li{display:inline-block; vertical-align:middle; margin:0 5px}
.footer_li li a{display:block; color:rgba(23,23,23,.5); font-size:12px; font-weight:400; line-height:1.4; padding:2px 0}
.footer_li li a b{font-weight:700}
.footer_family{position:relative; width:calc(100% - 40px); margin:15px auto 0; max-width:400px; border:1px solid #E6E6E6; background:#fff}
.footer_family select{width:100%; background:transparent; font-size:15px; font-weight:500; line-height:42px; height:42px; padding:0 45px 0 5px; cursor:pointer; text-align-last:center; -webkit-appearance:none; color: #171717; z-index:1; position:relative}
.footer_family_icon{position:absolute; top:9px; right:16px; width:24px; height:24px; fill:rgba(23,23,23,.5)}
.footer_copy{color: rgba(23, 23, 23, 0.50); font-size:12px; font-weight:400; line-height:1.6; padding:14px 0 20px}
.footer_copy b{font-weight:700}


/* ====== index 디바이스 대응 ======================================================================================================= */
@media (min-width:500px) {
    /* column */
    body.body_column_1{max-width:800px; margin:0 auto}
    body.body_column_2, body.body_column_4{-webkit-column-gap:10px; column-gap:10px; margin:0 20px}
    body.body_column_2{column-width:327px}
    body.body_column_4{column-width:290px}
    body.body_column_2 section, body.body_column_4 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 ======================================================================================================= */
/* main_img */
.main.main_img{background:transparent}
.main_img_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1}
.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%}
.column_title.column_title_small{padding:20px 20px 16px}
.column_title.column_title_small > p{font-size:13px; font-weight:800; line-height:1.4}
.main_img .column_title p, .main_img .column_txt_main{color:#fff}
.main.main_img .column_4 .column_li li a{border-color:rgba(232,232,232,.2)}
.main.main_img .column_4 .column_txt_main{font-weight:400}
.main.main_img .column_cate, .main.main_img .column_txt_sub{color:rgba(255,255,255,.5)}
/* more_btn */
.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, .more_btn_icon{display:block; vertical-align:middle}
.more_btn p{font-size:14px; font-weight:700}
.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}
/* Life&Culture */
.column_title + .column_2 .column_li{margin-top:-10px}
.column_2 + .column_4 .column_li{padding-bottom:10px}


/* ====== 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.background:before{backdrop-filter:none}
.view_top_cate{position:relative; line-height:1.4; padding:20px 20px 16px}
.view_top_cate b, .view_top_cate span, .view_top_cate p{display:inline-block; vertical-align:middle}
.view_top_cate b{font-size:13px; font-weight:800; color:#F45D48}
.view_top_cate span{width:1px ;height:10px; background:rgba(255, 255, 255, 0.20); margin:0 8px}
.view_top_cate p{font-size:13px; font-weight:500; color:#fff}
.view_top_title{position:relative; color:#FFF; font-size:23px; font-weight:600; line-height:1.4; margin:0 30px 0 20px}
.view_top_sub{position:relative; color:rgba(255,255,255,.6); font-size:14px; font-weight:400; line-height:1.4; margin:8px 30px 0 20px}
.view_top_info{position:relative; margin:16px 20px; color:rgba(255,255,255,.6); font-size:12px; font-weight:400; line-height:1.5}
.view_top_info_name{position:absolute; top:0; right:0}
.view_top_info_name_more{text-align:right; max-width:110px; 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="http://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:8px}
.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:1.9}
.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_top_info_tts{background:#1D9BF0; display:block; line-height:22px; padding:0 10px; border-radius:11px}
.view_top_info_tts:before{content:"Listen"; font-size:11px; color:#fff; display:inline-block; vertical-align:middle; /*margin-right:3px*/}
/*
.view_top_info_tts:after{content:"▶"; font-size:8px; color:#fff; display:inline-block; vertical-align:middle}
*/
@keyframes colorChange{
  0%{
      background-position: 0% 50%;
  }
  50%{
      background-position: 100% 50%;
  }
  100%{
      background-position: 0% 50%;
  }
}
.view_top_info_tts.on{background:linear-gradient(to right, #1D9BF0 0%, #b450aa 50%, #1D9BF0 100%); background-size: 400% 400%; animation: colorChange 3s ease infinite}
.view_top_info_tts.on:before{content:"Stop"}
/* 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}
.view_editor_bg > .view_editor{padding:0}
.view_editor p{margin:20px 0}
.view_editor p a{font-weight:600; text-decoration:underline}
.view_editor p i{font-style:italic;}
.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_reporter{font-weight:600}
/* view_tag_li */
.view_tag_li{padding:0 20px 24px}
.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_link{border-top:1px solid #171717; margin:0 20px; padding-bottom:6px}
.view_link .column_title{padding:16px 0 12px}
.view_link .column_4 .column_li{margin:0}
/* view_reporter_bg */
.view_reporter_bg{margin:0 20px; padding:30px 0; border-top:1px solid #E8E8E8}
.view_reporter_top{margin-bottom:20px}
.view_reporter_top_l, .view_reporter_top_r{display:inline-block; vertical-align:middle}
.view_reporter_top_l{width:calc(100% - 155px)}
.view_reporter_top_l_img{position:relative; overflow:hidden; width:60px; height:60px; border-radius:50%; margin-right:10px; display:inline-block; vertical-align:middle}
.view_reporter_top_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_top_l_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center;}
.view_reporter_top_l_t{color:#303038; font-size:16px; font-weight:500; line-height:21px; width:calc(100% - 70px); display:inline-block; vertical-align:middle}
.view_reporter_top_r{width:155px; text-align:right}
.view_reporter_top_r .subsc_btn_li > li{margin-bottom:0}
.view_reporter_top_r .subsc_btn_li > li + li{margin:0}
.view_reporter_top_r .subsc_btn_li > li + li a{padding:0 8px}
.view_reporter_bg .column_4 .column_li{margin:0}
/* view_journalist */
.view_journalist{margin:0 20px 30px}
.view_journalist_li li{border:1px solid #E8E8E8}
.view_journalist_li li + li{margin-top:10px}
.view_journalist_li li a{display:block; padding:12px 16px 12px 20px}
.view_journalist_li_icon, .view_journalist_li_t, .view_journalist_li_more{display:inline-block; vertical-align:middle}
.view_journalist_li_icon{width:46px; height:46px; stroke:rgba(0,0,0,.1); margin-right:16px}
.view_journalist_li_t{width:calc(100% - 96px)}
.view_journalist_li_name{font-size:16px; line-height:1.2; font-weight:500; color:#171717; word-break:break-all}
.view_journalist_li_mail{font-size:14px; line-height:1.1; font-weight:400; color:rgba(0,0,0,.4); word-break:break-all; margin-top:4px}
.view_journalist_li_more{width:24px; height:24px; margin-left:10px; fill:rgba(0,0,0,.3)}
/* sympathy */
.sympathy{margin:0 20px 30px; padding:30px 0; border-top:1px solid #E8E8E8; text-align:center}
.sympathy_list li{position:relative; display:inline-block; vertical-align:top; width:23%}
.sympathy_list li:last-child{width:31%}
.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}
/* series_view_link */
.series_view_link_bg{margin:0 20px; padding-bottom:20px}
.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_title{font-size:16px; line-height:1.5; font-weight:700; color:#171717; margin-bottom:4px}
.series_view_link_top_sub{font-size:13px; line-height:1.5; font-weight:500; color:rgba(23,23,23,.8)}
.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% - 185px)}
.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_t{display:inline-block; vertical-align:middle}
.series_view_link_li_num{position:relative; font-size:16px; font-weight:700; width:44px; margin-right:20px}
.series_view_link_li_num:after{position:absolute; top:50%; margin-top:-6px; right:0; content:""; width:2px; height:12px; background:#171717}
.series_view_link_li_t{font-size:16px; font-weight:400; width:calc(100% - 64px)}
.hbanner{margin:8px 0}
.hbanner iframe{margin:0 auto; display:block}
.video-wrap{position:relative; padding-bottom:52%}
.video-wrap iframe{position:absolute; top:0; left:0; width: 100%; height: 100%}
/* ====== sch ======================================================================================================= */
.sch_top{background:#fff; overflow:hidden}
.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_top .view_tag_li{padding-bottom:14px}
.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;}
.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}
.column_title_sel svg{position:absolute; top:9px; right:9px; width:6px; fill:rgba(23,23,23,.4); transform: rotate(90deg)}
.sch_result .column_li li a em{background:rgba(29,155,240,.4); font-weight:600}
/* no_result */
.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)}


/* ====== series ======================================================================================================= */
/* series_main */
.series_main{position:relative; background:transparent}
.series_main .column_title > p, .series_main .column_title > span, .series_main .column_title > b{display:inline-block; vertical-align:middle; color:#fff}
.series_main .column_title > p{font-size:18px; font-weight:300; line-height:1.5}
.series_main .column_title > span{margin:0 8px; background:rgba(255,255,255,.1); width:1px; height:13px}
.series_main .column_title > b{font-size:18px; font-weight:700; line-height:1.5}
.series_main .column_cate, .series_main .column_txt_sub{color:rgba(255,255,255,.5)}
.series_main .column_txt_main{color:#fff}
.series_main .column_3 .column_txt_main{font-weight:400}
.series_main .column_3 .column_li li a, .series_main .column_1 + .column_3 .column_li li:first-child a{border-color:rgba(255,255,255,.1)}
/* series_cate */
.series_cate{margin:0 20px 14px}
.series_cate li{display:inline-block; vertical-align:top; margin:0 6px 6px 0}
.series_cate li a{display:block; color:rgba(23,23,23,.8); font-size:14px; font-weight:500; line-height:32px; border:1px solid rgba(23,23,23,.14); padding:0 16px; border-radius:17px}
.series_cate li.on a{font-weight:600; color:#fff; background:#171717}
/* series_cover */
.series_cover > li{padding:0 20px}
.series_cover > li + li{margin-top:16px}
.series_cover > li > a{display:block; border: 1px solid #E8E8E8;}
.series_cover_img, .series_cover_t_bg{display:inline-block; vertical-align:middle}
.series_cover_img{position:relative; width:37.6%; padding-bottom:56.5%; background:#e9e9e9; margin:-1px}
.series_cover_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.series_cover_t_bg{width:calc(62.4% - 40px); padding:16px 20px}
.series_cover_title{color:#171717; font-size:16px; font-weight:500; line-height:1.4}
.series_cover_sub{color: rgba(23, 23, 23, 0.60); font-size:13px; font-weight:400; line-height:1.5; margin:4px 0 0}
.series_cover_tag{margin-top:10px}/*여기부터*/
.series_cover_tag li{display:inline-block; vertical-align:middle; color:#1D9BF0; font-size:11px; font-weight:700; line-height:1.4; margin-right:5px}
.series_cover_t_bg .subsc_btn{margin-top:16px}
@media (max-width:390px) {
.series_cover > li > a{padding:5%}
.series_cover_img{width:32.6%; padding-bottom:49%; margin-right:5%}
.series_cover_t_bg{width:62.4%; padding:0}
}
/* subsc_btn */
.subsc_btn_li > li{position:relative; display:inline-block; vertical-align:middle; margin:0 6px 6px 0}
.subsc_btn{border-radius:17px; border:1px solid rgba(23,23,23,.2); backdrop-filter:blur(150px); -webkit-backdrop-filter:blur(150px); padding:0 16px; background:transparent; line-height:32px; display:inline-block; vertical-align:top;}
.subsc_btn p, .subsc_btn svg{display:inline-block; vertical-align:middle}
.subsc_btn p{color:#171717; font-size:14px; font-weight:600}
.subsc_btn svg{width:18px; height:18px; fill:#171717}
.subsc_btn p + svg{margin-left:5px}
.subsc_btn_li.subsc_btn_li_black .subsc_btn{background:rgba(23,23,23,.2); border-color:rgba(255,255,255,.3)}
.subsc_btn_li.subsc_btn_li_black .subsc_btn p{color:#fff}
.subsc_btn_li.subsc_btn_li_black .subsc_btn svg{fill:#fff}
.subsc_btn.on, .subsc_btn_li.subsc_btn_li_black .subsc_btn.on{background:rgba(29,155,240,.9); border-color:rgba(0,0,0,.1)}
.subsc_btn.on p{color:#fff}
.subsc_btn.on svg{fill:#fff}
/* series_detail_top */
.series_detail_top_bg{position:relative; background:transparent}
.series_detail_top{padding:20px; background:linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.04) 18.23%, rgba(0, 0, 0, 0.08) 69.2%, rgba(0, 0, 0, 0.18) 100%)}
.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(75% - 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}
.series_detail_top_contents_title_icon{display:inline-block; vertical-align:middle; width:16px; fill:#fff; margin-left:5px; margin-top:-2px}
.series_detail_top_contents_cap{color:rgba(255,255,255,.7); font-size:12px; font-weight:600; line-height:1.5}
.series_detail_top_contents_cap span{color:rgba(255,255,255,.4)}
.series_detail_top_contents_l .subsc_btn_li{margin-top:20px}
.series_detail_top .pop_share_wrap{right:inherit}
.series_detail_top .btn_share_item svg{width:30px; height:30px; fill:#fff; transition:.2s}
.series_detail_top_contents_r{position:relative; width:25%; padding-bottom:37.4%; box-shadow:2px 4px 6px 0 rgba(0,0,0,.2)}
.series_detail_top_contents_r:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border: 1px solid rgba(255,255,255,.1)}
.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; padding-bottom:16px; border-bottom:1px solid rgba(232,232,232,.2);}
.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:18px; padding:0 8px; 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}
.series_detail_top_bg.background .main_img_bg:after{backdrop-filter:none}
.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 .view_top_cate b{color:#1D9BF0}
.view_top.series:before{display:none}
.series_preview{background:#feeee9;}
.series_preview_tag{display:inline-block; vertical-align:middle; font-size:13px; font-weight:400; line-height:1.5; padding:2px 15px 2px; background:#F4361E; color:#fff; border-radius:15px; margin-bottom:8px}
.series_preview .column_3.column_3_right{position:relative; z-index:1}
.series_preview .column_3.column_3_right:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(244, 54, 30, .2); z-index:-1}
/* 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; margin-top:-60px}
.pop_join_title{color:#fff; font-weight:700; line-height:1.4; font-size:20px}
.pop_join_btn{color:#FFF; font-size:14px; font-weight:700; line-height:40px; 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 0}


/* ====== reporter ======================================================================================================= */
/* reporter */
.reporter{padding:20px}
.reporter_img, .reporter_t_bg{display:inline-block; vertical-align:middle}
.reporter_img{position:relative; width:28.3%; padding-bottom:28.3%; margin-right:16px; overflow:hidden; border-radius:50%}
.reporter_img:after{border-radius:50%}
.reporter_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center}
.reporter_t_bg{width:calc(71.7% - 16px)}
.reporter_t_name{color:#171717; font-size:20px; font-weight:700; line-height:1.3}
.reporter_t_sub{margin:4px 0 10px; color:rgba(23,23,23,.6); font-size:13px; font-weight:600; line-height:1.5}


/* ====== issue_pick ======================================================================================================= */
.issue_pick_t_bg{padding:0 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_photo */
.issue_photo .column_2 .column_li{padding:10px 0}
/* issue_timeline */
.issue_timeline{position:relative; margin:0 20px; padding:20px 0 0 22px}
.issue_timeline:before{position:absolute; content:""; width:1px; height:calc(100% - 53px); left:5px; top:32px; background:#E8E8E8}
.issue_timeline > li{position:relative;}
.issue_timeline > li:before{position:absolute; content:""; width:6px; height:6px; border-radius:50%; border:2px solid #171717; left:-22px; top:7px; background:#fff}
.issue_timeline dt{padding-bottom:6px; border-bottom:1px solid #171717}
.issue_timeline dt p{color:#171717; font-size:15px; font-weight:700; line-height:1.5}
.issue_timeline dd{padding-bottom:20px}
.issue_timeline dd .column_3 .column_li{padding:0; margin:0}
.issue_timeline dd .column_3 .column_li li:last-child a{border-bottom:1px solid #E8E8E8}
.issue_timeline > li:last-child .column_3 .column_li li:last-child a{border-bottom:none}
/* photos */
.column_2 + .more_btn_bg{padding-top:10px}


/* ====== recipe ======================================================================================================= */
.recipe_top{background:url(../image/recipe_top.jpg) center no-repeat; background-size:cover; padding:20px 20px 44px; line-height:1.3}
.recipe_top_t1{color:#E66B1F; font-size:13px; font-weight:800}
.recipe_top_t2{color:#FFF; font-size:23px; font-weight:700; margin:16px 0 10px}
.recipe_top_t3{color:rgba(255,255,255,.6); font-size:13px; font-weight:400}
.recipe_sch{padding:20px 0}
.recipe_sch .view_tag_li{padding-bottom:14px}
.recipe_sch .view_tag_li li.on a{background:#E66B1F; color:#fff}
.recipe_sch .sch_input_wrap{border:1px solid #E8E8E8; box-shadow:none; margin-bottom:0}
.recipe_result .column_2 .column_li{padding-top:10px}
.recipe_result .column_2 .column_img_bg{padding-bottom:100%}


/* ====== announcement ======================================================================================================= */
.announcement .column_cate{color:#fff; font-size:10px; background:#1D9BF0; display:inline-block; line-height:18px; padding:0 6px; border-radius:10px; margin:0 0 10px}
.announce_view_top{padding:20px 0; margin:0 20px; border-bottom:1px solid #e8e8e8}
.announce_view_top_cate{color:#fff; font-size:11px; background:#1D9BF0; display:inline-block; line-height:22px; padding:0 10px; border-radius:13px; margin: 0 0 10px}
.announce_view_top_title{font-size:23px; letter-spacing:-0.23px; color:#171717; line-height:1.4; font-weight:600; margin-bottom:10px}
.announce_view_top_info{font-size:12px; color:rgba(23,23,23,.5); font-weight:600}
.announce_view_editor{padding:30px 20px; font-size:16px; line-height:1.5; color:#171717; font-weight:400;}
.announce_view_editor img{max-width:100%; display:block; margin:0 auto}

/* ====== ann ======================================================================================================= */
/* ann */
.ann{padding:0 20px 20px}
.ann_top{margin-bottom:30px}
.ann_top_img{display:block; width:90%; max-width:250px; margin:20px auto}
.ann_top_t{font-size:13px; line-height:1.4; font-weight:400; color:rgba(0,0,0,.5); padding:0 10px}
.ann_li li{display:inline-block; vertical-align:top; position:relative; width:calc(33.33% - 10px); margin:0 5px 10px}
.ann_li li a{display:block}
.ann_li_img{position:relative; overflow:hidden; padding-bottom:60%; margin-bottom:6px;}
.ann_li_img:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0, 0, 0, .08)}
.ann_li_img img{position:absolute; top:50%; left:50%; max-width:68%; max-height:45%; transform: translate(-50%,-50%);}
.ann_li_t{padding:0 5px; font-size:12px; font-weight:400; line-height:1.4}


/* ====== map ======================================================================================================= */
/* map */
.map_tag_li{padding:4px 20px 14px}
.map_tag_li li{display:inline-block; vertical-align:top; margin-bottom:6px; margin-right:6px}
.map_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}
.map_tag_li li.on a{background:rgba(29,155,240,.9); color:#fff}
.map_bg{padding-bottom:178%; position:relative}
.map{position:absolute; top:0; left:0; width:100%; height:100%}
.map_tag_li li.map_tag_li_seoul a{border:1px solid rgba(58,76,160,.5); color:#3A4CA0; padding-left:10px}
.map_tag_li li.map_tag_li_seoul a:before{content:""; position:relative; display:inline-block; vertical-align:middle; width:20px; height:20px; border-radius:50%; margin-right:7px; background:#3A4CA0 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="rgb(255,255,255,1)"><path d="M1.3346 11.3455C1.18031 11.3455 1.07746 11.2909 0.974598 11.1819C0.768884 10.9637 0.768884 10.6364 0.974598 10.4182L5.08888 6.05458L0.974598 1.69094C0.768884 1.47276 0.768884 1.14549 0.974598 0.927308C1.18031 0.709126 1.48888 0.709126 1.6946 0.927308L6.22031 5.72731C6.32317 5.8364 6.3746 5.94549 6.3746 6.10913C6.3746 6.27276 6.32317 6.38185 6.22031 6.49094L1.6946 11.2909C1.59174 11.2909 1.48888 11.3455 1.3346 11.3455Z"></path></svg>') center no-repeat; background-size:6px}


/* ====== live_timeline ======================================================================================================= */
.live_timeline_top{background:url(../image/live_timeline_top.jpg); background-size:cover}
.live_timeline_top .column_title > p{color:#F4361E}
.live_timeline_top_t1{color:#FFF; font-size:23px; font-weight:700; line-height:1.4; padding:18px 20px 10px;}
.live_timeline_top_t2{color:rgba(255,255,255,.8); font-size:13px; font-weight:400; line-height:1.5; padding:0 20px 19px}
.live_timeline .column_3{margin-bottom:20px; margin-left:26px}
.live_timeline .column_3 .column_li, .live_timeline .column_3 .column_li li{position:relative}
.live_timeline .column_3 .column_li:before{position:absolute; content:""; top:0; left:-22px; width:1px; height:100%; background:#E8E8E8}
.live_timeline .column_3 .column_li li:before{position:absolute; content:""; top:20px; left:-26px; width:6px; height:6px; border-radius:50%; background:#fff; border:2px solid #ababab; z-index:1}
.live_timeline .column_3 .column_li li:after{position:absolute; content:""; top:-4px; left:-22px; width:1px; height:100%; background:#F43D26; display:none}
.live_timeline .column_3 .column_t_bg{margin-top:0}
.column_txt_live_timeline{margin-bottom:7px}
.column_txt_live_timeline svg, .column_txt_live_timeline p{display:inline-block; vertical-align:middle}
.column_txt_live_timeline svg{width:16px; height:16px; fill:#ABABAB; margin-right:6px}
.column_txt_live_timeline p{color:#ABABAB; font-size:12px; font-weight:600; line-height:1.5}
.live_timeline .column_3 .column_li li.on:before{background:#F43D26; width:10px; height:10px; left:-30px; top:16px; border:4px solid #fdd8d4; box-shadow:0 3px 3px rgba(244,61,38,.1)}
.live_timeline .column_3 .column_li li.on:after{display:block}
.live_timeline .column_3 .column_li li.on.last-child:after{height:25px}
.live_timeline .column_3 .column_li li.on .column_txt_live_timeline svg{fill:#F43D26}
.live_timeline .column_3 .column_li li.on .column_txt_live_timeline p{color:#F43D26}
/* timeline_top */
.timeline_top .live_timeline_top_t1{color:#171717}
.timeline_top .live_timeline_top_t2{color:rgba(23, 23, 23, 0.80)}
.timeline_swiper .swiper-slide{width:auto}
.timeline_swiper .swiper-slide 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}
.timeline_swiper .swiper-slide.on a{background:rgba(29, 155, 240, .9); color:#fff}


/* ====== 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:14px; font-weight:500; line-height:1.5; margin:0 40px 20px;}
.nopage_sub a{color:#3CA8F2; text-decoration:underline;}


/* ====== my ======================================================================================================= */
/* my_top */
.my_top{position:relative; padding:20px}
.my_top_title_bg{margin-bottom:10px; display:flex; justify-content:space-between; align-items:center}
.my_top_title, .my_top_btn, .my_top_name{display:inline-block; vertical-align:middle}
.my_top_title{color:#171717; font-size:23px; font-weight:700; line-height:1.4; }
.my_top_btn{font-size:13px; font-weight:700; line-height:1.2; border-radius:22px; padding:5px 16px 4px; white-space:nowrap}
.my_top_title_logout{color:#171717; border:1px solid #DADCDF; background:#FFF}
.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.2; max-width: calc(100% - 80px); word-break:break-all; padding-right:10px}
.my_top_name_btn{color:#1D9BF0;  border:1px solid rgba(51,184,255,.7); background:rgba(51,184,255,.08)}
.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_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_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_swiper.my_subsc_swiper3_no .subsc_btn{line-height:24px; padding:0 10px}
.my_subsc_swiper.my_subsc_swiper3_no .subsc_btn p{font-size:11px}
/* 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; 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:50%}
.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_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_newsletter */
.my_newsletter .column_img_bg{padding-bottom:62.5%; margin:0}
.my_newsletter .column_t_bg{border:1px solid #E8E8E8; border-top:none; margin:0; padding:16px 20px}
.my_newsletter .column_txt_main{font-size:16px;}
.my_newsletter .column_txt_sub{font-size:13px; margin-top:4px}
.my_newsletter_daily{padding-bottom:20px}/* 마이페이지 하단 뉴스레터에만 쓰이는 클래스 */
.my_newsletter_daily_t{color:#FFF; font-size:14px; font-weight:400; line-height:1.3}/* 마이페이지 하단 뉴스레터에만 쓰이는 클래스 */
/* my_subsc_title_date_bg */
.my_subsc .column_title{padding:0 0 12px}
.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_head_cate{font-size:13px; font-weight:800; line-height:1.4; padding:20px 20px 0; color:#171717; margin-bottom:-4px;}
.newsletter_head_title{font-size:23px; font-weight:700; line-height:1.4; padding:20px 20px 10px; color:#171717}
.newsletter_head_sub{font-size:13px; font-weight:400; line-height:1.5; color: rgba(23,23,23,.8); word-break:keep-all; padding:0 20px 10px}
.newsletter_top{position:relative; background:transparent}
.newsletter_top_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1}
.newsletter_top_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);z-index:-1}
.newsletter_top .column_title > p, .newsletter_top .column_txt_main{color:#fff}
.newsletter_top_info{color:#FFF; font-size:14px; font-weight:700; line-height:1.5; padding:0 20px; margin:8px 0}
.newsletter_top_info_sub{color:rgba(255,255,255,.6); font-size:13px; font-weight:400; line-height:1.5; padding:0 20px; margin-bottom:20px;}
.newsletter_top .subsc_btn_li{margin:-4px 20px 14px}
.newsletter_top .column_4 .column_li li a, .newsletter_top .column_1 + .column_4 .column_li li:first-child a{border-color:rgba(232,232,232,.2)}
.newsletter_top .column_txt_time{color:rgba(255,255,255,.5)}
/* newsletter_subsc */
.newsletter_subsc_title{color:#171717;font-size:16px; font-weight:700; line-height:1.5; padding:16px 20px 12px}
.newsletter_subsc_input_bg{position:relative; background:#f3f3f3; margin:0 20px}
.newsletter_subsc_input{padding:0 20px; font-size:16px; line-height:44px; font-weight:500; color:#171717; width:calc(100% - 120px); background:transparent; padding-right:100px}
.newsletter_subsc_input::placeholder{color:rgba(23,23,23,.4); font-weight:400}
.newsletter_subsc_input_btn{position:absolute; top:50%; right:5px; font-size:12px; line-height:30px; font-weight:600; border:1px solid rgba(23,23,23,.12); background:#fff; padding:0 10px; transform:translate(0,-50%);}
.newsletter_subsc_agree{border:1px solid #E8E8E8; font-size:11px; font-weight:400; line-height:1.5; color:rgba(23,23,23,.6); padding:10px 15px; height:100px; overflow-y:scroll; margin:0 20px 15px;}
.newsletter_subsc_agree b{font-weight:700; color:rgba(23,23,23,.8)}
.newsletter_subsc_chk{position:relative; margin:0 20px 20px}
.newsletter_subsc_chk input{position:absolute; top:1px; left:1px; z-index:-1; width:1px; height:1px; cursor:pointer; opacity:0}
.newsletter_subsc_chk label{display:block; cursor:pointer}
.newsletter_subsc_chk_icon{position:relative; width:18px; height:18px; display:inline-block; vertical-align:middle; margin-right:10px; border:1px solid rgba(23,23,23,.12)}
.newsletter_subsc_chk svg{position:absolute; top:50%; left:50%; width:90%; height:90%; transform:translate(-50%,-50%); fill:rgba(0,0,0,.4)}
.newsletter_subsc_chk_t{display:inline-block; vertical-align:middle; font-size:12px; font-weight:400; color:#999; line-height:1.4}
.newsletter_subsc_chk input:checked + label .newsletter_subsc_chk_icon{background:rgba(29,155,240,.9)}
.newsletter_subsc_chk input:checked + label .newsletter_subsc_chk_icon svg{fill:#fff}
.newsletter_subsc_chk input:checked + label .newsletter_subsc_chk_t{color:#171717}
/* newsletter_series */
.newsletter_series{padding-bottom:20px}
.newsletter_series > li{margin:0 20px 20px}
.newsletter_series > li:last-child{margin-bottom:0}
.newsletter_series_img{position:relative; padding-bottom:51%}
.newsletter_series_img:After{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1)}
.newsletter_series_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.newsletter_series_t_bg{padding:16px 20px 14px; border:1px solid #E8E8E8; border-top:none}
.newsletter_series > li.noimg .newsletter_series_t_bg{border-top:1px solid #E8E8E8}
.newsletter_series_t1{color:#171717; font-size:20px; font-weight:700; line-height:1.4}
.newsletter_series_t2{color:rgba(23,23,23,.6); font-size:13px; font-weight:700; line-height:1.5; margin:4px 0 10px}
.newsletter_series_t3{color:rgba(23,23,23,.6); font-size:13px; font-weight:400; line-height:1.5; margin-bottom:16px}
/* newsletter_head_black */
.newsletter_head_black{background:url(../image/newsletter_head_black.png) center; background-size:cover; padding-bottom:10px}
.newsletter_head_black .newsletter_head_cate, .newsletter_head_black .newsletter_head_title{color:#fff}
.newsletter_head_black .newsletter_head_sub{color:rgba(255,255,255,.6)}
.newsletter_head_black .subsc_btn_li{padding:10px 20px 4px}
.newsletter_head_day{color:#FFF; font-size:13px; font-weight:700; line-height:1.5; padding:0 20px 10px}
.newsletter_head_black .pop_share_wrap{right:inherit}
.newsletter_head_black .btn_share_item svg{width:30px; height:30px; fill:#fff; transition:.2s}
/* 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 li:first-child a{border-top:2px solid #171717}
.newsletter_subsc_swiper .swiper-slide{padding:0 20px; width:calc(100% - 40px) !important}
/* newsletter_pc */
.newsletter_pc{padding:20px 20px 40px}
.newsletter_pc_day{padding-bottom:7px; border-bottom:1px solid #171717;}
.newsletter_pc_day span, .newsletter_pc_day p{display:inline-block; vertical-align:middle; line-height:1.5; font-size:15px}
.newsletter_pc_day span{color:#1D9BF0; font-weight:700; margin-right:9px}
.newsletter_pc_day p{color:#171717; font-weight:500}
.newsletter_pc_contents{overflow-x:scroll; }
.newsletter_pc_contents iframe{width:100%; min-height:600px}
.newsletter_pc_sns{padding:20px 0; text-align:center}
.newsletter_pc_sns li{position:relative; width:34px; height:34px; background:#171717; display:inline-block; vertical-align:middle; border-radius:50%; margin:0 10px}
.newsletter_pc_sns li button{position:relative; display:block; background:transparent; width:100%; height:100%}
.newsletter_pc_sns li button svg{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; fill:#fff; transition:.2s}
.newsletter_pc_sns li:hover button svg{transform:translate(-50%, -50%) scale(1.2)}
.newsletter_pc_sns .toast_pop{display:none; position:absolute; top:0; left:50%; transform:translate(-50%, 0); background: #171717;; border-radius:50%}
.newsletter_pc_sns .toast_pop .toast_text{position:absolute; top:38px; left:50%; width:80px; margin-left:-40px; color:#fff; font-size:12px; line-height:22px; background:rgba(0,0,0,.5); text-align:center}
.newsletter_pc_sns .toast_pop svg{width:34px; height:34px}
.newsletter_pc_sns .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}
.newsletter_cap{color:#171717; text-align:center; font-size:14px; font-weight:400; line-height:1.5; margin-bottom:16px}
.newsletter_pc_subsc_bg{text-align:center}
.newsletter_pc_subsc{color:#171717; font-size:14px; font-weight:600; line-height:32px; border-radius:17px; border:1px solid #DADCDF; display:inline-block; padding:0 14px}


/* ====== quiz_page ======================================================================================================= */
.quiz_page_top{background:#F4C9C1; padding-bottom:20px}
.quiz_page_top .quiz{background:#fff; padding-bottom:0}
.quiz_page_top .quiz .column_title{padding-bottom:0; margin-bottom:-8px;}
.quiz_page_top .quiz .column_title > p{font-size:16px}
.quiz_page_top .quiz_area{border:none}
.quiz_subject_day{color:rgba(23,23,23,.5); font-size:12px; font-weight:400; line-height:1.4; margin-top:6px}
.quiz_page_result{padding:20px 0 0}
.quiz_page_result .quiz_item + .quiz_item{margin-top:0}
.quiz_page_result .quiz_area.result .btn_area{margin-top:0}
.quiz_page_result .quiz_area.result input[type="radio"], .quiz_page_result .quiz_area.result .btn_quiz{display:none}
.quiz_page_result .quiz_area.result .btn_quiz_select{border:0; padding:8px 0}
.quiz_page_result .quiz_area.result .btn_quiz_select em{padding:0}
.quiz_page_result .quiz_area.result .btn_quiz_select em:first-child{max-width:calc(100% - 70px)}
.quiz_page_result .quiz_area.result .btn_quiz_select.checked em{color:#1D9BF0}


/* ====== rss ======================================================================================================= */
/* rss */
.rss_txt{border:1px solid rgba(0,0,0,.08); margin:0 20px; padding:15px 20px; font-size:15px; font-weight:400; line-height:22px; color:rgba(23,23,23,.5)}
.rss_li{padding:20px}
.rss_li li{margin-bottom:20px}
.rss_li_title{font-size:18px; font-weight:700; line-height:1.5; margin-bottom:10px; color:#171717}
.rss_li_link_bg{background:#f3f3f3; padding:15px}
.rss_li_link_bg a{display:inline-block; vertical-align:middle; font-size:12px}
.rss_li_link_txt{width:calc(100% - 108px); font-weight:400; margin-right:15px; color:rgba(0,0,0,.5); line-height:1.4; word-break:break-all}
.rss_li_link_btn{width:88px; text-align:center; line-height:30px; font-weight:500; border:1px solid rgba(0,0,0,.2); background:rgba(255,255,255,.8)}
.rss #clipboard_target{position:absolute; top:-9999em}


/* ====== contact ======================================================================================================= */
/* contact */
.contact{padding:0 20px}
.contact_li{padding-bottom:15px; border-bottom:1px solid #F2F2F2}
.contact_li:last-child{border:none}
.contact_li_type1 li, .contact_li_type2 li{padding:5px 0}
.contact_li_type1 li b{display:block; line-height:1.4; font-size:16px; font-weight:500; color:#1D9BF0}
.contact_li_type1 li span, .contact_li_type2 li span{display:inline-block; vertical-align:middle; line-height:1.4; font-size:16px; font-weight:400}
.contact_li_notice{font-size:10px; font-weight:600; line-height:18px; color:#fff; background:#1D9BF0; display:inline-block; padding:0 5px; vertical-align:middle; min-width:28px; text-align:center; margin:0 10px 0 0}
.contact_li_title{font-size:17px; font-weight:700; line-height:1.5; margin:16px 0 12px; color: #171717}
.contact_li_cap{font-size:12px; line-height:1.4; font-weight:400; color:rgba(0,0,0,.4); padding-top:3px}
.contact .footer_sns{margin:0; border-bottom:none}
.contact .footer_sns li:first-child{margin-left:0}
@media screen and (min-width: 560px) {
.contact_li_type1 li, .contact_li_type2 li{padding:5px 0; display:inline-block; vertical-align:middle; width:50%}
}

/* ad */
#enter_06hE{z-index:1 !important}
#enter_06hE iframe{width:100%}

/* ====== subscribe ======================================================================================================= */
/* subscribe */
.subscribe{padding:0 0 50px}
.subscribe > li{border:1px solid #E8E8E8; margin:0 20px 20px}
.subscribe > li:last-child{margin-bottom:0}
.subscribe_title{color:#171717; font-size:18px; font-weight:700; line-height:1.5; padding:16px 20px; border-bottom:1px solid #E8E8E8;}
.subscribe_contents{padding:20px}
.subscribe_contents_img_li{margin-bottom:20px;}
.subscribe_contents_img_li li{display:inline-block; vertical-align:bottom; width:50%}
.subscribe_contents_img_li li img{width:calc(100% - 10px); margin:0 5px}
.subscribe > li:first-child .subscribe_contents_img_li li:first-child{width:27%}
.subscribe > li:first-child .subscribe_contents_img_li li:last-child{width:73%}
.subscribe_contents_t{color:#171717; font-size:16px; font-weight:400; line-height:1.4; margin-bottom:16px;}


/* ====== englishcafe (250908_추가) ======================================================================================================= */
/* Pretendard */
.cafe_top_title_sub, .cafe_top .column_1 .column_txt_main, .cafe_top .column_1 .column_txt_sub, .cafe .column_title > p,
.cafe.cafe_news .column_3.column_3_left .column_txt_main, .cafe.cafe_news .column_3.column_3_left .column_txt_sub, .cafe .column_5 .column_txt_main, .cafe .column_5 .column_txt_sub,
.cafe.section_rank .section_rank_num, .cafe.section_rank .column_3 .column_txt_main, .cafe.section_rank .column_3 .column_cate, .cafe.section_graphic .section_graphic_swiper_t,
.cafe_pod .timeline_issue_l_day, .cafe_pod .timeline_issue_l_title, .cafe_pod_subcs_li_t, .cafe_oursubsc .magazine_li_t, .cafe_oursubsc .magazine_li_img_tag_2,
.cafe_column_title_person_col_1, .cafe_column_title_person_col_2, .cafe_column_title_person_col_3, .cafe_column_li_title, .cafe_column_li_l span,
.cafe .series_detail_top_contents_title_t, .cafe .series_detail_top_sub, .cafe.cafe_pick .column_3 .column_txt_main, .cafe.cafe_pick .column_3 .column_txt_time,
.cafe_recomm.series_cover_swiper .series_cover_title, .cafe_recomm.series_cover_swiper .series_cover_sub,
.cafe.view .view_top_cate b, .cafe.view .view_top_title, .cafe.view .view_top_info_date, .cafe.view .view_top_info_name a
{font-family:'Pretendard'}
/* englishcafe_main */
.cafe_top_title_img{display:block; width:70px; margin:0 auto; padding:30px 0 20px}
.cafe_top_title{color:#171717; text-align:center; font-size:40px; font-weight:900; line-height:1.3; margin-bottom:10px}
.cafe_top_title span{color:#739D89}
.cafe_top_title_sub{color:rgba(23,23,23,.80); text-align:center; font-size:12px; font-weight:500; line-height:1.2; margin-bottom:30px}
.cafe_top .main{z-index:0}
.cafe_top .column_1 .column_li{padding:20px 0 14px}
.cafe_top .column_1 .column_img_bg{margin:0 20px 10px; padding-bottom:56%; border-radius:8px; overflow:hidden}
.cafe_top .column_1 .column_img_bg:after, .cafe.cafe_news .column_3.column_3_left .column_img_bg:after, .cafe .column_5 .column_img_bg:after, .cafe.section_rank .column_3 .column_img_bg:after, .cafe_pod .timeline_issue_r:after, .cafe_oursubsc .magazine_li_img:after{border-radius:8px}
.cafe.cafe_news .column_3.column_3_left .column_img_bg{width:28.4%; padding-bottom:28.4%; border-radius:8px; overflow:hidden}
.cafe.cafe_news .column_3.column_3_left .column_txt_sub{margin-top:6px; font-size:14px; line-height:1.4}
.cafe .column_5 .column_li{margin:0 15px; padding-bottom:10px}
.cafe .column_5 .column_li li{display:inline-block; vertical-align:middle; width:calc(50% - 10px); margin:0 5px 10px}
.cafe .column_5 .column_img_bg{margin:0; padding-bottom:128.3%; border-radius:8px; overflow:hidden}
.cafe .column_5 .column_img_black{position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(180deg, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, .7) 100%)}
.cafe .column_5 .column_t_bg{position:absolute; left:16px; right:16px; bottom:14px; margin:0}
.cafe .column_5 .column_txt_main{color:#FFF; font-size:16px}
.cafe .column_5 .column_txt_sub{color:rgba(255,255,255,.8); font-size:12px; margin-top:4px}
.cafe_annie_bg{overflow:hidden}
.cafe_annie_bg .column_title > p img{width:110px; display:block}
.cafe_annie{display:block; margin:0 20px 20px; padding:20px; border-radius:8px; background:#F4F4F4}
.cafe_annie_img{display:block; width:54.5%; margin:20px auto 30px}
.cafe_annie_title{color: #171717; font-size:16px; font-weight:700; line-height:1.4}
.cafe_annie_sub{margin-top:10px; color:rgba(23,23,23,.5); font-size:14px; font-weight:400; line-height:1.5}
.cafe.section_rank .column_3 .column_img_bg{width:18.2%; padding-bottom:18.2%; border-radius:8px; overflow:hidden}
.cafe.section_rank .column_3 .column_t_bg{width:calc(81.8% - 42px); margin-top:0}
.cafe.section_rank .column_3 .column_cate{margin:6px 1px 0}
.cafe.section_graphic .section_graphic_swiper_img{border-radius:8px; overflow:hidden}
.cafe.section_graphic .section_graphic_swiper_img:after{border-radius:8px}
.cafe.section_graphic .section_graphic_swiper_black{position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(180deg, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 70%, rgba(0, 0, 0, .9) 100%)}
.cafe.section_graphic .section_graphic_swiper_t{position:absolute; left:16px; bottom:16px; right:16px; font-size:16px; font-weight:600; line-height:1.4; color:#fff}
.cafe_pod{padding:0 20px 20px}
.cafe_pod iframe{height:80px}
.cafe_pod .timeline{margin:4px 0 -16px}
.cafe_pod .timeline > li:before{border-color:#ABABAB}
.cafe_pod .timeline_issue{display:block}
.cafe_pod .timeline_issue_l{width:calc(80.6% - 16px)}
.cafe_pod .timeline_issue_r{width:19.4%; padding-top:19.4%; border-radius:8px; overflow:hidden}
.cafe_pod .timeline_issue_r_play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.cafe_pod .timeline_issue_r_img_col_1{fill:#fff; opacity:.8}
.cafe_pod .timeline_issue_r_img_col_2{fill:#1D9BF0}
.cafe_pod_subcs_li{padding:0 15px 20px}
.cafe_pod_subcs_li li{display:inline-block; vertical-align:top; width:calc(33.33% - 10px); margin:0 5px; background:#F4F4F4; border-radius:8px; padding:20px 0 16px}
.cafe_pod_subcs_li li a{display:block}
.cafe_pod_subcs_li_img{position:relative; width:54.3%; padding-bottom:54.3%; margin:0 auto 10px; border-radius:50%; overflow:hidden}
.cafe_pod_subcs_li_img img, .cafe_column_title_person img, .cafe_column_li_r img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.cafe_pod_subcs_li_img:after, .cafe_column_title_person:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(23, 23, 23, .1); border-radius:50%}
.cafe_pod_subcs_li_t{color:rgba(23,23,23,.7); text-align:center; font-size:13px; font-weight:500; line-height:1.3}
.cafe_oursubsc{padding-bottom:20px}
.cafe_oursubsc .magazine_swiper{padding-top:0}
.cafe_oursubsc .magazine_li_img{padding-bottom:62%; overflow:hidden; border-radius:8px}
.cafe_oursubsc .magazine_li_t{text-align:left; font-size:16px; font-weight:400; letter-spacing:-0.32px}
.cafe_oursubsc .magazine_li_img_tag_2{background:rgba(29,155,240,.7); left:6px; bottom:6px; border-radius:11px; padding:5px 10px}
.cafe_column_bg{overflow:hidden}
.cafe_column_title_person{position:relative; width:38px; height:38px; display:inline-block; vertical-align:middle; margin:-6px 10px -6px 0; overflow:hidden; border-radius:50%}
.cafe_column_title_person_col_1{color:#6D3F3F}
.cafe_column_title_person_col_2{color:#467D46}
.cafe_column_title_person_col_3{color:#414F8B}
.cafe_column_bg .column_title > p{max-width:calc(100% - 90px)}
.cafe_column_li{padding:20px; border-radius:8px; border:1px solid #E8E8E8; margin:5px 20px 20px}
.cafe_column_li li + li{border-top:1px solid #E8E8E8; margin-top:16px; padding-top:16px}
.cafe_column_li li a{display:block}
.cafe_column_li_title{color:#171717; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.32px; margin-bottom:10px}
.cafe_column_li_l, .cafe_column_li_r{display:inline-block; vertical-align:top}
.cafe_column_li_l{width:calc(79.3% - 16px)}
.cafe_column_li_l span{color:rgba(23,23,23,.5); font-size:14px; font-weight:400; line-height:1.5}
.cafe_column_li_r{position:relative; margin-left:16px; width:20.7%; padding-bottom:20.7%; border-radius:8px; overflow:hidden}
.cafe_column_li_r:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(23, 23, 23, .1); border-radius:8px}
.cafe_column_li li.noimg .cafe_column_li_l{width:100%}
/* englishcafe_section */
.cafe.series_detail_top_bg.background .main_img_bg:after{background:none}
.cafe_series_detail_top_cate{display:block; margin-bottom:20px;}
.cafe_series_detail_top_cate img, .cafe_series_detail_top_cate p{display:inline-block; vertical-align:middle;}
.cafe_series_detail_top_cate img{width:38px; height:38px; margin-right:6px}
.cafe_series_detail_top_cate p{color:#FFF; font-size:20px; font-weight:900}
.cafe_series_detail_top_cate p span{color:#93B5A5}
.cafe .series_detail_top_contents{margin-bottom:20px}
.cafe .series_detail_top_contents_l{width:calc(68.7% - 16px)}
.cafe .series_detail_top_contents_title{margin-top:12px}
.cafe .series_detail_top_contents_r{width:31.3%; padding-bottom:31.3%; border-radius:50%;}
.cafe .series_detail_top_contents_r:after{border-radius:50%; border-color:rgba(23,23,23,.1)}
.cafe .series_detail_top_sub{border-top:1px solid rgba(232,232,232,.2); border-bottom:none; padding:16px 0 0;}
.cafe.cafe_pick .column_title p{font-family:'Frank Ruhl Libre';}
.cafe.cafe_pick .column_3 .column_t_bg{width:calc(81.8% - 16px)}
.cafe.cafe_pick .column_3 .column_img_bg{width:18.2%; padding-bottom:18.2%;}
.cafe_recomm.series_cover_swiper{padding-bottom:20px;}
.cafe_recomm.series_cover_swiper .series_cover > li{padding:0}
.cafe_recomm.series_cover_swiper .series_cover > li > a{padding:20px; text-align:center;}
.cafe_recomm.series_cover_swiper .series_cover_img, .cafe_recomm.series_cover_swiper .series_cover_t_bg{display:block}
.cafe_recomm.series_cover_swiper .series_cover_img{width:76%; padding-bottom:76%; margin:0 auto 20px; background:none;}
.cafe_recomm.series_cover_swiper .series_cover_img:after{display:none}
.cafe_recomm.series_cover_swiper .series_cover_t_bg{width:100%; padding:0}
.cafe_recomm.series_cover_swiper .series_cover_sub{margin:6px 0 0; height:39px; word-break:keep-all;}
/* englishcafe_view */
.cafe.view .cafe_series_detail_top_cate{padding:20px 20px 0; margin-bottom:0}
.cafe.view .view_top_cate b{color:#93B5A5}
.cafe.view .view_top_title{margin-bottom:20px}
.cafe.view .view_editor p{font-family:'Frank Ruhl Libre','Pretendard';}/* 본문 국문에 Pretendard 우선적용  */