@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&display=swap");


/* ====== 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{font-size:0; margin-top:50px}
body.body_main{margin-top:89px}
section{position:relative}
section + section:before{position:absolute; content:""; top:-1px; left:20px; right:20px; border-top:1px solid #DBDBDB}
.blind{position:absolute; overflow:hidden; width:1px; height:1px; top:-1px; clip:rect(0 0 0 0)}


/* ====== header ======================================================================================================= */
/* header */
header{position:fixed; top:0; left:0; width:100%; z-index:2; background:rgba(255,255,255,1)}
/* header_gnb */
.header_gnb{position:relative; height:49px; border-bottom:1px solid #DBDBDB}
.header_gnb_logo{position:absolute; top:50%; left:18px; transform:translate(0,-50%); width:218px; height:20px}
.header_gnb_logo svg{width:100%; height:100%}
.header_gnb_logo_col1{fill:#1BA2DA}
.header_gnb_logo_col2{fill:#171717}
.header_gnb_icon{position:absolute; top:12px; width:26px; height:26px}
.header_gnb_icon svg, .header_gnb_icon img{width:100%; height:100%; fill:#171717}
.header_gnb_icon img{border:1px solid #DBDBDB; border-radius:50%;}
.header_gnb_country{right:84px}
.header_gnb_country img{margin-top:-1px; margin-left:-1px}
/* header_gnb_menu */
.header_gnb_menu{right:46px; display:block; background:transparent}
.header_gnb_menu span{position:absolute;display:block; height:2px; left:4px; 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; width:18px}
.header_gnb_menu .all_menu_bar1{top:6px}
.header_gnb_menu .all_menu_bar2{top:12px}
.header_gnb_menu .all_menu_bar3{top:18px}
.header_gnb_menu.active .all_menu_bar1{-webkit-transform: rotate(45deg); transform: rotate(45deg); width:20px; top:12px; left:3px}
.header_gnb_menu.active .all_menu_bar2{opacity:0}
.header_gnb_menu.active .all_menu_bar3{margin-top:-12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width:20px; top:24px; left:3px}
/* header_gnb_sch */
.header_gnb_sch{right:12px; background:transparent}
.header_gnb_sch svg{-webkit-transition:all 50ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all 50ms cubic-bezier(0.68, -0.55, 0.265, 1.55)}
.header_gnb_sch_bar1, .header_gnb_sch_bar2{position:absolute;display:block; height:2px; left:4px; background:transparent; -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; width:18px}
.header_gnb_sch_bar1{top:6px}
.header_gnb_sch_bar2{top:18px}
.header_menu_all_sch_bg{position:absolute; overflow:hidden; display:none; background:#fff; top:50px; z-index:1; left:0; right:0; box-shadow:0 8px 11px rgba(0,0,0,.03); border-bottom:1px solid rgba(0,0,0,0.1);}
.header_menu_all_sch{position:relative; border-bottom:1px solid #171717; margin:20px 20px}
.header_menu_all_sch input{width:calc(100% - 70px); padding:0 50px 0 20px; font-size:15px; height:40px; font-weight:500; color:#171717}
.header_menu_all_sch input::-webkit-input-placeholder{font-weight:300; color:rgba(23,23,23,.5)}
.header_menu_all_sch button{position:absolute; top:0; right:0; background:transparent; width:50px; height:40px}
.header_menu_all_sch button svg{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:26px; fill:#171717}
.header_menu_all_sch_bg.active{display:block}
.header_gnb_sch.active svg{fill:transparent}
.header_gnb_sch.active .header_gnb_sch_bar1{-webkit-transform: rotate(45deg); transform: rotate(45deg); width:20px; top:12px; left:3px; background:#171717;}
.header_gnb_sch.active .header_gnb_sch_bar2{margin-top:-12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width:20px; top:24px; left:3px; background:#171717}
/* breaking_news */
.breaking_news{overflow:hidden; padding:8px 15px; position:relative; border-bottom:1px solid #DBDBDB; background:#F8F8F8}
.breaking_news_ticker{display:flex; align-items:center; gap:12px}
.breaking_news_label{flex-shrink:0; font-size:12px; font-weight:700; line-height:22px; color:#fff; background:#C8102E; padding:0 8px; border-radius:2px}
.breaking_news_track{overflow:hidden; flex:1; mask-image:linear-gradient(90deg, transparent 0%, black 3%, black 97%, transparent 100%); -webkit-mask-image:linear-gradient(90deg, transparent 0%, black 3%, black 97%, transparent 100%)}
.breaking_news_items{display:flex; animation:ticker-scroll linear infinite; animation-duration: calc(var(--ticker-width) / 100 * 1s); white-space:nowrap; width:max-content}
.breaking_news_items:hover{animation-play-state:paused}
.breaking_news_item{font-size:12px; font-weight:400; color:#171717; display:flex; align-items:center; gap:6px; letter-spacing:0.4px; line-height:22px; margin-right:16px}
.breaking_news_item .breaking_news_time{color:#C8102E; font-weight:600}
.breaking_news_dot{width:3px; height:3px; background:#C8102E; border-radius:50%; flex-shrink:0; margin:10px 7px 0 -7px}
@keyframes ticker-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
/* header_menu_all */
.header_menu_all{display:none; position:absolute; background:#fff; top:50px; width:100%; height:calc(100vh - 50px); z-index:1}
.header_menu_all.active{display:block}
.header_menu_log{border-bottom:1px solid #DBDBDB}
.header_menu_log li{position:relative; display:inline-block; vertical-align:middle; text-align:center; width:50%}
.header_menu_log li a{display:block; font-size:13px; font-weight:400; line-height:19px; color:#171717; padding:10px 0}
.header_menu_log li + li:before{position:absolute; content:""; width:1px; height:20px; top:10px; left:-1px; border-left:1px dashed #D0D0D0}
.header_menu_li_bg_bg{position:relative; overflow:hidden; height:calc(100% - 40px)}
.header_menu_li_bg{position:relative; height:100%; overflow-y:scroll; -ms-overflow-style:none; background:#F8F8F8}
.header_menu_li{padding:11px 0; background:#fff}
.header_menu_li + .header_menu_li{border-top:1px solid #DBDBDB}
.header_menu_li dt{font-weight:700; color:#171717}
.header_menu_li dd{font-weight:400; color:rgba(23,23,23,.8); display:inline-block; vertical-align:middle; width:50%}
.header_menu_li a{display:block; padding:11px 20px; font-size:16px; line-height:22px; word-break:break-all}
.header_menu_li dd.on a{color:#1BA2DA}
.header_menu_li_t{color:rgba(23,23,23,.8); font-size:12px; font-weight:300; line-height:150%; padding:20px}
/* header_menu_li_sns */
.header_menu_li_sns{padding:20px 0; margin:0 20px; border-top:1px solid #DBDBDB}
.header_menu_li_sns li{display:inline-block; vertical-align:middle}
.header_menu_li_sns li + li{margin-left:10px}
.header_menu_li_sns li a{display:block; padding:5px}
.header_menu_li_sns li a svg{fill:rgba(23,23,23,.6); width:24px}
/* change */
header.change .header_gnb_logo, 
header.change .header_gnb_icon.header_gnb_country{display:none}


/* ====== column ======================================================================================================= */
/* column */
.column_title{position:relative; padding:19px 20px 0; margin-bottom:-2px}
.column_title > p{color:#171717; font-size:16px; font-weight:800; line-height:1.4}
.column_title > p, .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:#171717; font-size:11px; font-weight:800; margin-right:6px; letter-spacing:0.44px; margin-top:2px}
.column_title_more svg{width:6px; fill:#171717}
.column_li{position:relative; padding:2px 0}
.column_li li{position:relative}
.column_li li a{display:block; padding:18px 0}
.column_img_bg{position:relative; padding-bottom:calc(65% - 40px); margin:0 20px 16px}
.column_img_bg:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1)}
.column_img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center}
.column_t_bg{margin:0 20px}
.column_cate{color:#1D9BF0; font-size:12px; line-height:1.4; font-weight:700; margin:0 1px 8px}
.column_txt_main{color:#171717; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.2px; font-family:"Frank Ruhl Libre"}
.column_txt_sub{color:rgba(23,23,23,.8); font-size:13px; font-weight:300; line-height:1.5; margin-top:10px}
.column_txt_time{color:#171717; font-size:12px; font-weight:300; line-height:1.4; margin:12px 0 0 1px}
.column_1 .column_li li + li:before, .column_3 .column_li li + li:before{position:absolute; content:""; height:1px; border-top:1px dashed #D0D0D0; top:-1px}
.column_1 .column_li li[style*="display:none"] + li:before,.column_3 .column_li li[style*="display:none"] + li:before{border-top:none;}
.column_1 .column_li li + li:before{margin:0 20px; width:calc(100% - 40px)}
.column_3 .column_li li + li:before{width:100%}
/* column_2 */
.column_2 .column_li{margin:0 10px}
.column_2 .column_li li{display:inline-block; vertical-align:top; width:calc(50% - 20px); margin:0 10px}
.column_2 .column_t_bg{margin:0}
.column_2 .column_img_bg{padding-bottom:64.2%; margin:0 0 10px}
.column_2 .column_txt_main{font-size:16px; margin:0 2px}
.column_2 .column_li li:nth-child(odd):before, .column_2 .column_li li:nth-child(even):before{position:absolute; content:""; width:1px; border-left:1px dashed #D0D0D0; top:18px; height:calc(100% - 36px)}
.column_2 .column_li li:nth-child(odd):before{right:-12px}
.column_2 .column_li li:nth-child(even):before{left:-10px}
/* column_3 */
.column_3 .column_li{margin:0 20px}
.column_3 .column_img_bg, .column_3 .column_t_bg{display:inline-block; vertical-align:middle; margin:0}
.column_3 .column_img_bg{width:31.4%; padding-bottom:19%; margin:0}
.column_3 .column_t_bg{width:calc(68.6% - 14px)}
.column_3_right .column_t_bg{margin-right:14px}
.column_3_left .column_t_bg{margin-left:14px}
.column_3.column_3_right li.noimg .column_t_bg, .column_3.column_3_left li.noimg .column_t_bg{width:100%; margin:0}/* 이미지가 없을경우 */
.column_3 .column_txt_main{font-size:16px}
.column_3 .column_li li .column_txt_time{margin-top:3px}
/* column_4 */
.column_4 .column_li{border-top:1px solid #DBDBDB}
.column_4 .column_li li a{padding:14px 0}
.column_1 + .column_4 .column_li li:first-child a{border-top:1px solid #E8E8E8}
.column_4 .column_li li + li{border-top:1px dashed #D0D0D0}
.column_4 .column_t_bg{margin:0}
.column_4 .column_txt_main{font-size:16px; color:rgba(23,23,23,.8); line-height:1.5;}


/* ====== index ======================================================================================================= */
/* index_main */
.index_main{padding-bottom:100%}
.index_main_img_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1}
.index_main_img_bg:after{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.20) 18.23%, rgba(0, 0, 0, 0.40) 69.2%, rgba(0, 0, 0, 0.90) 100%)}
.index_main .column_1{position:absolute; left:24px; bottom:22px; right:24px}
.index_main .column_li li a{padding:0}
.index_main .column_1 .column_t_bg{margin:0}
.index_main .column_1 .column_txt_main{font-size:23px; color:#fff}
.index_main .column_1 .column_txt_sub{color:rgba(255,255,255,.8)}
section.index_main + section:before{border:none}
/* index_opinion */
.index_opinion .column_1 .column_li{border:1px solid #DBDBDB; background:#F8F8F8; margin:20px}
.index_opinion .column_1 .column_li .column_txt_main{font-size:16px}


/* ====== footer ======================================================================================================= */
footer{background:#F8F8F8; margin-top:20px}
.footer_copy_title{position:relative; color:#171717; font-family:"Frank Ruhl Libre"; font-size:18px; font-weight:900; line-height:1.2; padding:19px 20px}
.footer_copy_title:after{position:absolute; content:""; left:20px; right:20px; bottom:0; height:1px; background:#DBDBDB;}
footer .header_menu_li_bg{overflow-y:auto; height:auto; background:transparent}
footer .header_menu_li{background:transparent}
footer .header_menu_li dt a{font-size:14px; color:rgba(23,23,23,.8)}
footer .header_menu_li dd a{font-size:13px; font-weight:300; padding:5px 20px}
footer .header_menu_li + .header_menu_li{border:none}
footer .header_menu_li_t{position:relative; margin-top:4px; padding-bottom:14px}
footer .header_menu_li_t:after{position:absolute; content:""; left:20px; right:20px; top:0; height:1px; background:#DBDBDB;}
.footer_copy{color:#171717; font-size:12px; font-weight:400; line-height:1.4; padding:0 20px 50px}


/* ====== index 디바이스 대응 ======================================================================================================= */
@media (min-width:500px) {
    body{margin:50px 20px 0}
    body.body_main{margin:89px 20px 0}
    body.body_column_4, body.body_column_2{-webkit-column-gap:10px; column-gap:10px}
    body.body_column_4{column-width:290px}
    body.body_column_2{column-width:327px}
    body.body_column_4 section, body.body_column_2 section{display:inline-block; width:100%}
    body.body_column_1{max-width:800px; margin:50px auto 0}
}
@media (min-width:1020px) {
    body.body_column_2{margin:50px auto 0}
    body.body_column_2.body_main{margin:89px auto 0}
    body.body_column_2, body.body_column_2.body_main{max-width:960px}
}
@media (min-width:1260px) {
    body.body_column_4{margin:50px auto 0}
    body.body_column_4.body_main{margin:89px auto 0}
    body.body_column_4, body.body_column_4.body_main{max-width:1200px}
}


/* ====== section ======================================================================================================= */
.section_top{padding:35px 20px; background:url("https://static.heraldcorp.com/wbazic/biz/mobile/image/section_top.png") center no-repeat; background-size:cover}
.section_top_nav{margin-bottom:12px}
.section_top_nav li{display:inline-block; vertical-align:middle; color:rgba(255,255,255,.6); font-size:13px; font-weight:500; line-height:1.5}
.section_top_nav li + li:before{position:relative; content:""; display:inline-block; vertical-align:middle; width:6px; height:10px; margin:0 8px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1.11607 9.4549C0.9875 9.4549 0.901786 9.40945 0.816071 9.31854C0.644643 9.13672 0.644643 8.86399 0.816071 8.68217L4.24464 5.04581L0.816071 1.40945C0.644643 1.22763 0.644643 0.954901 0.816071 0.773082C0.9875 0.591264 1.24464 0.591264 1.41607 0.773082L5.1875 4.77308C5.27321 4.86399 5.31607 4.9549 5.31607 5.09126C5.31607 5.22763 5.27321 5.31854 5.1875 5.40945L1.41607 9.40945C1.33036 9.40945 1.24464 9.4549 1.11607 9.4549Z' fill='%23fff' fill-opacity='0.5'/%3E%3C/svg%3E") no-repeat center / cover}
.section_top_nav li a{display:inline-block;vertical-align:middle}
.section_top_nav li.on a{color:#fff}
.section_top_title{color:#FFF; font-family:"Frank Ruhl Libre"; font-size:28px; font-weight:600; line-height:1.3}
/* more_btn_bg */
.more_btn_bg{text-align:center; padding:10px 20px 30px}
.more_btn{display:block; line-height:40px; border:1px solid #DBDBDB}
.more_btn_type_1{color:#171717}
.more_btn p{display:block}
.news-more button, .more_btn_icon{display:inline-block; vertical-align:middle}
.news-more button{font-size:11px; font-weight:800; letter-spacing:0.44px; color:inherit; background:transparent}
.more_btn_icon{width:24px; fill:#171717; margin-left:2px}
/* section_rank */
.section_rank .section_rank_num{display:inline-block; vertical-align:middle; width:21px; margin-right:13px; color:#1D9BF0; font-size:18px; font-weight:600; line-height:1.5; font-family:"Frank Ruhl Libre"; text-align:center}
.section_rank .column_3 .column_t_bg{width:calc(68.6% - 48px)}
.section_rank .column_3 .column_li li.noimg .column_t_bg{width:calc(100% - 34px)}


/* ====== view ======================================================================================================= */
.view_top{position:relative; margin:0 20px; padding-bottom:20px; border-bottom:1px solid #DBDBDB}
.view_top_cate{margin:20px 0 10px; display:inline-block; color:#1D9BF0; font-size:12px; font-weight:700; line-height:1.4}
.view_top_title{margin:0 0 20px; color:#171717; font-family:"Frank Ruhl Libre"; font-size:24px; font-weight:600; line-height:1.3; letter-spacing:-0.24px}
.view_top_info_name dt, .view_top_info_name dd, .view_top_info_name dd + dd:before{display:inline; color:#171717; font-size:14px; line-height:1.5}
.view_top_info_name dt{font-weight:400; margin-right:5px}
.view_top_info_name dd{font-weight:700}
.view_top_info_name dd + dd:before{position:relative; content:","; font-weight:400; margin-right:5px}
.view_top_info_date{color:rgba(23,23,23,.8); font-size:12px; font-weight:400; line-height:1.5; margin-top:12px}
.view_top_info_variety{position:relative; padding:20px 0 0}
.view_top_info_variety_left{text-align:right;}
.view_top_info_variety_left > li{position:relative; display:inline-block; vertical-align:middle}
.view_top_info_variety_left > li + li{margin-left:6px}
.view_top_info_variety_left > li button{display:block; width:32px; height:32px; background:transparent; border-radius:50%; border:1px solid #DBDBDB}
.view_top_info_variety_left > li button svg{width:100%; fill:#171717}
.view_top_info_variety_left > li button.on svg{fill:#33b8ff}
.view_top_info_variety_left > li button.btn_change{display:none}
.view_top_info_variety_left > li .btn_change .btn_change_2, .view_top_info_variety_left > li .btn_change.on .btn_change_1{display:none}
.view_top_info_variety_left > li .btn_change.on .btn_change_2{display:block}
.view_top_info_variety.change{position:fixed; top:9px; left:16px; right:84px; z-index:2; padding:0; border:none}
.view_top_info_variety.change .pop_share_wrap{top:40px}
.view_top_info_korean{position:absolute; top:26px; right:82px; display:block}
.view_top_info_korean p{color:rgba(23,23,23,.8); font-size:12px; font-weight:400; line-height:1.5; display:inline-block; vertical-align:middle}
.view_top_info_korean svg{display:inline-block; vertical-align:middle; width:20px; height:20px; margin-left:10px; color:#171717}
.view_top_info_variety.change .view_top_info_korean{top:6px; width:142px}
/* pop_share_wrap */
.pop_share_wrap{display:none; position:absolute; top:42px; right:0; width:224px; padding:20px 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)}
.pop_share_wrap .btn_del{position:absolute; bottom:-50px; width:34px; height:34px; background:rgba(0,0,0,.8); 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{width:40px; height:40px; border-radius:50%; margin:5px 5px; border:1px solid rgba(0,0,0,.1)}
.pop_share_wrap .btn_share_item svg{width:26px; transition:.2s}
/* pop_font_list */
.pop_font_list li:first-child .btn_share_item svg{width:14px}
.pop_font_list li:nth-child(2) .btn_share_item svg{width:20px}
.pop_font_list li:nth-child(4) .btn_share_item svg{width:32px}
/* pop_share_list */
.pop_share_list li .btn_share_item{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_facebook svg{fill:#fff}
.pop_share_list li .btn_share_item.btn_x{background:#171717}
.pop_share_list li .btn_share_item.btn_x svg{fill:#fff}
.pop_share_list li .btn_share_item.btn_linked{background:#0073b1}
.pop_share_list li .btn_share_item.btn_linked svg{fill:#fff}
.pop_share_list li .btn_share_item.btn_reddit {background:#ff4500}
.pop_share_list li .btn_share_item.btn_reddit svg{fill:#fff}
.pop_share_list li .btn_share_item:hover svg{transform:scale(1.2)}
.pop_share_list li .toast_pop{display:none; position:absolute; top:51px; left:50%; width:110px; margin-left:-55px; color:#fff; font-size:12px; line-height:22px; background:rgba(0,0,0,.5)}
/* view_editor */
.view_editor{padding: 20px 20px 30px; overflow:hidden}
.view_editor p{color:#171717; font-size:18px; font-weight:400; line-height:1.6; font-family:"Frank Ruhl Libre"}
.view_editor_img_bg{width:calc(100% + 40px); margin:0 auto; margin-left:-20px}
.view_editor_img_bg img{max-width:100%; display:block; margin:0 auto}
.view_editor_img_cap{font-size:12px; font-weight:300; padding:10px 20px 20px; line-height:1.5; color:rgba(23,23,23,.8)}
.view_editor p{margin:27px 0}
.view_editor table{width:auto !important; position:relative; overflow-y:scroll; display:inline-block}
.view_editor table th, .view_editor table td{border:1px solid #ccc; font-size:14px; padding:10px}
.view_editor img{width:100% !important}
.video-horizontal{position: relative; padding-bottom: 56%}
.video-horizontal iframe{left:0; position: absolute; width: 100%; height: 100%; top:0}
.view_editor_cap{padding:10px; color:rgba(23,23,23,.8); font-size:13px; font-weight:400; line-height:1.5; background:#F8F8F8; margin:0 20px}
/* view_reporter_bg */
.view_reporter_bg{margin:0 20px; padding:30px 0}
.view_reporter{border:1px solid #DBDBDB; padding:15px 20px}
.view_reporter + .view_reporter{margin-top:12px;}
.view_reporter_li li{padding:5px 0}
.view_reporter_li li + li{border-top:1px solid #DBDBDB}
.view_reporter_name, .view_reporter_mail{display:inline-block; vertical-align:middle}
.view_reporter_name{width:calc(100% - 54px); color:#171717; font-size:14px; font-weight:400; line-height:1.5}
.view_reporter_name b{font-weight:700; margin-left:5px}
.view_reporter_mail{width:32px; height:32px; border-radius:50%; border:1px solid #DBDBDB; margin-left:20px}
.view_reporter_mail svg{width:100%; fill:#171717}
.view_reporter .column_4{margin-top:15px}
.view_reporter .column_4 .column_li{padding:0}
.view_reporter .column_4 .column_li li:last-child a{padding-bottom:5px}


/* ====== sch ======================================================================================================= */
.sch_top + section::before{display:none}
.sch_top_title{font-family:"Frank Ruhl Libre"; font-size:20px; font-weight:600; line-height:1.4; text-align:center; color:#171717; padding:20px}
.sch_input_wrap{position:relative; border:2px solid #171717; margin:0 20px 20px}
.sch_input_wrap input{font-size:15px; font-weight:500; padding:0 50px 0 20px; width:calc(100% - 70px); height:40px}
.sch_input_wrap input::placeholder{font-weight:300; color:rgba(23,23,23,.5)}
.sch_input_btn{position:absolute; top:0; right:0; width:50px; height:40px; background:transparent}
.sch_input_btn svg{width:26px; height:26px; fill:#171717; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.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:33.33%; 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}
.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); line-height:1.5; font-family:"Frank Ruhl Libre"}
.sch_photo .column_2 .column_li li a{padding-bottom:2px}
.sch_photo .column_2 + .more_btn_bg{padding-top:28px}
.sch_photo .column_2 .column_li li:nth-child(odd):before, .sch_photo .column_2 .column_li li:nth-child(even):before{height:calc(100% - 20px)}
.sch_news .column_li li a em, .sch_photo .column_li li a em{background:rgba(29,155,240,.4); font-weight:600; font-family:"Frank Ruhl Libre"}