@charset "utf-8";
@font-face {
    font-family: NotoSerif;
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff") format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SUIT;
    font-weight: 100 900;
    src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2//SUIT-Variable.woff2') format('woff2-variations')
}
.link_text1,.link_text2,.link_text3,.link_text4 {
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.link_text1 {
    -webkit-line-clamp: 1
}
.link_text2 {
    -webkit-line-clamp: 2
}
.link_text3 {
    -webkit-line-clamp: 3
}
.link_text4 {
    -webkit-line-clamp: 4
}
.t_reduce {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap
}
.txt_en {
    font-family: Roboto
}
.txt_serif {
    font-family: NotoSerif
}
header {
    background: #fff;
    border-bottom: 1px solid #ddd
}
.img_element {
    background-image: url("/images/img_element.png?v8");
    background-repeat: no-repeat;
    background-size: 500px 750px;
    display: inline-block
}
.ContentsWrap {
    background: #f6f6f6
}
.containerWrap {
    background: #fafafa;
	max-width: 750px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    -webkit-text-size-adjust: 100%;
    background: #fff;
}
.wns_containerWrap {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    -webkit-text-size-adjust: 100%;
    background: #fafafa;
    padding-bottom: 5%
}

#footer {
    clear: both
}

#footer .footer_c {
    text-align: center;
    padding: 3% 0;
    letter-spacing: 0;
    font-family: Arial
}

#footer .footer_c .info {
    padding: 0 0 10px;
    color: #333
}

#footer .footer_c .info a {
    display: inline-block;
    border: #b7b7b7 solid 1px;
    color: #777;
    border-radius: 20px;
    padding: 6px 12px;
    font-size: 13px;
    margin: 0 10px
}


/* 
====================
====================

2024 메인 css 추가

====================
====================
*/

/* common */

/* title style */
p.tit_comp_st{
    font-size: 18px;
    font-weight: 800;
    position: relative;
    margin: 24px 26px 0;
    border-top: 5px solid #2A3F80;
    padding-top: 18px;
}
p.tit_comp_st .contgroup_tit{
    position: relative;
    z-index: 2;
}
/* p.tit_comp_st span.tit_bult{
    position: absolute;
    display: block;
    top: -4px;
    left: 0;
    transform: rotate( -40deg );
    background: #FFB26B;
    width: 12px;
    height: 20px;
    z-index: 0;
} */
.no_bd_box{
    border: none !important;
    padding: 0 0 0 !important;
}
div.ply_ico{
    position: absolute;
    /* opacity: 0.78; */
    width: 35px;
    right: 0;
    bottom: 0;
}
.groupboxWrap{
    margin-top: 16px;
}

/* 메인 편집 뉴스 - 2 */
.main_news_24{
    padding: 0 24px 0;
}
.main_news_sub{
    max-height: 90px;
    padding: 24px 0 24px;
    border-bottom: 1px solid #D9D9D9;
}
.main_news_sub__thum{
    width: 146px;
    height: 90px;
    float: right;
    margin-left: 16px;
}
.main_news_sub__thum img{
    width: 100%;
    height: 100%; 
}
.main_news_sub__titWrap{
    height: 93px;
    display: table-cell;
    vertical-align: middle;
}
.main_news_sub__tit{
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
}
.main_news_sub__txt{
    font-size: 13px;
    line-height: 120%;
    margin-top: 6px;
    color: #888;
}
.marketnewsWrap{
    margin-top: 20px;
}

.box_mk_news_listWrap {
    margin: 24px 24px;
}

.box_mk_news_list {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.box_mk_news_list:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.box_mk_news_list>a {
    display: block
}

.box_mk_list_title {
    display: table-cell;
    vertical-align: middle;
    line-height: 155%;
    height: 72px;
    padding: 0 8PX 0 16px
}

.box_mk_list_title>span {
    max-height: 55px;
    font-size: 17px;
    font-weight: 600
}

.box_mk_list_thum {
    float: left
}

.box_mk_list_thum img {
    width: 120px;
    height: 72px
}

.box_mk_list_led  {
    font-size: 14px;
    line-height: 140%;
    max-height: 45px;
    margin-top: 8px;
    color: #555
}

.marketnews-titWrap {
    padding: 0 24px 0;
}
    .marketnews-titWrap__list ul {
        padding-left: 5px;
    }
    .marketnews-titWrap__list ul li:first-child{
        border-top: 1px solid #e0e4f1;
    }
    .marketnews-titWrap__list ul li {
        padding: 12px 0 12px;
        border-bottom: 1px solid #e0e4f1;
    }
    .marketnews-titWrap__list ul li a {
        font-size: 14px;
        font-weight: 600;
    }

/* 이슈뉴스 */
.boxListswipeWrap {
    white-space: nowrap;
    overflow-x: auto;
    margin-top: 16px;
    padding-bottom: 16px;
    font-size: 0;
}

.boxListswipeWrap::-webkit-scrollbar {
    height: 7px
}

.boxListswipeWrap::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 1px;
    background-clip: padding-box;
    border: 1px solid transparent
}

.boxListswipeWrap::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 1px;
    box-shadow: inset 0 0 3px #fff
}

.box_c_scrWrap {
    width: 280px;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    -webkit-box-shadow: 0 7px 16px 2px rgba(212,212,212,0.37);
    -moz-box-shadow: 0 7px 16px 2px rgba(212,212,212,0.37);
    box-shadow: 0 7px 16px 2px rgba(212,212,212,0.37);
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 24px 0 24px;
    margin-right: 16px
}
.box_c_scrWrap:first-child {
    margin-left: 24px;
}
.box_c_scrWrap:last-child {
    margin-right: 16px;
}
.box_scr_lst_cont {
    max-width: 220px;
    width: 100%;
    margin: 0 auto 0;
}
.box_scr_lst_cont .box_scr_b_thum {
    position: relative;
    width: 220px;
    height: 130px
}
.box_scr_b_thum img {
    width: 100%;
    height: 100%
}
.box_scr_b_hdl {
    font-size: 18px;
    font-weight: 700;
    max-height: 52px;
    line-height: 140%;
    margin-top: 8px;
    white-space: normal;
}
.box_scr_b_rel p{
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: #555;
    margin-top: 8px;
    position: relative;
    padding-left: 10px;
}
.box_scr_b_rel p::before{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 20px;
    background: #555;
    position: absolute;
    left: 0;
    top: 8px;
}
p.iss_tit a{
    font-size: 12px;
    font-weight: 600;
    background: #FE7224;
    border-radius: 6px;
    color: #fff;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 16px;
}
/* 쇼츠비디오 */
.shtvideoWrap{
    margin: 32px auto 0; 
    background: #fff;
}
div.shtvideo{
    position: relative;
    margin-left: 24px;
    height: 0;
    max-width: 48%;
    padding-bottom: 177.78%;
}
div.shtvideo iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%; 
    border-radius: 12px;
    -webkit-box-shadow: 3px 6px 12px 0 rgba(94,94,94,0.22);
    -moz-box-shadow: 3px 6px 12px 0 rgba(94,94,94,0.22);
    box-shadow: 3px 6px 12px 0 rgba(94,94,94,0.22);
} 
.shtvideotit{
    text-align: center;
    padding: 0 40px;
    margin-top: 8px;
    max-height: 55px;
    font-size: 18px;
    font-weight: 700;
}

/* 오피니언 */
.opn_group_list_wrap{
    clear: both;
    width: 100%;
    margin-top: 40px;
}
.opn_group_list_wrap::before{
    content: "";
    top: 0;
    margin: 0 24px 0;
    height: 5px;
    background: #FF9336;
    display: block;
}
.opn_group_line{
    margin-top: 32px !important;
}
div.opn_cont_wrap{
    margin-top: 20px;
    padding: 0 24px 0;
}
div.opn_cont_wrap::after, .opn_contlist::after, .opn_group_list_wrap::after{
    content: "";
    clear: both;
    display: block;
}
.opn_contlist{
    margin-bottom: 16px;
    width: 100%;
    height: 70px;
    position: relative;
}
.opn_contlist:last-child{
    margin-bottom: 0;
}
.opn_contlist div.profile_thm{
    max-width: 70px;
    height: 70px;
    float: left;
    margin-right: 16px;
    border: 1px solid #eaeaea;
    border-radius: 70px;
}
.opn_contlist div.profile_thm img{
    width: 100%;
    height: 100%;
    border-radius: 70px;
}
.opn_contlist__grp{
    width: 70%;
    padding-right: 10%;
}
.opn_contlist__grp, .opn_contlist__grp_rcmd{
    display: table-cell;
    vertical-align: middle;
    height: 70px;
}
.opn_contlist__grp dt.subj_group{
    font-size: 13px;
    font-weight: 600;
    color: #f5821f ;
}      
.opn_contlist__grp dd.subj_tit{
    line-height: 128%;
    font-size: 16px;
    font-weight: 600;
    max-height: 45px;
    margin-top: 2px;
}
.opn_contlist__grp_rcmd{
    width: 60%;
    padding-right: 35%;
}
.opn_contlist__grp_rcmd dt.subj_tit_rcmd{
    line-height: 128%;
    font-size: 16px;
    font-weight: 600;
    max-height: 45px;
}
.opn_contlist__grp_rcmd dd.subj_group_rcmd{
    font-size: 13px;
    margin-top: 4px;
    font-weight: 700;
    color: #2A3F80 ;
}      
.opn_contlist__grp_rcmd_btn{
    max-width: 78px;
    position: absolute;
    right: 0;
    top: 20px;
}

.opn_contlist__grp_rcmd_btn a.rpt_scp_btn{
    background: #2A3F80;
    color: #fff;
    padding: 6px 9px;
    font-size: 11px;
    border-radius: 50px;
    line-height: 1;
    font-weight: 400;
}
/* 오피니언 구독하기 버튼 스타일 추가 2025-07-21 */
a.subscribe_m {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  height: 18px;
  line-height: 1;
  border-radius: 20px;
  padding: 4px 10px;
}
a.subscribe_m:not(.subscribed) {
  background-color: #2a3f82;
  color: #fff;
}
a.subscribe_m:not(.subscribed):hover {
  background-color: #1f3164;
  text-decoration: none;
}
a.subscribe_m.subscribed {
  background: none;
  color: #2a3f82;
  border: 1px solid #2a3f82;
  padding: 3px 9px;
}
a.subscribe_m.subscribed:hover {
  background-color: #f0f2f8;
  text-decoration: none;
}
.icon-plus {
  width: 8px;
  height: 8px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.875 122.648"><path fill="white" d="M108.993,47.079c7.683-0.059,13.898,6.12,13.882,13.805 c-0.018,7.683-6.26,13.959-13.942,14.019L75.24,75.138l-0.235,33.73c-0.063,7.619-6.338,13.789-14.014,13.78 c-7.678-0.01-13.848-6.197-13.785-13.818l0.233-33.497l-33.558,0.235C6.2,75.628-0.016,69.448,0,61.764 c0.018-7.683,6.261-13.959,13.943-14.018l33.692-0.236l0.236-33.73C47.935,6.161,54.209-0.009,61.885,0 c7.678,0.009,13.848,6.197,13.784,13.818l-0.233,33.497L108.993,47.079L108.993,47.079z"/></svg>') no-repeat center/contain;
}
.opn_cont_wrap .opn_title{ 
    background-color: #f3f3f3;
    display: inline-block;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 7px;
}
.opn_line{
    border: 0;
    height: 1px;
    background: #e6e6e6;
    margin: 17px 0;
}
/*ai만평 추가*/
.opn_group_list_wrap .SatiricalCartoon .thumb img {
    width: 100%;
    height: 350px;
    /* object-fit: cover; */
    display: block;
}
.opn_group_list_wrap .SatiricalCartoon .subj {
    font-size: 13px;
    font-weight: 600;
    color: #f5821f;
    padding: 10px 0 0; 
    display: block;
}
.opn_group_list_wrap .SatiricalCartoon .tit {
    line-height: 1.3;
    font-size: 16px;
    font-weight: 600;
    max-height: 45px;
    margin-top: 2px;
}
/* 포토로그 뉴스 */
.photonewsWrap{
    margin-top: 40px;
}
.photonewsCont{
    position: relative;
    margin: 16px 24px 0;
}
.photonewsCont .thum{
    width: 100%;
    height: 100%;
}
.photonewsCont-tbox{
    /* background: linear-gradient(to top, rgb(0, 0, 0), rgb(255,0,0,0)); */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 85%);
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
}
    a.photonewsCont-tbox__tit {
        padding: 16px 20px 16px;
        display: block;
        font-size: 22px;
        font-weight: 700;
        line-height: 125%;
        color: #fff;
        text-align: center;
    }
    a.photonewsCont-tbox__tit:hover{
        text-decoration: underline;
    } 
    
.phtnews_rel{
    margin-top: 16px !important;
    padding: 0 8px 0 !important;
}

/* 라이프로그 뉴스 */
.lifenewsWrap{
    margin-top: 40px;
}
.lifenewsContWrap{
    margin: 16px 24px 0;
}

li.lifenewsCont-list{
    width: 48%;
    margin-bottom: 24px;
}
li.lifenewsCont-list:nth-of-type(2n){
    margin-right: 0;
}
.lifenewsContWrap ul.lifenewsCont-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
dt.lifenewsCont-list__thum img{
    width: 100%;
    height: 100%;
}
dd.lifenewsCont-list__tit{
    font-size: 15px;
    font-weight: 700;
    line-height: 125%;
    margin-top: 12px;
    padding-right: 6px;
}

/*2504 소연수정*/
dd.newsCont-list__key a{
    font-size: 13px;
    font-weight: 600;
    color: #f5821f;

    display: inline-block;
    padding: 17px 6px 0;
    line-height: 1;
}
p.lifenewsCont-list__key a{
    font-weight: 800;
    color: #FD4B4B;
    text-decoration: underline;
    margin-top: 8px;
    display: block;
    font-size: 14px;
}
/* 스페셜리포트 추가 css */
/*.specialrepo{
    margin-top: 16px;
}*/
/* .mainrepo::before, .clnewsWrap::before, .clifenewsWrap::before{
    content: "";
    top: 0;
    margin: 0 24px 28px;
    height: 5px;
    background: #2A3F80;
    display: block;
} */
.mainnews_con:last-child::after{
    display: none;
}
.mainnews_con::after{
    content: "";
    padding: 0 24px 24px;
    display: block;
    margin-bottom: 16px;
    border-bottom: 1px solid #D9D9D9!important
}

/* c레벨라운지 */
.clnewsWrap{
    margin-top: 32px;
}
span.iss_tit a{
    font-size: 12px;
    font-weight: 600;
    background: #E7EAF2;
    border-radius: 6px;
    color: #444;
    padding: 10px 12px;
    display: inline-block;
    margin-top: 12px;
    margin-right: 8px;
    line-height: 1;
}

/* 카테고리별 뉴스 리스트 추가 css */
/*.sectlistWrap*/.mainWrap::before{
    content: "";
    top: 0;
    margin: 0 24px 16px;
    height: 5px;
    background: #2A3F80;
    display: block;
}
/* 위너스IR클럽 */
.wnsclubWrap{
    margin-top: 25px;
    padding-bottom: 16px;
}

/* //2024 메인 css 추가 */


.wrap {
    position: relative
}

.mboxcont {
    background: #fff; 
    overflow: hidden;
}

.searchbox-area {
    padding-bottom: 16px
}

.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    clear: both;
    background: #fff;
    box-shadow: 0 5px 12px 2px rgb(0 0 0 / 20%)
}

.fx_menu {
    width: 100%;
    display: block
}

.eto_logo {
    display: none;
    font-size: 20px;
    color: #000;
    text-align: center
}

.eto_logo.shown {
    display: block
}

.show_on_title {
    display: none;
    font-size: 20px;
    color: #000;
    text-align: center;
    font-weight: 900
}

.show_on_title.shown {
    display: block;
    position: relative
}

.show_on_kwd {
    display: none;
    font-size: 20px;
    color: #000
}

.show_on_kwd.shown {
    display: block
}

.topbar_kwd {
    text-align: left
}

.show_on_title ol.menu {
    width: 100%;
    margin: 0 auto
}

.show_on_title ol.menu li {
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    width: 33.3%;
    margin-top: 0!important
}

.ContentsWrap .TopCont_wrap {
    width: 100%;
    background: #fff;
    padding: 16px 0;
}

