@charset "utf-8";

/* CSS Document */
@import url('//res.heraldm.com/climate/climate.css');

/* ====== Frank Ruhl Libre, Nanum Myeongjo ========================================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&family=Nanum+Myeongjo:wght@400;700;800&display=swap');


  /* ====== common ======================================================================================================= */
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ellipsis2, .ellipsis3, .ellipsis4, .ellipsis5, .ellipsis6, .ellipsis7{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}
.ellipsis5{-webkit-line-clamp:5}
.ellipsis6{-webkit-line-clamp:6}
.ellipsis7{-webkit-line-clamp:7}

.site_width{position:relative;width:1290px;padding:0;margin:0 auto}

.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.banner_70th{display:block;cursor:auto;position:absolute;top:40px;left:50%;width:100px;height:150px;margin-left:-785px;z-index:2}
.banner_70th img{display:block;width:100%}

.btn_top{position:fixed;bottom:140px;right:50px;z-index:2;width:48px;height:48px;font-size:0;background:rgba(255,255,255,0.8);border:1px solid #d8d8d8;border-radius:48px;transition:.3s;}
.btn_top:before,.btn_top:after{position:absolute;background:#666;transform:rotate(45deg);transition:.3s;content:'';}
.btn_top:before{width:2px;height:10px;top:17px;left:19px}
.btn_top:after{width:10px;height:2px;top:21px;left:21px}
.btn_top:hover{background:#f7f7f7}

/* ====== header ======================================================================================================= */
header{position:relative;background:#fff}
header .top_menu{box-sizing:border-box;height:40px;border-bottom:1px solid #e5e5e5;transition:.2s}
header .top_menu .top_menu_left{position:absolute;top:0;left:0}
header .top_menu .top_menu_right{position:absolute;top:0;right:0}
header .top_menu_right .top_menu_right_list{position:relative;z-index:1;font-size:0}
header .top_menu_right .top_menu_right_list li{display:inline-block;line-height:40px}
header .top_menu_right .top_menu_right_list li+li{margin-left:18px}
header .top_menu_right .top_menu_right_list li .btn_subscribe{display:inline-block;padding:0 12px;color:#1ba2da;font-family:'Acumin Variable Concept';font-size:12px;font-weight:400;line-height:20px;border:1px solid #1ba2da;border-radius:30px;vertical-align:middle;background:#fff;transition:.3s}
header .top_menu_right .top_menu_right_list li .btn_subscribe:hover{color:#fff;background:#1ba2da}
header .top_menu_right .top_menu_right_list li button{display:block;line-height:40px;background:transparent}
header .top_menu_right .top_menu_right_list li button svg{width:24px;vertical-align:middle;fill:#323232;transition:.3s}
header .top_menu_right .top_menu_right_list li button:hover svg,header .top_menu_right .top_menu_right_list li button.pop_active svg{fill:#1ba2da}
header .header_wrap{position:relative;text-align:center}
header .logo_wrap{position:relative;border-bottom:1px solid #323232}
header .logo{display:block;width:800px;height:107px;margin:0 auto}
header .logo a{display:inline-block;max-width:440px;height:100%}
header .logo a::after{display:inline-block;height:100%;vertical-align:middle;content:''}
header .logo img{display:inline-block;width:100%;vertical-align:middle}
header .banner{position:absolute;top:50%;display:block;width:234px;height:60px;margin-top:-30px}
header .banner.for_left{left:0}
header .banner.for_right{right:0}
header .all_menu_wrap{position:relative;display:inline-block;vertical-align:top}
header .btn_all_menu{display:block;position:relative;width:40px;height:40px;color:transparent;cursor:pointer;z-index:3;background:transparent;transition:.3s}
header .btn_all_menu .bar_wrap{display:block;width:20px;margin:0 auto}
header .btn_all_menu span{display:block;width:18px;height:2px;margin:4px 0;background:#323232;-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:.3s}
header .btn_all_menu:hover span{background:#1ba2da}
header .btn_all_menu .all_menu_bar2{width:14px;border-right:1px solid #868686}
header .btn_all_menu.btn_all_menu_active{border:1px solid #ccc;border-width:0px 1px;background:#fff}
header .btn_all_menu.btn_all_menu_active span{margin:4px 0;background:#323232}
header .btn_all_menu.btn_all_menu_active .all_menu_bar1{-webkit-transform: rotate(45deg);transform:rotate(45deg)}
header .btn_all_menu.btn_all_menu_active .all_menu_bar2{opacity:0}
header .btn_all_menu.btn_all_menu_active .all_menu_bar3{margin-top:-12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
header .btn_all_menu.btn_all_menu_active::before{position:fixed;left:0;top:0;width:100%;height:100%;z-index:2;background:transparent;content:''}
header .all_menu_area{display:none;position:absolute;top:40px;left:0;bottom:0;padding:0;z-index:3;text-align:left}
header .all_menu_area .all_menu_box{overflow-y:auto;height:100vh;padding-right:216px}
header .all_menu_area .all_menu{width:214px;border:1px solid #e5e5e5;border-width:0 1px 1px;background:#fff}
header .all_menu a.btn_home{display:block;padding:0 15px;color:#323232;font-size:16px;font-weight:700;line-height:44px}
header .all_menu a.btn_home:hover{background:#f6f6f6}
header .all_menu_list{padding:14px 0;border:1px solid #e5e5e5;border-width:1px 0;background:#fff}
header .all_menu_list .all_menu_item{position:relative}
header .all_menu_list .all_menu_link{position:relative;display:block;padding:0 15px;color:#323232;font-size:16px;line-height:44px;transition:.2s}
header .all_menu_list .all_menu_link.kr{font-size:14px}
header .all_menu_list .all_menu_link i{display:inline-block;width:20px;height:20px;vertical-align:middle}
header .all_menu_list .all_menu_link i svg{display:block;width:20px;fill:#323232;transition:.2s}
header .all_menu_list .all_menu_link::before{position:absolute;top:50%;right:16px;display:block;width:6px;height:6px;margin-top:-3px;border-top:2px solid #bcbcbc;border-left:2px solid #bcbcbc;transform:rotate(135deg);-webkit-transform:rotate(135deg);transition:.3s;content:''}
header .all_menu_list .all_menu_item.item2 .all_menu_link::before{display:none}
header .all_menu_list .all_menu_item.item3 .all_menu_link::before{display:none}
header .all_menu_list .all_menu_link:hover{font-weight:700;background:#f6f6f6}
header .all_menu_list .all_menu_item.item3 .all_menu_link:hover{font-weight:400}
header .all_menu_list .all_menu_link:hover::before{border-color:#323232;content:''}
header .all_menu_list .all_menu_item > .all_manu_inner_list{display:none;transition:.3s}
header .all_menu_list .all_menu_item.selected .all_menu_link{font-weight:bold;background:#f6f6f6}
header .all_menu_list .all_menu_item.selected .all_menu_link::before{border-color:#323232;content:''}
header .all_menu_list .all_menu_item .all_manu_inner_list{position:absolute;top:-1px;right:-217px;width:215px;border:1px solid #e5e5e5;border-width:1px 1px 1px 0}
header .all_menu_list .all_menu_item .all_manu_inner_list li{background:#fff}
header .all_menu_list .all_menu_item .all_manu_inner_list li a{display:block;padding:0 15px;color:#323232;font-size:16px;line-height:44px;transition:.2s}
header .all_menu_list .all_menu_item .all_manu_inner_list li a:hover{font-weight:700;background:#f6f6f6}
header .all_menu_sns_list{padding:30px 0;font-size:0;text-align:center}
header .all_menu_sns_list li{display:inline-block}
header .all_menu_sns_list li+li{margin-left:20px}
header .all_menu_sns_list li a{display:block;width:30px;height:30px;text-align:center;border-radius:30px;background:#bcbcbc;transition:.3s}
header .all_menu_sns_list li a:hover{background:#333}
header .all_menu_sns_list li a i{display:inline-block;width:22px;line-height:30px}
header .all_menu_sns_list li a i svg{vertical-align:middle;fill:#fff}
header .search_area{position:absolute;top:0;left:44px}
header .search_box{position:relative;width:270px;height:40px;font-size:0}
header .search_box .search_inp_wrap{display:inline-block;width:230px}
header .search_box .search_inp{box-sizing:border-box;display:inline-block;width:230px;height:22px;padding:0px 40px 0 15px;color:#323232;font-size:14px;font-weight:500;vertical-align:middle;border-radius:30px;background:#e5e5e5}
header .search_box .search_inp::-webkit-input-placeholder{color:#999}
header .search_box .search_inp:-ms-input-placeholder{color:#999}
header .search_area .btn_search{position:relative;display:inline-block;width:40px;height:40px;cursor:pointer;background:transparent}
header .search_area .btn_search svg{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;fill:#323232;transition:.3s}
header .search_area .btn_search:hover svg{fill:#1ba2da}
header .search_area .btn_search_close{position:absolute;top:11px;right:0;width:20px;height:20px;cursor:pointer;z-index:1;opacity:0;transform:rotate(-180deg);transition:all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);transition-delay:0.2s}
header .search_area.search_area_active .btn_search_close{right:-30px;transform:rotate(45deg);transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition-delay:0.5s;opacity:1}
header .search_area .btn_search_close:before,.btn_search_close:after{position:absolute;border-radius:2px;background:#555;content:''}
header .search_area .btn_search_close:before {top:0;left:8px;width:2px;height:18px}
header .search_area .btn_search_close:after {top:8px;left:0;width:18px;height:2px}
header nav .nav_wrap::after{clear:both;overflow:hidden;content:''}
header nav .nav_title{display:inline-block;float:left;margin:0 30px 0 0;color:#323232;font-size:24px;line-height:45px}
header nav .nav_title svg, header nav .nav_title img{display:inline-block;width:100%;max-width:170px;vertical-align:middle}
header nav .nav_title .realtime{color:#e60012}
header nav .nav_title .realtime i{display:inline-block;width:34px}
header nav .nav_title .realtime i svg{width:30px;fill:#e60012}
header nav{position:relative;border-bottom:3px solid #323232}
header nav::after{clear:both;display:block;content:''}
header nav .gnb{float:left;font-size:0;text-align:left}
header nav .gnb li{display:inline-block;margin-right:30px;transition:.3s}
header nav .gnb li:last-child{margin-right:0}
header nav .gnb li a{display:block;padding:15px 0;color:#323232;font-size:15px;font-weight:500;transition:.3s}
header nav .gnb li.on a,header nav .gnb li a:hover{color:#1ba2da}
header nav .special_feature{float:right;font-size:0}
header nav .special_feature li{display:inline-block}
header nav .special_feature li+li{margin-left:30px}
header nav .special_feature li a{display:inline-block;width:100%;padding:14px 0}
header nav .special_feature li a svg, header nav .special_feature li a img{display:inline-block;width:100%;max-width:130px;height:17px;transition:.3s}
.ico_hashtag_korea {display:inline-block;max-width:400px;vertical-align:top}
.ico_hashtag_korea .ico_hashtag_korea_col0{fill:#323232}
.ico_hashtag_korea .ico_hashtag_korea_col1{fill:#E01C61}
.ico_hashtag_korea .ico_hashtag_korea_col2{fill:#F4A623}
.ico_hashtag_korea .ico_hashtag_korea_col3{fill:#4ABBC2}
.ico_hashtag_korea .ico_hashtag_korea_col4{fill:#B82282}
.ico_hashtag_korea .ico_hashtag_korea_col5{fill:#E84D49}
.ico_hashtag_korea .ico_hashtag_korea_col6{fill:#854D98}
.ico_hashtag_korea .ico_hashtag_korea_col7{fill:#90BA45}
.ico_hashtag_korea .ico_hashtag_korea_col8{fill:#35A2D2}
header .real_time_news_wrap{max-width:1290px;text-align:center;border-bottom:1px solid #e5e5e5;background:#f6f6f6}
header .real_time_news{position:relative;width:630px;margin:0 auto}
header .real_time_news .title_area{position:absolute;top:0;bottom:0;left:0}
header .real_time_news .title{box-sizing:border-box;display:block;position:relative;padding:0 22px 0 28px;color:#e60012;font-size:15px;font-weight:500;line-height:40px;transition:.3s}
header .real_time_news .title i{display:block;position:absolute;top:50%;margin-top:-10px}
header .real_time_news .title i svg{display:block;width:21px;fill:#e60012;transition:.3s}
header .real_time_news .title .ico_time{left:0}
header .real_time_news .title .ico_arrow{right:0;margin-top:-9px}
header .real_time_news .title i.ico_arrow svg{width:18px}
header .real_time_news .title:hover{color:#1ba2da}
header .real_time_news .title:hover svg{fill:#1ba2da}
header .real_time_news .real_time_news_list{overflow:hidden;height:40px;padding-left:150px}
header .real_time_news .real_time_news_list li{box-sizing:border-box;padding:0 18px;text-align:left}
header .real_time_news .real_time_news_list li a{color:#555;font-size:15px;font-weight:400;line-height:41px;transition:.2s}
header .real_time_news .real_time_news_list li a:hover{color:#323232}

/* header scroll change */
header.change{position:fixed;top:0;left:0;right:0;z-index:5;background:rgba(255,255,255,.95)}
header.change .site_width{width:100%;min-width:800px}
header.change .top_menu .site_width{width:1290px}
header.change .search_area{z-index:1}
header.change nav{border-bottom:1px solid #323232}
header.change nav .nav_wrap{width:1290px;margin:0 auto}
header.change .logo_wrap{height:0;border:0}
header.change .banner{display:none}
header.change .logo{position:absolute;top:-40px;left:0;right:0;width:180px;height:39px}
header.change + main::before{display:block;width:100%;height:184px;content:''}
header.change + main.subpage::before{height:120px;content:''}

/* header popup */
header .pop_kh_mypage{display:none;box-sizing:border-box;position:absolute;top:39px;right:0;width:300px;border:1px solid #e5e5e5;border-radius:0 0 15px 15px;background:#fff}
header .pop_kh_mypage .mypage_header{border-bottom:1px solid #e5e5e5}
header .pop_kh_mypage .login_check{box-sizing:border-box;position:relative;padding:0 18px}
header .pop_kh_mypage .login_check .login_btn_list{font-size:0}
header .pop_kh_mypage .login_check .login_btn_list li{display:inline-block}
header .pop_kh_mypage .login_check .login_btn_list li+li{position:relative;margin-left:32px}
header .pop_kh_mypage .login_check .login_btn_list li+li::before{position:absolute;top:50%;left:-16px;width:1px;height:10px;margin-top:-5px;background:#333;content:''}
header .pop_kh_mypage .login_check .login_btn_list li a{box-sizing:border-box;display:block;font-size:15px;line-height:44px;transition:.3s}
header .pop_kh_mypage .login_check .login_btn_list li a:hover{color:#1ba2da}
header .pop_kh_mypage .login_name{box-sizing:border-box;position:relative;padding:0 98px 0 18px}
header .pop_kh_mypage .login_name span{box-sizing:border-box;display:block;font-size:15px;line-height:44px}
header .pop_kh_mypage .login_name .btn_logout{box-sizing:border-box;position:absolute;top:50%;right:18px;margin-top:-11px;padding:0 12px;color:#999;font-size:12px;line-height:22px;border:1px solid #e5e5e5;border-radius:30px;transition:.3s}
header .pop_kh_mypage .login_name .btn_logout:hover{color:#323232;border-color:#323232}

header .pop_kh_mypage .mypage_category_wrap{padding:25px 0;font-size:16px;border-bottom:1px solid #e5e5e5}
header .pop_kh_mypage .mypage_category_wrap .mypage_category_title{padding:0 18px;color:#323232;font-weight:600}
header .pop_kh_mypage .mypage_category_wrap .mypage_category_list{margin-top:25px;padding:0 18px}
header .pop_kh_mypage .mypage_category_wrap .mypage_category_list li{display:block}
header .pop_kh_mypage .mypage_category_wrap .mypage_category_list li+li{margin:18px 0 0}
header .pop_kh_mypage .mypage_category_wrap .mypage_category_list li a{display:block;position:relative;transition:.3s}
header .pop_kh_mypage .mypage_category_wrap .mypage_category_list li a em{display:inline-block;line-height:20px}
header .pop_kh_mypage .mypage_category_wrap .mypage_category_list li a:hover em{font-weight:600;text-decoration:underline}
header .pop_kh_mypage .mypage_category_wrap .mypage_category_list li a .count{box-sizing:border-box;display:block;position:absolute;top:0;right:0;min-width:30px;padding:0 8px;font-family:'Acumin Variable Concept';color:#fff;font-size:12px;text-align:center;line-height:20px;border-radius:30px;background:#1ba2da}

header .pop_kh_mypage .subscribe_wrap{padding:20px 18px 0;font-size:16px}
header .pop_kh_mypage .subscribe_wrap + .subscribe_wrap{border-top:1px solid #e5e5e5}
header .pop_kh_mypage .subscribe_wrap .subscribe_title{color:#323232;font-weight:600}
header .pop_kh_mypage .subscribe_wrap .subscribe_item{padding:16px 0 18px}
header .pop_kh_mypage .subscribe_wrap .subscribe_item + .subscribe_item{margin:0;border-top:1px solid #e5e5e5}
header .pop_kh_mypage .subscribe_wrap .subscribe_link{display:block;transition:.3s}
header .pop_kh_mypage .subscribe_wrap .subscribe_link .subscribe_txt{font-size:16px;word-break:break-all;line-height:22px}
header .pop_kh_mypage .subscribe_wrap .subscribe_link:hover .subscribe_txt{text-decoration:underline}
header .pop_kh_mypage .subscribe_wrap .subscribe_link .subscribe_option{display:table;width:100%;margin-top:12px;table-layout:fixed;font-size:14px}
header .pop_kh_mypage .subscribe_wrap .subscribe_link .subscribe_option .category{display:table-cell;width:50%;color:#1ba2da;text-align:left}
header .pop_kh_mypage .subscribe_wrap .subscribe_link .subscribe_option .date{display:table-cell;;width:50%;color:#999;text-align:right}

header .pop_kh_mypage .mypage_footer{padding:0 18px;border-radius:0 0 15px 15px;background:#f6f6f6}
header .pop_kh_mypage .mypage_footer a{box-sizing:border-box;display:block;font-size:0;line-height:54px}
header .pop_kh_mypage .mypage_footer a span{position:relative;display:inline-block;color:#323232;font-size:15px;font-weight:600}
header .pop_kh_mypage .mypage_footer a.btn_account i{display:inline-block;width:22px;margin-right:3px;font-size:20px}
header .pop_kh_mypage .mypage_footer a i svg{vertical-align:middle;fill:#323232}
header .pop_kh_mypage .mypage_footer a.btn_more span::before{display:inline-block;position:absolute;top:50%;right:-15px;width:6px;height:6px;margin-top:-4px;border-top:2px solid #323232;border-left:2px solid #323232;transform:rotate(135deg);-webkit-transform:rotate(135deg);transition:.3s;content:''}

/* ====== main ======================================================================================================= */
main section{overflow:hidden}
main section.sub_page:last-child{padding-bottom:120px}

main .main_news{padding:40px 0;font-size:0}
.main_news .main_news_left{box-sizing:border-box;position:relative;display:inline-block;position:relative;width:74%;vertical-align:top}
.main_news .main_news_left::before{position:absolute;top:0;top:0;right:-15px;bottom:0;width:1px;background:#e5e5e5;content:''}
.main_news .main_news_right{box-sizing:border-box;display:inline-block;width:26%;padding-left:30px;vertical-align:middle}
.main_news .main_headline{box-sizing:border-box;display:table;position:relative;font-size:0}
.main_news .main_headline .news_txt{box-sizing:border-box;display:table-cell;width:35%;padding-right:30px;vertical-align:top}
.main_news .main_headline .news_txt strong{color:#323232;font-size:32px;font-weight:700;line-height:38px}
.main_news .main_headline .news_txt .link_sub_txt{padding:20px 0;color:#999;font-size:16px;line-height:22px;border-bottom:1px solid #e5e5e5;transition:.3s}
.main_news .main_headline .related{padding-top:20px}
.main_news .main_headline .related .related_title{position:relative;padding-left:15px;color:#333;font-size:16px;font-weight:700}
.main_news .main_headline .related .related_list{margin-top:15px}
.main_news .main_headline .related .related_list li+li{margin-top:10px}
.main_news .main_headline .related .related_list li a{position:relative;padding-left:15px;color:#999;font-size:15px;line-height:22px;transition:.3s}
.main_news .main_headline .related .related_list li a:hover{text-decoration:underline}
.main_news .main_headline .related .related_list li a::before{display:block;position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:30px;background:#c7c7c7;content:''}
.main_news .main_headline .news_img{overflow:hidden;display:table-cell;position:relative;width:65%;vertical-align:top}
.main_news .main_headline .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:80.8%}
.main_news .main_headline .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
.main_news .news_link:hover strong{text-decoration:underline}
.main_news .news_link:hover img{transform:scale(1.1,1.1)}
.main_news .sub_headline li{padding-bottom:20px}
.main_news .sub_headline li+li{border-top:1px solid #e5e5e5;padding:20px 0 0}
.main_news .sub_headline .news_link{display:block;width:100%;font-size:0}
.main_news .sub_headline .news_link .news_txt{box-sizing:border-box;margin-top:20px}
.main_news .sub_headline .news_link .news_txt strong{color:#323232;font-size:20px;font-weight:700;line-height:22px}
.main_news .sub_headline .news_link .news_img{overflow:hidden;display:inline-block;position:relative;width:100%;padding-bottom:55%;vertical-align:top}
.main_news .sub_headline .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
.main_news .sub_headline .news_link .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:55%}
.main_news .sub_headline .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
.main_news .sub_headline .news_link:hover .news_txt strong{text-decoration:underline}
.main_news .sub_headline .news_link:hover .news_img img{transform:scale(1.1,1.1)}

main h2.title{margin:0;padding:20px 0;border-top:3px solid #323232}
main h2.title .title_link{display:inline-block;position:relative;padding-right:16px;color:#323232;font-size:22px;font-weight:900}
main h2.title span.title_link{padding-right:0}
main h2.title a.title_link::before{position:absolute;top:50%;right:2px;display:block;width:8px;height:8px;margin-top:-4px;border-top:2px solid #323232;border-left:2px solid #323232;transform:rotate(135deg);-webkit-transform:rotate(135deg);transition:.3s;content:''}
main h2.title a.title_link:hover{background:#f6f6f6}
main h2.title a.title_link:hover::before{border-color:#1ba2da}

main .kh_ad{clear:both;overflow:hidden;font-size:0;text-align:center}
main .kh_ad + .kh_ad{margin-top:15px}
main .khadv{vertical-align:top}
main .kh_ad .khadv a{display:block}
main .kh_ad .khadv img{display:block;width:100%}
main .khadv + .khadv{margin-top:15px}
main .ads_list{font-size:0}
main .ads_list .ads_item{display:inline-block;width:50%;text-align:center}
main .ads_list .ads_item > div{display:inline-block}

main .ads_area{padding:20px 0;text-align:center}
main .ads_area > div{display:inline-block}

main .sub_news{font-size:0}
main .sub_news .sub_news_left{box-sizing:border-box;display:inline-block;width:74%}
main .sub_news .news_left_bottom{width:100%;padding-bottom:50px}
main .sub_news .sub_news_right{box-sizing:border-box;display:inline-block;width:26%;padding:0 0 50px 30px;vertical-align:top}
main .sub_news .newsmaker{padding:0 0 50px}

.sub_news .newsmaker .news_link{display:block;position:relative;font-size:0}
.sub_news .newsmaker .news_link .news_img{box-sizing:border-box;display:inline-block;position:relative;width:50%;vertical-align:top}
.sub_news .newsmaker .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
.sub_news .newsmaker .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:54.83870967742%}
.sub_news .newsmaker .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
.sub_news .newsmaker .news_link .news_txt{box-sizing:border-box;display:inline-block;width:50%;padding-left:30px}
.sub_news .newsmaker .news_link .news_txt strong{color:#323232;font-size:24px;font-weight:700;line-height:30px}
.sub_news .newsmaker .news_link .news_txt p{margin-top:10px;padding-bottom:40px;color:#999;font-size:16px;line-height:24px}
.sub_news .newsmaker .news_link .news_txt .ico_news_category{position:absolute;bottom:0;left:50%;margin-left:30px;padding:0 8px;color:#1ba2da;font-family:'Acumin Variable Concept';font-size:12px;letter-spacing:-.5px;line-height:20px;border:1px solid #1ba2da;border-radius:30px;background:#fff;transition:.3s}
.sub_news .newsmaker .news_link:hover strong{text-decoration:underline}
.sub_news .newsmaker .news_link:hover .news_img img{transform:scale(1.1,1.1)}

.sub_news .graphic_news{box-sizing:border-box;display:inline-block;width:67%;vertical-align:top}

.sub_news .opinion{box-sizing:border-box;display:inline-block;width:33%;padding-left:30px}

.sub_news .opinion .opinion_list li + li{margin-top:20px}
.sub_news .opinion .opinion_list .news_link .news_img{box-sizing:border-box;overflow:hidden}
.sub_news .opinion .opinion_list .news_link .news_img_wrap{overflow:hidden;position:relative;width:100%;padding-bottom:53%}
.sub_news .opinion .opinion_list .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:contain;transition:.3s;transform:scale(1.1);}

.sub_news .opinion .news_link .news_txt{box-sizing:border-box;padding:18px 0;border:1px solid #e5e5e5;border-width:1px 0;border-top-color:#323232}
.sub_news .opinion .news_link .news_txt strong{display:block;margin-top:14px;color:#323232;font-size:18px;line-height:24px;font-weight:500}
.sub_news .opinion .news_link .news_txt .category{color:#1ba2da;font-size:16px;line-height:16px;font-weight:500}
.sub_news .opinion .news_link:hover strong{text-decoration:underline}
.sub_news .opinion .news_link:hover .news_img img{transform:scale(1.2)}
.sub_news .opinion .news_link:hover .news_txt .ico_news_category{color:#fff;background:#1ba2da}

.sub_news .most_popular{overflow:hidden;position:relative;width:100%;height:100%;padding:0 0 50px}
.sub_news .most_popular h2.title{padding:20px 0 0;border-color:#1ba2da}
.sub_news .most_popular h2.title span.title_link{color:#1ba2da;padding-right:0}
.sub_news .most_popular h2.title span.title_link::before{display:none}
.sub_news .most_popular h2.title span.title_link:hover{background:none}

.sub_news .most_popular .popular_list li{box-sizing:border-box;border-bottom:1px solid #e5e5e5;transition:.3s}
.sub_news .most_popular .popular_list .news_link{box-sizing:border-box;display:table;width:100%;padding:16px 0 16px 8px}
.sub_news .most_popular .popular_list li:last-child .news_link{padding-left:5px}
.sub_news .most_popular .popular_list .news_link em{display:table-cell;width:32px;color:#1ba2da;font-size:30px;font-weight:500;vertical-align:middle}
.sub_news .most_popular .popular_list .news_link .news_title{box-sizing:border-box;display:table-cell;padding:0 10px 0 5px;color:#323232;font-size:16px;line-height:22px;text-align:left;vertical-align:middle}
.sub_news .most_popular .popular_list li:last-child .news_title{padding-left:10px}
.sub_news .most_popular .popular_list .news_link .news_img{display:table-cell;position:relative;width:80px;height:50px;vertical-align:middle}
.sub_news .most_popular .popular_list .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
.sub_news .most_popular .popular_list .news_link .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:62.5%}
.sub_news .most_popular .popular_list .news_link .news_img img{display:inline-block;position:absolute;left:0;width:100%;height:100%;object-fit:cover;transition:.3s}
.sub_news .most_popular .popular_list .news_link:hover .news_title{text-decoration:underline}
.sub_news .most_popular .popular_list .news_link:hover .news_img img{transform:scale(1.1,1.1)}

.sub_news .most_popular .popular_swiper{position:relative}
.sub_news .most_popular .btn_most_swiper{position:absolute;top:-16px;right:0;width:46px;z-index:1}
.sub_news .most_popular .btn_most_swiper .swiper-button-prev{box-sizing:border-box;left:0;width:20px;height:20px;padding:5px;color:#999;border:1px solid #d8d8d8;border-radius:30px;--swiper-navigation-size:10px}
.sub_news .most_popular .btn_most_swiper .swiper-button-next{box-sizing:border-box;right:0;width:20px;height:20px;padding:5px;color:#999;border:1px solid #d8d8d8;border-radius:30px;--swiper-navigation-size:10px}



main .video_li_img_icon{position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); width:50px; height:50px; overflow:visible; z-index:1}
main .video_li_img_icon_dot{opacity:0; stroke-dasharray:4,5; stroke-width:6px; transform-origin:50% 50%; animation:video_li_img_icon_spin 4s infinite linear; transition:opacity 1s ease, stroke-width 1s ease}
main .video_li_img_icon_solid{stroke-dashoffset:0; stroke-dashArray:300; stroke-width:6px; transition:stroke-dashoffset 1s ease, opacity 1s ease; opacity:0.5}
main .video_li_img_icon_arrow{transform-origin:50% 50%; transition:transform 200ms ease-out}
@keyframes video_li_img_icon_spin{
    to{transform:rotate(360deg)}
}
main .category_news{padding-bottom:50px}
main .category_news .category_layout .category_layout_item{display:table-cell;position:relative;width:50.5%;vertical-align:top}
main .category_news .category_layout .category_layout_item:first-child{width:49.5%}
main .category_news .category_layout .category_layout_item:last-child{padding-left:30px}
main .category_news .category_layout .category_layout_item:last-child::before{position:absolute;top:0;left:15px;bottom:0;width:1px;background:#e5e5e5;content:''}

main .category_news .category_layout .news_link{display:block;width:100%}
main .category_news .category_layout .news_link .news_img{box-sizing:border-box;position:relative;vertical-align:top}
main .category_news .category_layout .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
main .category_news .category_layout .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:54.92063492063%}
main .category_news .category_layout .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .category_news .category_layout .news_link .news_txt{position:relative;min-height:78px}
main .category_news .category_layout .news_link .news_img + .news_txt{padding-top:20px}
main .category_news .category_layout .news_link .news_img + .news_txt strong{color:#323232;font-size:22px;font-weight:700;line-height:28px}
main .category_news .category_layout .news_link .news_txt p{margin-top:10px;color:#999;font-size:16px;line-height:24px;transition:.3s}
main .category_news .category_layout .news_link:hover .news_img img{transform:scale(1.1,1.1)}
main .category_news .category_layout .news_link:hover .news_txt strong{text-decoration:underline}

main .category_news .category_layout .category_news_list{width:100%;font-size:0}
main .category_news .category_layout .category_news_list li{box-sizing:border-box;width:50%;display:inline-block;padding-left:15px;vertical-align:top}
main .category_news .category_layout .category_news_list li:nth-child(2n-1){position:relative;padding:0 15px 0 0}
main .category_news .category_layout .category_news_list li:nth-child(2n-1)::before{position:absolute;top:0;right:0;bottom:0;width:1px;background:#e5e5e5;content:''}
main .category_news .category_layout .category_news_list .news_link{padding:20px 0;border-top:1px solid #e5e5e5}
main .category_news .category_layout .category_news_list li:first-child .news_link{padding-top:0;border-top:0}
main .category_news .category_layout .category_news_list li:nth-child(2) .news_link{padding-top:0;border-top:0}
main .category_news .category_layout .category_news_list li:nth-child(5) .news_link{padding-bottom:0}
main .category_news .category_layout .category_news_list li:nth-child(6) .news_link{padding-bottom:0}
main .category_news .culture .category_layout .category_news_list li:nth-child(3) .news_link{padding-bottom:0}
main .category_news .culture .category_layout .category_news_list li:nth-child(4) .news_link{padding-bottom:0}

main .category_news .category_layout .category_news_list .news_link .news_img{overflow:hidden;box-sizing:border-box;display:inline-block;position:relative;width:100%;height:65%;vertical-align:top}
main .category_news .category_layout .category_news_list .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
main .category_news .category_layout .category_news_list .news_link .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:55%}
main .category_news .category_layout .category_news_list .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .category_news .category_layout .category_news_list .news_link .news_txt strong{color:#323232;font-size:20px;line-height:24px}
main .category_news .category_layout .category_news_list .news_link .news_txt .date{margin-top:6px;background:#fff}
main .category_news .category_wrap{display:table;width:100%;table-layout:fixed}
main .category_news .category_wrap .category_left{box-sizing:border-box;display:table-cell;width:70%}
main .category_news .category_wrap .category_right{box-sizing:border-box;position:relative;display:table-cell;width:30%;padding-left:30px;vertical-align:top}
main .category_news .category_wrap .category_right.for_video::before{position:absolute;top:0;bottom:0;left:15px;width:1px;background:#e5e5e5;content:''}
main .category_news .category_wrap .category_left .title_link{padding-right:28px}
main .category_news .category_wrap .category_left .title .hash{display:inline-block;position:absolute;top:-1px;left:24px;width:190px}
main .category_news .category_wrap .category_left .ico_hashtag_korea{width:100%;max-width:200px;vertical-align:0}
main .category_news .category_wrap .category_left .category_layout_wrap{font-size:0}
main .category_news .category_wrap .category_left .category_layout_wrap .category_layout_wrap_item{box-sizing:border-box;position:relative;display:inline-block;width:50%;padding-left:30px}
main .category_news .category_wrap .category_left .category_layout_wrap .category_layout_wrap_item:first-child{padding:0;vertical-align:top}
main .category_news .category_wrap .category_left .category_layout_wrap .category_layout_wrap_item:last-child:before{position:absolute;top:0;bottom:0;left:15px;width:1px;background:#e5e5e5;content:''}
main .category_news .category_wrap .category_left .category_layout_wrap .category_layout_wrap_item:first-child .news_link{padding:0;border-top:0}

main .category_news .category_wrap .category_left .category_layout_item{display:inline-block;width:100%;padding-left:0;border-left:0}
main .category_news .category_wrap .category_left .category_layout_item + .category_layout_item:before{display:none}
main .category_news .category_wrap .category_left .news_link{padding-top:20px;border-top:1px solid #e5e5e5;font-size:0}
main .category_news .category_wrap .category_left .category_layout_item:first-child .news_link{padding:0 0 20px;border-top:0}
main .category_news .category_wrap .category_left .news_link .news_img{box-sizing:border-box;display:inline-block;position:relative;width:50%;vertical-align:top}
main .category_news .category_wrap .category_left .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
main .category_news .category_wrap .category_left .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:54.83870967742%}
main .category_news .category_wrap .category_left .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .category_news .category_wrap .category_left .news_link .news_txt{box-sizing:border-box;display:inline-block;position:relative;width:50%;padding-right:30px}
main .category_news .category_wrap .category_left .news_link .news_txt strong{color:#323232;font-size:18px;font-weight:700;line-height:24px;word-break:break-all}
main .category_news .category_wrap .category_left .news_link .news_txt .date{display:block;color:#999;font-size:13px;line-height:24px}
main .category_news .category_wrap .category_left .news_link:hover .news_txt strong{text-decoration:underline}
main .category_news .category_wrap .category_left .news_link:hover .news_img img{transform:scale(1.1,1.1)}
main .category_news .category_wrap .category_left .news_link.img_type{position:relative;padding:0;border-top:0}
main .category_news .category_wrap .category_left .news_link.img_type .news_img{box-sizing:border-box;display:block;width:100%}
main .category_news .category_wrap .category_left .news_link.img_type .news_txt{box-sizing:border-box;position:absolute;bottom:0;left:0;right:0;display:block;width:100%;padding:20px;background:rgba(0,0,0,0.5)}
main .category_news .category_wrap .category_left .news_link.img_type .news_txt strong{color:#fff;font-size:18px;font-weight:500;line-height:22px}
main .category_news .category_wrap .category_left .news_link.img_type .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:59.944393%}
main .category_news .category_wrap .category_left .news_link.img_type .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .category_news .category_wrap .category_right .kh_video{position:relative}
main .category_news .category_wrap .category_right .video_swiper{overflow:hidden;position:relative}
main .category_news .category_wrap .category_right .btn_video_swiper{position:absolute;top:-42px;right:0;width:100px;z-index:1}
main .category_news .category_wrap .category_right .btn_video_swiper .btn_wrap{position:relative}
main .category_news .category_wrap .category_right .btn_video_swiper .swiper-button-prev{box-sizing:border-box;left:0;width:20px;height:20px;margin-top:-10px;padding:5px;color:#999;border:1px solid #d8d8d8;border-radius:30px;--swiper-navigation-size:10px}
main .category_news .category_wrap .category_right .btn_video_swiper .swiper-button-next{box-sizing:border-box;right:0;width:20px;height:20px;margin-top:-10px;padding:5px;color:#999;border:1px solid #d8d8d8;border-radius:30px;--swiper-navigation-size:10px}
main .category_news .category_wrap .category_right .btn_video_swiper .swiper-pagination{position:static;color:#999;line-height:20px}
main .category_news .category_wrap .category_right .btn_video_swiper .swiper-pagination .swiper-pagination-current{color:#333}
main .category_news .category_wrap .category_right .kh_video .news_link{display:block;width:100%;border-top:1px solid #e5e5e5}
main .category_news .category_wrap .category_right .kh_video .news_link .news_img{box-sizing:border-box;position:relative;vertical-align:top}
main .category_news .category_wrap .category_right .kh_video .news_link .news_img::before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,0.4);content:''}
main .category_news .category_wrap .category_right .kh_video .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:64.54439252336%}
main .category_news .category_wrap .category_right .kh_video .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .category_news .category_wrap .category_right .kh_video .news_link .news_txt{box-sizing:border-box;margin-top:20px}
main .category_news .category_wrap .category_right .kh_video .news_link .news_txt strong{display:block;color:#323232;font-size:18px;font-weight:500;word-break:break-all}
main .category_news .category_wrap .category_right .kh_video .news_link:hover .news_txt strong{text-decoration:underline}
main .category_news .category_wrap .category_right .kh_video .news_link:hover .news_img img{transform:scale(1.1,1.1)}
.news_link:hover .video_li_img, .video_center:hover .video_li_img{transform:scale(1.1,1.1)}
.news_link:hover .video_li_img_icon_dot, .video_center:hover .video_li_img_icon_dot{stroke-width:4px; opacity:0.5}
.news_link:hover .video_li_img_icon_solid, .video_center:hover .video_li_img_icon_solid{opacity:0; stroke-dashoffset:300}
.news_link:hover .video_li_img_icon_arrow, .video_center:hover .video_li_img_icon_arrow{transform:scale(1.2,1.2)}
main .category_news .kpop .for_video .news_link{display:block;width:100%;padding-top:0;border-top:1px solid #e5e5e5}
main .category_news .kpop .for_video .news_link .news_img{box-sizing:border-box;position:relative;display:block;width:100%;vertical-align:top}
main .category_news .kpop .for_video .news_link .news_img::before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,0.4);content:''}
main .category_news .kpop .for_video .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:64.54439252336%}
main .category_news .kpop .for_video .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .category_news .kpop .for_video .news_link .news_txt{box-sizing:border-box;display:block;width:100%;margin-top:20px}
main .category_news .kpop .for_video .news_link .news_txt strong{display:block;color:#323232;font-size:18px;font-weight:500;word-break:break-all}
main .category_news .kpop .for_video .news_link:hover .news_txt strong{text-decoration:underline}
main .category_news .kpop .for_video .news_link:hover .news_img img{transform:scale(1.1,1.1)}
main .category_news .global_insight{padding-bottom:70px}
main .category_news .global_insight .category_layout+.category_layout{margin-top:40px}
main .category_news .global_insight .category_layout{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
main .category_news .global_insight .category_layout_item{posito-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:300px;padding-left:30px}
main .category_news .global_insight .category_layout_item::before{position:absolute;top:0;left:15px;bottom:0;width:1px;background:#e5e5e5;content:''}
main .category_news .global_insight .category_layout .category_layout_item:first-child{width:25%;padding-left:0}
main .category_news .global_insight .category_layout .category_layout_item:first-child::before{display:none}
main .category_news .global_insight .news_link{display:block;width:100%;padding-top:0;border-top:1px solid #e5e5e5}
main .category_news .global_insight .news_link .news_img{box-sizing:border-box;position:relative;display:block;width:100%;vertical-align:top}
main .category_news .global_insight .news_link .news_img::before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,0.4);content:''}
main .category_news .global_insight .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:64.54439252336%}
main .category_news .global_insight .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .category_news .global_insight .news_link .news_txt{box-sizing:border-box;display:block}
main .category_news .global_insight .news_link .news_txt .news_name{display:block;color:#1ba2da;font-size:16px;font-weight:500;word-break:break-all}
main .category_news .global_insight .news_link .news_txt p{margin-top:18px;color:#333;font-size:16px;font-weight:500;word-break:break-all}
main .category_news .global_insight .news_link:hover .news_img img{transform:scale(1.1,1.1)}
main .category_news .global_insight .news_link:hover .news_txt p{text-decoration:underline}
main .climate_wrap{height:76px;font-size:0;background:#000}
main .climate_wrap .climate_title{display:inline-block;width:30%;height:76px;font-size:1px;color:#000;text-indent:-999px;vertical-align:top;background:url('https://res.heraldm.com/koreaherald/version03/www/images/img_title_climateclock.png') no-repeat center center;background-size:70%}
main .climate_wrap .climate_title img{display:inline-block}
main .climate_wrap .climate{overflow:hidden;display:inline-block;width:70%;height:76px}
main .climate_wrap .climate ccw-flexwrap ccw-panel{flex:1 !important}
main .climate_wrap .climate ccw-w[size=md] ccw-ticker, main .climate_wrap .climate ccw-w[size=sm] ccw-ticker, main .climate_wrap .climate ccw-w[size=xs] ccw-ticker{display:none}
main .banner{margin-top:50px;padding-bottom:50px}
main .banner .banner_list{display:-webkit-box;display:-ms-flexbox;display:flex}
main .banner .banner_list li{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 15px}
main .banner .banner_list li:first-child{padding-left:0}
main .banner .banner_list li:last-child{padding-right:0}
main .banner .banner_list .link_banner{display:block;padding:22px 0;text-align:center;border:1px solid #ccc;transition:.3s}
main .banner .banner_list .link_banner:hover{border:1px solid #323232}
main .banner .banner_list .link_banner img{display:inline-block;width:100%;max-width:212px}
main .membership_login{padding:0 0 50px}
main .membership_login .btn_membership_login{display:block;background:#1ba2da}
main .membership_login .btn_membership_login img{display:block;width:100%;max-height:100px;object-fit:cover}
main .membership_login .membership_info{display:table;width:100%}
main .membership_login .membership_info li{box-sizing:border-box;display:table-cell;position:relative;width:50%;height:100px;padding:0 20px;vertical-align:middle}
main .membership_login .membership_info li+li::before{position:absolute;top:50%;left:0;width:1px;height:28px;margin-top:-14px;background:#99d1ec;content:''}
main .membership_login .membership_info li:first-child p{font-size:34px;font-weight:700;text-align:right;line-height:100%}
main .membership_login .membership_info li:first-child p span{color:#d7fe00}
main .membership_login .membership_info li p{color:#fff;font-size:16px;line-height:18px}

/* ====== list / detail ======================================================================================================= */
main section.news_detail_layout{padding:40px 0 120px}
.news_detail_layout .news_detail_wrap{width:100%;font-size:0}
.news_detail_layout .news_detail_wrap .news_detail_left{box-sizing:border-box;display:inline-block;width:23.5%;vertical-align:top}
.news_detail_layout .news_detail_wrap .news_detail_right{box-sizing:border-box;display:inline-block;width:76.5%;padding-left:30px}
.news_detail_layout .most_popular{overflow:hidden;position:relative;padding:0 0 30px}
.news_detail_layout .most_popular .popular_title{color:#1ba2da;font-size:20px;font-weight:900}
.news_detail_layout .most_popular .popular_swiper{position:relative}
.news_detail_layout .most_popular .btn_most_swiper{position:absolute;top:-15px;right:0;width:46px;z-index:1}
.news_detail_layout .most_popular .btn_most_swiper .swiper-button-prev{box-sizing:border-box;left:0;width:20px;height:20px;padding:5px;color:#999;border:1px solid #d8d8d8;border-radius:30px;--swiper-navigation-size:10px}
.news_detail_layout .most_popular .btn_most_swiper .swiper-button-next{box-sizing:border-box;right:0;width:20px;height:20px;padding:5px;color:#999;border:1px solid #d8d8d8;border-radius:30px;--swiper-navigation-size:10px}
.news_detail_layout .most_popular .popular_list li{box-sizing:border-box;border-bottom:1px solid #e5e5e5;transition:.3s}
.news_detail_layout .most_popular .popular_list .news_link{box-sizing:border-box;display:table;width:100%;padding:16px 0 16px 8px}
.news_detail_layout .most_popular .popular_list li:last-child .news_link{padding-left:5px}
.news_detail_layout .most_popular .popular_list .news_link em{display:table-cell;width:32px;color:#1ba2da;font-size:30px;font-weight:500;vertical-align:middle}
.news_detail_layout .most_popular .popular_list .news_link .news_title{box-sizing:border-box;display:table-cell;padding:0 10px 0 5px;color:#323232;font-size:16px;line-height:22px;text-align:left;vertical-align:middle}
.news_detail_layout .most_popular .popular_list li:last-child .news_title{padding-left:10px}
.news_detail_layout .most_popular .popular_list .news_link .news_img{display:table-cell;position:relative;width:80px;height:50px;vertical-align:middle}
.news_detail_layout .most_popular .popular_list .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
.news_detail_layout .most_popular .popular_list .news_link .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:62.5%}
.news_detail_layout .most_popular .popular_list .news_link .news_img img{display:inline-block;position:absolute;left:0;width:100%;height:100%;object-fit:cover;transition:.3s}
.news_detail_layout .most_popular .popular_list .news_link:hover .news_title{text-decoration:underline}
.news_detail_layout .most_popular .popular_list .news_link:hover .news_img img{transform:scale(1.1,1.1)}
.news_detail_layout .most_popular.series_news{margin-top:30px}
.news_detail_layout .most_popular.series_news .popular_title{color:#323232}
.news_detail_layout .banner_newsletter{box-sizing:border-box;margin-bottom:30px;padding:20px;border:3px solid #e5e5e5}
.news_detail_layout .banner_newsletter .banner_title{display:block;position:relative;width:calc(100% - 85px);color:#323232;font-size:20px;word-wrap:break-word}
.news_detail_layout .banner_newsletter .banner_text{margin-top:15px;color:#999;font-size:16px;line-height:22px}
.news_detail_layout .banner_newsletter .btn_preview{display:block;margin-top:20px;padding:0 15px;color:#333;font-family:'Acumin Variable Concept';font-size:16px;font-weight:bold;border:1px solid #333;border-radius:30px;line-height:30px;background:#fff}
.news_detail_layout .banner_newsletter fieldset{margin:0;padding:0;border:0}
.news_detail_layout .banner_newsletter fieldset{margin-top:20px;padding-top:20px;text-align:right;border-top:1px solid #e5e5e5}
.news_detail_layout .banner_newsletter .lb_newsletter{display: inline-block;cursor:pointer;font-size:0}
.news_detail_layout .banner_newsletter .lb_newsletter span{display:inline-block;margin-right:10px;color:#333;font-size:15px;line-height:20px;vertical-align:top}
.news_detail_layout .banner_newsletter .btn_subscribe{position:absolute;top:-1px;right:-85px;display:inline-block;padding:0 12px;color:#1ba2da;font-family:'Acumin Variable Concept';font-size:12px;font-weight:400;line-height:20px;text-align:right;border:1px solid #1ba2da;border-radius:30px;vertical-align:middle;background:#fff;transition:.3s}
.news_detail_layout .banner_newsletter .btn_subscribe:hover{color:#fff;background:#1ba2da}

.news_detail_layout .lb_newsletter input[type="checkbox"]{display:inline-block;appearance:none;position:relative;width:40px;height:20px;border:1px solid #333;border-radius:30px}
.lb_newsletter input[type="checkbox"]::before {position:absolute;top:1px;left:2px;width:16px;height:16px;border-radius:30px;background:#333;transition: left 250ms linear;content:''}
.news_detail_layout .lb_newsletter input[type="checkbox"]:checked {border-color: #1ba2da;background:#1ba2da}
.news_detail_layout .lb_newsletter input[type="checkbox"]:checked::before{left:20px;background-color:#fff}
.news_detail_layout .lb_newsletter input[type="checkbox"]:disabled{border-color:lightgray;opacity:0.7;cursor:not-allowed}
.news_detail_layout .lb_newsletter input[type="checkbox"]:disabled:before{background:lightgray}
.news_detail_layout .category_detail_layout{padding-bottom:50px;border-bottom:3px solid #323232}
.news_detail_layout .category_detail_layout .category_detail_item{box-sizing:border-box;display:inline-block;position:relative;width:32%;padding-left:30px;vertical-align:top}
.news_detail_layout .category_detail_layout .category_detail_item:first-child{position:relative;width:68%;padding:0}
.news_detail_layout .category_detail_layout .category_detail_item:last-child::before{position:absolute;top:0;left:15px;bottom:0;width:1px;background:#e5e5e5;content:''}
.news_detail_layout .category_detail_layout .news_link{display:block;width:100%}
.news_detail_layout .category_detail_layout .news_link .news_img{box-sizing:border-box;position:relative;vertical-align:top}
.news_detail_layout .category_detail_layout .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
.news_detail_layout .category_detail_layout .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:52.970635%}
.news_detail_layout .category_detail_layout .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
.news_detail_layout .category_detail_layout .news_link .news_txt{position:relative}
.news_detail_layout .category_detail_layout .news_link .news_img + .news_txt strong{margin-top:18px;color:#323232;font-size:22px;font-weight:700;line-height:28px}
.news_detail_layout .category_detail_layout .news_link .news_txt p{margin-top:10px;color:#999;font-size:16px;line-height:24px}
.news_detail_layout .category_detail_layout .detail_item_list li + li{padding-top:20px}
.news_detail_layout .category_detail_layout .detail_item_list .news_link{padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.news_detail_layout .category_detail_layout .detail_item_list li:last-child .news_link{padding-bottom:0;border-bottom:0}
.news_detail_layout .category_detail_layout .detail_item_list .news_link .news_img{overflow:hidden;box-sizing:border-box;display:inline-block;position:relative;width:100%;height:65%;vertical-align:top}
.news_detail_layout .category_detail_layout .detail_item_list .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
.news_detail_layout .category_detail_layout .detail_item_list .news_link .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:55%}
.news_detail_layout .category_detail_layout .detail_item_list .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
.news_detail_layout .category_detail_layout .detail_item_list .news_link .news_txt strong{font-size:20px;line-height:24px}
.news_detail_layout .category_detail_layout .news_link:hover strong{text-decoration:underline}
.news_detail_layout .category_detail_layout .news_link:hover .news_img img{transform:scale(1.1,1.1)}
.news_detail_layout .category_list_wrap .category_detail_list{margin-top:10px}
.news_detail_layout .category_list_wrap .category_detail_item{border-bottom:1px solid #e5e5e5;padding:20px 0}
.news_detail_layout .category_list_wrap .category_detail_item .news_link{display:block;width:100%;font-size:0}
.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_txt{box-sizing:border-box;display:inline-block;width:76%;padding-right:50px}
.news_detail_layout .category_list_wrap .category_detail_item .news_link.text_only .news_txt{width:100%;padding-right:0}
.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_txt strong{display:block;color:#323232;font-size:20px;font-weight:500}
.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_txt .link_sub_txt{margin-top:18px;padding-bottom:40px;color:#999;font-size:16px;line-height:22px;word-break:break-all;transition:.3s}
.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_txt .date{position:absolute;bottom:0;left:0;color:#666;font-size:13px;line-height:20px}
.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_txt .date i{display:inline-block;margin-right:10px;padding:0 10px;color:#1ba2da;font-family:'Acumin Variable Concept';font-size:12px;letter-spacing:-.5px;line-height:20px;border:1px solid #1ba2da;border-radius:30px;background:#fff;transition:.3s}
.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_img{box-sizing:border-box;display:inline-block;position:relative;width:24%;vertical-align:top}
.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:54.70085470085%}
.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
.news_detail_layout .category_list_wrap .category_detail_item .news_link:hover strong{text-decoration:underline}
.news_detail_layout .category_list_wrap .category_detail_item .news_link:hover .news_img img{transform:scale(1.1,1.1)}

.news_detail_layout .category_list_wrap .category_detail_item .news_link{position:relative;font-size:0}

.news_detail_layout .category_list_wrap .category_detail_item .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
.news_detail_layout .category_list_wrap .category_detail_item .news_link:hover .news_img img{transform:scale(1.1,1.1)}
.news_detail_layout .category_list_wrap .btn_area{padding-top:40px;text-align:center}
.news_detail_layout .category_list_wrap .btn_area .btn_more{box-sizing:border-box;display:inline-block;padding:0 20px;border:1px solid #ccc;border-radius:30px;background:#fff}
.news_detail_layout .category_list_wrap .btn_area .btn_more span{display:block;position:relative;padding-right:20px;color:#333;font-size:16px;font-weight:bold;line-height:34px}
.news_detail_layout .category_list_wrap .btn_area .btn_more span .ico_arrow{position:absolute;top:50%;right:3px;margin-top:-2px}
.news_detail_layout .category_list_wrap .btn_area .btn_more span .ico_arrow::before,.news_detail_layout .category_list_wrap .btn_area .btn_more span .ico_arrow::after{position:relative;display:block;width:6px;height:2px;background:#333;transition:0.3s ease-in-out;content:''}
.news_detail_layout .category_list_wrap .btn_area .btn_more span .ico_arrow::before{top:2px;transform:rotate(45deg)}
.news_detail_layout .category_list_wrap .btn_area .btn_more span .ico_arrow::after {top:0px;left:4px;transform:rotate(-45deg)}

/* ====== news contents ======================================================================================================= */
.news_content .news_title_area{position:relative;padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.news_content .news_title_area h1.news_title{margin:0;color:#323232;font-size:34px;font-weight:700;line-height:42px}
.news_content .news_title_area h2.news_title{margin:15px 0 0;color:#999;font-size:24px;font-weight:400;line-height:32px}
.news_content .news_title_area .news_source{display:inline-block;margin-top:30px;color:#666;font-size:15px;font-weight:500;transition:.3s}
.news_content .news_title_area a.news_source:hover{color:#1ba2da;text-decoration:underline}
.news_content .news_title_area .news_source + .news_source{position:relative;padding-left:8px}
.news_content .news_title_area .news_source + .news_source::before{position:absolute;top:0;left:0;content:','}
.news_content .news_title_area .news_source + .news_source:hover::before{color:#666;text-decoration:none}
.news_content .news_title_area .news_date{margin-top:10px;color:#999;font-size:13px}
.news_content .news_title_area .news_btn_wrap{position:absolute;bottom:20px;right:0}
.news_content .news_title_area .news_btn_list{font-size:0}
.news_content .news_title_area .news_btn_list .news_btn_item{box-sizing:border-box;display:inline-block;border:1px solid #d7d7d7;vertical-align:top}
.news_content .news_title_area .news_btn_list .news_btn_item + .news_btn_item{border-left:0}
.news_content .news_title_area .news_btn_list .news_btn_item button{display:block;width:30px;height:30px;background:#fff}
.news_content .news_title_area .news_btn_list .news_btn_item button svg{width:22px;height:22px;fill:#323232;transition:.3s}
.news_content .news_title_area .news_btn_list .news_btn_item button:hover svg{fill:#1ba2da}
.news_btn_item .pop_share_wrap{box-sizing:border-box;display:none;position:absolute;top:40px;right:0;width:224px;padding:30px 20px;z-index:1;border:1px solid #ccc;background:rgba(255,255,255,.8);backdrop-filter:blur(50px)}
.news_btn_item .pop_share .btn_del{position:absolute;top:10px;right:10px;width:15px;height:15px}
.news_btn_item .pop_share .btn_del i{display:block;width:16px;height:16px}
.news_btn_item .pop_share .btn_del i::before, .news_btn_item .pop_share .btn_del i::after{position:absolute;left:8px;width:1px;height:16px;background:#111;content:''}
.news_btn_item .pop_share .btn_del i:before{transform:rotate(45deg)}
.news_btn_item .pop_share .btn_del i:after{transform: rotate(-45deg)}
.news_btn_item .pop_share .pop_share_list{font-size:0}
.news_btn_item .pop_share .pop_share_list + .pop_share_list{margin-top:16px}
.news_btn_item .pop_share .pop_share_list li{display:inline-block;position:relative;width:33.33333%;text-align:center;vertical-align:top}
.news_btn_item .pop_share .pop_share_list li .btn_share_item{position:relative;display:inline-block;width:40px;height:40px;border-radius:30px}
.news_btn_item .pop_share .pop_share_list li .btn_share_item svg{display:inline-block;width:30px;height:30px;transition:.2s}
.news_btn_item .pop_share .pop_share_list li .btn_share_item{background:#666}
.news_btn_item .pop_share .pop_share_list li:first-child .btn_share_item.btn_clip svg{width:28px}
.news_btn_item .pop_share .pop_share_list li .btn_share_item.btn_reddit{background:#ff4500}
.news_btn_item .pop_share .pop_share_list li .btn_share_item.btn_twitter{background:#5aa0ec}
.news_btn_item .pop_share .pop_share_list li .btn_share_item.btn_facebook{background:#4267b2}
.news_btn_item .pop_share .pop_share_list li .btn_share_item.btn_kakao{background:#fae102}
.news_btn_item .pop_share .pop_share_list li .btn_share_item.btn_kakao svg{margin-left:1px}
.news_btn_item .pop_share .pop_share_list li .btn_share_item.btn_mail{background:#3aaa84}
.news_btn_item .pop_share .pop_share_list li .btn_share_item:hover svg{transform:scale(1.2)}
.news_btn_item .pop_share .pop_share_list li .toast_pop{display:none;position:absolute;top:0px;left:50%;width:40px;height:40px;margin-left:-20px;border-radius:40px;background:#666}
.news_btn_item .pop_share .pop_share_list li .toast_pop .toast_text{box-sizing:border-box;position:absolute;top:-25px;left:50%;width:80px;margin-left:-40px;padding:5px;color:#fff;font-size:12px;background:rgba(0,0,0,0.5)}
.news_btn_item .pop_share .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;}
@keyframes copied {
    from {
        stroke-dasharray: 0, 75px;
    }
    to {
        stroke-dasharray: 75px, 75px;
    }
}

.news_content .news_text_area{padding:40px 100px;border-bottom:1px solid #e5e5e5}
.news_content .news_text_area iframe{display:block;margin:0}
.news_content .news_text_area .img_box{text-align:center}
.news_content .news_text_area .img_box img{display:inline-block;width:100%;height:auto}
.news_content .news_text_area .img_box .img_caption{box-sizing:border-box;display:block;padding:20px 20px 40px;color:#999;font-size:15px;line-height:22px;text-align:center}
.news_content .news_text_area .text_box p{color:#333}
.news_content .news_text_area .text_box p em{font-style:italic}
.news_content .news_text_area .text_box p strong{font-weight:700}
.news_content .news_text_area .text_box p u{text-decoration:underline}
.news_content .news_text_area .text_box p strike{text-decoration:line-through}
.news_content .news_text_area .text_box p+p{margin-top:40px}
.news_content .news_text_area .text_box+.img_box{margin-top:40px}
.news_content .news_text_area .by_line_list{padding:40px 0 20px}
.news_content .news_text_area .by_line_item + .by_line_item{margin-top:20px}
.news_content .news_text_area .by_line_item a{color:#1ba2da;text-decoration:underline}

.news_content .news_journalist_area{padding:50px 0}
.news_content .news_journalist_area .journalist{box-sizing:border-box;border:2px solid #e5e5e5}
.news_content .news_journalist_area .journalist+.journalist{margin-top:20px}
.news_content .news_journalist_area .journalist .journalist_info_list{display:table;width:100%;table-layout:fixed}
.news_content .news_journalist_area .journalist .journalist_info_item{display:table-cell;position:relative;width:50%;padding:20px;font-size:0;vertical-align:top}
.news_content .news_journalist_area .journalist .journalist_info_item .profile_wrap{display:table;width:100%;table-layout:fixed}
.news_content .news_journalist_area .journalist .journalist_info_item .img_profile{position:relative;display:table-cell;width:70px;height:70px;vertical-align:top}
.news_content .news_journalist_area .journalist .journalist_info_item .img_profile::before{box-sizing:border-box;position:absolute;top:0;left:0;width:70px;height:70px;border-radius:50px;border:1px solid rgba(0,0,0,0.1);content:''}
.news_content .news_journalist_area .journalist .journalist_info_item .img_profile img{width:100%;max-height:70px;border-radius:50px;object-fit:contain}
.news_content .news_journalist_area .journalist .journalist_info_item .text_profile{display:table-cell;position:relative;padding-left:20px;vertical-align:middle}
.news_content .news_journalist_area .journalist .journalist_info_item .text_profile:after{position:absolute;top:0;right:-20px;bottom:0;width:1px;background:#e5e5e5;content:''}
.news_content .news_journalist_area .journalist .journalist_info_item .text_profile .name{font-size:0}
.news_content .news_journalist_area .journalist .journalist_info_item .text_profile .name em{display:inline-block;margin-right:10px;color:#323232;font-size:22px;font-weight:700;vertical-align:middle}
.news_content .news_journalist_area .journalist .journalist_info_item .text_profile .name .btn_more{display:inline-block;width:22px;height:22px;vertical-align:middle}
.news_content .news_journalist_area .journalist .journalist_info_item .text_profile .name .btn_more svg{transform:scale(2)}
.news_content .news_journalist_area .journalist .journalist_info_item .text_profile .btn_mail{display:block;color:#999;font-size:15px;transition:.3s}
.news_content .news_journalist_area .journalist .journalist_info_item .text_profile .btn_mail:hover{color:#1ba2da}
.news_content .news_journalist_area .journalist .journalist_info_item .text_profile .name + .btn_mail{margin-top:16px}
.news_content .news_journalist_area .journalist .journalist_info_item .articles_title{color:#323232;font-size:15px;font-weight:500}
.news_content .news_journalist_area .journalist .journalist_info_item .articles_list{margin-top:14px}
.news_content .news_journalist_area .journalist .journalist_info_item .articles_item{position:relative;padding-left:15px}
.news_content .news_journalist_area .journalist .journalist_info_item .articles_item:before{position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:15px;background:#999;content:''}
.news_content .news_journalist_area .journalist .journalist_info_item .articles_item+.articles_item{margin-top:8px}
.news_content .news_journalist_area .journalist .journalist_info_item .link_articles{display:block;color:#999;font-size:16px;transition:.3s}
.news_content .news_journalist_area .journalist .journalist_info_item .link_articles:hover{text-decoration:underline}
.news_journalist_area .btn_area{margin-top:15px}
.news_journalist_area .btn_area .btn_more{position:relative;display:block;width:100%;line-height:40px;font-size:0;background:#f6f6f6;transition:.3s}
.news_journalist_area .btn_area .btn_more:hover{background:#e5e5e5}
.news_journalist_area .btn_area .btn_more span{display:inline-block;margin-right:5px;color:#323232;font-size:16px;font-weight:500;letter-spacing:.5px;vertical-align:middle;transition:.3s}
.news_journalist_area .btn_area .btn_more i{position:relative;display:inline-block;width:16px;vertical-align:middle}
.news_journalist_area .btn_area .btn_more .ico_arrow::before,.news_detail_layout .news_journalist_area .btn_area .btn_more .ico_arrow::after{display:block;position:relative;width:6px;height:1px;background:#323232;content:''}
.news_journalist_area .btn_area .btn_more .ico_arrow::before{top:1px;transform:rotate(45deg)}
.news_journalist_area .btn_area .btn_more .ico_arrow::after{top:0px;left:4px;transform: rotate(-45deg)}

.news_detail_right .related .related_title{position:relative;color:#323232;font-size:20px;font-weight:700;line-height:22px;}
.news_detail_right .related .related_list{margin-top:15px}
.news_detail_right .related .related_list li+li{margin-top:10px}
.news_detail_right .related .related_list li a{display:block;position:relative;padding-left:15px;color:#999;font-size:16px;line-height:24px;transition:.3s}
.news_detail_right .related .related_list li a:hover{text-decoration:underline}
.news_detail_right .related .related_list li a::before{display:block;position:absolute;top:8px;left:0;width:5px;height:5px;border-radius:30px;background:#c7c7c7;content:''}

.more_headline{padding:48px 0 80px}
.more_headline .more_headline_list{width:calc(100% + 30px);font-size:0}
.more_headline .more_headline_list + .more_headline_list{margin-top:40px}
.more_headline .more_headline_list .more_headline_item{box-sizing:border-box;display:inline-block;position:relative;width:33.333333%;padding-right:30px;vertical-align:top}
.more_headline .more_headline_list .more_headline_item::before{position:absolute;top:0;bottom:0;left:-15px;width:1px;background:#e5e5e5;content:''}
.more_headline .more_headline_list .more_headline_item:first-child::before{display:none}
.more_headline .more_headline_list .news_link{display:block;width:100%}
.more_headline .more_headline_list .news_link .news_img{box-sizing:border-box;vertical-align:top}
.more_headline .more_headline_list .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:55%}
.more_headline .more_headline_list .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
.more_headline .more_headline_list .news_link .news_txt strong{min-height:48px;margin-top:18px;color:#323232;font-size:18px;font-weight:500;line-height:24px}
.more_headline .more_headline_list .news_link:hover .news_img img{transform:scale(1.1,1.1)}

.youtube-container{position:relative;height:0;margin:30px auto;padding-bottom:56.25%}
.youtube-container iframe, .youtube-container object, .youtube-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

/* ====== sub page ======================================================================================================= */
main h2.sub_title{margin:0;padding:50px 0 30px;color:#323232;font-size:36px;font-weight:700;text-align:center;border-bottom:3px solid #323232}
main h2.sub_title span{font-weight:400}
main h3.content_title{margin:0;padding:50px 0 20px;font-size:0}
main h3.content_title em{display:inline-block;margin-right:30px;color:#323232;font-size:32px;font-weight:900}
main h3.content_title em + span{display:inline-block;color:#999;font-size:15px;font-weight:400}
main .series_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;font-size:0}
main .series_item{-webkit-box-sizing:border-box;box-sizing:border-box;width:25%;padding:0 30px 20px 0;transition:.2s}
main .series_item .series_item_wrap{box-sizing:border-box;height:184px;padding:24px;border:1px solid #e5e5e5}
main .series_item:nth-child(4n){padding-right:0}
main .series_item .series_title{box-sizing:border-box;overflow:hidden;position:relative;padding:0 40px 22px 0;font-size:0;border-bottom:1px solid #e5e5e5}
main .series_item .series_title p{display:inline-block;color:#323232;font-size:21px;font-weight:900}
main .check_item{display:inline-block;position:absolute;top:0;right:0}
main .check_item input[type="checkbox"]{display:none;position:absolute;left:-10000px;font-size:0}
main .check_item label{position:relative;display:block;width:30px;height:18px;cursor:pointer;border-radius:25px;background:#ccc;transition:.2s}
main .check_item label:after{position:absolute;left:2px;top:50%;width:15px;height:15px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow: 1px 1px 4px rgba(0,0,0,0.1);transition: .2s;content:''}
main .check_item input[type="checkbox"]:checked + label{background:#008dd2}
main .check_item input[type="checkbox"]:checked + label:after{left: calc(100% - 17px)}
main .series_item .series_link{width:100%;}
main .series_item .series_link li{box-sizing:border-box;display:inline-block;vertical-align:middle}
main .series_item .series_link .series_link_list{padding-top:24px;font-size:0}
main .series_item .series_link .link_text{width:64%;padding-right:20px;color:#666;font-size:16px;line-height:22px}
main .series_item .series_link .link_img{width:36%;}
main .series_item .series_link .link_img .img_box{overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:64.44444444444%}
main .series_item .series_link .link_img .img_box img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .series_item .series_link:hover .link_text{text-decoration:underline}
main .series_item .series_link:hover .link_img .img_box img{transform:scale(1.1,1.1)}

main .sub_page .membership_login{margin-top:30px}

main .sub_page .banner_area{margin-top:50px}
main .sub_page .banner_area .btn_banner{display:block}
main .sub_page .banner_area .btn_banner img{display:block;width:100%;max-height:100px;object-fit:cover}

main .sub_page .half_layout{width:100%;font-size:0}
main .sub_page .half_layout .half_layout_item{box-sizing:border-box;display:inline-block;width:50%;padding-left:15px;vertical-align:top}
main .sub_page .half_layout .half_layout_item:first-child{padding:0 15px 0 0}
main .sub_page .card_item{box-sizing:border-box;position:relative;min-height:200px;padding:24px;border:1px solid #e5e5e5}
main .sub_page .card_item + .card_item{margin-top:20px}
main .sub_page .card_item .card_title{box-sizing:border-box;overflow:hidden;position:relative;padding-bottom:22px;font-size:0}
main .sub_page .card_item .card_title p{display:inline-block;color:#323232;font-size:21px;font-weight:900}
main .sub_page .card_item .card_content{padding-top:20px;border-top:1px solid #e5e5e5}
main .sub_page .card_item .card_content .card_text{color:#666;font-size:16px;line-height:24px}
main .sub_page .card_item .card_content .card_text + .card_text{margin-top:4px}
main .sub_page .card_item .card_content .card_info{padding-top:15px;color:#1ba2da;font-size:0;vertical-align:middle}
main .sub_page .card_item .card_content .card_info .card_date{display:inline-block;font-size:15px;line-height:22px}
main .sub_page .card_item .card_content .card_info .card_delivery{display:block;color:#333;font-size:15px;font-weight:500;line-height:22px}
main .sub_page .card_item .card_content .card_info .card_contact{display:block;margin-top:5px;color:#666;font-size:16px;line-height:22px}
main .sub_page .card_item .card_content .card_info .card_contact a:hover{color:#1ba2da;text-decoration:underline}
main .sub_page .card_item .card_content .card_info .btn_card{box-sizing:border-box;display:inline-block;padding:0 12px;font-family:'Acumin Variable Concept';font-size:12px;border:1px solid #1ba2da;border-radius:30px;line-height:20px;transition:.3s}
main .sub_page .card_item .card_content .card_info .btn_card:hover{color:#fff;background:#1ba2da}
main .sub_page .card_item .card_content .card_info .card_date + .btn_card{margin-left:18px}
main .sub_page .half_layout .card_item.print_item{padding-right:312px}
main .sub_page .half_layout .card_item.print_item .card_title{min-width:295px}
main .sub_page .half_layout .card_item.print_item .card_bg{position:absolute;right:45px;bottom:0;z-index:-1;width:217px;height:159px;background:url('http://res.heraldm.com/koreaherald/version03/www/images/bg_mykh_print.jpg') no-repeat 58.25396825397% bottom;background-size:cover}

main .sub_page .sub_title + .card_item{margin-top:20px}
main .sub_page .card_item.newsletter_item{min-height:230px;padding-right:508px}
main .sub_page .card_item.newsletter_item .check_item{position:relative;top:3px;margin-left:15px}
main .sub_page .card_item.newsletter_item .card_bg{position:absolute;right:18px;bottom:0;z-index:-1;width:441px;height:205px;background:url('http://res.heraldm.com/koreaherald/version03/www/images/bg_mykh_newsletter.jpg') no-repeat;background-size:cover}
main .sub_page .card_item.newsletter_item .card_content .card_info .card_date{display:block}
main .sub_page .card_item.newsletter_item .card_content .card_info .card_date + .btn_card{margin:25px 0 0 0}
main .sub_page .card_item.print_item{min-height:270px;padding-right:508px}
main .sub_page .card_item.print_item .card_bg{position:absolute;right:18px;bottom:0;z-index:-1;width:441px;height:245px;background:url('http://res.heraldm.com/koreaherald/version03/www/images/bg_mykh_print_edition.jpg') no-repeat;background-size:cover}
main .sub_page .card_item.print_item .card_content .card_info .card_contact + .btn_card{margin:25px 0 0 0}

main .sub_page .table_item h4.table_title{color:#323232;font-size:21px;font-weight:900}
main .sub_page .table_item .subs_detail_tb_bg{min-height:74px}
main .sub_page .table_item .subs_detail_tb{width:100%}
main .sub_page .table_item .subs_detail_tb li{display:table;width:100%}
main .sub_page .table_item .subs_detail_tb li{position:relative}
main .sub_page .table_item .subs_detail_tb_th,.table_item .subs_detail_tb_td{display:table-cell;width:25%;font-size:15px;line-height:22px;text-align:center;border-bottom:1px solid #ddd;vertical-align:middle}
main .sub_page .table_item .subs_detail_tb_th{border:1px solid #ddd;border-width:1px 0;background:#f6f6f6;font-weight:500;color:#000;padding:15px 0}
main .sub_page .table_item .subs_detail_tb_th:first-child{border-left:0}
main .sub_page .table_item .subs_detail_tb_td{color:#666;padding:10px 0}
main .sub_page .table_item .subs_detail_tb_td em{color:#1ba2da;font-style:normal}
main .sub_page .table_item .subs_detail_tb_more{width:100%;background:#f6f6f6}
main .sub_page .table_item .subs_detail_tb_more th, .table_item .subs_detail_tb_more td{font-size:14px;line-height:18px;color:#555;padding:10px;border-bottom:1px solid rgba(0,0,0,.05);vertical-align:middle;text-align:center}
main .sub_page .table_item .subs_detail_tb_more th{font-weight:500;width:40%;color:#111}
main .sub_page .table_item .subs_detail_tb_more td{text-align:left;word-break:keep-all}
main .sub_page .table_item .subs_detail_tb_more tr:last-child th, .subs_detail_tb_more tr:last-child td{border:none}
main .sub_page .table_item .table_info .arrow{display:inline-block;margin-left:8px}
main .sub_page .table_item .table_info .arrow::before,.arrow::after{position:relative;display:block;width:8px;height:2px;background:#bbb;transition:0.3s ease-in-out;content:''}
main .sub_page .table_item .table_info .arrow::before{top:-1px;transform:rotate(45deg)}
main .sub_page .table_item .table_info .arrow::after {top:-3px;left:5px;transform:rotate(-45deg)}
main .sub_page .table_item .table_info .btn_detail_tb{transition:.2s;cursor:pointer}
main .sub_page .table_item .table_info .btn_detail_tb:hover{background:#f6f6f6}
main .sub_page .table_item .table_info .item_detail_tb{display:none}
main .sub_page .table_item .table_info .btn_detail_tb.active .subs_detail_tb_td{font-weight:bold}
main .sub_page .table_item .table_info .btn_detail_tb.active .subs_detail_tb_td .arrow::before{transform:rotate(-45deg)}
main .sub_page .table_item .table_info .btn_detail_tb.active .subs_detail_tb_td .arrow::after{transform:rotate(45deg)}
main .sub_page .table_item .contact_info{padding-top:20px}
main .sub_page .table_item .contact_info em{display:block;color:#323232;font-size:15px;font-weight:500}
main .sub_page .table_item .contact_info p{margin-top:13px;color:#666;font-size:16px}
main .sub_page .table_item .contact_info p a:hover{color:#1ba2da;text-decoration:underline}

main .sub_page .sub_list_wrap{width:75%}
main .sub_page .sub_list_wrap .list_info_area{position:relative;min-height:52px;font-size:0}
main .sub_page .sub_list_wrap .list_info_text{display:inline-block;color:#323232;font-size:16px;line-height:52px}
main .sub_page .sub_list_wrap .list_info_area .btn_area{position:absolute;top:15px;right:0;font-size:0}
main .sub_page .sub_list_wrap .list_info_area .btn_area button{box-sizing:border-box;display:inline-block;min-width:30px;padding:0 12px;font-family:'Acumin Variable Concept';color:#666;font-size:12px;text-align:center;line-height:20px;border-radius:30px}
main .sub_page .sub_list_wrap .list_info_area .btn_area button + button{margin-left:8px}
main .sub_page .sub_list_wrap .list_info_area .btn_area .btn_white{color:#666;border:1px solid #666;background:#fff}
main .sub_page .sub_list_wrap .list_info_area .btn_area .btn_black{color:#fff;border:1px solid #666;background:#666}
main .sub_page .sub_list_wrap .sub_content_date{box-sizing:border-box;padding:0 15px;color:#666;font-size:15px;line-height:40px;background:#f6f6f6}
main .sub_page .sub_list_wrap .sub_content_date + .sub_content_list{margin-top:20px}
main .sub_page .sub_list_wrap .sub_content_list + .sub_content_date{margin-top:40px}
main .sub_page .sub_list_wrap .sub_content_item{position:relative;border-bottom:1px solid #e5e5e5;padding:20px 0}
main .sub_page .sub_list_wrap .sub_content_nodata{padding:80px 0;color:#323232;font-size:20px;font-weight:500;text-align:center}
main .sub_page .sub_list_wrap .sub_content_nosearch{padding:200px 0;color:#323232;font-size:20px;font-weight:500;text-align:center}
main .sub_page .sub_list_wrap .sub_content_nosearch .keyword{color:#1ba2da}
main .sub_page .sub_list_wrap .sub_content_item .news_link{display:block;width:100%;font-size:0}
main .sub_page .sub_list_wrap .sub_content_item .news_link .news_txt{box-sizing:border-box;display:inline-block;width:76%;padding-right:50px}
main .sub_page .sub_list_wrap .sub_content_item .news_link.text_only .news_txt{width:100%;padding-right:0}
main .sub_page .sub_list_wrap .sub_content_item .news_link .news_txt strong{display:block;color:#323232;font-size:20px;font-weight:500}
main .sub_page .sub_list_wrap .sub_content_item .news_link .news_txt .link_sub_txt{margin-top:18px;padding-bottom:20px;color:#999;font-size:16px;line-height:22px;word-break:break-all;transition:.3s}
main .sub_page .sub_list_wrap .sub_content_item .news_link .news_txt .date{color:#666;font-size:13px;line-height:20px}
main .sub_page .sub_list_wrap .sub_content_item .news_link .news_txt .date i{display:inline-block;margin-right:10px;padding:0 10px;color:#1ba2da;font-family:'Acumin Variable Concept';font-size:12px;letter-spacing:-.5px;line-height:20px;border:1px solid #1ba2da;border-radius:30px;background:#fff;transition:.3s}
main .sub_page .sub_list_wrap .sub_content_item .news_link .news_img{box-sizing:border-box;display:inline-block;position:relative;width:24%;vertical-align:top}
main .sub_page .sub_list_wrap .sub_content_item .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
main .sub_page .sub_list_wrap .sub_content_item .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:54.70085470085%}
main .sub_page .sub_list_wrap .sub_content_item .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .sub_page .sub_list_wrap .sub_content_item .news_link:hover strong{text-decoration:underline}
main .sub_page .sub_list_wrap .sub_content_item .news_link:hover .news_img img{transform:scale(1.1,1.1)}
main .sub_page .sub_list_wrap .list_info_area .content_check{display:inline-block;line-height:52px;vertical-align:top}
main .sub_page .sub_list_wrap .content_check{display:none}
main .sub_page .sub_list_wrap .content_check label span{display:inline-block;padding-left:12px;color:#666;font-size:16px;vertical-align:middle}
main .sub_page .sub_list_wrap .content_check input[type="checkbox"],main .sub_page .sub_list_wrap .content_check input[type="radio"]{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}
main .sub_page .sub_list_wrap .content_check input[type="checkbox"] + label,main .sub_page .sub_list_wrap .content_check input[type="radio"] + label{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
main .sub_page .sub_list_wrap .content_check_icon{position:relative;width:18px;height:18px;display:inline-block;vertical-align:middle;border-radius:50%;border:1px solid #d8d8d8;background:#fff}
main .sub_page .sub_list_wrap .content_check_icon svg{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;fill:#fff}
main .sub_page .sub_list_wrap .content_check input[type="checkbox"]:checked + label .content_check_icon, .content_check input[type="radio"]:checked + label .content_check_icon{background:#1ba2da; border-color:#1ba2da}
main .sub_page .sub_list_wrap .content_check input[type="checkbox"]:checked + label .content_check_icon svg, .content_check input[type="radio"]:checked + label .content_check_icon svg{fill:#fff}
main .sub_page .sub_list_wrap.edit_mode .sub_content_item{padding:20px 10px 20px 50px}
main .sub_page .sub_list_wrap.edit_mode .sub_content_item:hover{background:#f6f6f6;}
main .sub_page .sub_list_wrap.edit_mode .sub_content_item .content_check{display:block;position:absolute;left:15px;z-index:1}
main .sub_page .sub_list_wrap.edit_mode .sub_content_item .news_link:hover strong{text-decoration:none}
main .sub_page .sub_list_wrap.edit_mode .sub_content_item .news_link:hover .news_img img{transform:scale(1,1)}

main .pagenation{width:100%;margin-top:40px;font-size:0;text-align:center}
main .pagenation .btn_arrow{display:inline-block;width:30px;height:30px;border-radius:30px;vertical-align:top;background:none;transition:.3s}
main .pagenation .number + .btn_arrow + .btn_arrow{border:0}
main .pagenation .number + .btn_arrow,
main .pagenation .btn_arrow + .btn_arrow{border:1px solid #d8d8d8}
main .pagenation .btn_arrow svg{width:20px;fill:#666;transition:.3s}
main .pagenation .btn_arrow + .btn_arrow{margin-left:10px}
main .pagenation .btn_arrow:hover{background:#f7f7f7}
main .pagenation .btn_arrow:hover svg{fill:#666}

main .pagenation .number{display:inline-block;margin:0 15px;font-size:0;vertical-align:top}
main .pagenation .number li{display:inline-block}
main .pagenation .number li + li{margin-left:5px}
main .pagenation .number a{box-sizing:border-box;display:block;min-width:30px;min-height:30px;padding:0 5px;color:#999;font-size:14px;border-radius:30px;line-height:30px;transition:.3s}
main .pagenation .number a:hover{color:#fff;background:#323232}
main .pagenation .number .on a{color:#fff;background:#323232}
main .pagenation .number ~ button svg{margin-left:2px}

main .sub_page .sub_info{padding:30px 0;border-bottom:1px solid #323232}
main .sub_page .sub_info p{color:#323232;font-size:18px;line-height:28px;word-break:keep-all}

.sub_page .mypage_info_wrap .mypage_layout{font-size:0}
.sub_page .mypage_info_wrap .mypage_layout_item{box-sizing:border-box;display:inline-block;width:50%;padding:50px 0 50px 30px;vertical-align:top}
.sub_page .mypage_info_wrap .mypage_layout_item:first-child{padding-left:0}

.sub_page .mypage_info_wrap .mypage_layout_item .mypage_name{color:#323232;font-size:36px;font-weight:900;line-height:42px}
.sub_page .mypage_info_wrap .mypage_layout_item .btn_account{box-sizing:border-box;display:inline-block;margin-top:25px;padding:0 20px;color:#666;font-size:16px;text-align:center;line-height:32px;border:1px solid #e5e5e5;border-radius:30px;background:#f6f6f6}

.sub_page .mypage_info_wrap .mypage_layout_item .info_list{font-size:0}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item{box-sizing:border-box;display:inline-block;width:50%;padding-right:15px;vertical-align:top}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item + .info_item{padding:0 0 0 15px}

.sub_page .mypage_info_wrap .mypage_layout_item .info_item .mypage_category_wrap{min-height:195px;border:1px solid #e5e5e5;border-radius:15px}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item .mypage_category_wrap .mypage_category_title{padding:0 24px;font-size:21px;color:#323232;font-weight:900;border-radius:15px 15px 0 0;line-height:62px;border-bottom:1px solid #e5e5e5;background:#f6f6f6}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item .mypage_category_wrap .mypage_category_list{padding:20px 24px}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item .mypage_category_wrap .mypage_category_list li+li{margin-top:20px}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item .mypage_category_wrap .mypage_category_list li a{display:block;position:relative;transition:.3s}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item .mypage_category_wrap .mypage_category_list li a em{display:inline-block;color:#323232;font-size:16px;line-height:20px}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item .mypage_category_wrap .mypage_category_list li.on a em{font-weight:600;text-decoration:underline}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item .mypage_category_wrap .mypage_category_list li a:hover em{font-weight:600;text-decoration:underline}
.sub_page .mypage_info_wrap .mypage_layout_item .info_item .mypage_category_wrap .mypage_category_list li a .count{box-sizing:border-box;display:block;position:absolute;top:0;right:0;min-width:30px;padding:0 8px;font-family:'Acumin Variable Concept';color:#fff;font-size:12px;text-align:center;line-height:20px;border-radius:30px;background:#1ba2da}

main h3.sub_title{margin:0;padding:30px 0 10px;color:#323232;font-size:32px;font-weight:900;line-height:32px;border-bottom:3px solid #323232}
main .subscribe_category{overflow:hidden;position:relative;font-size:0}
main .subscribe_category .category_area{position:relative;padding-top:78px}
main .subscribe_category .category_list_wrap{position:absolute;top:0;left:0;right:0;height:58px;padding:0 12px;font-size:0;vertical-align:top;z-index:2;background:#f6f6f6}
main .subscribe_category .category_list_wrap.on{height:auto;border-bottom:2px solid #323232}
main .category_list_wrap .category_list{box-sizing:border-box;overflow:hidden;display:inline-block;width:calc(100% - 34px);height:58px;transition:.3s}
main .category_list_wrap.on .category_list{overflow:visible;height:auto;padding-bottom:18px}
main .category_list_wrap .category_item{display:inline-block;padding-top:12px;margin-right:6px}
main .category_list_wrap .category_item .btn_category{box-sizing:border-box;display:block;padding:0 16px;color:#111;font-size:16px;border:1px solid #e5e5e5;border-radius:30px;line-height:32px;background:#fff;transition:.3s}
main .category_list_wrap .category_item .btn_category:hover{color:#fff;border-color:#1ba2da;background:#1ba2da}
main .category_list_wrap .category_item.category_on .btn_category{color:#fff;border:0;background:#1ba2da}
main .category_list_wrap .category_item:last-child .btn_category{font-weight:700;border-color:#1ba2da}
main .category_list_wrap .more_category{display:inline-block;width:34px;padding-top:12px;vertical-align:top}
main .category_list_wrap .more_category .btn_more_category{overflow:hidden;position:relative;display:block;width:34px;height:34px;line-height:30px;border:1px solid #e5e5e5;border-radius:30px;background:#fff}
main .category_list_wrap .more_category .btn_more_category .ico_arrow{position:absolute;top:50%;left:10px;animation:bounce paused;animation-iteration-count:0}
main .category_list_wrap .more_category .btn_more_category .ico_arrow::before,.more_category .btn_more_category .ico_arrow::after{position:relative;display:block;width:8px;height:2px;background:#333;transition:0.2s ease-in-out;content:''}
main .category_list_wrap .more_category .btn_more_category .ico_arrow::before{top:-1px;transform:rotate(45deg)}
main .category_list_wrap .more_category .btn_more_category .ico_arrow::after {top:-3px;left:5px;transform:rotate(-45deg)}
main .category_list_wrap .more_category .btn_more_category.on .ico_arrow::before{top:-1px;transform:rotate(-45deg)}
main .category_list_wrap .more_category .btn_more_category.on .ico_arrow::after {top:-3px;left:5px;transform:rotate(45deg)}

main .subscribe_category .no_selected_wrap{position:absolute;top:0;left:0;right:0;height:58px;padding:0 20px;font-size:0;vertical-align:top;z-index:2;background:#f6f6f6}
main .subscribe_category .no_selected_text{color:#111;font-size:16px;font-weight:700;line-height:58px}
main .no_selected_wrap .btn_category{box-sizing:border-box;display:inline-block;position:absolute;top:50%;right:20px;margin-top:-17px;padding:0 16px;color:#111;font-size:16px;font-weight:700;border:1px solid #1ba2da;border-radius:30px;line-height:32px;background:#fff;transition:.3s}
main .no_selected_wrap .btn_category:hover{color:#fff;border-color:#1ba2da;background:#1ba2da}

main .category_content_wrap .category_list+.category_list{margin-top:40px}
main .category_content_wrap .inner_title{padding:20px 0;color:#111;font-size:21px;font-weight:900}
main .category_content_wrap .category_list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
main .category_content_wrap .category_item{position:relative;flex:1;max-width:234px;padding-left:30px}
main .category_content_wrap .category_list .category_item::before{position:absolute;top:0;left:15px;bottom:0;width:1px;background:#e5e5e5;content:''}
main .category_content_wrap .category_list .category_item:first-child{width:25%;padding-left:0}
main .category_content_wrap .category_list .category_item:first-child::before{display:none}
main .category_content_wrap .category_list .news_link{display:block;width:100%;padding-top:0;border-top:1px solid #e5e5e5}
main .category_content_wrap .category_list .news_link .news_img{box-sizing:border-box;position:relative;display:block;width:100%;vertical-align:top}
main .category_content_wrap .category_list .news_link .news_img::before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:rgba(0,0,0,0.4);content:''}
main .category_content_wrap .category_list .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:64.54439252336%}
main .category_content_wrap .category_list .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .category_content_wrap .category_list .news_link .news_txt{box-sizing:border-box;display:block}
main .category_content_wrap .category_list .news_link .news_txt .category_name{display:block;padding:20px 0;color:#1ba2da;font-size:16px;font-weight:500;word-break:break-all}
main .category_content_wrap .category_list .news_link .news_txt p{color:#333;font-size:16px;font-weight:500;word-break:break-all}
main .category_content_wrap .category_list .news_link .news_txt p.date{margin-top:20px;color:#999;font-size:13px;font-weight:400}
main .category_content_wrap .category_list .news_link:hover .news_img img{transform:scale(1.1,1.1)}
main .category_content_wrap .category_list .news_link:hover .news_txt p{text-decoration:underline}
main .category_content_wrap .category_item .btn_scrap{display:block;position:absolute;top:165px;right:0;width:30px;height:30px;z-index:1;background:url('https://res.heraldm.com/koreaherald/version03/www/images/ico_subscribe_bookmark.png') no-repeat center right}
main .category_content_wrap .category_item .btn_scrap.on{background:url('https://res.heraldm.com/koreaherald/version03/www/images/ico_subscribe_bookmark_on.png') no-repeat center right}
main .category_content_wrap .btn_area{padding-top:50px;text-align:center}
main .category_content_wrap .btn_area .btn_more{box-sizing:border-box;display:inline-block;padding:0 20px;border:1px solid #ccc;border-radius:30px;background:#fff}
main .category_content_wrap .btn_area .btn_more span{display:block;position:relative;padding-right:20px;color:#333;font-size:16px;font-weight:bold;line-height:34px}
main .category_content_wrap .btn_area .btn_more span .ico_arrow{position:absolute;top:50%;right:3px;margin-top:-2px}
main .category_content_wrap .btn_area .btn_more span .ico_arrow::before,main .category_content_wrap .btn_area .btn_more span .ico_arrow::after{position:relative;display:block;width:6px;height:2px;background:#333;transition:0.3s ease-in-out;content:''}
main .category_content_wrap .btn_area .btn_more span .ico_arrow::before{top:2px;transform:rotate(45deg)}
main .category_content_wrap .btn_area .btn_more span .ico_arrow::after {top:0px;left:4px;transform:rotate(-45deg)}

main .sub_page .notice_list_wrap .notice_title{border-bottom:1px solid #323232}
main .sub_page .notice_list_wrap .notice_title .notice_title_list{font-size:0}
main .sub_page .notice_list_wrap .notice_title .notice_title_list li{box-sizing:border-box;display:inline-block;padding:13px 0;color:#000;font-size:15px;font-weight:500;text-align:center}
main .sub_page .notice_list_wrap .notice_title .notice_title_list li.number{width:10%}
main .sub_page .notice_list_wrap .notice_title .notice_title_list li.subject{width:80%}
main .sub_page .notice_list_wrap .notice_title .notice_title_list li.date{width:10%}
main .sub_page .notice_list .notice_list_item{border-bottom:1px solid #e5e5e5}
main .sub_page .notice_list_item .notice_link{display:block;width:100%;font-size:0;transition:.3s}
main .sub_page .notice_list_item .notice_link:hover{background:#f6f6f6}
main .sub_page .notice_list_item .notice_link span{box-sizing:border-box;display:inline-block;padding:25px 0;font-size:15px;text-align:center;vertical-align:middle}
main .sub_page .notice_list_item .notice_link .number{width:10%;color:#333;}
main .sub_page .notice_list_item .notice_link .subject{width:80%;padding:15px 30px;color:#111;font-size:20px;line-height:32px;font-weight:700;text-align:left;vertical-align:middle}
main .sub_page .notice_list_item .notice_link .subject i{display:inline-block;margin-right:20px;padding:0 15px;color:#fff;font-family:'Malgun Gothic';font-size:15px;line-height:30px;border-radius:30px;background:#1ba2da}
main .sub_page .notice_list_item .notice_link .date{width:10%;color:#999}

main .sub_page .notice_view_wrap .notice_title{font-size:0;border-bottom:1px solid #323232}
main .sub_page .notice_view_wrap .notice_title p{display:inline-block;vertical-align:middle}
main .sub_page .notice_view_wrap .notice_title .subject{width:90%;padding:28px 0;color:#323232;font-size:21px;font-weight:800;line-height:32px}
main .sub_page .notice_view_wrap .notice_title .date{width:10%;color:#999;font-size:15px;text-align:right}
main .sub_page .notice_view_wrap .notice_content{min-height:450px;padding:20px 150px 50px;border-bottom:1px solid #e5e5e5}
main .sub_page .notice_view_wrap .notice_content p{color:#666 !important;font-family:'Nanum Myeongjo' !important;font-size:15px !important;line-height:28px !important}
main .sub_page .notice_view_wrap .notice_content p b{font-family:'Nanum Myeongjo' !important;font-size:15px !important;font-weight:700 !important}
main .sub_page .notice_view_wrap .btn_area{padding-top:40px;text-align:center}
main .sub_page .notice_view_wrap .btn_area .btn_back{display:inline-block;padding:0 40px;color:#333;font-size:16px;font-weight:500;border:1px solid #ccc;border-radius:30px;line-height:32px;background:#fff;transition:.3s}
main .sub_page .notice_view_wrap .btn_area .btn_back:hover{background:#f7f7f7}

main .sub_page .contact_list .contact_item{font-size:0;border-bottom:1px solid #e5e5e5}
main .sub_page .contact_list .contact_item .contact_title{display:inline-block;width:24%;padding:30px 0;color:#323232;font-size:16px;font-weight:700;vertical-align:top}
main .sub_page .contact_list .contact_item:last-child .contact_title{vertical-align:middle}
main .sub_page .contact_list .contact_item .contact_text{box-sizing:border-box;display:inline-block;width:76%;padding:30px 0 0 30px;color:#666;font-size:16px}
main .sub_page .contact_list .contact_item .contact_text em{font-weight:500}
main .sub_page .contact_list .contact_item .contact_text a:hover{color:#1ba2da;transition:.3s}
main .sub_page .contact_list .contact_item .contact_text span{display:block;padding:18px 0 30px;color:#1ba2da;font-size:15px}
main .sub_page .contact_list .contact_item .contact_text .contact_item_list{width:100%;max-width:660px;font-size:0}
main .sub_page .contact_list .contact_item .contact_text .contact_item_list li{box-sizing:border-box;display:inline-block;width:50%;margin-bottom:30px;color:#666;font-size:0}
main .sub_page .contact_list .contact_item .contact_text .contact_item_list li:nth-child(even){padding-left:30px}
main .sub_page .contact_list .contact_item .contact_text .contact_item_list li em{display:inline-block;width:50%;font-size:16px}
main .sub_page .contact_list .contact_item .contact_text .contact_item_list li p{display:inline-block;width:50%;font-size:16px}
main .sub_page .contact_list .contact_item .sns_list{box-sizing:border-box;display:inline-block;width:76%;padding-left:30px;font-size:0}
main .sub_page .contact_list .contact_item .sns_list li{display:inline-block}
main .sub_page .contact_list .contact_item .sns_list li+li{margin-left:12px}
main .sub_page .contact_list .contact_item .sns_list li a{display:block;width:30px;height:30px;text-align:center;border-radius:30px;background:#bcbcbc;transition:.3s}
main .sub_page .contact_list .contact_item .sns_list li a:hover{background:#333}
main .sub_page .contact_list .contact_item .sns_list li a i{display:inline-block;width:22px;line-height:30px}
main .sub_page .contact_list .contact_item .sns_list li a i svg{vertical-align:middle;fill:#fff}

main .sub_page .ethics_wrap .ethics_title{padding:30px 0;border-bottom:1px solid #323232}
main .sub_page .ethics_wrap .ethics_title p{color:#323232;font-size:16px;font-weight:700;line-height:28px;word-break:keep-all}
main .sub_page .ethics_wrap .ethics_list{padding-top:50px}
main .sub_page .ethics_wrap .ethics_list li{color:#323232}
main .sub_page .ethics_wrap .ethics_list li + li{margin-top:35px}
main .sub_page .ethics_wrap .ethics_list li strong{font-size:16px;font-weight:700}
main .sub_page .ethics_wrap .ethics_list li p{margin-top:15px;font-size:14px;line-height:24px}

main .sub_page .leaders_wrap .leaders_info{padding:30px 0;border-bottom:1px solid #323232}
main .sub_page .leaders_wrap .leaders_info p{color:#323232;font-size:16px;font-weight:700;line-height:28px;word-break:keep-all}
main .sub_page .leaders_wrap .leaders_title{padding:50px 0 20px;color:#323232;font-size:16px;font-weight:700}
main .sub_page .leaders_wrap .leaders_list{width:calc(100% + 20px);font-size:0}
main .sub_page .leaders_wrap .leaders_item{box-sizing:border-box;display:inline-block;width:16.66666666666667%;margin-bottom:20px;padding-right:20px;vertical-align:top}
main .sub_page .leaders_wrap .leaders_list + .leaders_title{margin-top:30px;border-top:1px solid #e5e5e5}
main .sub_page .leaders_wrap .leaders_link{display:block}
main .sub_page .leaders_wrap .leaders_link .leaders_logo{overflow:hidden;box-sizing:border-box;height:100px;font-size:0;text-align:center;line-height:100px;border:1px solid #e5e5e5;transition:.3s}
main .sub_page .leaders_wrap .leaders_link .leaders_logo img{display:inline-block;max-width:100%;max-height:100%;margin:0 auto;vertical-align:middle;transition:.3s}
main .sub_page .leaders_wrap .leaders_link .leaders_name{box-sizing:border-box;min-height:56px;padding:10px 0;color:#666;font-size:14px;line-height:18px;text-align:center}
main .sub_page .leaders_wrap .leaders_link:hover .leaders_logo img{transform:scale(1.1,1.1)}
main .sub_page .leaders_wrap .leaders_link:hover .leaders_name{text-decoration:underline}

main .sub_page .country_wrap .country_item{padding:30px 0;font-size:0}
main .sub_page .country_wrap .country_item + .country_item{border-top:1px solid #e5e5e5}
main .sub_page .country_wrap .country_item .country_year{box-sizing:border-box;display:inline-block;width:24%;color:#323232;font-size:23px;font-weight:500;vertical-align:top}
main .sub_page .country_wrap .country_item .country_content{box-sizing:border-box;display:inline-block;width:76%;padding-left:30px}
main .sub_page .country_wrap .country_content .country_date{color:#666;font-size:16px}
main .sub_page .country_wrap .country_content .country_date.type2{margin-top:30px;padding-top:30px;border-top:1px solid #e5e5e5}
main .sub_page .country_wrap .country_content .btn_country{display:block;margin-top:20px;transition:.3s}
main .sub_page .country_wrap .country_content .btn_country:hover span{color:#1ba2da}
main .sub_page .country_wrap .country_content .btn_country:hover span em{color:#1ba2da}
main .sub_page .country_wrap .country_content .btn_country:hover i svg{fill:#1ba2da}
main .sub_page .country_wrap .country_content .btn_country + .btn_country{margin-top:5px}
main .sub_page .country_wrap .country_content .btn_country i{display:inline-block;width:18px;margin-right:10px;vertical-align:middle}
main .sub_page .country_wrap .country_content .btn_country i svg{fill:#666}
main .sub_page .country_wrap .country_content .btn_country span{display:inline-block;color:#666;font-size:16px;font-weight:500;vertical-align:middle}
main .sub_page .country_wrap .country_content .btn_country span em{color:#323232;font-weight:700}
main .sub_page .country_wrap .country_content .country_paper_list{margin-top:20px;font-size:0}
main .sub_page .country_wrap .country_content .country_paper_list + .country_paper_list{margin-top:30px}
main .sub_page .country_wrap .country_content .country_paper_item{box-sizing:border-box;display:inline-block;width:50%;max-width:300px;padding-right:15px}
main .sub_page .country_wrap .country_content .country_paper_item + .country_paper_item{padding:0 0 0 15px}
main .sub_page .country_wrap .country_content .country_paper_item a{display:block}
main .sub_page .country_wrap .country_content .country_paper_item a img{display:block;width:100%}

main .sub_page .search_wrap{padding:80px 0 40px}
main .sub_page .search_bar{position:relative;max-width:645px;margin:0 auto}
main .sub_page .search_bar .search_inp{box-sizing:border-box;display:block;width:100%;height:60px;padding:0 70px 0 35px;color:#323232;font-size:26px;font-weight:700;vertical-align:middle;border:1px solid #e5e5e5;border-radius:30px;transition:.3s}
main .sub_page .search_bar .search_inp::-webkit-input-placeholder{color:#999}
main .sub_page .search_bar .search_inp:-ms-input-placeholder{color:#999}
main .sub_page .search_bar .search_inp:focus{border-color:#1ba2da}
main .sub_page .search_bar .search_inp:focus + .btn_search svg{fill:#1ba2da}
main .sub_page .search_bar .btn_search{display:block;position:absolute;top:0;right:15px;width:60px;height:60px;cursor:pointer;background:transparent}
main .sub_page .search_bar .btn_search svg{display:inline-block;width:40px;margin-top:4px;fill:#323232;transition:.3s}
main .sub_page .search_result{position:relative;border-top:3px solid #323232;vertical-align:top}
main .sub_page .search_result .search_count{position:absolute;top:-30px;left:0;color:#323232;font-size:16px}
main .sub_page .search_result .search_count em{font-weight:700}
main .sub_page .search_result .search_tab{box-sizing:border-box;padding:12px;font-size:0;background:#f6f6f6}
main .sub_page .search_result .search_tab .btn_tab_menu{box-sizing:border-box;display:inline-block;padding:0 16px;color:#111;font-size:16px;border:1px solid #e5e5e5;border-radius:30px;line-height:32px;background:#fff;transition:.3s}
main .sub_page .search_result .search_tab .btn_tab_menu + .btn_tab_menu{margin-left:6px}
main .sub_page .search_result .search_tab .btn_tab_menu:hover{color:#fff;border-color:#1ba2da;background:#1ba2da}
main .sub_page .search_result .search_tab .btn_on{color:#fff;border-color:#1ba2da;background:#1ba2da}
main .sub_page .search_wrap .sub_layout .sub_list_wrap .sub_content_list{padding-top:20px}
main .sub_page .search_wrap .sub_layout{padding-top:75px}
main .sub_page .reporter_area{display:table;width:100%;table-layout:fixed;padding:40px 0}
main .sub_page .reporter_area .img_profile{position:relative;display:table-cell;width:150px;height:150px;vertical-align:top}
main .sub_page .reporter_area .img_profile::before{box-sizing:border-box;position:absolute;top:0;left:0;right:0;bottom:0;width:150px;height:150px;border-radius:100%;border:1px solid rgba(0,0,0,0.1);content:''}
main .sub_page .reporter_area .img_profile img{display:block;width:100%;max-height:150px;border-radius:100%;object-fit:contain}
main .sub_page .reporter_area .text_profile{display:table-cell;padding-left:40px;vertical-align:middle}
main .sub_page .reporter_area .text_profile .name{color:#323232;font-size:32px;font-weight:700;line-height:32px;vertical-align:middle}
main .sub_page .reporter_area .text_profile .btn_mail{display:block;color:#323232;font-size:16px;transition:.3s}
main .sub_page .reporter_area .text_profile .btn_mail:hover{color:#1ba2da}
main .sub_page .reporter_area .text_profile .name + .btn_mail{margin-top:20px}
main .sub_page .reporter_result{border-top:3px solid #323232;vertical-align:top}
main .sub_page .sub_layout .banner_newsletter{box-sizing:border-box;margin-bottom:30px;padding:20px;border:3px solid #e5e5e5}
main .sub_page .sub_layout .banner_newsletter .banner_title{display:block;position:relative;width:calc(100% - 85px);color:#323232;font-size:20px;word-wrap:break-word}
main .sub_page .sub_layout .banner_newsletter .banner_text{margin-top:15px;color:#999;font-size:16px;line-height:22px}
main .sub_page .sub_layout .banner_newsletter .btn_preview{display:block;margin-top:20px;padding:0 15px;color:#333;font-family:'Acumin Variable Concept';font-size:16px;font-weight:bold;border:1px solid #333;border-radius:30px;line-height:30px;background:#fff}
main .sub_page .sub_layout .banner_newsletter .btn_subscribe{position:absolute;top:-1px;right:-85px;display:inline-block;padding:0 12px;color:#1ba2da;font-family:'Acumin Variable Concept';font-size:12px;font-weight:400;line-height:20px;text-align:right;border:1px solid #1ba2da;border-radius:30px;vertical-align:middle;background:#fff;transition:.3s}
main .sub_page .sub_layout .banner_newsletter .btn_subscribe:hover{color:#fff;background:#1ba2da}

main .sub_page .sub_layout{font-size:0;padding-bottom:30px}
main .sub_page .sub_layout .sub_layout_left{box-sizing:border-box;display:inline-block;width:74%;vertical-align:top}
main .sub_page .sub_layout .sub_layout_right{box-sizing:border-box;display:inline-block;width:26%;padding-left:30px}

main .sub_page .sub_layout .most_popular{position:relative}
main .sub_page .sub_layout .most_popular .popular_title{padding:20px 0 0;color:#1ba2da;font-size:20px;font-weight:900;border-top:3px solid #1ba2da}
main .sub_page .sub_layout .most_popular .popular_list li{box-sizing:border-box;border-bottom:1px solid #e5e5e5;transition:.3s}
main .sub_page .sub_layout .most_popular .popular_list .news_link{box-sizing:border-box;display:table;width:100%;padding:16px 0 16px 8px}
main .sub_page .sub_layout .most_popular .popular_list li:last-child .news_link{padding-left:5px}
main .sub_page .sub_layout .most_popular .popular_list .news_link em{display:table-cell;width:32px;color:#1ba2da;font-size:30px;font-weight:500;vertical-align:middle}
main .sub_page .sub_layout .most_popular .popular_list .news_link .news_title{box-sizing:border-box;display:table-cell;padding:0 10px 0 5px;color:#323232;font-size:16px;line-height:22px;text-align:left;vertical-align:middle}
main .sub_page .sub_layout .most_popular .popular_list li:last-child .news_title{padding-left:10px}
main .sub_page .sub_layout .most_popular .popular_list .news_link .news_img{display:table-cell;position:relative;width:80px;height:50px;vertical-align:middle}
main .sub_page .sub_layout .most_popular .popular_list .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
main .sub_page .sub_layout .most_popular .popular_list .news_link .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:62.5%}
main .sub_page .sub_layout .most_popular .popular_list .news_link .news_img img{display:inline-block;position:absolute;left:0;width:100%;height:100%;object-fit:cover;transition:.3s}
main .sub_page .sub_layout .most_popular .popular_list .news_link:hover .news_title{text-decoration:underline}
main .sub_page .sub_layout .most_popular .popular_list .news_link:hover .news_img img{transform:scale(1.1,1.1)}

main .sub_page .sub_layout .most_popular + .banner_newsletter{margin-top:30px}
main .sub_page .sub_layout .banner_newsletter{box-sizing:border-box;margin-bottom:30px;padding:20px;border:3px solid #e5e5e5}
main .sub_page .sub_layout .banner_newsletter .banner_title{display:block;position:relative;width:calc(100% - 85px);color:#323232;font-size:20px;word-wrap:break-word}
main .sub_page .sub_layout .banner_newsletter .banner_text{margin-top:15px;color:#999;font-size:16px;line-height:22px}
main .sub_page .sub_layout .banner_newsletter .btn_preview{display:block;margin-top:20px;padding:0 15px;color:#333;font-family:'Acumin Variable Concept';font-size:16px;font-weight:bold;border:1px solid #333;border-radius:30px;line-height:30px;background:#fff}
main .sub_page .sub_layout .banner_newsletter .btn_subscribe{position:absolute;top:-1px;right:-85px;display:inline-block;padding:0 12px;color:#1ba2da;font-family:'Acumin Variable Concept';font-size:12px;font-weight:400;line-height:20px;text-align:right;border:1px solid #1ba2da;border-radius:30px;vertical-align:middle;background:#fff;transition:.3s}
main .sub_page .sub_layout .banner_newsletter .btn_subscribe:hover{color:#fff;background:#1ba2da}

main .sub_page .sub_layout .sub_list_wrap{overflow:hidden;width:100%}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_list{width:calc(100% + 30px);font-size:0}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item{box-sizing:border-box;display:inline-block;position:relative;width:33.33333%;margin-top:40px;padding-right:30px;vertical-align:top}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item::before{position:absolute;top:0;bottom:0;left:-15px;width:1px;background:#e5e5e5;content:''}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item:first-child::before{display:none}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .news_link{display:block}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .sub_photo_item:first-child .news_link{padding:0 0 20px;border-top:0}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .news_link .news_img{box-sizing:border-box;display:inline-block;position:relative;width:100%;vertical-align:top}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .news_link .news_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:55%}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .news_link .news_txt{padding-top:20px}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .news_link .news_txt strong{min-height:44px;color:#323232;font-size:18px;font-weight:700;line-height:22px;word-break:break-all}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .news_link:hover .news_txt strong{text-decoration:underline}
main .sub_page .sub_layout .sub_list_wrap .sub_photo_item .news_link:hover .news_img img{transform:scale(1.1,1.1)}

main .sub_page .global_insight_tab{box-sizing:border-box;padding:40px 0 30px;font-size:0}
main .sub_page .global_insight_tab .btn_tab_menu{box-sizing:border-box;display:inline-block;padding:0 16px;color:#323232;font-size:16px;border:1px solid #e5e5e5;border-radius:30px;line-height:32px;background:#fff;transition:.3s}
main .sub_page .global_insight_tab .btn_tab_menu + .btn_tab_menu{margin-left:6px}
main .sub_page .global_insight_tab .btn_tab_menu:hover{background:#f7f7f7}
main .sub_page .global_insight_tab .btn_on{color:#fff;border-color:#1ba2da;background:#1ba2da}
main .sub_page .global_insight_tab .btn_on:hover{color:#fff;border-color:#1ba2da;background:#1ba2da}
main .global_insight_wrap .global_insight_list{width:calc(100% + 30px);margin-top:-40px;font-size:0}
main .global_insight_wrap .global_insight_item{box-sizing:border-box;display:inline-block;position:relative;width:25%;margin-top:40px;padding-right:30px;vertical-align:top}
main .global_insight_wrap .global_insight_item::before{position:absolute;top:0;left:-15px;bottom:0;width:1px;background:#e5e5e5;content:''}
main .global_insight_wrap .global_insight_list .global_insight_item:first-child{width:25%;padding-left:0}
main .global_insight_wrap .global_insight_list .global_insight_item:first-child::before{display:none}
main .global_insight_wrap .news_link{display:block;width:100%;padding-top:0;border-top:1px solid #e5e5e5}
main .global_insight_wrap .news_link .news_img{box-sizing:border-box;position:relative;display:block;width:100%;vertical-align:top}
main .global_insight_wrap .news_link .news_img::before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,0.4);content:''}
main .global_insight_wrap .news_link .news_img .news_img_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:64.54439252336%}
main .global_insight_wrap .news_link .news_img img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}
main .global_insight_wrap .news_link .news_txt{box-sizing:border-box;display:block}
main .global_insight_wrap .news_link .news_txt p{min-height:48px;padding:10px 0 5px;color:#333;font-size:18px;font-weight:500;line-height:22px;word-break:break-all}
main .global_insight_wrap .news_link .news_txt .date{display:block;padding-bottom:5px;color:#999;font-size:16px;line-height:16px}
main .global_insight_wrap .news_link:hover .news_img img{transform:scale(1.1,1.1)}
main .global_insight_wrap .news_link:hover .news_txt p{text-decoration:underline}
main .global_insight_wrap .btn_area{padding-top:65px;text-align:center}
main .global_insight_wrap .btn_area .btn_more{box-sizing:border-box;display:inline-block;padding:0 20px;border:1px solid #e5e5e5;border-radius:30px;background:#fff;transition:.3s}
main .global_insight_wrap .btn_area .btn_more:hover{background:#f7f7f7}
main .global_insight_wrap .btn_area .btn_more span{display:block;position:relative;padding-right:20px;color:#323232;font-size:16px;font-weight:500;line-height:32px}
main .global_insight_wrap .btn_area .btn_more span .ico_arrow{position:absolute;top:50%;right:3px;margin-top:-2px}
main .global_insight_wrap .btn_area .btn_more span .ico_arrow::before,main .global_insight_wrap .btn_area .btn_more span .ico_arrow::after{position:relative;display:block;width:6px;height:2px;background:#323232;content:''}
main .global_insight_wrap .btn_area .btn_more span .ico_arrow::before{top:2px;transform:rotate(45deg)}
main .global_insight_wrap .btn_area .btn_more span .ico_arrow::after {top:0px;left:4px;transform:rotate(-45deg)}

main .sub_page .rss_wrap .rss_list{padding-top:30px}
main .sub_page .rss_wrap .rss_list li{width:calc(100% + 100px);padding:18px 0;font-size:0;border-bottom:1px solid #e5e5e5}
main .sub_page .rss_wrap .rss_item{box-sizing:border-box;display:inline-block;position:relative;width:33.33333%;padding-right:100px}
main .sub_page .rss_wrap .rss_item .rss_title{box-sizing:border-box;position:relative;width:calc(100% - 110px);padding-left:12px;line-height:34px}
main .sub_page .rss_wrap .rss_item .rss_title span{display:inline-block;color:#323232;font-size:16px;font-weight:700;line-height:18px;vertical-align:middle}
main .sub_page .rss_wrap .rss_item .rss_title::before{position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:30px;background:#323232;content:''}
main .sub_page .rss_wrap .rss_item .btn_rss{box-sizing:border-box;display:block;position:absolute;top:50%;right:100px;margin-top:-17px;padding:0 26px;border:1px solid #e5e5e5;border-radius:30px;transition:.3s}
main .sub_page .rss_wrap .rss_item .btn_rss:hover{background:#f7f7f7}
main .sub_page .rss_wrap .rss_item .btn_rss i{display:block;position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px}
main .sub_page .rss_wrap .rss_item .btn_rss i svg{display:block;fill:#323232}
main .sub_page .rss_wrap .rss_item .btn_rss span{display:block;position:relative;padding-left:21px;color:#323232;font-size:16px;font-weight:500;line-height:32px}

main .sub_page .ann_wrap{width:1290px}
main .sub_page .ann_wrap .ann_logo{box-sizing:border-box;padding:40px 50px 30px}
main .sub_page .ann_wrap .ann_logo img{display:block;max-width:100%;max-height:100%}
main .sub_page .ann_wrap .ann_info{box-sizing:border-box;padding:0 50px;color:#323232;font-size:18px;line-height:28px}
main .sub_page .ann_wrap .ann_map{padding:50px 0;text-align:center}
main .sub_page .ann_wrap .ann_map img{display:inline-block;border:0;box-shadow:5px 5px 20px rgba(0,0,0,0.1)}

main .sub_page .privacy_wrap{padding:50px 100px 0;color:#323232}
main .sub_page .privacy_wrap strong{display:block;font-size:18px;font-weight:700}
main .sub_page .privacy_wrap em{box-sizing:border-box;display:block;margin-top:25px;padding:0 20px;font-size:15px;font-weight:700;line-height:24px}
main .sub_page .privacy_wrap p{box-sizing:border-box;display:block;margin-top:20px;padding:0 20px;font-size:15px;line-height:24px}
main .sub_page .privacy_wrap ol{box-sizing:border-box;margin-top:20px;padding:0 70px}
main .sub_page .privacy_wrap ol li{font-size:15px;line-height:24px}
main .sub_page .privacy_wrap ol.center_list{margin-top:70px}
main .sub_page .privacy_wrap ol.center_list li{text-align:center}
main .sub_page .privacy_wrap ol li + li{margin-top:20px}
main .sub_page .privacy_wrap ol span{box-sizing:border-box;display: block;margin-top:10px;padding:0 20px;line-height:28px}
main .sub_page .privacy_wrap ol span + span{margin-top:10px}
main .sub_page .privacy_wrap ol li > ul{padding-left:30px}
main .sub_page .privacy_wrap ol li > ul li{margin-top:8px}
main .sub_page .privacy_wrap .tbl_area{margin-top:20px;padding:0 20px}
main .sub_page .privacy_wrap .tbl_area table{width:100%;table-layout:fixed}
main .sub_page .privacy_wrap .tbl_area th,main .sub_page .privacy_wrap .tbl_area td{box-sizing:border-box;padding:15px 20px;font-size:15px;line-height:24px;text-align:center;border:1px solid #e5e5e5;border-collapse:collapse}
main .sub_page .privacy_wrap .tbl_area th{font-weight:700;background:#f6f6f6}
main .sub_page .privacy_wrap .tbl_area td.txt_left{text-align:left}
main .sub_page .privacy_wrap .tbl_area td a{display:inline-block;position:relative;color:#1ba2da;text-decoration:underline;transition:.3s}
main .sub_page .privacy_wrap .tbl_area td a.btn_file{margin-top:10px;font-size:14px;text-decoration:none}
main .sub_page .privacy_wrap .tbl_area td a:hover{color:#1ba2da}
main .sub_page .privacy_wrap .tbl_area td a.btn_file:hover::before{background:#1ba2da}
main .sub_page .privacy_wrap p + p{margin-top:10px}
main .sub_page .privacy_wrap p + strong, main .sub_page .privacy_wrap ol + strong, main .sub_page .privacy_wrap .tbl_area + strong{margin-top:50px}
main .sub_page .privacy_wrap .history_list{margin-top:100px}
main .sub_page .privacy_wrap .history_list li + li{margin-top:15px}
main .sub_page .privacy_wrap .history_list li a{box-sizing:border-box;display:inline-block;padding:0 40px;font-size:14px;font-weight:700;line-height:40px;letter-spacing:-.5px;border:2px solid #e5e5e5;transition:.3s}
main .sub_page .privacy_wrap .history_list li a span{font-size:13px;font-weight:400}
main .sub_page .privacy_wrap .history_list li a:hover{background:#f7f7f7}

main .sub_page .copyright_wrap{min-height:400px;padding:50px 0}
main .sub_page .copyright_wrap .copyright_box{padding:50px;border:1px solid #e5e5e5}
main .sub_page .copyright_wrap .copyright_box p{font-size:18px;line-height:28px}
main .sub_page .copyright_wrap .name_card{margin-top:30px;padding:30px 30px;text-align:right;background:#f6f6f6}
main .sub_page .copyright_wrap .name_card strong{display:block;font-size:18px;font-weight:700}
main .sub_page .copyright_wrap .name_card p{margin-top:20px;font-size:16px;line-height:16px}
main .sub_page .copyright_wrap .name_card p + p{margin-top:10px}
main .sub_page .copyright_wrap .name_card p a:hover{color:#1ba2da;transition:.3s}

main .sub_page .ombudsman_wrap .sub_info{padding:30px 0;border-bottom:1px solid #323232}
main .sub_page .ombudsman_wrap .sub_info p{color:#323232;font-size:16px;font-weight:700;line-height:28px;word-break:keep-all}
main .sub_page .ombudsman_wrap .sub_info p+p{margin-top:25px}
main .sub_page .ombudsman_list .ombudsman_item{font-size:0;border-bottom:1px solid #e5e5e5;letter-spacing:-.3px}
main .sub_page .ombudsman_list .ombudsman_item .title{display:inline-block;width:24%;padding:30px 0;color:#323232;font-size:16px;font-weight:700;vertical-align:top}
main .sub_page .ombudsman_list .ombudsman_item .text{box-sizing:border-box;display:inline-block;width:76%;padding:30px 0 30px 30px;color:#666;font-weight:700;font-size:16px;line-height:26px}
main .sub_page .ombudsman_list .ombudsman_item .text p + p{margin-top:25px}
main .sub_page .ombudsman_list .ombudsman_item .text em{font-weight:500}
main .sub_page .ombudsman_list .ombudsman_item .text a:hover{color:#1ba2da;transition:.3s}
main .sub_page .ombudsman_list .ombudsman_item .text span{display:block;padding:18px 0 30px;color:#1ba2da;font-size:15px}
main .sub_page .ombudsman_list .ombudsman_item .profile_area{display:table;width:100%;table-layout:fixed}
main .sub_page .ombudsman_list .ombudsman_item .img_profile{position:relative;display:table-cell;width:150px;height:150px}
main .sub_page .ombudsman_list .ombudsman_item .img_profile::before{box-sizing:border-box;position:absolute;top:0;left:0;right:0;bottom:0;width:150px;height:150px;border-radius:100%;border:1px solid rgba(0,0,0,0.1);content:''}
main .sub_page .ombudsman_list .ombudsman_item .img_profile img{display:block;width:100%;border-radius:100%}
main .sub_page .ombudsman_list .ombudsman_item .text_profile{display:table-cell;padding-left:30px;font-weight:700;vertical-align:middle}
main .sub_page .ombudsman_list .ombudsman_process{font-size:0}
main .sub_page .ombudsman_list .process_item{box-sizing:border-box;display:inline-block;position:relative;width:230px;margin-right:10px}
main .sub_page .ombudsman_list .process_item:last-child{margin-right:0}
main .sub_page .ombudsman_list .process_item .process_content_wrap{display:table;position:relative;padding-top:30px}
main .sub_page .ombudsman_list .process_item .process_content_wrap em{display:block;position:absolute;top:0;left:0;right:0;color:#666;font-size:16px;text-align:center;line-height:16px}
main .sub_page .ombudsman_list .process_item .process_content{box-sizing:border-box;display:table-cell;position:relative;width:180px;height:180px;text-align:center;vertical-align:middle;border:1px solid #666666;border-radius:180px}
main .sub_page .ombudsman_list .process_item .process_content::before{position:absolute;top:50%;left:50%;width:50px;height:1px;margin-left:90px;background:#666;content:''}
main .sub_page .ombudsman_list .process_item .process_content::after{position:absolute;top:50%;left:50%;width:15px;height:1px;margin:-5px 0 0 126px;background:#666;transform:rotate(40deg);content:''}
main .sub_page .ombudsman_list .process_item:last-child .process_content::before{display:none}
main .sub_page .ombudsman_list .process_item:last-child .process_content::after{display:none}
main .sub_page .ombudsman_list .process_item .process_content p{padding-top:5px;color:#666;font-size:16px;font-weight:800}
main .sub_page .ombudsman_list .process_item .process_content a{display:inline-block;margin-top:10px;padding:0 12px;color:#1ba2da;font-size:12px;font-weight:500;line-height:21px;border:1px solid #1ba2da;border-radius:30px;transition:.3s}
main .sub_page .ombudsman_list .process_item .process_content a:hover{color:#fff;background:#1ba2da}
main .sub_page .ombudsman_list .process_item .process_content span{display:inline-block;margin-top:10px;padding:0;color:#999;font-size:14px;font-weight:400;line-height:21px}
main .sub_page .ombudsman_list .ombudsman_rule{box-sizing:border-box;overflow-y:auto;height:345px;padding:40px;border:1px solid #e5e5e5}
main .sub_page .ombudsman_list .ombudsman_rule strong{display:block;padding-top:25px;color:#323232;font-size:16px;font-weight:800}
main .sub_page .ombudsman_list .ombudsman_rule strong:first-child{padding-top:0}
main .sub_page .ombudsman_list .ombudsman_rule p{padding-top:8px;color:#666;;font-size:14px}
main .sub_page .ombudsman_list .ombudsman_rule ol{padding-top:15px}
main .sub_page .ombudsman_list .ombudsman_rule ol li{color:#666;;font-size:14px}
main .sub_page .ombudsman_list .rule_btn_list{max-width:400px;padding-top:28px}
main .sub_page .ombudsman_list .rule_btn_list li{position:relative;padding-left:15px;color:#666;font-size:16px;font-weight:700;line-height:22px}
main .sub_page .ombudsman_list .rule_btn_list li::before{position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:30px;background:#666;content:''}
main .sub_page .ombudsman_list .rule_btn_list li + li{margin-top:12px}
main .sub_page .ombudsman_list .rule_btn_list li a{display:inline-block;position:absolute;top:0;right:0;padding:0 12px;color:#1ba2da;font-size:12px;font-weight:500;line-height:21px;border:1px solid #1ba2da;border-radius:30px;transition:.3s}
main .sub_page .ombudsman_list .ombudsman_item .rule_btn_list li a:hover{color:#fff;background:#1ba2da}

main .sub_page .leaders_wrap .stocks_title{box-sizing:border-box;position:relative;padding:50px 360px 20px 0;color:#111;font-size:0}
main .sub_page .stocks_title .stocks_name{display:inline-block;margin-right:30px;font-size:30px;font-weight:900;line-height:30px}
main .sub_page .stocks_title .stocks_number{display:inline-block;font-size:16px;font-weight:700;line-height:30px}
main .sub_page .stocks_title .stocks_number em{display:inline-block;margin-left:10px;color:#e60012;font-weight:400}
main .sub_page .stocks_title .price_update{position:absolute;bottom:20px;right:0;color:#999;font-size:16px;line-height:30px}
main .sub_page .stocks_title .price_update em{display:inline-block;margin-right:10px;color:#666;font-weight:700}
main .sub_page .stocks_info_wrap{border:1px solid #666;font-size:0}
main .sub_page .stocks_info_wrap .stocks_info{box-sizing:border-box;display:inline-block;width:33.333333%;min-width:340px;min-height:450px;vertical-align:top;border-right:1px solid #666}
main .sub_page .stocks_info_wrap .stocks_chart{box-sizing:border-box;display:inline-block;width:66.66666%}
main .sub_page .stocks_info_wrap .stocks_chart .chart{width:100%;margin:0;padding:0;border:none;border-radius:0;box-shadow:none}
main .sub_page .stocks_info_wrap .stocks_chart .chart .chart_graph{height:450px}
main .sub_page .stocks_info_wrap .stocks_price{padding:30px 0;border-bottom:1px solid #e5e5e5}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item{display:table;width:100%;table-layout:fixed}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item p{box-sizing:border-box;display:table-cell;width:50%;padding:10px 0;font-size:16px;font-weight:400;letter-spacing:-.5px}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item p i{font-size:14px}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item p:first-child{text-align:right}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item p span{display:inline-block;position:relative;margin-left:10px;padding-left:10px}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item p span::before{position:absolute;top:-1px;left:0;content:''}
main .sub_page .stocks_info_wrap .stocks_price.price_up .stocks_price_item p span::before{content:'+'}
main .sub_page .stocks_info_wrap .stocks_price.price_down .stocks_price_item p span::before{left:2px;content:'-'}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item p.price_won{font-size:30px;font-weight:700}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item p.price_won i{font-size:26px}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item p.price_percent{position:relative;padding-left:12px}
main .sub_page .stocks_info_wrap .stocks_price .stocks_price_item p.price_percent::before{display:none;width:0px;height:0px;margin-right:5px;border-bottom:calc(5px * 1.732) solid #666666;border-left:5px solid transparent;border-right:5px solid transparent;content:''}
main .sub_page .stocks_info_wrap .stocks_price.price_up .stocks_price_item p.price_percent::before{display:inline-block;border-bottom-color:#e60012}
main .sub_page .stocks_info_wrap .stocks_price.price_down .stocks_price_item p.price_percent::before{display:inline-block;border-bottom-color:#008dd2;transform:rotate(180deg)}
main .sub_page .stocks_info_wrap .stocks_price.price_up .stocks_price_item p{color:#e60012}
main .sub_page .stocks_info_wrap .stocks_price.price_down .stocks_price_item p{color:#008dd2}

main .sub_page .stocks_info_wrap .stocks_price_info{padding:40px 0}
main .sub_page .stocks_info_wrap .price_info_item{font-size:0}
main .sub_page .stocks_info_wrap .price_info_item + .price_info_item{margin-top:18px}
main .sub_page .stocks_info_wrap .price_info_item p{box-sizing:border-box;display:inline-block;width:50%;color:#666;font-size:16px;}
main .sub_page .stocks_info_wrap .price_info_item .info_title{padding-left:40px}
main .sub_page .stocks_info_wrap .price_info_item .info_text{color:#323232;padding-right:40px;text-align:right}
main .sub_page .stocks_info_wrap .price_info_item .info_text.txt_red{color:#e60012}
main .sub_page .stocks_info_wrap .price_info_item .info_text.txt_blue{color:#008dd2}

main .sub_page .leaders_wrap .corp_info_item{padding:30px 0;font-size:0;border-bottom:1px solid #e5e5e5}
main .sub_page .leaders_wrap .corp_info_item p{display:inline-block;color:#666;font-size:16px}
main .sub_page .leaders_wrap .corp_info_item .corp_title{width:24%;color:#111;font-weight:700;}
main .sub_page .leaders_wrap .corp_info_item .corp_text{width:76%}
main .sub_page .leaders_wrap .corp_info_item .corp_text a{display:inline-block;transition:.3s}
main .sub_page .leaders_wrap .corp_info_item .corp_text a:hover{color:#1ba2da;text-decoration:underline}
main .sub_page .leaders_wrap h3.sub_title{padding:80px 0 20px;font-size:21px}
main .sub_page .leaders_wrap .sub_list_wrap .sub_content_item .news_link .news_txt .link_sub_txt{padding-bottom:0}

main .sub_page .leaders_wrap .btn_area{padding-top:40px;text-align:center}
main .sub_page .leaders_wrap .btn_area .btn_back{display:inline-block;padding:0 40px;color:#333;font-size:16px;font-weight:500;border:1px solid #ccc;border-radius:30px;line-height:32px;background:#fff;transition:.3s}
main .sub_page .leaders_wrap .btn_area .btn_back:hover{background:#f7f7f7}

/* error page */
.error_page{max-width:1290px;margin:0 auto;padding-top:100px;text-align:center}
.error_page .errer_area{margin:0 auto}
.error_page .ico_error{display:inline-block;width:63px;height:63px}
.error_page .ico_error svg{fill:#1ba2da}
.error_page .title_box{position:relative;margin:50px 0 60px;padding-bottom:60px}
.error_page .title_box::before{position:absolute;left:50%;bottom:0;width:200px;height:1px;margin-left:-100px;background:#ccc;content:''}
.error_page .title_box .error_title{color:#323232;font-size:38px;font-weight:200}
.error_page .title_box .error_title_info{margin-top:28px;color:#323232;font-size:18px;letter-spacing:.5px}
.error_page .info_box{font-weight:300}
.error_page .info_box .info_title{color:#323232;font-size:18px}
.error_page .info_box .info_text{margin-top:30px;color:#323232;font-size:16px;line-height:28px}
.error_page .info_box .info_text + .info_text{margin-top:20px}
.error_page .info_box .info_text a{color:#1ba2da;text-decoration:underline}
.error_page .btn_box{margin-top:70px;text-align:center}
.error_page .btn_box .btn_home{display:inline-block;padding:0 25px;color:#fff;font-size:16px;line-height:46px;border-radius:5px;background:#1ba2da}
.error_page .recommend_area{padding-top:120px}
.error_page .recommend_area .recommend_list{width:calc(100% + 30px);margin:0 auto;font-size:0}
.error_page .recommend_area .recommend_item{box-sizing:border-box;position:relative;display:inline-block;width:25%;padding-right:30px;vertical-align:top}
.error_page .recommend_area .recommend_item::before{position:absolute;top:0;bottom:0;left:-15px;width:1px;background:#e5e5e5;content:''}
.error_page .recommend_area .recommend_item:first-child::before{display:none}
.error_page .recommend_area .recommend_item a{display:block}
.error_page .recommend_area .recommend_item .img_thumb{overflow:hidden;display:block;position:relative}
.error_page .recommend_area .recommend_item .img_thumb::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);content:''}
.error_page .recommend_area .recommend_item .img_thumb img{width:100%;height:100%}
.error_page .recommend_area .recommend_item .recommend_title{box-sizing:border-box;display:block;padding:15px 0 0}
.error_page .recommend_area .recommend_item .recommend_title em{overflow:hidden;font-style:normal;color:#333;font-size:16px;font-weight:500;text-align:left;line-height:22px;display:-webkit-box; text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2}
.error_page .recommend_area .recommend_item a:hover .img_thumb img{transition:.3s;transform:scale(1.1,1.1)}
.error_page .recommend_area .recommend_item a:hover .recommend_title{text-decoration:underline}

/* ====== footer ======================================================================================================= */
footer{clear:both;border-top:1px solid #e5e5e5;background:#f6f6f6}
footer .footer_wrap{padding:40px 0;font-size:0}
footer .company_info{display:inline-block;width:50%;color:#999;font-size:13px;line-height:18px;vertical-align:top}
footer .company_info .footer_logo{width:198px}
footer .company_info .footer_logo .link_footer_logo{display:block}
footer .company_info .footer_logo svg{fill:#323232}
footer .company_info .copyright{margin-top:30px;font-weight:500}
footer .company_info address{margin-top:15px}
footer .company_info address span{display:inline-block;margin-right:12px}
footer .company_info .sns_list{margin-top:40px;font-size:0}
footer .company_info .sns_list li{display:inline-block}
footer .company_info .sns_list li+li{margin-left:12px}
footer .company_info .sns_list li a{display:block;width:30px;height:30px;text-align:center;border-radius:30px;background:#bcbcbc;transition:.3s}
footer .company_info .sns_list li a:hover{background:#333}
footer .company_info .sns_list li a i{display:inline-block;width:22px;line-height:30px}
footer .company_info .sns_list li a i svg{vertical-align:middle;fill:#fff}
footer .site_map{display:inline-block;width:50%;vertical-align:top}
footer .site_map .site_map_list{display:table;width:100%}
footer .site_map .site_map_list .site_map_item{display:table-cell;vertical-align:top}
footer .site_map .site_map_list .site_map_item+.site_map_item{padding-left:10px}
footer .site_map_item .site_link_title{color:#333;font-size:16px;font-weight:700}
footer .site_map_item.none_title .site_link_list{margin-top:30px}
footer .site_map_item .site_link_list li:first-child em{display:inline-block;color:#323232;font-size:16px;font-weight:700}
footer .site_map_item .site_link_list li+li{margin-top:15px}
footer .site_map_item .site_link_list li a{display:block;max-width:180px;color:#666;font-size:14px;transition:.3s}
footer .site_map_item .site_link_list li a:hover{color:#323232;text-decoration:underline}

footer .herald_link{position:relative;padding:20px 0 40px;border-top:1px solid #e5e5e5;font-size:0}
footer .herald_link::after{clear:both;display:block;content:''}
footer .herald_link_list{display:inline-block;float:left;font-size:0}
footer .herald_link_list li{position:relative;display:inline-block}
footer .herald_link_list li+li{padding-left:40px}
footer .herald_link_list li+li::before{position:absolute;top:50%;left:20px;width:1px;height:12px;margin-top:-6px;background:#ccc;content:''}
footer .herald_link_list li a{display:block;color:#323232;font-size:15px;font-weight:500;line-height:30px;transition:.3s}
footer .herald_link_list li a:hover{color:#999}
footer .herald_link .our_site_wrap{display:inline-block;position:absolute;right:0;float:right;width:300px;vertical-align:middle;transition:.3s}
footer .herald_link .btn_our_site{overflow:hidden;position:relative;display:block;width:100%;height:30px;padding:0 20px;color:#777;font-size:14px;line-height:30px;text-align:left;border:1px solid #e5e5e5;border-radius:30px;background:#fff}

footer .herald_link .btn_our_site.on::before{position:fixed;top:0;left:0;right:0;bottom:0;content:''}

footer .herald_link .btn_our_site .ico_arrow{position:absolute;top:50%;right:20px;animation:bounce paused;animation-iteration-count:0}
footer .herald_link .btn_our_site .ico_arrow::before,.btn_our_site .ico_arrow::after{position:relative;display:block;width:6px;height:2px;background:#666;transition:0.3s ease-in-out;content:''}
footer .herald_link .btn_our_site .ico_arrow::before{top:-1px;transform:rotate(-45deg)}
footer .herald_link .btn_our_site .ico_arrow::after {top:-3px;left:4px;transform:rotate(45deg)}
footer .herald_link .btn_our_site.on .ico_arrow::before{transform:rotate(45deg)}
footer .herald_link .btn_our_site.on .ico_arrow::after{transform:rotate(-45deg)}
footer .herald_link .our_site_list{display:none;box-shadow:0 3px 10px rgba(0,0,0,0.15);box-sizing:border-box;overflow-y:auto;position:absolute;top:-252px;width:100%;padding:9px 0;border:1px solid #e5e5e5;background:#fff;border-radius:10px;font-size:14px;text-align:left;transition:.3s}
footer .herald_link .our_site_list li a{display:block;padding:9px 20px;font-size:14px;color:#666}
footer .herald_link .our_site_list li a:hover{color:#333;font-weight:500;text-decoration:underline}

@media all and (max-width: 1280px) {
    .site_width {width:calc(100% - 30px)}
    header nav .gnb li{margin-right:20px}
    header nav .gnb li a{font-size:13px}
    header nav .special_feature li a svg, header nav .special_feature li a img{max-width:100px}
    header nav .special_feature li+li{margin-left:20px}
    header .top_menu .site_width{width:calc(100% - 30px);min-width:800px}
    header.change .top_menu .site_width{width:calc(100% - 30px);min-width:800px}
    header nav .nav_wrap{min-width:800px}
    header.change nav .nav_wrap{width:calc(100% - 30px);min-width:800px}
    header .real_time_news_wrap{box-sizing:border-box;padding:0 20px}
    header .real_time_news{box-sizing:border-box;position:relative;width:auto;padding:0 0 0 148px}
    header .real_time_news .title_area{position:absolute;left:0}
    header .real_time_news .real_time_news_list{width:100%;padding-left:0}
    header .real_time_news .btn_area{position:absolute;top:50%;right:0;margin-top:-10px}

    main .banner .banner_list .link_banner img{max-width:150px;transition:.3s}
    main .membership_login .membership_info li:first-child p{font-size:28px;transition:.3s}
    main .membership_login .membership_info li p{font-size:14px;transition:.3s}

    .main_news .main_headline .news_img{vertical-align:middle}

    main .series_item{width:33.33333%;padding-right:20px}
    main .series_item:nth-child(3n){padding-right:0}
    main .series_item:nth-child(4n){padding-right:20px}

    main .category_content_wrap .category_list .news_link .news_txt p{padding-right:30px}
    main .category_content_wrap .category_item .btn_scrap{top:59.2%}

    main .sub_page .leaders_wrap .stocks_title{padding-right:0}
    main .sub_page .leaders_wrap .stocks_title .price_update{position:static;display:block;padding-top:10px;text-align:right}

    footer .company_info{box-sizing:border-box;width:35%;padding-right:20px;transition:.5s}
    footer .company_info address span{display:block;margin-left:0}
    footer .site_map{width:65%;transition:.5s}
}

@media all and (max-width: 1100px) {
  main .sub_page .stocks_info_wrap .stocks_info{width:100%;border-right:0}
  main .sub_page .stocks_info_wrap .stocks_chart{width:100%;border-top:1px solid #e5e5e5}
}

@media all and (max-width: 970px) {
    header .logo{width:calc(100% - 468px)}
    header .logo a{max-width:100%;padding:0 30px}

    footer .herald_link .our_site_wrap{width:200px}
}

@media all and (max-width: 900px) {
    body{width:900px}
    body.popup{width:auto}
}


/* swiper */

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  margin-left: 2px;
}

.graphic_swiper *, .graphic_swiper *:before, .graphic_swiper *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

.graphic_swiper [class^="swiper-button-"], .graphic_swiper > .swiper-pagination-bullets .swiper-pagination-bullet, .graphic_swiper > .swiper-pagination-bullets .swiper-pagination-bullet:before {
  transition: all 0.3s ease
}

.graphic_swiper {
  width: 100%;
  height: auto;
  transition: opacity 0.6s ease;
  position: relative;
  overflow: hidden;
  padding: 0 !important
}

.graphic_swiper:hover .swiper-button-prev, .graphic_swiper:hover .swiper-button-next {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.graphic_swiper .swiper-slide {
  position:relative;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 260px !important;
  padding-bottom: 460px;
  display: block
}

.graphic_swiper .swiper-slide::before{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);transition:.3s;content:''}
.graphic_swiper .swiper-slide.swiper-slide-active::before{display:none}

.graphic_swiper .swiper-slide .entity-img {
  display: none
}

.graphic_swiper [class^="swiper-button-"] {
  width: 44px;
  opacity: 0;
  visibility: hidden
}

.graphic_swiper .swiper-wrapper {
  z-index: 0;
  margin-bottom: 60px
}

.graphic_swiper .swiper-button-prev, .graphic_swiper .swiper-button-next {
  margin-top: -52px;
  color: rgba(255,255,255,.8)
}

.graphic_swiper .swiper-button-prev {
  transform: translateX(50px);
  z-index: 1
}

.graphic_swiper .swiper-button-next {
  transform: translateX(-50px);
  z-index: 1
}

.graphic_swiper .swiper-button-next:after, .graphic_swiper .swiper-button-prev:after {
  font-size: 28px
}

.graphic_swiper .swiper-pagination {
  bottom: 15px !important
}

.graphic_swiper > .swiper-pagination-bullets .swiper-pagination-bullet {
  position: relative;
  width: 10px;
  height: 3px;
  margin: 0 3px;
  border-radius: 30px;
  background: #323232
}

.graphic_swiper > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 18px;
}

.popular_swiper .swiper-pagination{
  bottom:57px;
  z-index:1
}

.popular_swiper > .swiper-pagination-bullets .swiper-pagination-bullet {
  position: relative;
  width: 10px;
  height: 3px;
  margin: 0 3px;
  border-radius: 30px;
  background: #323232;
}

.popular_swiper > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 18px;
}

/* scrollbar */
header .all_menu_area .all_menu_box::-webkit-scrollbar {
  display:none;
}
header .all_menu_area .all_menu_box::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 10px;
  background-clip: padding-box;
  border: 1px solid transparent;
}
header .all_menu_area .all_menu_box::-webkit-scrollbar-track {
  background-color: grey;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}

/* window popup */
.pop_window{box-sizing:border-box;position:relative;width:630px;min-width:630px;margin:0 auto;padding:30px 30px 40px}
.pop_window .btn_area{font-size:0;text-align:center}
.pop_window .btn_area a{box-sizing:border-box;display:inline-block;min-width:86px;padding:0 22px;font-size:16px;font-weight:500;line-height:32px;border:1px solid #1ba2da;border-radius:30px}
.pop_window .btn_area a.btn_blue{color:#fff;background:#1ba2da}
.pop_window .btn_area a.btn_white{color:#1ba2da;background:#fff}
.pop_window .btn_area a+a{margin-left:8px}
.pop_window .mail_wrap h1.title{margin:0;padding:0 0 20px;color:#000;font-size:28px;font-weight:700;border-bottom:3px solid #000}
.pop_window .mail_wrap .news_thumb{padding:20px 0;font-size:0}
.pop_window .mail_wrap .news_thumb .news_thumb_img{display:inline-block;position:relative;width:176px;vertical-align:top}
.pop_window .mail_wrap .news_thumb .news_thumb_img::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid rgba(0,0,0,0.05);border-radius:10px;content:''}
.pop_window .mail_wrap .news_thumb .thumb_img_wrap{width:100%;height:0;padding-bottom:54.560964%}
.pop_window .mail_wrap .news_thumb .thumb_img_wrap img{display:inline-block;position:absolute;width:100%;height:100%;object-fit:cover;border-radius:10px}
.pop_window .mail_wrap .news_thumb .news_thumb_txt{box-sizing:border-box;display:inline-block;width:calc(100% - 176px);padding:0 20px;color:#999;font-size:16px;line-height:23px}
.pop_window .mail_area{padding:40px 0;border-top:1px solid #e5e5e5}
.pop_window .mail_area .mail_title{color:#111;font-size:18px;font-weight:700;}
.pop_window .mail_area .mail_title span{display:inline-block;position:relative;padding-left:25px;font-size:20px;font-weight:400;}
.pop_window .mail_area .mail_title span::before{position:absolute;left:11px;top:50%;width:1px;height:14px;margin-top:-7px;background:#111;content:''}
.pop_window .mail_area .mail_inp_list{margin-top:18px;border:1px solid #e5e5e5;border-radius:10px}
.pop_window .mail_area .mail_inp_item{box-sizing:border-box;padding:20px}
.pop_window .mail_area .mail_inp_item + .mail_inp_item{border-top:1px solid #e5e5e5}
.pop_window .mail_area .mail_inp_item .inp_mail{display:block;width:100%;color:#111;font-size:16px;letter-spacing:-.3px}
.pop_window .mail_area .mail_inp_item .inp_mail::placeholder{color:#999}
.pop_window .mail_area .mail_inp_item textarea{display:block;width:100%;color:#111;font-size:16px;letter-spacing:-.3px}
.pop_window .news_content{padding-top:20px}
.pop_window .news_content .news_title_area h1.news_title{color:#111;font-size:26px;line-height:32px}
.pop_window .news_content .news_title_area h2.news_title{margin:14px 0 0;color:#666;font-size:18px;line-height:22px}
.pop_window .news_content .news_title_area .news_date{margin-top:20px;font-size:15px}
.pop_window .news_content .news_text_area .img_box .img_caption{padding:15px 15px 25px;font-size:14px}
.pop_window .news_content .news_text_area{padding:30px 0}
.pop_window .news_content .news_text_area .text_box p{font-size:16px;line-height:24px}
.pop_window .news_content .news_text_area .text_box p+p{margin-top:20px}
.pop_window .news_content .news_text_area .news_url{margin-top:30px;color:#999;font-size:14px;}
.pop_window .copy{padding-top:30px;color:#999;font-size:12px;text-align:center}
.pop_window .copy  + .btn_area{padding-top:30px}

@media print{
    .pop_window .btn_area{display:none}
}