/* .ContentsWrap .TopCont_wrap ul li {
    float: left
} */
.top_logoicoWrap{
    position: relative;
}
.top_logoicoWrap li.logo {
    position: relative;
    width: 50%;
    margin: 0 auto 0;
}
.top_logoicoWrap .allmenu {
    position: absolute;
    left: 16px;
    top: 4px;
    font-size: 0;
    z-index:999;
}
/* .top_logoicoWrap .allmenu > a{
    display: inline-block;
} */
.top_logoicoWrap a.amcio{
    margin-right: 16px;
    position: relative;
    top: 1px;
}
.top_logoicoWrap a.amcio img{
    height: 21px;
}
.top_logoicoWrap a.srccio img{
    height: 23px;
}
.top_logoicoWrap a.allmenu_ico {
    display: inline-block;
    width: 21px;
    height: 20px;
    position: relative;
    background-position: 0 0
}
.top_logoicoWrap .acticoWrap {
    position: absolute;
    right: 16px;
    top: 4px;
    z-index: 777;
}
.top_logoicoWrap .actico img{
    height: 23px;
}
a.search_ico {
    display: inline-block;
    width: 23px;
    height: 23px;
    position: relative;
    background-position: -200px -50px;
}

a.search_ico_over {
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
    background-position: -230px -50px;
}

.redButton {
    border: 1px solid red
}

.searchbar {
    margin: 10px auto;
    width: 86%;
    position: relative;
    clear: both
}

.searchbar .btn {
    position: absolute;
    right: 18px;
    top: 12px;
    bottom: 0
}

.searchbar input.myInput {
    background: #f5f5f5;
    border-radius: 2px;
    width: 100%;
    min-height: 48px;
    height: 100%;
    font-size: 15px;
    padding: 0;
    color: #888;
    text-align: center
}

#open_nav {
    display: none
}

.ContentsWrap .gnb_wrap {
    width: 100%;
    clear: both;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 3px 4px -2px #d3d3d3;
    clear: both;
    background: #fff;
    
}

.ContentsWrap .gnb_wrap .navi .navi_m_menu {
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0 16px;
    width: 100%
}
.ContentsWrap .gnb_wrap .navi .navi_m_menu::-webkit-scrollbar {
    height: 10px;
  }
.ContentsWrap .gnb_wrap .navi .navi_m_menu::-webkit-scrollbar-thumb {
    background-color: #cfcfcf;
    border-radius: 10px;
    background-clip: padding-box;
    border: 1px solid transparent;
}
.ContentsWrap .gnb_wrap .navi .navi_m_menu ol.menu {
    width: 96%;
    font-size: 0;
    margin: 0 auto
}

.ContentsWrap .gnb_wrap .navi .navi_m_menu ol.menu>li {
    display: inline-block;
    font-size: 15px;
    text-align: center;
    padding: 0 12px
}

ol.menu>li a {
    color: #333;
    font-weight: 600
}

ol.menu li a.on {
    color: #000;
    font-weight: 600
}

.sidebar .category {
    padding: 4% 0
}

.sidebar .category ul li {
    padding: 4% 0;
    font-size: 17px;
    color: #888
}

.sidebar .category .sidebarmenu_tit {
    font-weight: 700;
    font-size: 22px!important;
    color: #000!important
}

.sidebar .sidebar_family {
    background: #fafafa;
    padding: 8% 0
}

.sidebar .sidebar_family .sns {
    display: flow-root;
    overflow: hidden;
    width: 80%;
    margin: 0 auto 8%
}

.sidebar .sidebar_family .sns li {
    width: 50%;
    float: left;
    margin-top: 20px
}

.sidebar .sidebar_family .sns li:nth-of-type(-n+2) {
    margin-top: 0
}

.sidebar .sidebar_family .sns li span {
    display: block;
    margin-top: 8px
}

a.fm_ico1,a.fm_ico2,a.fm_ico3,a.fm_ico4 {
    display: inline-block;
    width: 30px;
    height: 31px;
    position: relative
}

a.fm_ico1 {
    background-position: 0 -52px
}

a.fm_ico2 {
    background-position: -40px -52px
}

a.fm_ico3 {
    background-position: -80px -52px
}

a.fm_ico4 {
    background-position: -120px -52px
}

.sidebar .sidebar_family .site {
    margin: 2% 6%;
    padding: 0;
    border-top: 1px solid #ccc
}

.sidebar .sidebar_family .site li {
    padding: 5% 0
}

.sidebar .sidebar_family .notice {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 6%;
    overflow: hidden
}

.sidebar .sidebar_family .notice li {
    width: 50%;
    float: left;
    line-height: 150%;
    padding: 10px 0;
    font-size: 15px
}

.sidebar .sidebar_family .notice li a {
    color: #888
}

.sidebar .sidebar_family .notice .bar:after {
    content: '|';
    position: relative;
    font-size: 15px;
    top: -2px;
    left: 40px;
    color: #888
}

.sidebar_srvmenu {
    background: #fafafa;
    padding: 8% 0 10%
}

.sidebar_srvmenu h3.sidebarmenu_tit {
    font-weight: 700;
    font-size: 22px!important;
    color: #000!important
}

.sidebar_srvmenu ul.service {
    margin-top: 10px
}

.sidebar_srvmenu ul.service li {
    color: #fff;
    width: 50%;
    margin: 15px auto 0;
    padding: 12px 20px;
    border-radius: 5px;
    font: normal 15px Arial,"Malgun Gothic";
    letter-spacing: 0;
    box-shadow: 0 3px 4px -2px #000;
    -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 3px 4px -2px rgba(0,0,0,.3);
    background: #264186
}

.containerWrap .mmain_news {
    overflow: hidden;
    margin-bottom: 2%
}

.mmain_news_conts .mnews {
    width: 100%;
    border-bottom: 2px solid #ddd
}

.mmain_news .mnews .thum {
    position: relative;
    max-height: 200px;
    overflow: hidden
}

.news_con {
    padding: 3% 5% 6%
}

.news_con h3 {
    font-size: 26px;
    font-weight: 600;
    max-height: 100px;
    line-height: 140%;
    letter-spacing: -1px;
    color: #000
}

.sub_lead {
    font-size: 16px;
    color: #a9a9a9;
    margin-top: 10px;
    display: block
}

.adbanner {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    padding: 10px 0
}

.adbanner img {
    width: 320px
}

.market_main_price {
    margin-bottom: 2%
}

.market_main_price .ud_ko_info li,.market_main_price .ud_ko_info li a {
    color: #000
}

.market_main_price .ud_ko_info {
    overflow: hidden;
    padding: 13px 0
}

.market_main_price .ud_ko_info {
    border-bottom: 1px solid #c7c7c7
}

.market_main_price .ud_ko_info:nth-last-child(1) {
    border-bottom: 0
}

.market_main_price .ud_ko_info li {
    float: left;
    font-size: 15px;
    width: 22%;
    text-align: right
}

.market_main_price .ud_ko_info li:first-of-type {
    width: 20%;
    text-align: left
}

.market_main_price .ud_ko_info li.tit {
    font-weight: 700;
    padding-left: 5%
}

.market_main_price .color_up {
    color: #ff3131!important
}

.market_main_price .color_dw {
    color: #1c5cff!important
}

.market_main_price .color_sm {
    color: #000!important
}

.market_main_price .ud_ko_info li span.ico_dw1,.market_main_price .ud_ko_info li span.ico_same,.market_main_price .ud_ko_info li span.ico_up1 {
    padding-left: 15px;
    font-family: Tahoma
}

.market_main_price .ud_ko_info li span.ico_up1 {
    color: #ff3131
}

.market_main_price .ud_ko_info li span.ico_up1:before {
    content: '▲';
    position: relative;
    font-size: 10px;
    top: -2px;
    bottom: 0;
    left: -5px;
    color: #ff3131
}

.market_main_price .ud_ko_info li span.ico_dw1 {
    color: #1c5cff
}

.market_main_price .ud_ko_info li span.ico_dw1:before {
    content: '▼';
    position: relative;
    font-size: 10px;
    top: -2px;
    bottom: 0;
    left: -5px;
    color: #1c5cff
}

.Top_m_conts {
    margin: 10px auto
}

.mnews_cont {
    clear: both;
    position: relative
}

.mnews_cont ul {
    position: relative;
    padding-bottom: 3%
}

.mnews_cont ul li.thumnail {
    width: 100%;
    position: relative;
    z-index: 1
}

.mnews_cont ul li.thumnail img {
    width: 100%;
    max-height: 200px
}

.mnews_cont ul li.tit_txt {
    position: relative;
    z-index: 99;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    width: 84%;
    margin: -20px auto 0;
    padding: 3% 6% 0;
    background: #fff;
    max-height: 96px
}

.news_list {
    margin: 10px 0
}

.news_list ul li:nth-last-child(1) {
    border: 0
}

.news_list ul li {
    font-size: 18px;
    margin: 1% 4%;
    border-bottom: 1px solid #ddd;
    line-height: 180%;
    height: 38px;
    padding: 0 10px
}

.news_list ul li a span {
    font-size: 16px;
    line-height: 180%;
    height: 38px
}

.mweather {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 3px 4px -2px #d3d3d3;
    text-align: center;
    margin-bottom: 10px;
    padding: 5px 0 15px
}

.mweather ul li {
    vertical-align: baseline;
    padding-bottom: 20px
}

.mweather .date {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 100
}

.mweather .week {
    color: #888;
    font-size: 17px
}

.mweather .city {
    font-size: 17px
}

.mweather .temperature {
    font-size: 20px;
    letter-spacing: 0
}

.mweather .temperature:after {
    content: '℃';
    font-size: 20px;
    margin-left: 3px
}

.mweather span.weather_ico {
    background-image: url("/images/weather_ico.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 35px;
    position: relative;
    margin-left: 5px;
    background-size: 450px 73px;
    top: 8px;
    right: 0
}

.mweather .sunny {
    width: 45px;
    background-position: 0 0
}

.mweather .small_clouds {
    width: 45px;
    background-position: -60px 0
}

.mweather .very_clouds {
    width: 50px;
    background-position: -115px 0
}

.mweather .blur {
    width: 50px;
    background-position: -172px 0
}

.mweather .blur_rain {
    width: 42px;
    background-position: -234px 0
}

.mweather .blur_snow {
    width: 42px;
    background-position: -290px 0
}

.mweather .clear_rain {
    width: 42px;
    background-position: -344px 0
}

.mweather .shower {
    width: 47px;
    background-position: -400px 0
}

.mweather .snow_rain {
    width: 47px;
    background-position: 0 -38px
}

.mweather .rain_snow {
    width: 47px;
    background-position: -58px -38px
}

.mweather .lightning_thunder {
    width: 47px;
    background-position: -115px -38px
}

.mweather .fog {
    width: 35px;
    background-position: -180px -38px
}

.mweather .dust_storm {
    width: 35px;
    background-position: -238px -38px
}

.mweather .tornado {
    width: 40px;
    background-position: -293px -38px
}

.mweather .mist {
    width: 35px;
    background-position: -348px -38px
}

.mweather .icy_rain {
    width: 42px;
    background-position: -400px -38px
}

.mweather .weather {
    height: 50px;
    overflow: hidden
}

.mnews_list1 {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    box-shadow: 0 3px 4px -2px #d3d3d3;
    margin-bottom: 2%
}

.mnews_list1 h3 {
    font-weight: 700;
    font-size: 20px;
    padding: 4% 3%;
    border-bottom: 1px solid #ddd
}

.mnews_list1 h3.title_2 {
    font-weight: 700;
    font-size: 19px;
    padding: 15px;
    border-bottom: 1px solid #ddd
}

div.border_gray2 {
    border-bottom: 1px solid #ddd
}

div.border_gray2:last-child {
    border-bottom: 0;
    padding-bottom: 15px
}

.mnews_list2 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    box-shadow: 0 3px 4px -2px #d3d3d3;
    margin-bottom: 2%;
    padding-bottom: 2%
}

h3.cat_title {
    color: #264186;
    font-weight: 700;
    font-size: 20px;
    padding: 0 10px;
    border-bottom: 1px solid #eaeaea;
    height: 50px;
    line-height: 50px
}

h3.cat_title div {
    max-width: 640px;
    width: 80%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

h3.cat_title a {
    float: right
}

h4.cat_stitle {
    color: #222;
    font-weight: 600;
    font-size: 17px;
    padding: 0 15px;
    border-bottom: 1px solid #eaeaea;
    background: #fafafa;
    height: 40px;
    line-height: 43px
}

span.add_ico {
    display: inline-block;
    width: 33px;
    height: 28px;
    background-position: -146px 0;
    float: right;
    margin-top: 10px
}

a.add_ico {
    display: inline-block;
    width: 33px;
    height: 28px;
    background-position: -146px 0;
    float: right;
    margin-top: -2px
}

a.prv_ico {
    display: inline-block;
    width: 33px;
    height: 28px;
    position: relative;
    background-position: -315px 0;
    margin-top: -2px
}

.mreporter {
    padding: 10px;
    background: #f7f7f7
}

.mreporter li {
    padding: 1% 2% 0;
    overflow: hidden
}

.mreporter li dl {
    overflow: hidden;
    display: table-cell;
    height: 60px;
    vertical-align: middle
}

.mreporter li dl dd {
    line-height: 145%
}

.mreporter .reporter_name {
    font-size: 18px;
    color: #000;
    font-weight: 700
}

.mreporter .reporter_name span {
    color: #888;
    font-weight: 200
}

.mreporter_news {
    padding: 5px 20px 15px
}

.mreporter div.reporter_img {
    display: block;
    margin-right: 15px;
    float: left
}

.mreporter div.reporter_img span {
    position: relative;
    overflow: hidden;
    border-radius: 150px;
    display: block;
    width: 65px;
    height: 65px
}

.mreporter div.reporter_img span img {
    width: 100%;
    height: 100%
}

.mreporter_news .reporter_news_con {
    font-size: 17px;
    line-height: 165%;
    margin-right: 10px
}

.mreporter_news .reporter_news_con a {
    max-height: 90px
}

.news_lede2,.news_lede3 {
    clear: both;
    font-size: 16px;
    max-height: 97px;
    line-height: 165%;
    margin-top: 10px
}

.news_lede2 a {
    color: #777;
    max-height: 90px
}

.news_lede3 a {
    color: #777
}

.mreporter_news li div.mreporter_list {
    margin: 10px 0;
    display: flow-root
}

.mnews_list1 .mreporter_list:nth-last-of-type(1) {
    border-bottom: 0
}

.mnews_list_type1 {
    padding: 3%;
    margin: 0;
    border-bottom: 1px solid #ddd
}

.mnews_list_type1:nth-last-of-type(1) {
    border-bottom: 0
}

.mnews_list-link {
    padding: 2% 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between
}

.mreporter_news .reporter_news_title {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    line-height: 150%;
    padding: 0;
    max-height: 60px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px
}

.mnews_list_thumbnail {
    float: right;
    text-align: right;
    margin-left: 3%
}

.mnews_list_thumbnail img {
    width: 96px;
    height: 60px
}

.mnews_list_thumbnail_column {
    float: right;
    text-align: right;
    margin-left: 3%
}

.mnews_list_thumbnail_column img {
    width: 70px;
    height: 70px;
    border-radius: 100%
}

.mnews_list_title {
    display: table-cell;
    vertical-align: middle;
    line-height: 150%;
    height: 60px;
    padding: 0 10px 0 0;
    letter-spacing: -1px
}

.mnews_list_title h4 {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.mnews_list_title2 {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 150%;
    height: 60px;
    padding: 0 10px;
    letter-spacing: -1px
}

h3.title_3 {
    font-size: 22px;
    margin: 5% 0 0 3%
}

.news_lede7 {
    width: 95%;
    font-size: 17px;
    max-height: 190px;
    line-height: 160%;
    margin: 3% 0;
    font-weight: 300
}

.paginWrap {
    width: 100%;
    padding: 4% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.paginWrap .pagination {
    font-family: Arial;
    overflow: hidden;
    font-size: 14px;
    text-align: center
}

.paginWrap .pagination a {
    border-radius: 100px;
    border: 1px solid #d3d3d3;
    padding: 2%;
    display: inline-block;
    height: 15px;
    width: 15px;
    line-height: 15px;
    margin: .8%;
    overflow: hidden
}

.paginWrap .pagination .page-arrow {
    font-size: 15px;
    background: #fafafa
}

.paginWrap .pagination .active {
    color: #fff!important;
    font-weight: 700;
    background-color: #0673c9;
    border: 1px solid #0673c9!important
}

.vote {
    overflow: hidden;
    background: #fff;
    padding: 3%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    box-shadow: 0 3px 4px -2px #d3d3d3;
    margin-bottom: 2%
}

.vote .vote_conts {
    position: relative
}

.issue_thumnail {
    max-width: 750px;
    max-height: 570px
}

.vote .vote_conts img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.vote .vote_conts .contents_box {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 270px;
    bottom: 0;
    font-size: 0;
    z-index: 1;
    background: linear-gradient(to bottom,rgba(14,14,14,0) 0,rgba(0,0,0,.85) 75%);
    border-radius: 6px
}

.vote .vote_conts .contents_box .topbanner_title {
    padding: 0 5%;
    position: absolute;
    left: 0;
    bottom: 7%
}

.vote .vote_conts .contents_box .topbanner_title h3 {
    max-height: 85px;
    font-weight: 400;
    font-size: 17px;
    color: #fff;
    text-align: left;
    letter-spacing: -1px;
    line-height: 150%
}

.ico_blue {
    position: absolute;
    top: 1em;
    left: 1em;
    color: #fff;
    font-size: 20px;
    background: #257be9;
    padding: 10px 20px;
    border-radius: 40px;
    z-index: 2
}

.ico_red {
    position: absolute;
    top: 1em;
    left: 1em;
    color: #fff;
    font-size: 20px;
    background: #e72b2c;
    padding: 10px 20px;
    border-radius: 40px;
    z-index: 2
}

.ico_yello {
    position: absolute;
    top: 1em;
    left: 1em;
    color: #333;
    font-size: 20px;
    background: #f8cf12;
    padding: 10px 20px;
    border-radius: 40px;
    z-index: 2
}

.ico_violet {
    position: absolute;
    top: 1em;
    left: 1em;
    color: #fff;
    font-size: 20px;
    background: #414cf5;
    padding: 10px 20px;
    border-radius: 40px;
    z-index: 2
}

.ico_orange {
    background: #ff6c00;
    font-size: 13px;
    padding: 5px 10px;
    position: absolute;
    top: 1em;
    left: 1em;
    color: #fff;
    border-radius: 40px;
    z-index: 2
}

.ico_orange2 {
    background: #ff6c00;
    font-size: 13px;
    padding: 5px 10px;
    color: #fff;
    border-radius: 40px;
    z-index: 2;
    font-weight: 300;
    margin-right: 10px;
    vertical-align: middle
}

.vote .newstit a {
    font-size: 18px;
    position: relative;
    padding: 1% 1% 1% 4%;
    overflow: hidden;
    display: block;
    text-align: left;
    line-height: 170%
}

.vote .newstit a:before {
    content: " ";
    background: url("/images/icon_list.png") no-repeat;
    background-size: 10px;
    position: absolute;
    width: 9px;
    height: 10px;
    top: 10px;
    left: 0
}

.vote li dl {
    width: 100%;
    margin: 18px 0;
    height: 18px
}

.vote li dd {
    float: left
}

.vote li dd:nth-of-type(odd) {
    width: 15%;
    text-align: center;
    line-height: .8
}

.vote .info3 {
    width: 70%
}

.vote .t_blue,.vote .t_red {
    font-family: Arial;
    letter-spacing: -1px;
    line-height: 110%
}

.vote .t_blue {
    color: #4673e3
}

.vote .t_red {
    color: #fe6b53
}

.vote .t_blue b,.vote .t_red b {
    font-size: 26px
}

.vote .info3 .gBar {
    display: inline-block;
    width: 100%;
    height: 20px;
    margin: 0;
    border: 0;
    border-radius: 20px
}

.vote .info3 .gAction4 {
    display: block;
    height: 20px;
    background: #4673e3 url("/images/arrow_left.png") right 4px center no-repeat;
    background-size: 50px;
    margin: 0;
    border: 0;
    border-radius: 20px 0 0 20px;
    float: left
}

.vote .info3 .gAction2 {
    display: block;
    height: 20px;
    background: #fe6b53 url("/images/arrow_right.png") left 4px center no-repeat;
    background-size: 50px;
    margin: 0;
    border: 0;
    border-radius: 0 20px 20px 0;
    float: right
}

.news_list2 a {
    color: #000
}

.news_list2 li {
    font-size: 18px;
    margin: 0 4%;
    padding: 1.3% 0;
    border-top: 1px solid #ddd;
    line-height: 200%;
    height: 35px
}

.rank_listWrap {
    margin: 16px 24px 0
}

.rank_listWrap ul li.contentsList:first-child {
    border-top: 2px solid #555
}

.rank_listWrap ul li.contentsList {
    clear: both;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 16px 0;
    line-height: 1
}

.rank_listWrap ul li.contentsList dl dd.cont_rank {
    font-size: 17px;
    font-family: Arial;
    color: #293f76;
    width: 7%;
    margin-left: 2%;
    text-align: center;
    line-height: 160%;
    font-weight: 600
}

.rank_listWrap ul li.contentsList dl dd {
    float: left;
    border: 0
}

.rank_listWrap ul li.contentsList dl dd.cont_info {
    font-size: 15px;
    width: 80%;
    margin-left: 2%;
    line-height: 25px;
    font-weight: 600
}

.contentsList span.bult_1 {
    width: 55px;
    height: 25px;
    padding: 0 3px;
    line-height: 28px;
    border-radius: 15px;
    background: #eaf1f7;
    color: #555;
    margin-right: 4px;
    margin-top: -3px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-family: Dotum
}

.mreporter_news .reporter_news_title2 {
    font-size: 20px;
    font-weight: 200;
    display: table-cell;
    line-height: 150%;
    padding: 0;
    letter-spacing: -1px
}

.mreporter_news .reporter_news_title2 a {
    color: #000;
    position: relative
}

span.bult_blue,span.bult_orange,span.bult_red {
    font-size: 13px!important;
    position: relative;
    left: 0;
    top: -2px;
    margin-right: 3px;
    padding: 5px 10px;
    letter-spacing: 0;
    vertical-align: middle
}

span.bult_orange {
    background: #f5821f;
    color: #fff;
    border-radius: 20px
}

span.bult_blue {
    background: #264186;
    color: #fff;
    border-radius: 20px
}

span.bult_red {
    background: #ff291d;
    color: #fff;
    border-radius: 20px
}

.more {
    text-align: center;
    margin-top: 5%
}

.more_ico {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    background-position: -107px 0
}

.votedevmenu select {
    font-size: 16px;
    background: #fff url("/images/arrow_down.png") no-repeat 95% 50%;
    background-size: 16px;
    padding-left: 16px;
    width: 94%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    margin: 3% 2%
}

.votedevmenu select::-ms-expand {
    display: none
}

.votedevmenu {
    border-top: 1px solid #aaa;
    text-align: center
}

span.bult_red2 {
    background: #ff581d
}

span.bult_blue2 {
    background: #3454a3
}

span.bult_blue2,span.bult_red2 {
    color: #fff;
    font-size: 12px!important;
    font-weight: 500!important;
    padding: 3px 8px 4px!important;
    border-radius: 3px;
    margin-right: 4px;
    vertical-align: middle;
    display: inline;
    position: relative;
    top: -3px
}

.search_result {
    padding: 5% 3%;
    text-align: center;
    font-size: 20px;
    color: #888
}

.search_result span {
    color: #000;
    margin-right: 1%
}

.search_result span h1 {
    display: inline-block;
    font-size: 20px
}

.search_result p {
    color: #000;
    margin: 2% 0 0;
    font-weight: 300;
    font-size: 20px
}

.search_result p span {
    color: #284287;
    font-weight: 700
}

.search_result p.style2 {
    font-weight: 700;
    font-size: 26px
}

.live_searchword {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 15px;
    overflow: hidden;
    display: table;
    position: relative
}

.live_searchword ul {
    font-size: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block
}

.live_searchword h3.liveico {
    line-height: 100%;
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    line-height: 150%;
    float: left;
    position: relative;
    top: 2px
}

.live_searchword h3.liveico span {
    color: #000;
    font-size: 15px;
    line-height: 100%;
    border-bottom: 2px solid #eaeaea;
    box-shadow: 0 -5px 0 #eaeaea inset
}

.live_searchword ul li.keyword {
    font-size: 15px;
    position: relative;
    line-height: 150%;
    text-align: left;
    width: 100%
}

.live_searchword ul li.keyword a {
    position: relative;
    top: 2px
}

.live_searchword ul li.keyword span.num {
    color: #fff;
    position: relative;
    background: #f53132;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    font-family: Arial;
    font-size: 11px;
    top: 0;
    left: 0;
    text-align: center;
    display: inline-block;
    margin-right: 5px
}

.live_searchword ul li.keyword a.fxd_live {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    max-width: 120px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 2px
}

.live_pst_rel {
    position: relative;
    top: 5px
}

.DetailView_Wrap {
    padding: 0 24px;
    box-shadow: 0 5px 10px -2px rgb(0 0 0 / 10%)
}

.DetailView_Wrap div.view_mtitle {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 16px 0 12px
}

div.view_mtitle h1,div.view_mtitle h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 135%;
    color: #000;
}
div.view_mtitle p {
    color: #888;
    font: normal 13px Roboto,sans-serif;
    letter-spacing: -.3px;
    line-height:100%;
    margin: 5px 0;
}
.more_toggle {display: none;}
.content { display: none;}
.more_label {cursor: pointer;}
.more_label svg {
    width: 7px;
    height: 7px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    display: inline-block;
    transform: rotate(135deg);
    vertical-align: top;
    margin-left: 5px;
}
.more_toggle:checked + .more_label + .content {display: block;}
.more_toggle:checked + .more_label svg {
    transform: rotate(315deg);
    vertical-align: bottom;
}
div.view_mtitle p span {
    margin-left: 2%;
}
.view_mtitle_ico {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
div.view_mtitle div.view_mtitle_ico::after {
    content: "";
    display: block;
    clear: both;
}
.v_icoWrap {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0;
    height: 40px;
}

.bmk22_ico,.shr22_ico,.txt22_ico {
    width: 40px;
    height: 42px
}

.shr22_ico {
    background-position: 0 -614px;
    cursor: pointer
}

.bmk22_ico {
    background-position: -50px -614px
}

.txt22_ico {
    background-position: -100px -614px;
    cursor: pointer
}

a.m_ssh21_ico_1,a.m_ssh21_ico_2,a.m_ssh21_ico_3,a.m_ssh21_ico_4 {
    width: 40px;
    height: 42px
}

a.m_ssh21_ico_1 {
    background-position: 0 -664px
}

a.m_ssh21_ico_2 {
    background-position: -50px -664px
}

a.m_ssh21_ico_3 {
    background-position: -100px -664px
}

a.m_ssh21_ico_4 {
    background-position: -150px -664px
}

.ftsize_01,.ftsize_02,.ftsize_03 {
    width: 30px;
    height: 30px
}

.ftsize_01 {
    background-position: -150px -615px
}

.ftsize_02 {
    background-position: -190px -615px
}

.ftsize_03 {
    background-position: -230px -615px
}

.balloon_font,.balloon_share {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-shadow: 0 8px 9px -2px rgb(0 0 0 / 12%);
    z-index: 666
}

.balloon_share {
    width: 140px!important;
    height: 95px!important;
    right: 87px;
    top: 58px!important;
    padding: 8px 12px 8px!important
}

.balloon_font {
    right: -4px;
    top: 58px;
    padding: 12px 16px 12px;
    width: 150px; 
}

.balloon_font:after,.balloon_share:after {
    content: '';
    position: absolute;
    border-bottom: 6px solid #fff;
    border-right: 5px solid transparent;
    border-left: 4px solid transparent;
    top: -5px;
    right: 20px;
}

.balloon_font:before,.balloon_share:before {
    content: '';
    position: absolute;
    border-bottom: 6px solid #e1e1e1;
    border-right: 5px solid transparent;
    border-left: 4px solid transparent;
    top: -7px;
    right: 20px;
}

div.font_ico_wrap,div.share_ico_wrap {
    clear: both;
    font-size: 0
}

ul.share_ico_conts {
    width: 100%;
    margin-bottom: 8px
}

ul.share_ico_conts:last-child {
    margin-bottom: 0
}

ul.share_ico_conts li {
    display: inline-block;
    margin-right: 12px;
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
    text-align: center
}

ul.share_ico_conts li>p {
    font-size: 11px;
    margin: 4px 0;
    color: #333
}

ul.font_ico_conts li {
    display: inline-block;
    text-align: center;
    margin-right: 16px
}

ul.font_ico_conts li p.base {
    color: #222;
    font-weight: 700
}

ul.font_ico_conts li:last-child,ul.share_ico_conts li:last-child {
    margin-right: 0
}

ul.font_ico_conts li>p {
    font-size: 11px;
    margin: 5px 0 0 0;
    color: #666;
    display: block
}

a.btn-layerClose {
    position: absolute;
    right: -8px;
    top: -4px;
    background: #fff;
    border-radius: 100px
}

div.view_contents {
    margin-top: 5%
}

div.view_contents .contents_body {
    font-size: 18px;
    line-height: 175%;
    word-wrap: break-word
}

/*250207_소연수정*/
div.view_contents .contents_body p {
    margin-bottom: 40px
}

a.text_link {
    font-weight: 600;
    border-bottom: 2px solid #e1e7f5;
    box-shadow: 0 -8px 0 #e1e7f5 inset
}

div.view_contents .vcomm {
    font-size: 14px;
    text-align: left;
    padding: 5px 0;
    color: #666;
    line-height: 150%
}

div.view_contents .vimg {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 20px
}

div.view_contents .vimg img {
    max-width: 100%
}

div.view_contents .vimg .iframe_img {
    position: relative;
    display: inline-block
}

div.view_contents .imgov {
    position: absolute;
    right: 0
}

div.view_contents .sub_title {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 15px
}

blockquote.block_line {
    border-left: 4px solid #ccc;
    margin: 0 0 20px 20px;
    padding: 0 10px
}

blockquote.block_box {
    border: 1px solid #ddd;
    margin: 0 0 20px;
    padding: 10px;
    background-color: #f4f4f4
}

.byline {
    display: block;
    width: 100%
}
.bylineWrap {
    position: relative;
    justify-content: space-between;
    width: 100%;
    display: flex;
    align-items: center;
}
.byline div.sharebtn {
    position: absolute;
    right: 5%;
    top: 15px
}
.byline div.sharebtn img {
    height: 40px
}
.byline .by_reporter li {
    padding: 0;
    overflow: hidden
}
.byline .by_reporter li dl {
    overflow: hidden
}
.byline .by_reporter .reporter_img {
    display: block;
    margin-right: 15px;
    float: left
}
.byline .by_reporter .reporter_img span {
    position: relative;
    overflow: hidden;
    border-radius: 150px;
    display: block;
    width: 65px;
    height: 65px
}
.byline .by_reporter .reporter_img img {
    width: 100%;
    height: 100%
}
.by_reporter {
    font-size: 13px;
}
.reporter_row {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    gap: 10px;
}
.reporter_row a.click-trc {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
a.subscribe {
    line-height: 1.5;
    border-radius: 10px;
    padding: 3px 10px;
    background-color: #2a3f82;
    color: #fff;
    text-align: center;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    vertical-align: middle;
}
a.subscribe.subscribed {
  background: none;
  color: #2a3f82;
  border: 1px solid #2a3f82;
}
.icon-plus {
  display: inline-block;  
  width: 9px;
  height: 9px;
  padding-left: 2px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.875 122.648"><path fill="white" d="M108.993,47.079c7.683-0.059,13.898,6.12,13.882,13.805 c-0.018,7.683-6.26,13.959-13.942,14.019L75.24,75.138l-0.235,33.73c-0.063,7.619-6.338,13.789-14.014,13.78 c-7.678-0.01-13.848-6.197-13.785-13.818l0.233-33.497l-33.558,0.235C6.2,75.628-0.016,69.448,0,61.764 c0.018-7.683,6.261-13.959,13.943-14.018l33.692-0.236l0.236-33.73C47.935,6.161,54.209-0.009,61.885,0 c7.678,0.009,13.848,6.197,13.784,13.818l-0.233,33.497L108.993,47.079L108.993,47.079z"/></svg>') no-repeat center/contain;
}
.byline .by_reporter .reporter_email {
    color: #888;
    font-family: Arial;
    font-weight: 200;
    margin-top: 8px;
    letter-spacing: 0;
    font-size: 13px;
}
.Copyright {
    clear: both;
    text-align: center;
    font-size: 14px;
    margin-top: 4%;
    padding-bottom: 2%
}
.DetailView_Wrap .recommend_btn {
    width: 100%;
    margin: 16px auto 0;
    padding-bottom: 16px
}

.recommend_btn ul.ico_btn {
    overflow: hidden;
    font-size: 0;
    width: 100%
}

.recommend_btn ul.ico_btn li span {
    font-size: 13px;
    text-align: center;
    display: block;
    margin-top: 4px;
    color: #888
}

.recommend_btn ul.ico_btn li span.numbs {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0;
    color: #222!important;
    font-family: Arial;
    display: block;
    position: absolute;
    top: 0;
    left: 60%;
    background: #f2f2f2;
    border-radius: 20px;
    padding: 4px 8px;
    margin-top: 0
}

.recommend_btn ul.ico_btn li.text_on span {
    color: #f53131;
    font-weight: 700
}

.recommend_btn ul.ico_btn li {
    display: inline-block;
    width: 24%;
    text-align: center;
    position: relative;
    vertical-align: top
}

.recommend_btn ul.ico_btn li span font {
    display: block
}

.recommend_btn ul.ico_btn li:nth-last-child(1) {
    width: 28%
}

.ico_share{
    border-top: 1px solid #e1e7f5;
    width: 100%;
    padding: 18px 0 0;
    height: 43px;
}
.ico_share ul{
    display: flex;
    float: right;
}
.ico_share li{
    margin-left: 7px;
}
.ico_share a.shareIco_1, .ico_share a.shareIco_2, .ico_share a.shareIco_3, .ico_share a.shareIco_4{
    width: 42px;
    height: 42px;
}
.ico_share a.shareIco_1 {
    background-position: -199px -664px;
}
.ico_share a.shareIco_2 {
    background-position: -248px -664px;
}
.ico_share a.shareIco_3 {
    background-position: -299px -664px;
}
.ico_share a.shareIco_4 {
    background-position: -348px -664px;
}
a.recom_ico1,a.recom_ico1_on,a.recom_ico2,a.recom_ico2_on,a.recom_ico3,a.recom_ico3_on,a.recom_ico4,a.recom_ico4_on {
    width: 37px;
    height: 37px;
}

a.recom_ico1 {
    background-position: -224px -248px
}

a.recom_ico2 {
    background-position: -274px -248px
}

a.recom_ico4 {
    background-position: -324px -248px
}

a.recom_ico3 {
    background-position: -373px -248px
}

a.recom_ico1_on {
    background-position: -224px -296px
}

a.recom_ico2_on {
    background-position: -274px -296px
}

a.recom_ico4_on {
    background-position: -324px -296px
}

a.recom_ico3_on {
    background-position: -373px -296px
}

.DetailView_Wrap .relation_newslist {
    clear: both;
    width: 96%;
    padding: 20px 0 0;
    border-top: 1px solid #dfdfdf;
    margin: 30px 0;
}

/*251020_소연수정*/
.relation_newslist .rel_title, .relation_newslist2 .rel_title, .reporter_topNews .reporter_name a{
    font-size: 16px;
    font-weight: 600;
    position: relative; 
}
.relation_newslist .rel_title, .relation_newslist2 .rel_title{
    color: #264186;
    padding-left: 14px;
}
.reporter_topNews .reporter_name a{
    color: #333;
}
.relation_newslist .rel_title::before, .relation_newslist2 .rel_title::before{
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    background-color: #264186;
    top: 25%;
    bottom: 25%;
}
.relation_newslist div.rel_newscont, .relation_newslist2 div.rel_newscont{
    padding: 0;
    margin: 0;
}
.relation_newslist div.rel_newscont ul.newslist, .relation_newslist2 div.rel_newscont ul.newslist{
    clear: both;
}
.relation_newslist div.rel_newscont ul.newslist li, .relation_newslist2 div.rel_newscont ul.newslist li{
    padding-left: 16px;
    font-size: 15px;
    margin-top: 8px;
    max-height: 24px;
    line-height: 160%;
    position: relative;
}
.relation_newslist div.rel_newscont ul.newslist li a, .relation_newslist2 div.rel_newscont ul.newslist li a{
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap
}

.relation_newslist div.rel_newscont ul.newslist li span.rel_ico, .relation_newslist2 div.rel_newscont ul.newslist li span.rel_ico{
    width: 9px;
    height: 9px;
    top: 5px;
    left: 0;
    position: absolute;
    margin-top: 2px;
    background-position: -277px 0;
    display: block
}

/*251020_소연수정*/
.reporter_topNews{
    padding: 30px 0;
    clear: both;
    border-bottom: 1px solid #dfdfdf;
}
.reporter_topNews .reporter_name{
    padding: 0
}
.reporter_topNews .relation_newslist2{
    clear: both;
    width: 90%;
}

.DetailView_Wrap .popular_newslist {
    clear: both;
    width: 100%;
    padding: 0 0 5%
}

.popular_newslist h2.pop_title {
    font-size: 17px;
    color: #264186;
    letter-spacing: -2px;
    position: relative;
    border-left: 4px solid #264186;
    padding-left: 10px
}

.popular_newslist h2::before {
    content: '';
    display: block;
    position: absolute;
    left: -4px;
    top: 0;
    width: 4px;
    height: 4px;
    background: #fff
}

.popular_newslist h2:after {
    content: '';
    display: block;
    position: absolute;
    left: -4px;
    bottom: 0;
    width: 4px;
    height: 3px;
    background: #fff
}

.popular_newslist div.pop_newscont {
    padding: 0;
    margin: 0
}

.popular_newslist div.pop_newscont ul.newslist {
    clear: both;
    margin-top: 4%
}

.popular_newslist div.pop_newscont ul.newslist li {
    padding-left: 4%;
    font-size: 16px;
    margin-top: 4%;
    height: 22px;
    line-height: 160%;
    position: relative
}

.popular_newslist div.pop_newscont ul.newslist li a {
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap
}

.popular_newslist div.pop_newscont ul.newslist li span.ppl_ico {
    width: 9px;
    height: 9px;
    top: 8px;
    left: 0;
    position: absolute;
    margin-top: 2px;
    background-position: -277px 0;
    display: block
}

div.talk_link_banner div.banner {
    background: #06afb4;
    text-align: center;
    padding: 18px 0;
    color: #fff;
    font-size: 16px;
    position: relative;
    margin-top: 8%
}

div.talk_link_banner div.banner span.link_arrow {
    position: absolute;
    right: 5%;
    top: 30%;
    width: 25px;
    height: 26px;
    background-position: -205px -182px;
    display: block
}

a.faceb_ico,a.google_ico,a.kakao_ico,a.line_ico,a.twit_ico,a.url_ico {
    width: 51px;
    height: 54px
}

a.kakao_ico {
    background-position: 0 -107px
}

a.faceb_ico {
    background-position: -60px -107px
}

a.twit_ico {
    background-position: -120px -107px
}

a.google_ico {
    background-position: -180px -107px
}

a.line_ico {
    background-position: -240px -107px
}

a.url_ico {
    background-position: -300px -107px
}

a.close_ico {
    width: 30px;
    height: 30px;
    background-position: -160px -53px
}

.share_modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 888;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s
}

.share_modalpopup_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: 1rem 1.5rem;
    display: block;
    width: 80%;
    max-width: 600px;
    padding: 30px 0 40px
}

.close-button {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: .25rem
}

.closebtn {
    position: absolute;
    right: 5%;
    top: 5%
}

.share_modalpopup_cont dl {
    width: 80%;
    margin: 0 auto
}

.share_modalpopup_cont dl dt.share_icon_tit {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-top: 5%
}

.share_modalpopup_cont dl dd.share_icon_content {
    margin-top: 30px;
    overflow: hidden
}

.share_modalpopup_cont dl dd.share_icon_content ul.icon_list li {
    float: left;
    width: 50%;
    text-align: center
}

.share_modalpopup_cont dl dd.share_icon_content ul.icon_list li img {
    height: 50px
}

.share_modalpopup_cont dl dd.share_icon_content ul.icon_list li span {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 15px
}

.share-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s
}

.news_modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 888;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    z-index: 999;
    transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.close-button2 {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: .25rem
}

.addnews_modalpopup_wrap {
    width: 90%;
    position: relative;
    margin: 0 auto;
    background: #fff;
    max-width: 640px
}

.addnews_modalpopup {
    width: 100%;
    padding: 5% 0
}

.addnews_modalpopup .addbanner {
    width: 90%;
    margin: 30px auto 0
}

.addnews_modalpopup .addbanner img {
    width: 100%;
    height: 100%
}

dl.report {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5%;
    padding-top: 8%
}

dl.report dt.txt {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    width: 76%;
    margin: 0 auto
}

dl.report dd.btn {
    width: 60%;
    margin: 20px auto 0
}

dl.report dd.btn button {
    background: #264186;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    padding: 5% 0;
    border-radius: 2px
}

.backcolor_gry {
    background: #f7f7f7;
    padding-top: 5%
}

.newslistWrap_3row {
    margin-top: 8%;
    position: relative;
    overflow: hidden
}

.newslistWrap_3row h3 {
    font-size: 16px;
    font-weight: 700;
    margin-left: 4%;
    position: relative;
    margin-bottom: 8px
}

.newslistWrap_3row h3 span {
    display: table-cell;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: -15%
}

.newslistWrap_3row button.sign_btn {
    background: #264186;
    font-size: 12px;
    border-radius: 2px;
    padding: 8px 16px;
    color: #fff
}

.newslistWrap_3row ul {
    overflow: hidden;
    font-size: 0
}

.newslistWrap_3row ul li.newslist {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
    border-bottom: 1px solid #eaeaea
}

.newslistWrap_3row ul li.newslist dl dt {
    display: inline-block;
    font: lighter 18px Arial,sans-serif;
    color: #f0343d;
    vertical-align: top;
    position: relative;
    top: 2px
}

.newslistWrap_3row ul li.newslist dl dd {
    display: inline-block;
    width: 85%;
    font-size: 16px;
    margin-left: 6%;
    line-height: 160%;
    vertical-align: middle
}

.newslistWrap_3row div.no_save {
    border-top: 1px solid #ddd;
    padding-top: 5%;
    padding-bottom: 6%;
    text-align: center;
    font-size: 15px
}

.news-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s
}

.reporterInfo_modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 888;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s
}

.reporterInfo_modalpopup_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: 1rem 1.5rem;
    display: block;
    width: 80%;
    max-width: 600px;
    padding: 30px 0 60px
}

ul.reporter_noinfo li.no_profile {
    text-align: center;
    margin-top: 5%
}

ul.reporter_noinfo li span.udl_btn {
    border-bottom: 1px solid #ffe074;
    box-shadow: 0 -8px 0 #ffe074 inset
}

ul.reporter_noinfo li.g_text {
    text-align: center;
    margin-top: 5%;
    font-size: 18px
}

ul.reporter_noinfo li.no_profile span.no_profile_ico {
    text-align: center;
    display: inline-block;
    width: 100px;
    height: 101px;
    position: relative;
    background-position: 0 -397px
}

.close-button3 {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: .25rem
}

.reporterInfo-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s
}

div.floating {
    margin: auto
}

div.floating h2 a.plus_btn {
    position: fixed;
    bottom: 55px;
    display: none;
    right: 5%;
    z-index: 999;
    text-align: right
}

div.notice_box {
    position: absolute;
    z-index: 999;
    bottom: 80px;
    right: -4px;
    height: auto;
    max-width: 70px;
    background: #f4f6fd;
    padding: 8px 16px;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #454b57
}

div.notice_box:after {
    top: 100%;
    border: 1px solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #f4f6fd;
    border-width: 7px;
    bottom: 10px;
    right: 16px
}

.reporter_detail {
    background: #fafafa
}

.reporter_detail ul.reporter_info li {
    position: relative
}

.reporter_info {
    padding: 24px 8px;
    margin: 0 24px
}

.rep_follow_wrap {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.rep_follow {
    display: block;
    position: relative;
    width: 100%
}

.rep_follow:nth-of-type(2) {
    margin-left: 16px
}

.rep_follow a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    width: 100%;
    height: 45px;
    background: #314f9c
}

.rep_follow a span.follow_txt {
    margin-left: 20px
}

.rep_follow:nth-of-type(2) a {
    background: #5d4bce
}

.rep_follow a span.follow_s_ico {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 16px;
    height: 16px;
    background-position: -600px 0;
    z-index: 1
}

ul.reporter_info li.newsman_profile {
    display: flex;
    align-items: center;
    justify-content: center
}

li.newsman_profile div.thumnail {
    display: block;
    margin-right: 4%
}

li.newsman_profile div.thumnail span {
    display: block;
    height: 100px;
    width: 100px
}

li.newsman_profile div.thumnail span img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

li.newsman_profile dl.inform {
    font-size: 16px
}

li.newsman_profile dl.inform dt {
    font-weight: 700
}

li.newsman_profile dl.inform dt>span {
    font-weight: 500;
    font-size: 14px;
    color: #555;
    margin-left: 4px
}

li.newsman_profile dl.inform dd {
    font-size: 16px
}

li.newsman_profile dl.inform dd.inform-email {
    font-size: 14px;
    font-weight: 600;
    font-family: SUIT;
    margin-top: 4px
}

li.newsman_profile dl.inform dd.inform-field {
    font-size: 13px;
    font-weight: 600;
    margin-top: 8px;
    position: relative
}

li.newsman_profile dl.inform dd.inform-field>span {
    box-shadow: 0 -10px 0 #fffa8d inset;
    margin-right: 8px;
    margin-bottom: 2px;
    display: inline-block
}

li.newsman_profile dl.inform dd.inform-field>span:first-child {
    margin-left: 4px
}

ul.reporter_info li.intro {
    margin-top: 20px;
    display: block
}

ul.reporter_info li.intro::before {
    content: "";
    display: block;
    z-index: 5;
    padding-top: 12px;
    border-top: 1px solid #eaeaea;
    box-sizing: border-box
}

ul.reporter_info li.intro h4 {
    width: 80%;
    margin: 0 auto 0;
    font-size: 14px;
    color: #888;
    display: block;
    line-height: 150%;
    font-weight: 500;
    text-align: center
}

.newsman_keywordWrap {
    margin-bottom: 16px
}

ul.newsman_keyword {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 24px 0;
    margin: 8px 0 24px
}

li.newsman_keyword_list {
    background: #e4f2ff;
    border-radius: 999px;
    padding: 2px 12px 6px;
    margin-right: 6px;
    margin-top: 12px
}

li.newsman_keyword_list:last-child {
    margin-right: 0
}

li.newsman_keyword_list span.key--tit {
    font-size: 12px;
    font-weight: 600
}

li.newsman_keyword_list span.key--tit::before {
    content: "#";
    margin-right: 2px
}

.newsman_newslistWrap {
    padding: 24px 24px 0;
    margin-bottom: 16px
}

div.newsman_tabs_wrap {
    width: 100%
}

ul.newsman_tabs_list::after {
    content: "";
    display: block;
    clear: both
}

li.newsman_tabs_list--tit {
    float: left;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -1px;
    width: 33%;
    text-align: center;
    background: #f9f9f9
}

li.newsman_tabs_list--tit:nth-of-type(3) {
    width: 34%
}

li.newsman_tabs_list--tit>a {
    padding: 12px 0;
    display: block
}

li.newsman_tabs_list--tit.active {
    background: #4c5ad2
}

li.newsman_tabs_list--tit.active>a {
    color: #fff;
    font-weight: 600
}

div.newsman_tabs_conts_wrap {
    margin-top: 8px
}

.winnersclub_nav {
    clear: both;
    width: 100%;
    margin: 0 auto;
    height: 60px;
    z-index: 999;
    background: #f6f6f6;
    border-bottom: 1px solid #e5e5e5
}

.winnersclub_nav .gnbMenu {
    overflow: hidden
}

.winnersclub_nav .gnbMenu li {
    float: left;
    line-height: 60px;
    font-size: 17px;
    text-align: center
}

.winnersclub_nav .gnbMenu li:first-child {
    width: 32%
}

.winnersclub_nav .gnbMenu li:nth-child(2) {
    width: 23%
}

.winnersclub_nav .gnbMenu li:nth-child(3) {
    width: 25%
}

.winnersclub_nav .gnbMenu li:nth-child(4) {
    width: 20%
}

.winnersclub_nav .gnbMenu li a.on {
    border-bottom: 12px solid red
}

.winnersclub_nav .gnbMenu li.menu_on a {
    color: #0465c3;
    font-weight: 700
}

.winners_introduction {
    padding: 5%
}

.winners_introduction>div {
    padding: 0;
    line-height: 160%;
    letter-spacing: -1px;
    margin-top: 20px
}

.winners_introduction h2 {
    width: 100%;
    margin-top: 10px
}

.winners_introduction h2 span {
    font-size: 26px;
    font-weight: 200;
    letter-spacing: -1px;
    border-bottom: 2px solid #ffe074;
    box-shadow: 0 -8px 0 #ffe074 inset
}

.winners_introduction h1 span {
    color: #0465c3
}

.winners_introduction .winners_tit {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0
}

.winners_introduction p.winners_txt {
    color: #555
}

.winners_introduction .winners_tit_blue {
    font-size: 16px;
    color: #0465c3;
    font-weight: 600
}

.winners_introduction div ul li {
    padding-left: 15px;
    position: relative;
    margin: 2% 0
}

.winners_introduction div ul li span {
    width: 9px;
    height: 9px;
    top: 8px;
    left: 0;
    position: absolute;
    margin-top: 2px;
    background-position: -295px 0;
    display: block
}

.winners_topBar {
    width: 100%;
    position: relative;
    z-index: 1
}

.winners_topBar img {
    width: 100%
}

.item_wrap {
    margin-top: 10px;
    position: relative
}

.item_wrap h2.title {
    font-size: 19px;
    display: block;
    padding: 0 15px;
    margin-top: 25px
}

.item_wrap h2.title span.arrow {
    float: right
}

.item_wrap .item_cont {
    clear: both;
    padding: 0 10px;
    margin-top: 15px;
    position: relative
}

.item_wrap .item_cont ul {
    position: relative
}

.item_wrap .item_cont ul li {
    display: block
}

.item_wrap .item_cont ul li.thumnail {
    width: 100%;
    position: relative;
    z-index: 1
}

.item_wrap .item_cont ul li.thumnail img {
    width: 100%
}

.item_wrap .tab_arrow_l {
    position: absolute;
    z-index: 999;
    right: 52px;
    top: 0
}

.item_wrap .tab_arrow_l img {
    max-width: 35px;
    width: 100%
}

.item_wrap .tab_arrow_r {
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 0
}

.item_wrap .tab_arrow_r img {
    max-width: 35px;
    width: 100%
}

.qnews_cont ul {
    overflow: hidden;
    width: 96%;
    margin: 0 auto
}

.qnews_cont ul li.list_conts {
    float: left
}

.qnews_cont ul li.list_conts:nth-of-type(2n) {
    float: right
}

.qnews_cont .list_conts {
    width: 49%;
    height: 100%;
    margin: 10px auto 0;
    background: #fff;
    padding-bottom: 15px
}

.qnews_cont .list_conts dl {
    width: 100%
}

.qnews_cont .list_conts dl>dt {
    margin: 0
}

.qnews_cont .list_conts dl dd.tit_txt {
    margin-top: 10px;
    padding: 0 10px;
    font-size: 18px;
    line-height: 140%;
    height: 50px
}

.qnews_cont .list_conts dl dd img {
    width: 100%
}

.irnews_btn {
    background: #264186;
    letter-spacing: 0;
    margin: 5%;
    padding: 4%;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 4px -2px #999;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.cp_name {
    font-size: 16px;
    color: #0465c3;
    font-weight: 500
}

.cp_date {
    font: 200 16px Arial;
    color: #888;
    margin-top: 8px;
    display: block
}

.joininquiry {
    padding: 10px 12px 0
}

.joininquiry h2 {
    font-size: 18px;
    display: block;
    padding: 0 15px
}

.joininquiry .inquiry_info {
    padding: 0 15px;
    margin-top: 15px
}

.joininquiry .inquiry_info li {
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 16px;
    position: relative
}

.joininquiry .inquiry_info li span {
    width: 9px;
    height: 9px;
    top: 5px;
    left: 0;
    position: absolute;
    margin-top: 2px;
    background-position: -295px 0;
    display: block
}

.mmember_cont ul {
    overflow: hidden;
    width: 96%;
    margin: 0 auto
}

.mmember_cont ul li.list_conts {
    border: 1px solid #ddd;
    width: 30%;
    height: auto;
    float: left;
    margin-right: 4.2%;
    box-sizing: border-box
}

.mmember_cont ul li.list_conts:nth-of-type(3n) {
    margin-right: 0
}

.mmember_cont .list_conts {
    width: 49%;
    height: 100%;
    margin: 10px auto 0;
    background: #fff
}

.mmember_cont .list_conts .member_img {
    text-align: center;
    width: 100vw!important;
    display: table-cell;
    height: 170px;
    vertical-align: middle
}

.mmember_cont .list_conts .member_img img {
    max-width: 80%
}

.mmember_cont .list_conts dl {
    width: 100%
}

.mmember_cont .list_conts dl>dt {
    margin: 0
}

.mmember_cont .list_conts dl dd.tit_txt {
    background: #fafafa;
    border-top: 1px solid #ddd;
    text-align: center;
    padding: 5% 0;
    font-size: 15px;
    line-height: 150%
}

.mmember_tit {
    font-size: 1.5em
}

.mmember_tit li {
    width: 50%;
    float: left;
    text-align: center;
    margin: 4% 0 3%;
    font-size: 18px;
    color: #888;
    position: relative
}

.mmember_tit li:first-child::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    background: #888;
    right: 0;
    top: 5px
}

.mmember_tit li a.on {
    color: #333;
    font-weight: 700
}

.subscribeWrap {
    padding: 24px 32px;
}

.subscribeWrap>div {
    padding: 0;
    line-height: 130%;
}

.subscribe_titWrap{
    margin: 0 0 16px;
    font-weight: 500;
}
.subscribe_titWrap p.subscribe_tit__m {
    width: 100%;
    text-align: center;
    font-family: "NotoSerif";
}
.subscribe_titWrap p.subscribe_tit__m span {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -1px;
    border-bottom: 1px solid #d9ddef;
    box-shadow: 0 -16px 0 #d9ddef inset
}

.subscribe_titWrap p.subscribe_tit__s {
    font-size: 14px;
    margin: 12px 0;
    text-align: center
}
.subscribe_titWrap p.subscribe_tit__s span{
    font-weight: 600;
    color: #314f9c;
}
.subscribeContents .tableform {
    margin-top: 10px;
    width: 100%
}

.subscribeContents .tableform tr:first-of-type {
    border-top: 1px solid #333
}

.subscribeContents .tableform tr:nth-of-type(2) {
    border-bottom: 1px solid #333
}

.subscribeContents .tableform tr td.tit {
    padding-left: 10px;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Noto Sans Korean-6','Malgun Gothic',sans-serif
}

.subscribeContents .tableform tr td {
    padding: 14px 16px
}

.subscribeContents .tableform tr td p {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: -1px
}

.subscribeContents .tableform tr td span.box_input1 input,.subscribeContents .tableform tr td span.box_input2 input,.subscribeContents .tableform tr td span.box_input3 input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fafafa;
    height: 30px;
    border: 1px solid #e8e8e8;
    margin-right: 2px;
    margin-left: 2px
}

.subscribeContents .tableform tr td span.box_input3 input {
    width: 100%
}

.subscribeContents .tableform tr td span.box_input2 input {
    width: 24%;
    max-width: 100%
}

.subscribeContents .tableform tr td span.box_input1 input {
    width: 100%
}

.subscribeContents .tableform tr td span input {
    padding-left: 5px;
    font-size: 16px;
    overflow: hidden
}

.subscribeContents .tableform tr {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.subscribeContents .tableform p {
    line-height: 160%;
    letter-spacing: 0;
    font-size: 13px;
    margin: 2% 0 0
}

/* 2023-12-12 구독신청페이지 PDF구독신청 추가 */
.tab-btnWrap{
    width: 100%;
    margin: 24px auto 24px;
}
.tab-btnWrap ul::after{
    content: "";
    display: block;
    clear: both;
}
.tab-btnWrap ul li.tab-btn-list{
    width: 50%;
    float: left;
}
.tab-btnWrap ul li.tab-btn-list a{
    display: block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.7px;
    background: #F0F0F0;
    color: #333;
    padding: 10px 0 10px;
    text-align: center;
    font-family: "NotoSerif";
}
.tab-btnWrap ul li.tab-btn-list a.tab__on{
    background: #283A64;
    color: #fff;
}

/* PDF 구독신청 본문 CSS 추가 */
.pdfscrp_contWrap{
    width: 100%;
    margin: 0 auto 32px;
}
table.pdfscrptable{
    width: 100%;
    margin-top: 28px;
}
table.pdfscrptable tr{
    border-bottom: 1px solid #eee;
}
table.pdfscrptable thead th{
    background: #f9f9f9;
    border-top: 1px solid #333333;
    font-weight: 600;
    font-size: 14px;
    font-family: "NotoSerif";
}
table.pdfscrptable tbody td{
    background: #ffffff;
    font-weight: 500;
    font-size: 13px;
}
table.pdfscrptable thead th, table.pdfscrptable tbody td{
    padding: 12px 24px 12px;
    text-align: left;
}
table.pdfscrptable tbody td.dwntit{
    font-weight: bold;
}
table.pdfscrptable tbody td.ico{
    text-align: right;
    padding-right: 28px;
}
table.pdfscrptable tbody td.ico a svg{
    fill: #555555;
    vertical-align: top;
}
table.pdfscrptable tbody td.dwntit a:hover, table.pdfscrptable tbody td.ico a:hover svg{
    fill: #ee3f3f;
    color: #ee3f3f;
}

.privacy_box {
    background: #fafafa;
    width: 90%;
    height: 100px;
    overflow: auto;
    text-align: left;
    border: 1px solid #ddd;
    resize: none;
    overflow-y: scroll;
    padding: 3% 5%;
    display: block;
    font-size: 13px;
    color: #888;
    border-radius: 4px;
}

.privacy_box span {
    font-weight: 700;
    color: #222
}

.privacy_box p {
    margin-top: 10px;
    color: #222
}

.privacy {
    margin-top: 20px
}

.privacy label {
    margin-top: 10px;
    display: block
}

.privacy label span {
    font-size: 14px;
    margin-left: 5px
}

.privacy label input {
    border: 1px solid #ddd;
    vertical-align: middle
}

.menu_navi .menu_title {
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    padding-bottom: 15px
}

.rep_contWrap {
    padding: 16px 24px 0
}

.rep_contWrap .rep_title {
    font-weight: 400;
    font-size: 18px
}

.rep_contWrap .rep_textform {
    width: 100%;
    position: relative;
    margin-top: 12px
}

.rep_contWrap .rep_textform textarea {
    width: 100%;
    min-height: 150px;
    height: auto;
    border: 1px solid #e9e9e9;
    padding: 20px 20px 0;
    box-sizing: border-box;
    display: block;
    font-size: 13px;
    line-height: 150%
}

.rep_contWrap .rep_textform span.text_cout {
    color: #b9b9b9;
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 14px;
    font-family: Arial
}

.rep_contWrap .rep_btn input {
    width: 100%;
    background: #264186;
    padding: 12px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0
}

.rep_contList .rep_container {
    clear: both;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5%;
    margin-top: 5%
}

.rep_container ul {
    overflow: hidden
}

.rep_container ul li {
    float: left
}

.rep_container .rep_profile_img div>span {
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: block;
    border-radius: 100%
}

.rep_container .rep_profile_img div>span img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.rep_container .rep_cont_txt {
    width: 75%;
    margin-left: 15px
}

.rep_cont_txt div.nameid {
    font-weight: 700
}

.rep_cont_txt div.text {
    margin-top: 10px;
    line-height: 165%
}

.rep_cont_txt div.date {
    font-family: Arial;
    margin-top: 15px;
    color: #888;
    letter-spacing: 0
}

.rep_cont_txt div.del_btn {
    border: 1px solid #888;
    padding: 8px 18px 10px;
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
    margin-top: 20px
}

.ad_ico_w {
    margin-top: 10px
}

.ad_txt {
    display: block;
    overflow: hidden;
    margin: 0;
    padding-bottom: 3px;
    font-size: 15px;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ad_txt:before {
    display: block;
    float: left;
    width: 17px;
    height: 11px;
    line-height: 20px;
    padding: 5px 0 5px 5px;
    background: #fff;
    content: "";
    background: url("/images/m_ico.png");
    background-position: -143px -1px;
    background-size: 500px 500px;
    text-indent: -9999px
}

.ad_text_dot ul li a {
    display: block;
    position: relative;
    height: 30px;
    margin-bottom: 5px;
    padding-left: 10px;
    font-size: 15px;
    text-indent: 0
}

.ad_text_dot {
    position: relative
}

.ad_text_dot .ad_txt {
    position: absolute;
    top: 0;
    right: 0
}

@media all and (min-width: 240px) and (max-width:767px) {
    .Top_m_conts img {
        width:100%
    }

    .ContentsWrap .TopCont_wrap ul .logo img {
        height: 32px
    }

    .ContentsWrap .TopCont_wrap ul li.allmenu img,.ContentsWrap .TopCont_wrap ul li.search img {
        height: 23px
    }

    .btn input {
        width: 25px
    }

    .ico_blue,.ico_red,.ico_violet,.ico_yello {
        font-size: 15px;
        padding: 5px 10px;
        vertical-align: text-top
    }

    .mmember_cont .list_conts .member_img {
        height: 12vh;
        vertical-align: middle
    }

    .mmember_cont .list_conts .member_img img {
        width: 65%
    }

    .rep_contWrap .rep_textform textarea {
        min-height: 120px
    }
}

@media all and (min-width: 768px) and (max-width:1920px) {
    .ContentsWrap .TopCont_wrap ul .logo img {
        height:32px
    }

    .main_wrap_R {
        float: left;
        width: 42%;
        border-left: 1px solid #ececec;
        box-sizing: border-box;
        background: #f6f6f6
    }

    .recommend_btn ul.ico_btn li span.numbs {
        left: 55%
    }
}

@media all and (min-width: 640px) and (max-width:1920px) {
    .mnews_cont ul li.thumnail img {
        max-height:350px
    }

    .mmain_news .mnews .thum {
        max-height: 350px
    }
}

.live_searchword a.down_ico {
    width: 17px;
    height: 9px;
    background-position: -245px 0;
    position: absolute;
    right: 0;
    top: 10px
}

.live_searchword a.up_ico {
    width: 17px;
    height: 9px;
    background-position: -365px 0;
    position: absolute;
    right: 0;
    top: 10px
}

nav .lvsearch_Listwrap {
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 9999999;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 8px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.1);
    border-bottom: 1px solid #888;
    box-sizing: border-box
}

.lvsearch_Listwrap h3.lvs_tit {
    width: 100%;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #314c92;
    box-sizing: border-box;
    padding: 0 15px 15px;
    margin-bottom: 15px
}

h3.lvs_tit span {
    font-size: 15px;
    color: #222;
    margin-left: 15px;
    border-bottom: 2px solid #eaeaea;
    box-shadow: 0 -5px 0 #eaeaea inset
}

h3.lvs_tit a.up_ico {
    width: 17px;
    height: 9px;
    background-position: -365px 0;
    position: absolute;
    right: 20px;
    top: 10px
}

.lvsearch_Listwrap ul.lvs_Listcont {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 0 25px
}

ul.lvs_Listcont li.lvs_list {
    margin-bottom: 15px
}

ul.lvs_Listcont li.lvs_list a,ul.lvs_Listcont li.lvs_list span.num {
    display: inline-block;
    vertical-align: middle
}

ul.lvs_Listcont li.lvs_list span.num {
    font: bold 15px Arial;
    margin-right: 10px;
    letter-spacing: 0;
    color: #f53131
}

ul.lvs_Listcont li.lvs_list a {
    max-width: 300px;
    font-size: 16px;
    color: #333;
    letter-spacing: -1px
}

#view_bottom_ad {
    /*background-color:#ccc;*/
    height: 50px;
    overflow: hidden;
    width: 100%;
    position: fixed;
    bottom: 0;
    /*background-color:rgba(204,204,204,.9);*/
    z-index: 999;
    text-align: center
}

@media all and (min-width: 320px) and (max-width:375px) {
    ul.reporter_info li div.follow_btn a,ul.reporter_info li div.follow_btn a.on {
        font-size:13px
    }

    h3.cat_title div {
        width: 300px
    }
}

@media all and (min-width: 240px) and (max-width:320px) {
    h3.cat_title div {
        width:260px
    }
}

div.rpt_follow_banner {
    width: 90%;
    margin: 10% auto 0
}

div.rpt_follow_banner div.banner {
    background: #264186;
    text-align: center;
    padding: 18px 5%;
    color: #fff;
    font-size: 15px;
    position: relative;
    border-radius: 2px
}

div.rpt_follow_banner div.banner span.link_arrow {
    position: absolute;
    right: 5%;
    top: 30%;
    width: 25px;
    height: 26px;
    background-position: -205px -182px;
    display: none
}

.issue_thumbnail {
    float: left;
    text-align: right;
    margin-right: 3%;
    position: relative
}

.issue_thumbnail img {
    width: 114px
}

.issue_bn {
    border-bottom: 1px solid #ddd;
    padding: 3%;
    overflow: hidden
}

.issue_bn ul {
    overflow: hidden
}

.thumbnail {
    display: block;
    margin-right: 4%;
    position: relative;
    float: left
}

.issue_bn .thumbnail img {
    width: 110px
}

.issue_thumbnail2 {
    float: left;
    text-align: right;
    margin-right: 3%;
    position: relative
}

.issue_thumbnail2 img {
    width: 114px
}

.issue_bn .subject {
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    padding: 1% 0;
    float: left
}

.info {
    width: 100%;
    display: inline-block
}

.reply_set {
    display: inline-block;
    line-height: 100%
}

.reply_set img {
    width: 16px;
    margin-left: 5px
}

.issue_bn .ico_survey {
    background: #b221ed
}

.issue_bn .ico_red,.issue_bn .ico_survey,.issue_bn .ico_violet {
    top: 0;
    left: 0;
    padding: 4px 10px;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
    position: absolute
}

.cbp_survey .lede {
    float: left;
    margin-top: 2%;
    border-radius: 5px;
    font-size: 15px;
    color: #555;
    font-weight: 300;
    line-height: 140%;
    height: 40px
}

.issue_bn .ico_red {
    background: #fe6b53
}

.issue_bn .ico_violet {
    background: #5862f8
}

.reply_set .reply {
    color: #ff9310;
    margin-left: -3px;
    position: relative;
    top: -4px
}

.reply_set em {
    font-style: normal;
    font-size: 16px;
    font-family: 'Work Sans';
    font-weight: 400
}

.graph {
    width: 100%;
    margin-top: 5px
}

.graph .info3 {
    width: 70%;
    margin: 0 1%
}

.graph ol {
    width: 100%;
    font-size: 0
}

.graph ol li {
    display: inline-block;
    font-size: 15px
}

.graph ol li:nth-of-type(odd) {
    text-align: left
}

.graph .t_blue,.graph .t_red {
    font-family: 'Work Sans';
    letter-spacing: -1px;
    line-height: 110%
}

.graph .t_blue b,.graph .t_red b {
    font-size: 15px
}

.graph .t_blue {
    color: #4673e3
}

.graph .t_red {
    color: #fe6b53
}

.graph .info3 .gBar {
    display: inline-block;
    width: 100%;
    height: 10px;
    margin: 0;
    border: none;
    border-radius: 20px
}

.graph .info3 .gAction4 {
    display: block;
    height: 13px;
    background: #4673e3 url("/images/arrow_left.png") right 4px center no-repeat;
    background-size: 30px;
    margin: 0;
    border: none;
    border-radius: 20px 0 0 20px;
    float: left
}

.graph .info3 .gAction2 {
    display: block;
    height: 13px;
    background: #fe6b53 url("/images/arrow_right.png") left 4px center no-repeat;
    background-size: 30px;
    margin: 0;
    border: none;
    border-radius: 0 20px 20px 0;
    float: right
}

.issue_bn .btn {
    width: 98%;
    display: inline-block;
    background: #f3f6f9;
    border: 1px solid #dedede;
    padding: 3px 0;
    margin-top: 10px;
    text-align: center;
    font-size: 14px
}

.cbp_tmlabel_main {
    position: relative;
    width: 100%
}

.cbp_tmlabel_main .lede {
    background: #f3f6f9;
    border-right: 3px solid #5862f8;
    float: left;
    padding: 5px 15px;
    margin-top: 2%;
    border-radius: 5px;
    font-size: 15px;
    color: #555;
    font-weight: 300;
    line-height: 140%;
    height: 40px
}

.cbp_tmlabel {
    position: relative;
    width: 92%;
    background: #f3f6f9;
    border-right: 3px solid #5862f8;
    border-radius: 5px;
    margin: 3% 0 0 2%;
    padding: 2% 3%
}

.cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #f3f6f9;
    border-width: 10px;
    top: 10px
}

.cbp_tmlabel .lede {
    font-size: 16px;
    color: #555;
    font-weight: 300;
    line-height: 150%;
    height: auto;
    max-height: 58px
}

.cbp_tmlabel .lede b,.cbp_tmlabel_main .lede b {
    font-weight: 900;
    color: #2859d2;
    margin-right: 8px
}

.ico_survey {
    position: absolute;
    top: 1em;
    left: 1em;
    color: #fff;
    font-size: 15px;
    background: #b632ec;
    padding: 5px 15px;
    border-radius: 40px;
    z-index: 2
}

.wgwg {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    box-shadow: 0 3px 4px -2px #d3d3d3;
    margin-bottom: 2%
}

.timeline3 .wgwgmain_m h3 {
    color: #5862f5;
    font-size: 1.4em;
    z-index: 99;
    position: relative;
    background: #f7fafd;
    padding: 3.5% 7% 2%
}

.timeline3 .wgwgmain_m h3 a {
    color: #5862f5
}

.timeline3 .wgwgmain_m {
    list-style: none;
    position: relative;
    background: #f7fafd
}

.timeline3 .wgwgmain_m ul.newsup_list2:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #d7e4f3;
    left: 10%
}

.timeline3 .wgwgmain_m .newsup_list2>li {
    padding: 0 0 3%
}

.timeline3 .wgwgmain_m ul.newsup_list2>li .nup_tmlabel::before {
    content: "";
    max-width: 8px;
    width: 100%;
    height: 8px;
    speak: none;
    text-transform: none;
    font-size: 1em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #5862f8;
    text-align: center;
    left: -3.2%;
    top: .7em
}

.timeline3 .wgwgmain_m ul.newsup_list2>li .nup_tmlabel {
    height: auto;
    width: 80%;
    margin: 0 0 0 12%;
    padding: 1% 2%;
    font-weight: 300;
    position: relative;
    -moz-box-shadow: 1px 3px 5px -2px rgba(0,0,0,.25)
}

.timeline3 .wgwgmain_m ul.newsup_list2>li .nup_tmlabel div.list_cont ol li.mtit {
    font-size: 1rem;
    font-weight: 600
}

.timeline3 .wgwgmain_m ul.newsup_list2 dt.newsup_date {
    display: block;
    font-family: "Work sans";
    margin-bottom: 15px;
    padding: 2% 0 0;
    color: #afafaf;
    margin: 0 0 0 14%;
    font-size: .9em
}

.vote_reply {
    background: #fff;
    padding: 3% 5%
}

.vote_reply h3 {
    font-weight: 400;
    font-size: 1em;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 4%;
    padding-bottom: 3%;
    line-height: 1
}

.vote_reply a h3 {
    color: #b0b0b0
}

.vote_reply h3:after {
    content: "";
    background-image: url("/images/news_more.png");
    height: 25px;
    width: 25px;
    background-size: 45%;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 10px
}

.vote_reply li {
    margin: 2% 0
}

.vote_reply li span {
    font-weight: 700;
    margin-right: 2%
}

div.scription {
    position: absolute;
    z-index: 9999;
    top: 88px;
    left: 126px
}

div.layerpop_box {
    height: auto;
    max-width: 200px;
    width: 100%;
    background: #fff;
    padding: 17px 8px;
    font-weight: 300;
    line-height: 1.6;
    border-radius: 5px;
    font-size: 13px;
    display: block;
    color: #000;
    text-align: center;
    -webkit-box-shadow: 0 -1px 14px -8px rgba(0,0,0,.18);
    -moz-box-shadow: 0 -1px 14px -8px rgba(0,0,0,.18);
    box-shadow: 0 -1px 16px -8px rgba(0,0,0,.38);
    border-bottom: 1px solid #eaeaea
}

div.layerpop_box:after {
    left: 52%;
    top: -16px;
    border: 1px solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-style: solid;
    border-width: 8px
}

.rep_follow_close {
    position: absolute;
    right: 9px;
    top: 10px;
    text-align: center;
    cursor: pointer
}

.subscrip_modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 888;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    transform: scale(1.1);
    transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s
}

.subscrip_modalpopup_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: 1rem 1.5rem;
    display: block;
    width: 80%;
    max-width: 600px;
    padding: 32px 0
}

.subscrip_modalpopup_cont.short {
    padding: 1rem 1.5rem;
    width: 64%;
    max-width: 320px;
    padding: 16px 0!important
}

.subscrip_modalpopup_cont.short dt.subscrip_tit {
    margin-bottom: 0;
    font-size: 13px
}

.subscrip_modalpopup_cont dl dd,.subscrip_modalpopup_cont dl dt {
    text-align: center
}

dl.subscrip_tWrap:nth-of-type(2) {
    padding: 8px 0 0
}

dl.subscrip_tWrap:first-child {
    padding: 0 0 0
}

dt.subscrip_tit {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 8px;
    line-height: 120%
}

dd.subscrip_txt {
    font-size: 11px;
    overflow: hidden;
    line-height: 145%;
    letter-spacing: -.6px
}

dd.subscrip_txt>span {
    font-weight: 800;
    text-decoration: underline;
    color: #314f9c
}

dd.subscrip_stxt {
    font-size: 11px;
    font-weight: 600;
    margin-top: 12px
}

dd.subscrip_txt--input_box {
    margin-top: 16px
}

dd.subscrip_txt--input_box>input {
    max-width: 160px;
    text-align: center;
    width: 100%;
    height: 38px;
    border: 1px solid #ddd;
    padding: 0 8px;
    font-size: 11px;
    background: #fefefe;
    font-family: SUIT;
    font-weight: 600;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.075);
    -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,.075);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.075)
}

div.scp_btn a {
    display: block;
    width: 140px;
    padding: 12px 0;
    margin: 16px auto 0;
    background: #4c5ad2;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: 600
}

.contents_body .subview_title {
    position: relative;
    font-weight: 600;
    border-left: 3px solid #f58220;
    padding-left: 25px;
    margin: 20px 0;
    line-height: 160%;
    clear: both;
    font-size: 16px;
}

.contents_body .subview_title:before {
    content: '';
    display: block;
    position: absolute;
    left: -3px;
    top: 0;
    width: 3px;
    height: 3px;
    background: #fff
}

.contents_body .paragraph_title {
    border-top: 1px solid #f58220;
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0;
    margin: 20px 0 10px;
    font-weight: 600;
    font-size: 20px;
    clear: both
}

.contents_body .preamble {
    border: 1px solid #ffdcbf;
    padding: 40px 30px;
    position: relative;
    margin: 0 0 30px;
    clear: both
}

.contents_body .preamble h3 {
    color: #f58220;
    font-size: 20px;
    margin-bottom: 10px
}

.contents_body .preamble:before {
    content: '';
    display: block;
    background: #f58220;
    right: 30px;
    top: -8px;
    width: 8px;
    height: 17px;
    overflow: hidden;
    position: absolute
}

.contents_body .quote {
    text-align: center;
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 21px;
    padding: 20px 0;
    clear: both
}

.contents_body .quote .quote_top {
    width: 29px;
    height: 21px;
    background-position: -293px -182px;
    display: block;
    margin: 0 auto 20px
}

.contents_body .quote .quote_bottom {
    width: 29px;
    height: 21px;
    background-position: -323px -182px;
    display: block;
    margin: 20px auto 0
}

.contents_body .editer_note {
    position: relative;
    border: 1px solid #ddd;
    margin: 0 0 20px;
    padding: 10px;
    background-color: #f4f4f4;
    clear: both
}

.hdline_news {
    overflow: hidden;
    padding-bottom: 24px;
    /* box-shadow: 0 8px 9px -2px rgb(0 0 0 / 10%) */
}

.hdline_news .mnews {
    width: 100%;
    border-bottom: 2px solid #ddd
}

.hdline_news .mnews .thum {
    position: relative;
    max-height: 200px;
    overflow: hidden
}

.hdline_con h3 {
    font-size: 26px;
    font-weight: 800;
    max-height: 100px;
    line-height: 140%;
    letter-spacing: -1px;
    color: #000
}

.hdline_con .thum {
    position: relative;
    max-height: 100%;
    overflow: hidden
}
.hdline_txtbox {
    margin: 16px 0 0;
    padding: 0 26px
}

.mainnews_txtbox {
    padding: 0 0 28px;
    border-bottom: 4px solid #294898;
}

div.main_news:last-child .mainnews_txtbox {
    border-bottom: none;
    padding: 0 0 8px
}

.hdline_txtbox>div {
    font-size: 24px;
    font-weight: 600;
    max-height: 70px;
    line-height: 140%;
    letter-spacing: -1px;
    color: #000
}

.news_lede3_style2 {
    clear: both;
    font-size: 15px;
    max-height: 52px;
    line-height: 165%;
    margin-top: 10px;
    color: #777
}

.link_list {
    clear: both;
    margin: 16px 0 0;
    padding: 0 26px;
    font-weight: 600
}

.link_list li {
    padding-left: 12px;
    font-size: 13px;
    margin-top: 6px;
    line-height: 160%;
    position: relative
}

.link_list li:first-child {
    margin-top: 0
}

.link_list li a {
    display: block;
    position: relative;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    line-height: 25px;
}

.link_list .subnews_ico {
    /* width: 7px;
    height: 7px;
    top: 12px;
    left: 0;
    position: absolute;
    background-position: -250px -13px; */

}

.main_news {
    overflow: hidden;
    margin: 0;
}

.main_news .mnews {
    width: 100%;
    border-bottom: 2px solid #ddd
}

.main_news .mnews .thum {
    position: relative;
    max-height: 200px;
    overflow: hidden
}
.mainnews_con24 {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 16px 24px 16px;
}

.main_news .mainnews_con {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 32px 24px 0;
}
.main_news:first-child .mainnews_con{
    padding: 16px 24px 0;
}
.mainnews_con__tit{
    font-size: 24px;
    font-weight: 700;
    padding-right: 8px;
    line-height: 130%;
}
.mainnews_con div.link_text2 {
    font-size: 24px;
    font-weight: 600;
    max-height: 70px;
    line-height: 140%;
    color: #222;
    margin-top: 12px
}

.mainnews_con .thum, .mainnews_con24 .thum {
    position: relative;
    overflow: hidden
}
.mainnews_con24 .thum .pick__io{
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 0;
}
.pick__io img{
    max-height: 28px;
}
.thum img {
    width: 100%;
    height: 100%
}

.mainnews_con .thum_at {
    position: relative;
    height: 470px;
    overflow: hidden
}

.mainnews_con .thum_at img {
    height: 100%;
    height: 100%
}

.mainnews_txtbox .text_style2 {
    clear: both;
    font-size: 15px;
    max-height: 52px;
    line-height: 155%;
    margin-top: 8px;
    color: #888;
    font-weight: 400;
    padding-right: 12px;
}


a.link_text_line ul li.culture_txtbox h3,a.link_text_line ul li.mainnews_txtbox {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 24px;
    display: block
}

a.link_text_line:last-child ul li.culture_txtbox h3,a.link_text_line:last-child ul li.mainnews_txtbox {
    border-bottom: none
}

a.link_text_line:last-child ul {
    padding-bottom: 0!important
}

.link_text_line2 {
    margin-bottom: 24px;
    padding-bottom: 32px!important;
    border-bottom: 4px solid #555!important
}

.mainnews_con:last-child li.link_text_line2 {
    margin-bottom: 0;
    padding-bottom: 8px!important;
    border-bottom: none!important
}

.bit_box,.stc_box {
    background: #262a33;
    margin-bottom: 16px;
    padding: 5px 0 0;
    box-shadow: 0 5px 10px -2px rgb(0 0 0 / 10%)
}

.stc_box .ud_ko_info {
    overflow: hidden;
    padding: 13px 0;
    border-bottom: 1px solid #c7c7c7
}

.bit_box .ud_ko_info {
    overflow: hidden;
    padding: 13px 0
}

.bit_box .ud_ko_info:nth-last-child(1),.stc_box .ud_ko_info:nth-last-child(1) {
    border-bottom: 0
}

.bit_box .ud_ko_info dd,.stc_box .ud_ko_info li {
    float: left;
    font-size: 14px;
    width: 22%;
    text-align: right
}

.stc_box .ud_ko_info li:first-of-type {
    width: 20%;
    text-align: left
}

.bit_box .ud_ko_info dd:first-of-type {
    width: 42%;
    text-align: left
}

.stc_box .ud_ko_info .tit {
    font-weight: 700;
    padding-left: 5%;
    color: #fff
}

.bit_box .ud_ko_info .tit {
    font-weight: 700;
    padding-left: 6%;
    color: #fff
}

.bit_box .ud_ko_info .en_text,.stc_box .ud_ko_info .en_text {
    color: #fff;
    font-family: 'Work Sans'
}

.bit_box .color_up,.stc_box .color_up {
    color: #ff3e3f!important;
    font-family: 'Work Sans'
}

.bit_box .color_dw,.stc_box .color_dw {
    color: #5b86f7!important;
    font-family: 'Work Sans'
}

.stc_box .color_sm {
    color: #fff!important
}

.stc_box .ud_ko_info li span.ico_dw1,.stc_box .ud_ko_info li span.ico_same,.stc_box .ud_ko_info li span.ico_up1 {
    padding-left: 15px;
    font-family: 'Work Sans'
}

.stc_box .ud_ko_info li span.ico_up1 {
    color: #ff3e3f;
    vertical-align: text-top
}

.stc_box .ud_ko_info li span.ico_up1:before {
    content: '▲';
    position: relative;
    font-size: 10px;
    top: -2px;
    bottom: 0;
    left: -5px;
    color: #ff3e3f
}

.stc_box .ud_ko_info li span.ico_dw1 {
    color: #5b86f7;
    vertical-align: text-top
}

.stc_box .ud_ko_info li span.ico_dw1:before {
    content: '▼';
    position: relative;
    font-size: 10px;
    top: -2px;
    bottom: 0;
    left: -5px;
    color: #5b86f7
}

.bx-wrapper {
    background: #fff;
    width: 100%;
    position: relative;
    box-sizing: content-box
}

.bx-wrapper .bx-pager {
    text-align: center;
    color: #666;
    margin-left: 0
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ddd;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #264186
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.main_sectiontitle {
    padding: 24px 24px 0
}

.main_sectiontitle div {
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    width: 50%;
}

.main_sectiontitle p.main_sectiontitle-stxt {
    font-size: 12px;
    font-weight: 500;
    color: #888;
    margin-top: 4px
}

.rpo_ico {
    width: 18px;
    height: 15px;
    top: 3px;
    position: relative;
    margin-left: 8px;
    background-position: -404px 0;
    display: inline-block
}

.add2_ico {
    width: 16px;
    height: 16px;
    top: 5px;
    margin: 6px 0 0;
    background-position: -220px 0;
    float: right
}

.mainnews_txtbox span.small_txt {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
    border-bottom: 0 solid #d8e0f2;
    box-shadow: 0 -12px 0 #d8e0f2 inset
}

.mainnews_txtbox span.small_txt b {
    color: #294898
}

.mainnews_list {
    padding: 16px 0;
    margin: 0 24px;
    border-top: 1px solid #ddd
}

.mainnews_list:first-child {
    border-top: 0
}

.mn_lst_t_line {
    margin-top: 16px;
    border-top: 2px solid #555!important
}

.mainnews_list>a {
    display: block
}

.mainnews_list_thum,.mainnews_list_thum_opn {
    float: right;
    text-align: right;
    margin-left: 3%
}

.mainnews_list_thum {
    width: 120px;
    height: 72px
}

.mainnews_list_thum img {
    width: 100%;
    height: 100%
}

.mainnews_list_thum_opn img {
    width: 70px;
    height: 70px;
    border-radius: 100px
}

.mainnews_list_title {
    display: table-cell;
    vertical-align: middle;
    font-size: 17px;
    font-weight: 200;
    color: #000;
    line-height: 150%;
    height: 60px;
    padding: 0 10px 0 0;
    letter-spacing: -1px
}

.m_list_title {
    display: table-cell;
    vertical-align: middle;
    height: 72px;
    padding: 0 10px 0 8px;
}

.m_list_title span {
    max-height: 55px;
    font-size: 16px;
    font-weight: 500;
}

.m_list_title_opn {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    height: 70px;
    padding: 0 10px 0 0;
    letter-spacing: -.6px;
    color: #000
}

.lst_date {
    font-size: 13px;
    color: #888;
    margin-top: 6px;
    font-weight: 400;
}

.banner_ev {
    text-align: center;
    margin-bottom: 16px
}

span.txt1 {
    box-shadow: 0 -12px 0 #fff1eb inset;
    width: 100%
}

span.txt2 {
    box-shadow: 0 -12px 0 #eaedfd inset;
    width: 100%
}

.opinion_con .op_lede {
    clear: both;
    font-size: 14px;
    max-height: 48px;
    line-height: 165%;
    color: #777;
    margin-top: 8px
}

.issu_box .issu_conWrap {
    margin: 12px 24px 32px;
    position: relative
}

.issu_box span.ico_issue {
    background: #5862f8;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 10px;
    color: #fff;
    font-size: 13px;
    border-radius: 0;
    line-height: 1.3;
    padding: .5em .8em
}

.issu_conWrap button {
    background: #5862f7;
    color: #fff;
    text-align: center;
    width: 60%;
    padding: 12px 0;
    margin: 12px auto 0;
    border-radius: 2em;
    font-size: 15px;
    font-weight: 400
}

.culture_txtbox {
    text-align: center;
    padding: 0 28px
}

.swipe {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 16px 16px;
    padding: 0 0 8px;
    font-size: 0
}

.swipe::-webkit-scrollbar {
    height: 7px
}

.swipe::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 1px;
    background-clip: padding-box;
    border: 1px solid transparent
}

.swipe::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 1px;
    box-shadow: inset 0 0 3px #fff
}

.mk_box {
    background: #fff;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top
}

.mk_lst_cont {
    width: 240px;
    height: 140px;
    border: 1px solid #d7d7d7;
    padding: 24px 24px 32px;
    margin-right: 16px
}

.mk_lst_cont dt.mk_t_sbj {
    font-size: 14px;
    color: #888;
    position: relative;
    margin-bottom: .7em
}

dl.mk_lst_cont dd.mk_t_hdl {
    height: 60px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: .7em;
    line-height: 140%;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

dl.mk_lst_cont dd.mk_t_led {
    font-size: 16px;
    color: #777;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.list_more {
    text-align: center;
    margin: 16px 0 16px;
    overflow: hidden;
}

.more_button {
    width: 60px;
    height: 60px;
    top: 5px;
    margin: 2px 0 0 5px;
    background-position: -434px 25px;
    display: inline-block;
    box-shadow: 0 5px 5px -2px #cfcfcf;
    border: 1px solid #ddd;
    border-radius: 35px;
    margin-top: 1em
}

#f_c_wrap {
    width: 100%;
    text-align: center;
    color: #888;
    font-size: 13px;
    padding: 16px 0 0
}

#f_c_wrap address a {
    color: #888;
    font-style: normal
}

.f_info {
    color: #888;
    font-size: 13px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 16px
}

.f_info a {
    color: #888;
    display: inline-block;
    border-right: 1px solid #ddd;
    width: 32%;
    padding: 12px 0
}

.f_info a:nth-last-of-type(1) {
    border-right: none
}

.mlist_title {
    text-align: center
}

.mlist_title h2 {
    font-size: 17px;
    position: relative;
    padding: 12px 0
}

.ico_deskpick {
    background: #ff6000;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 6px 10px 8px;
    font-style: italic;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0;
    line-height: 130%;
    letter-spacing: 1.2px
}

.mlist_title h2 span {
    font-weight: 600
}

.mlist_title h2 span::before {
    content: ">";
    margin: 0 10px;
    font-family: Gulim;
    font-size: 16px
}

@media (min-width: 640px) and (max-width:1920px) {
    .hdline_con .thum img {
        max-height:100%
    }
}

@media screen and (max-width: 47.2em) {
    .mainnews_con .thum {
        max-height:100%
    }

    .mainnews_con .thum_at {
        height: 235px
    }

    .mainnews_con .thum_at img {
        height: 100%
    }
}

h3.sp_g_tit {
    font-size: 18px;
    font-weight: 600;
    margin: 24px 1em 0
}

div.sp_group_wrap div.main_news>ul li div.mainnews_list:last-child {
    border-bottom: 1px solid #ddd
}

.sp_group_wrap {
    margin-bottom: 16px;
    box-shadow: 0 8px 9px -2px rgb(0 0 0 / 10%)
}

.sp_newslist_add {
    margin: 24px 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px
}

.sp_newslist_add_btn {
    text-align: center;
    position: relative;
    display: inline-block;
    top: -5px;
    margin-left: 5px
}

.sp_newslist_add_btn::before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2
}

.sp_newslist_add_btn::after,.sp_newslist_add_btn::before {
    content: '';
    display: block;
    top: 50%;
    right: 30px;
    width: 13px;
    height: 1px;
    margin-top: -1px;
    background-color: #5a5858;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s;
    transition: all .3s ease-out
}

a:hover .sp_newslist_add_btn::before {
    color: #294898
}

section.majnewsWrap {
    margin-top: 16px;
    padding: 0 0 32px
}

.majnews_sectiontitle div {
    font-size: 17px;
    font-weight: 700;
    display: inline-block
}

.majnews_list {
    margin: 0;
    padding: 12px 0;
    border-top: 1px solid #ddd
}

.maj_list_wrap {
    margin-top: 12px
}

.majnews_list>a {
    display: block
}

.majnews_list:first-child {
    border-top: 2px solid #555
}

.majnews_list_thum {
    float: right;
    text-align: right;
    margin-left: 3%
}

.majnews_list_thum img {
    width: 120px;
    height: 72px
}

.maj_list_title {
    display: table-cell;
    vertical-align: middle;
    line-height: 150%;
    height: 72px;
    padding: 0 10px 0 0;
    letter-spacing: -1px
}

.maj_list_title div {
    font-size: 16px;
    font-weight: 500;
    line-height: 165%;
    max-height: 60px
}

.fortune_wrap {
    margin-top: 3%;
    padding: 0 4%;
    box-shadow: 0 5px 10px -2px rgb(0 0 0 / 10%)
}

section.boxContWrap {
    margin-top: 16px;
    padding-bottom: 24px;
}


/* 
============================
2024 side bar css
============================
*/
.ContentsWrap .s_gnb_2dh_stit::-webkit-scrollbar {
height: 2px;
  }
.sidebar {
    background-color: #fff !important;
    overflow: auto;
    font-family: "SUIT";
}
.sidebar_close {
    position: absolute;
    float: right;
    right: 10px;
    top: 10px;
    cursor: pointer
}
.sidebar-top{
    background: #F7F8FE;
    padding: 32px 28px 32px;
}
.sidebar-top::before{
    content: "";
    display: block;
    overflow: hidden;
}
.sidebar-top__actWrap{
    width: 100%;
    margin-top: 20px;
}
.sidebar-top__actWrap::after{
    content: "";
    display: block;
    clear: both;
}
.sidebar-top__actWrap div{
    float: left;
}
.sidebar-top__myact{
    padding-left: 8px;
}
.sidebar-top__myact__int{
    font-size: 15px;
    font-weight: 800;
}
.sidebar-top__myact__int span{
    color: #2A3F80;
}

.sidebar-top__myact__ico{
    font-size: 13px;
    font-weight: 800;
    margin-top: 10px;
}
.sidebar-top__myact__ico span{
    margin-right: 12px;
}
.sidebar-top__myact__ico span > img{
    margin-right: 4px;
}
.sidebar-top__actWrap_tit{
    font-size: 15px;
    font-weight: 700;
    line-height: 130%;
}
.sidebar-top__actWrap_tit span {
    color: #2A3F80;
    font-weight: 800;
}
.sidebar-top__actWrap_btn{
    float: right !important;
    margin-top: 8px;
}
.sidebar-top__actWrap_btn a{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background: rgb(52,74,141);
    background: linear-gradient(90deg, rgba(52,74,141,1) 0%, rgba(106,86,161,1) 100%);
    border-radius: 100px;
    padding: 8px 11px 9px;
    position: relative;
}
.sidebar-top__actWrap_btn a span{
    position: relative;
    top: 5px;
    margin-right: 6px;
}
.sidebar_close img{
    width: 60%
}
.sidebar-menuList{
    padding: 32px 28px 32px;
}
ul.sidebar-menuList__item{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #D3D9EC;
}
.sidebar-menuList__item > li{
    font-size: 14px;
    font-weight: 800;
    width: 50%;
    padding: 0 0 32px; 
}
.sidebar-menuList__item > li a{
    margin-left: 12px;
}
.sidebar-menuList__item > li:nth-of-type(2n) a{
    margin-left: 48px;
}
ul.sidebar-menuList__item-2{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border-bottom: 3px solid #2A3F80;
}
.sidebar-menuList__item-2 > li{
    font-size: 14px;
    font-weight: 800;
    width: calc(100% / 3);
    padding: 20px 0 20px; 
    text-align: center;
}
ul.sidebar-menuList__oth{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
}
ul.sidebar-menuList__oth > li{
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    flex: 1 1 auto;
    min-width: 80px;
}
ul.sidebar-menuList__oth > li a{
    background: #F2F2F2;
    border-radius: 4px;
    padding: 6px 12px;
    display: block;
}
ul.sidebar-menuList__sns{
    width: 100%;
    margin: 24px auto 0;
}

.roll_banner{
    margin-top: 24px;
}
.roll_banner img{
    width: 100%;
    height: 100%;
}

/* 
============================
// 2024 side bar css
============================
*/

.logbtn>svg {
    position: relative;
    top: 1px;
    margin-left: 4px
}

.myact_btnWrap {
    width: 76%;
    margin: 12px auto 0;
    font-size: 0
}

a.myact_btn {
    width: 48%;
    display: inline-block;
    background: #4b546b;
    color: #fff;
    letter-spacing: 1px;
    font-size: 13px;
    border-radius: 100px;
    margin-right: 4%
}

a.myact_btn:last-child {
    margin-right: 0
}

a.myact_btn span {
    display: block;
    padding: 8px
}

.s_t_logo {
    position: relative;
    display: block;
    height: 60px
}

.side_logo {
    width: 90px;
    height: 22px;
    background-position: -320px -2780px;
    position: relative;
    margin: 22px 0 0 22px
}

.menu-container {
    display: block;
    position: relative
}

.menu-list .menu-submenu {
    padding: 0
}

.menu-list .menu-submenu li a {
    display: block;
    padding: 12px 15%;
    background: #fff;
    text-align: left;
    font-size: 14px
}

.menu-list .menu-submenu li a::before {
    content: "-";
    display: inline-block;
    margin-right: 8px
}

.menu-list .menu-submenu li a:hover {
    background: #eee
}

.menu-list {
    padding-left: 0;
    display: block;
    width: 100%;
    background: #fafafa;
    z-index: 999;
    left: -100%;
    height: 100%;
    margin-top: 20px
}

a.menu-link {
    font-weight: 600;
    display: inline-block
}

a.al_link,a.al_link_1dth,a.al_link_1dth2,a.al_link_1dth3,a.al_link_sv,a.menu-link {
    font-size: 14px
}

.al_menu {
    cursor: pointer;
}

a.al_link {
    font-weight: 600;
    background: #fff;
    display: block;
    padding: 20px 15%;
    border-top: 1px solid #eaeaea;
    position: relative;
    text-align: left
}

a.al_link_1dth {
    font-weight: 600;
    background: #f2f5fa;
    display: block;
    padding: 20px 15%;
    border-top: 1px solid #eaeaea;
    position: relative;
    text-align: left
}

a.al_link_1dth2 {
    font-weight: 400;
    background: #fafafa;
    color: #222;
    display: block;
    padding: 20px 15%;
    border-top: 1px solid #efefef;
    position: relative;
    text-align: left
}

a.al_link_1dth3 {
    font-weight: 400;
    background: #fff;
    color: #222;
    display: block;
    padding: 20px 15%;
    border-top: 1px solid #efefef;
    position: relative;
    text-align: left
}

a.al_link_1dth3.lastch {
    border-bottom: 1px solid #efefef
}

a.al_link_sv {
    font-weight: 600;
    background: #fcf9f3;
    display: block;
    padding: 20px 15%;
    border-top: 1px solid #f5efe3;
    position: relative;
    text-align: left
}

li.al_newslink_tit_sb {
    background: #f2f5fa
}

dl.alsns_ico_list {
    display: flex;
}
dl.alsns_ico_list dd{
    margin-right: 40px;
}
dl.alsns_ico_list dd:last-child{
    margin-right: 0;
}

a.al_sns_ico1,a.al_sns_ico2,a.al_sns_ico3,a.al_sns_ico4,a.al_sns_ico5,a.al_sns_ico6,a.al_sns_ico7,a.al_sns_ico8,a.al_sns_ico9 {
    width: 40px;
    height: 40px
}

a.al_sns_ico1 {
    background-position: 0 -510px
}

a.al_sns_ico2 {
    background-position: -50px -510px
}

a.al_sns_ico3 {
    background-position: -100px -510px
}

a.al_sns_ico4 {
    background-position: -150px -510px
}

a.al_sns_ico5 {
    background-position: -200px -510px
}

a.al_sns_ico6 {
    background-position: -250px -510px
}

a.al_sns_ico7 {
    background-position: -300px -510px
}

a.al_sns_ico8 {
    background-position: -350px -510px
}

a.al_sns_ico9 {
    background-position: -400px -510px
}

div.t_edt_cont_wrap {
    padding: 32px 24px
}

h3.sbj_edt_tit {
    position: relative;
    padding-left: 10px;
    margin: 0 8px
}

h3.sbj_edt_tit span.t_edt_tit {
    position: relative;
    z-index: 33;
    font-size: 14px
}

h3.sbj_edt_tit span.tri_i {
    width: 0;
    height: 0;
    border-top: 0 solid none;
    border-bottom: 14px solid #ff9c47;
    border-right: 20px solid transparent;
    border-left: 0 solid none;
    position: absolute;
    top: 10px;
    left: 0
}

dl.t_edt_c_txt {
    max-width: 750px;
    padding: 0 12px 0 8px;
    margin-top: 8px
}

dl.t_edt_c_txt dt {
    font-size: 20px;
    font-weight: 600
}

dl.t_edt_c_txt dd {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    margin-top: 12px;
    line-height: 160%;
    max-height: 92px
}

.movbx {
    position: relative;
    width: 100%;
    padding: 56.6% 0 6px;
    margin-top: 12px;
    display: inline-block
}

.movbx iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section.est_top_slideWrap {
    width: 100%;
    max-width: 750px;
    margin-bottom: 16px;
    padding-bottom: 56px;
    box-shadow: 0 8px 9px -2px rgb(0 0 0 / 10%)
}

h4.topbanner_title {
    font-size: 1.5em;
    font-weight: 600;
    max-height: 70px;
    line-height: 140%;
    letter-spacing: -1px;
    color: #222;
    margin: 8px 24px 0
}

.vdthum {
    position: relative
}

.vdthum span.timedate {
    background-color: rgba(2,2,2,.8);
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    font: 13px Tahoma;
    letter-spacing: 0;
    padding: 4px 6px
}

.est-wrapper {
    position: relative;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.est-wrapper img {
    width: 100%;
    display: block
}

.est-viewport {
    -webkit-transform: translatez(0)
}

.est-wrapper {
    background: #fff
}

.est-wrapper .est-controls-auto,.est-wrapper .est-pager {
    position: absolute;
    width: 100%
}

.est-wrapper .est-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #b7b7b7;
    margin-top: 16px
}

.est-wrapper .est-pager.est-default-pager a {
    background: #b7b7b7;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.est-wrapper .est-pager.est-default-pager a.active,.est-wrapper .est-pager.est-default-pager a:focus,.est-wrapper .est-pager.est-default-pager a:hover {
    background: #264186;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.est-wrapper .est-controls-auto .est-controls-auto-item,.est-wrapper .est-pager-item {
    display: inline-block;
    vertical-align: bottom
}

.est-wrapper .est-pager-item {
    font-size: 0;
    line-height: 0
}

ul.estudioswipe {
    margin: 16px 24px;
    padding: 0
}

li.vd_listbox {
    background: #fff;
    display: inline-block;
    vertical-align: top
}

dl.vd_listcont {
    width: 290px;
    height: 240px;
    margin-right: 16px
}

dl.vd_listcont dt img {
    width: 100%;
    height: 100%
}

dl.vd_listcont dd.vd_list_tit {
    font-size: 18px;
    font-weight: 700;
    padding: 0 3%;
    margin-top: 8px;
    white-space: normal!important
}

.tit_color_1 {
    color: #264186!important;
    font-weight: 700
}

section.estudioview {
    margin-bottom: 16px;
    padding-bottom: 32px;
    box-shadow: 0 8px 9px -2px rgb(0 0 0 / 10%)
}

div.video_conts {
    box-shadow: 3px 12px 40px -5px rgb(0 0 0 / 25%)
}

div.video_articleview {
    font-size: 17px;
    line-height: 185%;
    margin-top: 16px;
    font-weight: 300;
    padding: 0 24px
}

div.video_articleview div.date_day {
    font-size: 16px;
    color: #888;
    margin-top: 16px
}

div.video_articleview p {
    margin-bottom: 16px
}

h2.video_title {
    font-size: 26px;
    margin-top: 24px;
    letter-spacing: -1px;
    padding: 0 24px
}

a.moretxt {
    text-align: center;
    margin-top: 16px
}

a.moretxt span {
    display: inline-block;
    font-size: 13px;
    padding: 8px 12px;
    background: #f4f6f7;
    border-radius: 6px
}

section.mm_vdList {
    padding-bottom: 0
}

div.vdcontsWrap {
    margin: 16px 24px 32px;
    border-bottom: 4px solid #294898;
    padding-bottom: 32px
}

div.vdcontsWrap:last-child {
    border-bottom: none
}

div.vdcontsWrap:last-child {
    margin-bottom: 0
}

div.vdcontsWrap img {
    width: 100%
}

h4.vdcont_title {
    font-size: 1.5em;
    font-weight: 600;
    max-height: 70px;
    line-height: 140%;
    letter-spacing: -1px;
    color: #222;
    margin: 8px 16px 0
}

.Listvideo_wrap {
    margin-bottom: 16px;
    box-shadow: 0 8px 9px -2px rgb(0 0 0 / 10%)
}

.banner_ev,.bit_box,.boxContWrap,.hissueWrap,.iscrcWrap,.issu_box,.msub_wrap,.rankNewsWrap,.stc_box/*, .clnewsWrap*/ {
    margin-bottom: 16px;
    box-shadow: 0 8px 9px -2px rgb(0 0 0 / 6%);
}

.iscrcWrap .main_sectiontitle {
    padding: 24px 24px 0!important
}

.hissueWrap {
    padding-bottom: 22px
}

.hissueWrap div.histit {
    color: #ff5823;
    font-size: 18px;
    font-style: italic
}

.hissue_contWrap {
    padding-bottom: 16px
}

.hissueWrap>div.main_sectiontitle {
    padding: 16px 24px 16px 0!important;
    margin: 12px 24px 0;
    border-bottom: 2px solid #ff5823
}

.hissue_news_list {
    margin: 16px 32px
}

.hissue_news_list>a {
    display: block
}

.hissue_list_title {
    display: table-cell;
    vertical-align: middle;
    line-height: 158%;
    height: 72px;
    padding: 0 16px 0 0
}

.hissue_list_title>span {
    max-height: 55px;
    font-size: 17px;
    font-weight: 600
}

.hissue_list_thum {
    float: right
}

.hissue_list_thum img {
    width: 120px;
    height: 72px
}

p.hiss_rel_tt {
    font-size: 14px;
    font-weight: 500;
    padding-right: 8px;
    color: #555;
    margin: 0 32px 12px
}

p.hiss_rel_tt:last-child {
    margin-bottom: 0
}

p.hiss_rel_tt span {
    font-size: 14px;
    position: relative;
    padding: 0 0 0 8px
}

p.hiss_rel_tt span::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 9px
}
.box_c_news_listWrap {
    padding-bottom: 16px;
    margin: 18px 24px;
}
.box_c_news_list {
    margin-top: 18px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.box_c_news_list:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.box_c_news_list>a {
    display: block
}

.box_c_list_title {
    display: table-cell;
    vertical-align: middle;
    line-height: 145%;
    height: 72px;
    padding: 0 8PX 0 16px
}

.box_c_list_title>span {
    max-height: 55px;
    font-size: 16px;
    font-weight: 700
}

.box_c_list_thum {
    float: left
}

.box_c_list_thum img {
    width: 120px;
    height: 72px
}

.box_c_list_led {
    font-size: 14px;
    line-height: 160%;
    max-height: 45px;
    margin-top: 12px;
    color: #555
}

.sectlistWrap {
    margin-bottom: 16px;
    /* padding-bottom: 16px; */
    /* box-shadow: 0 8px 9px -2px rgb(0 0 0 / 10%); */
}

.sect_nlist_tit {
    margin: 24px 24px 0;
    padding: 12px 0 0;
    border-top: 4px solid #294898
}

.sect_nlist_tit div {
    display: inline-block;
    color: #222;
    font-size: 17px;
    font-weight: 700
}

.sect_m_news {
    overflow: hidden
}

.sectnews_con {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.sectnews_con .sect_thum {
    position: relative;
    padding: 16px 24px 0;
    overflow: hidden
}

.sectnews_con .sect_thum img {
    height: 100%
}

.sect_txtbox {
    padding: 16px 26px
}

.sect_txtbox div.sect_t_tit {
    font-size: 24px;
    font-weight: 600;
    max-height: 70px;
    line-height: 140%;
    letter-spacing: -1px
}

.sect_txtbox p.sect_t_led {
    font-size: 15px;
    max-height: 50px;
    line-height: 165%;
    margin-top: 8px;
    color: #777
}

.sectlist_temp {
    margin: 0 26px;
    padding: 12px 0;
    border-top: 1px solid #ddd
}

.sectlist_temp>a {
    display: block
}

.news_sect_list_tit {
    display: table-cell;
    vertical-align: middle;
    line-height: 150%;
    height: 72px;
    padding: 0 16px 0 0
}

.news_sect_list_tit>span {
    max-height: 55px;
    font-size: 16px;
    font-weight: 600
}

.news_sect_list_thum {
    float: right
}

.news_sect_list_thum img {
    width: 120px;
    height: 72px
}

span.arw_add_ico {
    width: 24px;
    height: 24px;
    top: 1px;
    position: relative;
    float: right
}

span.arw_add_ico::after {
    content: "";
    clear: both
}

.ListswipeWrap {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 0
}

.ListswipeWrap::-webkit-scrollbar {
    height: 7px
}

.ListswipeWrap::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 1px;
    background-clip: padding-box;
    border: 1px solid transparent
}

.ListswipeWrap::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 1px;
    box-shadow: inset 0 0 3px #fff
}
/*2504 소연수정정*/
.c_scrWrap {
    background: #fff;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 16px 0 24px;
    margin-right: 16px;
}
.c_scrWrap2 {
    background: #fff;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 16px 0;
    margin-right: 10px;
    width: 45%;
}

.c_scrWrap:first-child, .c_scrWrap2:first-child {
    margin-left: 24px
}

.c_scrWrap:last-child, .c_scrWrap2:last-child {
    margin-right: 24px
}

/*2504 소연수정정*/
.scr_lst_cont {
    width: 240px
}
.scr_lst_cont dt.scr_b_thum {
    position: relative;
    width: 240px; 
    height: 148px
}
.scr_lst_cont2 dt.scr_b_thum {
    position: relative;
}
.scr_lst_cont dt.scr_b_thum img, .scr_lst_cont2 dt.scr_b_thum img {
    width: 100%;
    height: 100%
}

.scr_lst_cont dt.scr_b_thum div.ply_ico, .scr_lst_cont2 dt.scr_b_thum div.ply_ico  {
    width: 42px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

.scr_b_hdl,.scr_b_led {
    padding: 0 6px;
    white-space: normal
}

/*2504 소연수정*/
.scr_b_hdl {
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    line-height: 140%;
    margin-top: 8px;
    padding-right: 8px;
}

.scr_b_led {
    font-size: 14px;
    max-height: 42px;
    color: #777;
    margin-top: 4px
}

.list_more {
    text-align: center;
    margin-bottom: 16px;
    padding-bottom: 24px;
}

.more_button {
    width: 60px;
    height: 60px;
    top: 5px;
    margin: 2px 0 0 5px;
    background-position: -434px 25px;
    display: inline-block;
    box-shadow: 0 5px 5px -2px #cfcfcf;
    border: 1px solid #ddd;
    border-radius: 35px;
    margin-top: 1em
}

.iss_news_txtbox>span {
    font-size: 24px;
    font-weight: 600;
    max-height: 70px;
    line-height: 140%;
    color: #222;
    margin-top: 12px;
    padding: 0 12px;
    display: block
}

.iss_news_txtbox {
    text-align: center
}

p.iss_t_led {
    font-size: 15px;
    max-height: 52px;
    line-height: 165%;
    margin-top: 8px;
    color: #777
}

.iss_btn_aln {
    text-align: center
}

.lstadd_txt {
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    position: relative;
}

.lstadd_arw {
    position: absolute;
    top: -3px
}

section.s_gnb_wrap {
    background: #fff;
    padding: 0 24px
}

.s_gnb_conts {
    overflow: hidden;
    padding-bottom: 0
}

.s_gnb_c_mtit {
    font-size: 17px;
    font-weight: 600;
    float: left;
    margin: 4px 16px 16px 0;
    letter-spacing: .6px
}

.s_gnb_c_mtit h1 {
    font-size: 100%
}

.s_gnb_2dh_stit {
    font-size: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative
}

.s_gnb_2dh_stit h1 {
    font-size: 13px
}

.s_gnb_2dh_stit li {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    margin: 8px 18px 16px 0
}

.swp_icobox {
    background: linear-gradient(270deg,#fff,#fff 45%,hsla(0,0%,100%,0));
    right: 0;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 10
}

.swp_icobox.disNone {
    display: none!important
}

.kwd_tags {
    padding: 0 0 15px
}

.kwd_tags a {
    background: #f3f3f3;
    border-radius: 26px;
    color: #8b8b8b;
    font-size: 13px;
    padding: 8px 15px;
    display: inline-block;
    margin: 6px 5px 0 0;
    line-height: 1.5
}

div.ft_navWrap {
    background: #fff;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 8px 9px -2px rgb(0 0 0 / 6%)
}

ul.ft_navmenu {
    list-style: none;
    padding: 0 32px
}

ul.ft_navmenu li {
    border-bottom: 1px solid #ebebeb;
    clear: both
}

ul.ft_navmenu li:last-child {
    border-bottom: none
}

a.tg-menu-atit,ul.ft_navmenu div.tg-menu-tit {
    color: #333;
    display: block;
    cursor: pointer;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600
}

div.tg-menu dl.tg-menu-sub {
    padding: 10px 0;
    border-top: 2px solid #555;
    overflow: hidden
}

div.tg-menu dl.tg-menu-sub a {
    display: block
}

div.tg-menu dl.tg-menu-sub dd {
    padding: 10px 3%;
    font-size: 14px;
    width: 44%;
    float: left
}

.tg-menu-tit span,a.tg-menu-atit {
    padding-left: 4px
}

.tg-active,.tg-menu-tit {
    position: relative
}

.tg-menu-tit::after {
    content: "▼";
    position: absolute;
    top: 10px;
    right: 4px;
    transform: scale(.6)
}

.tg-active::after {
    content: "▲";
    position: absolute;
    top: 10px;
    right: 4px;
    color: #b9b9b9;
    transform: scale(.6)
}

.mainnews_con .thum2 {
    position: relative;
    padding: 16px 24px 0;
    overflow: hidden
}

.thum2 img {
    width: 100%
}

.search_area {
    padding: 20px 24px 0;
    display: flex
}

.search_area .search_ico2 {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: -28px -571px;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 15px
}

.search_area .search_box {
    width: 100%;
    margin-right: 7px;
    position: relative;
    background: #f5f5f5;
    border: 1px solid #eee
}

.search_area .searchInput {
    background: #f5f5f5;
    width: 80%;
    min-height: 30px;
    font-size: 18px;
    padding: 13px 20px
}

.search_option {
    border: 1px solid #e6e6e6;
    padding: 0 16px;
    height: 58px;
    cursor: pointer
}

.option_ico {
    display: inline-block;
    width: 25px;
    height: 20px;
    position: relative;
    background-position: 2px -568px
}

.option_ico2 {
    display: inline-block;
    width: 25px;
    height: 22px;
    position: relative;
    background-position: -57px -568px
}

.details_search {
    padding: 15px 24px
}

.details_search ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.details_search ul li {
    margin: 5px 10px 5px 5px;
    font-size: 15px;
    line-height: 1.5
}

.details_search input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.details_search input[type=radio]+label {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    padding-right: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: middle
}

.details_search input[type=radio]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 13px;
    height: 13px;
    text-align: center;
    background: #fff;
    border: 1px solid #cacece;
    border-radius: 100%;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%),inset 0 -15px 10px -12px rgb(0 0 0 / 5%)
}

.details_search input[type=radio]:checked+label:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 4px;
    width: 7px;
    height: 7px;
    background: #f58220;
    border-radius: 100%
}

.details_search input[type=radio]:checked+label:before {
    background: #fff;
    border-color: #f58220
}

.details_search .set_date div span.set {
    border: 1px solid #dcdcdc;
    height: 25px;
    display: inline-flex;
    vertical-align: top
}

.details_search input[type=text] {
    width: 95px;
    padding: 3px 8px;
    font-size: 15px
}

.details_search .set_date div span.set button {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: -82px -567px;
    cursor: pointer
}

.set_date div {
    display: inline-block
}

.details_search .search_btn {
    margin-top: 20px
}

.details_search .search_btn button {
    width: 100%;
    padding: 11px;
    font-size: 16px;
    cursor: pointer
}

.details_search .search_btn button.btn_cf {
    background: #3e3a39;
    color: #fff
}

.details_search .search_btn button.btn_reset {
    text-decoration: underline
}

@media all and (max-width: 375px) {
    .set_date div {
        margin-top:10px
    }
}

.search_lst {
    margin: 30px 24px 5px 30px;
    overflow: hidden;
    border-bottom: 2px #222 solid;
    padding: 0 0 20px
}

.search_lst h3 {
    font-size: 16px;
    float: left;
    font-weight: 300
}

.search_lst strong {
    color: #000;
    padding: 0 5px
}

.search_lst span.lst_sort a {
    font-size: 15px;
    float: right;
    font-weight: 300;
    color: #aaa;
    margin-left: 14px
}

.search_lst span.lst_sort a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 4px;
    border-radius: 50%;
    vertical-align: 2px;
    background-color: #d6d6d6
}

.search_lst span.lst_sort a.select:before {
    background-color: #f58220
}

.search_lst span.lst_sort a.select {
    color: #000
}

.nf {
    margin: 80px 0;
    padding: 0 24px
}

.nf p {
    font-size: 21px;
    font-weight: 600
}

.nf ul {
    margin-top: 20px
}

.nf ul li {
    font-size: 15px;
    line-height: 22px;
    font-weight: 300
}

.nf ul li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 6px;
    border-radius: 50%;
    vertical-align: 4px;
    background-color: #535353
}

.reporter_more a {
    border-bottom: 1px solid
}

.sub-breadcrumbs {
    padding: 8px 24px 8px;
    max-width: 100%;
    font-size: 12px;
    font-weight: 500;
    background: #f9f9f9;
    text-align: left
}

.sub-breadcrumbs__list {
    overflow: hidden;
    display: inline-block
}

.sub-breadcrumbs__item {
    float: left
}

.sub-breadcrumbs__item:nth-of-type(1n+2):before {
    content: ">";
    display: inline-block;
    margin: 0 8px 0 8px;
    color: #888;
    font-weight: 700;
    font-family: none
}

.sub-breadcrumbs__item>a {
    color: #888
}

.sub-breadcrumbs__item>.on {
    font-weight: 700;
    color: #333
}

.sub-breadcrumbs::after {
    content: "";
    display: block;
    clear: both
}

/*251023 ai만평 추가 - 소연*/
.mainnews_con .thum3 {
    position: relative;
    overflow: hidden
}
.thum2 img, .thum3 img {
    width: 100%
}