#ds-modal input[type="checkbox"]{
    appearance: none;
    left: -1000px;
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.download-wrap .list.on{
	display:block;
}
.no-data{
	border:1px solid #cdcdcd;
	border-radius:10px;
	box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
	height:620px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.no-data>div{
	font-size:32px;
	font-weight:700;
	margin:24px 0 8px;
}
.no-data>p{
	font-size:14px;
	color:var(--gray-txt);
}


/* 영상 */
.jumbotron {
    /* background:url(../images/main/visual.png) no-repeat 0 0; */
    border-radius:0;
    height:100vh;
    margin-bottom:0;
    overflow: hidden;
    padding:0;
    margin-bottom: 0 !important;
} 
.jb-box {
    width:100%;
    height:100vh;
    overflow: hidden;
    margin: 0px auto;
    position:relative;
}
video {
    width:100%;
    overflow: hidden;
} 
.picker button{
	display:flex;
	align-items:center;
	gap:4px;
}
.picker button>i{
	width:10px;
	height:10px;
	border-radius:50%;
	display:block;
}

.issuArea {
    position: relative;
}
.issuArea .bg {
    background:#00000075;
    border-radius:10px;
    margin-top:30px;
}

.issuArea .swiper-slide{
    padding: 30px;
    max-height:308px;
}
.issuArea .swiper-slide a{
    padding: 0;
}
.depth2-txt{
    width: 100%;
}
.depth3-txt{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.issuArea ul.today > li {
    padding:8px 0 4px 0;
}
.issuArea ul.today > li > div{
	display:flex;
}
.issuArea ul.today > li a {
    font-size:16px; 
    color:#FFF;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.issuArea ul.today > li a:hover {
    color:#ffffff69;
}
.issuArea ul.today > li a span.newsNo {
    float:right; padding-right:30px;
}
.issuArea ul.today > li span.rank {
    display:inline-block; margin-right:10px;
    background:#ffffff52; color:#FFF; 
    font-size:14px; text-align:center; 
    min-width:22px;
    min-height:22px; 
    line-height:22px; 
    border-radius:50%;
}

.slick-prev, .slick-next {
    z-index:999;
}
.slick_demo_2 .slick-prev {
    content: none;
    background:#FFF;
    border:1px solid #cdcdcd;
    width:60px;
    height:60px;
    border-radius:30px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.slick_demo_2 .slick-prev:before {
    content: "\f053";
    color:#555;
    font-size:20px;
}
.slick_demo_2 .slick-next {
    background:#FFF;
    border:1px solid #cdcdcd;
    width:60px; height:60px;
    border-radius:30px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.slick_demo_2 .slick-next:before {
    content: "\f054";
    color:#555;
    font-size:20px;
}

.bk-top-inner{
    max-width:760px;
    width: 100%;
    font-size:16px;
    padding-top:150px;  
}
.bk-top-inner>div{
    color:#FFF;
    margin-bottom:20px;
    text-align:left;
    display: flex;
    gap: 20px;
    align-items: center;
}
.ud-f-depth{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.log-active{
    height: 28px;
}
#switch{
    position: absolute;
    appearance: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
.switch-label{
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 60px;
    height: 28px;
    background: var(--disabled);
    border-radius: 20px;
    transition: 0.2s ease;
}
.onf-cir{
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    transition: 0.2s ease;
}
#switch:checked + .switch-label{
    background: var(--primary);
}
#switch:checked + .switch-label .onf-cir{
    left: 34px;
    box-shadow: 1px 1px 3px rgba(0,17,39,0.3);
}
.editable {
    width: 100%;
    min-height: 48px;
    max-height: 48px;
    overflow-y: auto;
    border: none;
    outline: none;
    padding: 0;
    word-break: break-all;
    white-space: pre-wrap;
    background: transparent;
    font-weight: 400;
    font-size: 16px;
    resize:none;
  }
  .editable:empty::before {
    content: attr(placeholder);
    color: var(--gray-txt);
    pointer-events: none;
    font-size: 15px;
  }
  .bk_keywordSearchInput{
    position:relative;
    background:#ffffff;
    max-width:760px;
    width: 100%;
    height:64px;
    border-radius:8px;
    text-align:left;
    z-index:6;
    padding: 0 16px;
  }
  .bk-shwrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .bk-shwrap input[type="text"]{
    border: none !important;
    font-size: 16px;
  } 
.bk-shwrap>li:nth-child(1){
    width: calc(100% - 16px) !important;
    display: flex;
}
.bk_keywordSearch{
    max-width: 760px;
    width: 100%;
}

.searchHelp{
    display: flex;
    gap: 8px;
}
.bk-shwrap>li:nth-child(1) input{
    width: 100%;
}
.bk_keywordSearchInput.bk-ai-sh{
    padding: 16px;
    height: auto;
}
.bk_keywordSearchBtnAI{
    height: 20px;
}

.bk_keywordSearch>p{
    padding:10px 10px;
    color:#FFF;
    text-align:left;
}
.bkMainVisualTxt{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
#chat-search.disabled .bk-ai-sh{
    background: var(--gray-btn);
}
#chat-search.disabled .editable{
    pointer-events: none;
}
#hz{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* 통합 상세검색 탭 */
.ds-tab-wrap{
    padding: 0 32px;
    margin-bottom: 32px;
    border-radius: 8px;
}
.ds-tab-inner{
    display: flex;
    background: var(--gray-bg);
    height: 100%;
    text-align: center;
    border-radius: 8px;
    position: relative;
    overflow-x: auto;   
}
.ds-tab-inner>li{
    padding: 16px 0;
    flex-grow: 1;
    min-width: 100px ;
}
.ds-tab-inner>li>a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    z-index: 2;
    position: relative;
}
.ds-tab-inner>li.on a{
    color: var(--primary);

}
.horiz{
    position: absolute;
    background: #fff;
    height: 100%;
    border: 1px solid var(--primary);
    border-radius: 8px;
    transition: all .3s ease;
    left: 0;
    width: 167px;
}
.ds-tab-con{
    display: none;
    padding: 0 32px;
}
.ds-tab-con.open{
    display: block;
}
.sc1-slide-inner{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    gap: 60px;
}
.sc1-slide-inner ul{
    width: 100%;
}
.sc1-slide-inner ul>li{
    text-align: left;
    display: flex;
    justify-content: space-between;
}
.sc1-slide-inner ul>li .newsNo{
    color: #fff;
    font-size: 16px;
}
.sc1-slide-inner>a{
    text-align: left;
   	width:50%;
}
.sc1-slide-inner>a p{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height:160%;
}
.sc1-slide-inner>a p.nth-1p{
    -webkit-line-clamp: 1;
}


/* 언론사 */
.my-media-bar>div{
    background: var(--gray-bg);
    border-radius: 6px;
    padding: 12px 16px;
    align-items: center;
    height: 100%;
}


.mt-btn-wrap{
    display: flex;
    gap: 10px;
}
.mt-btn-wrap>button{
    background: #fff;
    padding: 8px 24px;
    border-radius: 4px;
}
.mt-btn-wrap>button span{
    font-weight: 500;
    font-size: 1.6rem;
    white-space: nowrap;
}
.mt-btn-wrap>button:hover{
    background: var(--gray-btn-hover);
}
.ds-term-sel{
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 24px;
}
.term-sel-item{
    width: 100%;
}
.term-sel-item input[type='radio']{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    appearance: none;
    -webkit-appearance:none;
}
.term-sel-item input[type='radio'] + label{
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    border: 1px solid var(--border-line);
    border-radius: 8px;
    transition: all .2s;
}
.term-sel-item label:hover{
    background: var(--gray-btn-hover);
}

.term-sel-item input[type='radio']:checked + label{
    background: var(--primary-bg);
    color: var(--primary);
    border: 1px solid transparent;
}
.ds-date-box{
    margin-bottom: 24px;
    width: 100%;
}
.ds-date-box>p{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}
.date-ip-wrap{
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
}
.date-ip-wrap input{
    width: 100%;
    height: 48px;
}


/*  */
.tit-bg{
    background: var(--gray-bg);
    padding: 16px;
    margin-bottom: 12px;
    border-radius: 8px;
}
.modal-1024 .modal-body{
    padding: 0 32px 24px;
}


/* .col-lg-6 p{
    color: #fff;
} */
.col-pd-20{
    padding: 20px !important;
}
.col-lg-12>p,
.col-lg-12>p{
    font-size:22px;
    font-weight:600;
    color: var(--orange);
}
.nth-1p{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
.nth-2p{
    line-height:160%;
    font-size:14px;
}

/* swiper 커스텀 */
.swiper-foot{
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.swiper-foot button{
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-foot button:hover path,
.swiper-foot button:hover rect{
    fill: var(--orange);
}


.swiper-foot .swiper-pagination{
    position: relative;
    
}
.swiper-foot .swiper-pagination-bullets.swiper-pagination-horizontal{
    width: auto;
    bottom: 0;
}

.swiper-foot .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 0.3;
}
.swiper-foot .swiper-pagination-bullet-active{
    background: var(--orange) !important;
    opacity: 1;
}
.issuArea .swiper-button-next::after,
.issuArea  .swiper-button-prev:after{
    font-size: 40px;
    line-height: 1;
    opacity: .5;
    color: white;
    -webkit-font-smoothing: antialiased;
}
.issuArea .swiper-button-next:hover:after,
.issuArea .swiper-button-prev:hover:after{
    opacity: 1;
}

.swiper-button-next::after,
.swiper-button-prev:after{
    font-family: 'Font Awesome 5 Pro' !important;
}

.swiper-foot button{
    color: #fff;
}
.issuArea .swiper-button-next,
.issuArea .swiper-button-prev{
    color: #fff;
}
.swiper-button-prev:after{
    content :"\f053" !important; 
}
.swiper-button-next:after{
    content :"\f054" !important; 
}
.issuArea .swiper-button-next{
    right: -56px;
}
.issuArea .swiper-button-prev{
    left: -56px;
}
.st2-swp-con{
    position: relative;
}
.st2-swp-con>.swiper{
    padding: 0 4px;
}
.st2-swp-con .swiper-button-prev:after,
.st2-swp-con .swiper-button-next:after{
    color: #555;
    font-size: 20px;
}
.section2-btn{
    background: #FFF;
    border: 1px solid #cdcdcd;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    top: 32% !important;
}
.section2-2btn{
    top: 23% !important;
}
.section2-3btn{
    display: none !important;
}

.st2-swp-con .swiper-button-next{
    right: -10px;
}
.st2-swp-con .swiper-button-prev{
    left: -10px;
}
/* section2 */
.st2-head{
    position: relative; 
    margin:20px 0 12px 0;
    padding: 0 6px;
}
.st3-head{
    position: relative; 
    margin:20px 0 12px 0;
}
.st2-head h3,
.st3-head h3{
    font-size:24px;
    font-weight:700;
}
.st-hd-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 12px;
}
.st-hd-inner .r-item-wrap{
    display: flex;
}
.speech-hv{
    display:inline-block;
    background: var(--gray-btn);
    width:24px;
    height:24px;
    line-height:24px;
    border-radius:50%;
    font-size:70%;
    text-align: center;
    position: relative;
}

.hv-tbox{
    position: absolute;
    top: 28px;
    left: 0;
    width: auto;
    background: #343638;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    padding: 12px;
    z-index: 5;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    transition: all .2s ease-in-out;
    line-height: 150%;
    display: none;
    min-width: 230px;
    text-align: left;
    word-break: break-all;
}
.speech-hv:hover .hv-tbox{
    display: block;
}

.st2-head .item-3depth{
    display: flex;
    align-items: center;
    justify-content: center;
}
.st2-head .item-4depth{
    gap: 4px;
    position: relative;
}
.st2-head .item-3depth>div:nth-child(1){
    padding-right: 16px;
    margin-right: 14px;
    position:relative;
}
.st2-head .item-3depth>div:nth-child(1)::after{
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background: #ddd;
    position: absolute;
    right: 0;
}

.tab-2depth{
    display: flex;
    gap: 8px;
    overflow-X: auto;
}
.tab-2depth>a{
    display: block;
    padding: 4px 16px;
    background: var(--tab-bg);
    border-radius: 50px;
    font-weight: 500;
}
.tab-2depth>a:hover{
    background: var(--gray-btn-hover);
}
.tab-2depth>a.on{
    color: #fff;
    background: var(--primary);
}
.st2-inner2{
    margin-top: 16px;
}

.lightgray-txt,
.lightgray-txt span{
    color: var(--lightgray-txt);
}
.lightgray-txt span{
    font-weight: 600;
    padding-right: 4px;
}
.text-success{
    font-weight: 500 !important;
    color: var(--primary) !important;
}
.newsArea .span-cap{
    margin-bottom: 10px;
    display: inline-block;
    width: 56px;
    text-align: center;
    padding: 2px 0;
    background: var(--tab-bg);
    border-radius:50px;
}
.newsArea .na-tit{
    min-height: 9.2%;
}
.newsArea .txt_title02{
    font-weight: 500;
}
.news-listen{
    position: relative;
    white-space: nowrap;
}

.news-listen::before{
    content: '';
    background: url(../img/icon/Headphones.svg) no-repeat;
    width: 16px;
    height: 16px;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 4px;
}

.nsls-btn-wrap{
    display: flex;
    gap: 8px;
}

.nsls-stop{
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: relative;
    background: #D9E1E5;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.nsls-stop>span{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: #5D6C74;
}

.news-listen-btn,
.nsls-stop-m{
    background: var(--lightbk-bg);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: relative
}
.news-listen-btn svg,
.nsls-stop-m svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.newsArea:hover {
    border: 1px solid #006cff !important;
}
.newsArea:hover .na-foot>.na-foot-btn{
    background: var(--primary-bg);
}
.newsArea:hover .na-foot-btn a{
	color:var(--primary);
}
.newsArea:hover .txt_title02{
	font-weight:600;
	color:var(--primary);
}

.newsArea{
    border: 1px solid #cdcdcd;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius:10px;
    overflow: hidden;
    transition: all .2s;
}
.newsArea .na-foot{
    border-top: 1px solid var(--border-line);
    display: flex;
    width: 100%;
}
.newsArea .na-foot-btn:nth-child(1){
	border-right:1px solid var(--border-line);
}
.newsArea> .na-body{
    padding: 20px;
    height: 590px;
    overflow-y: auto;
}
.section2-swiper3 .na-body{
    height: 528px;
}
.na-body .ns-list-ul{
    display: flex;
    flex-direction: column;
    /* height: calc(100% - 244px); */
    justify-content: space-between;
    padding: 12px 0 0;
    gap: 12px;
}
.section2-swiper2 .na-body .ns-list-ul{
    gap: 20px;
    padding: 20px 0 0;
}

/* .section2-swiper2 .ns-list-ul{
    height: calc(100% - 196px);
} */
.newsArea .na-foot::after{
    content: "";
    display: table;
    clear: both;
}
.newsArea .na-foot> .na-foot-btn{
    background: #fff;
    width: 100%;
    text-align: center;
}
.newsArea .na-foot> .na-foot-btn>a{
    font-weight: 500;
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px;
}
.newsArea .na-foot> .na-foot-btn:hover{
    background: var(--primary);
}
.newsArea .na-foot> .na-foot-btn:hover a{
    color: #fff;
}

.today-keyword-category>svg{
	height:440px;
}
.today-keyword-category>svg g{
	transform:translate(400px, 220px);
}
.newsArea .news-imgbox{
    width:100%;
    height:144px;
    border-radius:8px;
    margin-top:10px;
    overflow: hidden;
    background: var(--border-line);
    position: relative;
}

.newsArea .news-imgbox::after{
    content: '이미지가 존재하지 않습니다.';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.newsArea .news-imgbox>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    position: relative;
}
.news-ds-btn{
    cursor: pointer;
}
.news-ds-btn>p:nth-child(1){
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.news-ds-btn:hover{
    text-decoration: underline;
}
.noticeTabArea{
    position: relative;
}
.mainTab ul{
	margin-bottom:20px; 
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.noticeTabArea>li{
	position:relative;
	text-align:center; 
	box-sizing:border-box;
	background:#eceded;
	display: flex;
	align-items: center;
	font-family:'GmarketSansMedium';
	font-size:18px;
	transition: all .2s;
    width: 100%;
    height: 48px;
}
.noticeTabArea>li a{
	display:block;
	position:relative;
	font-size:18px;
	color:var(--lightgray-txt);
	letter-spacing:-1px; 
	flex:1;
    z-index: 10;
    width: 100%;
    height: 100%;
    line-height: 48px;
}
.noticeTabArea>li a.active{
    color:#FFF;
}

.noticeTabArea .horizontality{
    position: absolute;
    background: #fff;
    height: 100%;
    background: var(--primary);
    transition: all .3s ease;
    left: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
    width: 33.33%;
}
.noticeTabArea .horizontality:hover{
    background: var(--primary);
}
.se2-inner-con{
    display: none;
}
.se2-inner-con.open{
    display: block;
}
.se2-inner-con .swiper-slide{
	padding:2px;
}
.media-lg-wrap{
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#news-detail-modal .modal-header{
    justify-content: flex-end;
}
.st3-con{
    position: relative;
    margin: 20px 0 46px 0;
}
.mda-add-btn{
    display: none;
}
.mda-add-btn>span{
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 4px;
}
.mda-add-btn svg{
    width: 100%;
    height: 100%;
    display: block;
}
.noticeTabArea>li a.active .mda-add-btn{
    display: inline-block;
}
.st2-md-sp-wrap{
    padding: 0 32px;
    position: relative;
}
.media-swiper{
    background: var(--gray-bg);
    height: 100%;
    text-align: center;
    border-radius: 8px;
    position: relative;
}
.media-swiper .swiper-slide{
    border: 1px solid transparent;
    border-radius: 8px;
    height: 80px;
}
.media-swiper .swiper-slide>a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 12px 24px; 
}
.media-swiper .news-item span{
    display: block;
}
.media-swiper .news-item .num{
    margin-top: 4px;
    font-weight: 500;
}
.media-swiper .news-item.on{
    background: #fff;
    border: 1px solid var(--primary);
    color: var(--primary);
}
.media-swiper .news-item.on .num{
    color: var(--primary);
}
.media-swiper .provider-img img{
    max-height: 30px;
    max-width: 190px;
}
.st2-md-sp-wrap .swiper-button-prev:after,
.st2-md-sp-wrap .swiper-button-next:after{
    color: #555;
    font-size: 16px;
}
.md-sp-btn{
    background: #FFF;
    border: 1px solid #cdcdcd;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    top: 50% !important;
}
.st2-md-sp-wrap .swiper-button-next.swiper-button-disabled,
.st2-md-sp-wrap .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
#media-modal .meida-list-con{
    padding: 24px 32px;
}
#media-modal .meida-list-con>li{
    display: flex;
    width: 100%;
    background: #F2F4F6;
    border: 1px solid var(--border-line);
    border-radius: 8px;
    padding: 14px 16px;
    justify-content: space-between;
}
#media-modal .news-ck-btn{
    border: none;
    background: none;
    width: 100%;
}
.attr-img{
    max-width: 76px;
}
#media-modal .meida-list-con>li.on{
    border: 1px solid var(--primary);
    background:#fff;
}
#media-modal .meida-list-con>li.on .favorite path{
    fill: var(--primary);
}
#media-modal .modal-btn-wrap>button:disabled{
    opacity: 0.5;
}
.each-media-logo>img{
    max-width: 100px;
}

.myna-head{
    border-bottom: 1px solid var(--border-line);
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.myna-head .mh-tit{
    font-size: 18px;
    font-weight: 700;
}
.myna-head .mh-tit>span{
    font-weight: 400;
    color: var(--lightgray-txt);
    margin-right: 2px;
}
.mysetting-btn{
    display: flex;
    align-items: center;
    gap: 4px;
}
.mysetting-btn img{
    width: 14px;
    height: 14px;
}
.mysetting-btn>span{
    white-space: nowrap;
}
.myn-list-wrap>a{
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    margin: 0 0 10px;
}
.myn-list-wrap>a .myn-img{
    min-width: 80px;
    border-radius: 6px;
    overflow: hidden;
}
.myn-list-wrap>a .myn-img>img{
    width: 100%;
    object-fit: cover;
}
.myn-1depth>p{
    width: calc(100% - 100px);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.myn-1depth:hover{
    text-decoration:underline;
    cursor: pointer;
}
.myn-2depth>img{
    width: 60px;
    margin-right: 8px;
}
.myn-2depth>span{
    color:  var(--lightgray-txt);
    font-size: 12px;
}
.modal-keyword .modal-info{
    background-color: #f7f8f8;
    padding: 15px 24px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.69;
    color: var(--gray-txt);
}
.modal-keyword .title-sm{
    font-size: 15px;
    color: #222;
    font-weight: 500;
    padding-bottom: 8px;
}
.modal-keyword .srch-group{
    position: relative;
    display: flex;
}
#my-keyword-modal  .srch-group,
#my-keyword-modal .keyword-table{
	padding:0 !important;
}


.modal-keyword .srch-group .form-control{
    border: 1px solid var(--border-line);
    border-right-color: transparent;
    border-radius: 8px 0 0 8px;
    padding-right: 108px;
}
.modal-keyword .form-control{
    width: 100%;
    height: 48px;
}
#my-keyword-modal .modal-body{
    padding: 0 32px;
}
.add-keyword-btn{
    background: var(--gray-btn) !important;
    padding: 0 16px;
    border-radius: 0 8px 8px 0;
    white-space: nowrap;
    position: relative !important;
    border-left: 1px solid var(--border-line);
}
.add-keyword-btn:hover{
    background: var(--gray-btn-hover) !important;
}
.keyword-table{
    margin-top: 8px;
    /* padding-left: 22px;
    padding-right: 22px; */
    border: 1px solid var(--border-line);
    border-radius: 8px;
    min-height: 50px;
    max-height: 345px;
    overflow-y: auto;
}
.keyword-table .tb thead th{
    font-size: 15px;
    color: var(--lightgray-txt);
    padding-left: 0;
    border-bottom: 0;
    font-weight: 500;
    background: #f7f8f8;
    border-bottom: 1px solid var(--border-line);
}

.keyword-table .tb td{
    font-size: 15px;
    font-weight: 500;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-line);
}
.keyword-table .tb tr:last-child td{
    border-bottom: 0;
}
.non-ln-mf{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 32px;
    margin-top: 20px;
    gap: 10px;
}
.non-ln-mf>button{
    height: 48px;
    padding: 4px 24px;
    border-radius: 8px;
    width: 120px;
}
.modal-keyword .gray-btn{
    font-size: 16px;
    border: none;
    font-weight: 400;
}
.modal-keyword .modal-notice,
.modal-keyword .modal-add{
    margin-top: 20px;
}
.myn-sh-box{
    margin-bottom: 20px;
}
.myn-sh-box:last-child{
    margin-bottom: 0;
}
.myn-sh-box .mysh-td-tit{
    color: var(--lightgray-txt);
    position: relative;
    padding-left: 6px;
}
.myn-sh-box .mysh-td-tit::before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: var(--lightgray-txt);
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.myn-sh-box tr td:nth-child(2){
    font-size: 16px;
}
.point-ck{
    color: var(--primary);
}

.sh-rt-btd>button{
    margin-top: 10px;
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    font-weight: 500;
}
.bf-log-tbox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.bf-icon-wrap{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--tab-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.bf-log-tbox>p{
    font-weight: 500;
    font-size: 16px;
}
.myn-log-list,
.st2-swp-con .na-foot> .na-foot-btn>a.ns-av-btn{
    display: none;
}
.st2-swp-con.on .bf-log-tbox{
    display: none;
}
.st2-swp-con.on .myn-log-list,
.st2-swp-con.on .na-foot>.ns-av-btn{
    display: block;
}

.ns-log-btn{
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.ns-log-btn img{
    width: 16px;
    height: 16px;
}
.download-wrap{
    position: absolute;
    bottom: 30px;
    right: 30px;
}


/* seciton3 */
.st3-grid{
    position: relative;
}
.st3-grid-wrap{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    align-items: stretch;
}
.st3-grid-wrap>div:nth-child(1){
    flex: 1 1 calc(60% - 12px);
    min-width: 768px;
}
.st3-grid-wrap>div:nth-child(2){
    flex: 1 1 calc(40% - 12px);
}
.st3-grid-wrap .grid-3depth{
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}
.grid-3depth>.col-lg-12{
    min-height: 300px;
}
.grid-4depth{
    display: flex;
    width: 100%;
    align-items: center;
    height: 100%;
    gap: 12px;
}
.grid-4depth>div,
.grid-4depth>div>div,
.grid-4depth>div>div>div{
	height:100%;
}
.grid-4depth .panel-body .row{
	margin-top:10px;
}
.grid-4depth .col-lg-7 .date{
	color: var(--lightgray-txt);
}

.st3-grid .col-lg-6,
.st3-grid .col-lg-7,
.st3-grid .col-lg-5,
.st3-grid .col-lg-12{
    padding: 0;
}
.st3-head .speech-hv{
    background: var(--gray-btn-hover);
}
.st3-head .tab-2depth>a.on{
    background: var(--primary);
    color: #fff;
}

.st3-grid .panel{
    border: 1px solid #cdcdcd;
    box-shadow: 0px 0px 13px 0px #ddd;
    border-radius:10px;
    margin: 0;
    position: relative;
}
/* .st3-grid .panel-body{
    min-height:516px;
    padding:30px;
}  */
.cr-value{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:5px;
    background:#f78e00; 
}
.cr-value1{
    background:#f78e00; 
}
.cr-value2{
    background: #23c4ae;
}
.cr-value3{
    background: #0f58ff;
}
.st3-grid .panel-body>div>span{
    display:inline-block;
    margin-right:20px;  
}
.panel{
    border: 1px solid #cdcdcd;
    box-shadow: 0px 0px 13px 0px #ddd;
    border-radius:10px;
}
.panel1 .panel-body{
    min-height:520px;
    padding:30px;
}
.gd-inner-lf .panel-body .right>span{
    display:inline-block;
    margin-right:20px;
}
.gd-inner-lf .panel-body .right>span:last-child{
    margin-right: 0;
}

/* .panel3 .panel-body,
.panel4 .panel-body{
    height:386px;
} */

.st3-grid .panel-body{
    padding:24px;
}
.panel4 .panel-body{
    padding: 0 !important;
}
.panel4 .swiper-slide{
    overflow: hidden;
    height: 100%;
    border-radius: 8px;
    width: 100% !important;
    /* flex: 0 0 auto; */
}
.panel-swiper{
    position: relative;
}
.panel-swiper .swiper-foot{
    position: absolute;
    z-index: 1;
    bottom: 10px;
    height:auto !important;
}
.panel4 .panel-body img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fs-18{
    font-size: 18px;
}
.panel5{
    height: 100%;
}
.panel5-2depth>div:nth-child(1){
    padding:0 0 20px 0;
}
.panel5-2depth>div:nth-child(2){
    border-top:1px dashed #d9d9d9;
    padding-top:20px; 
}
.panel5-2depth>div a>p:nth-child(2){
    padding-top:10px;
    color:#777;
}
.panel5>.panel-body{
    height: 100%;
}
.pl2-flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.panel5 .pl5-flex{
    gap: 24px;
    height:100%;
}
.panel2{
    margin-top: 12px !important;
}

.link-1depth>div{
    font-size: 16px;
}
.link-1depth span{
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:30px;
    line-height:60px;
    margin-right:10px;  
}
.link1-1depth span{
    background:#ebebeb url(../img/icn_quick01.png) no-repeat 50% 50%;
}
.link2-1depth span{
    background:#ebebeb url(../img/icn_quick02.png) no-repeat 50% 50%;
}
.link3-1depth span{
    background:#ebebeb url(../img/icn_quick03.png) no-repeat 50% 50%;
}
.sec_footer .sec-foot-bg{
    background: linear-gradient(to right, rgb(25, 5, 88), rgb(54, 24, 120));
    height: 60px;
}
.sec_footer .sec-foot-bg>a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec_footer .sec-foot-bg>a img{
    object-fit: cover;
    height: 100%;
}


/* 미디어 선택 */
.category-con{
    padding: 10px 0 0;
    display: flex;
}
.meida-ctg{
    /* position: relative; */
    padding: 24px 24px 24px 0;
    border-right: 1px solid var(--border-line);
}
.meida-ctg>li{
    margin-bottom: 10px;
    width: 164px;
}
.meida-ctg>li:last-child{
    margin-bottom: 0;
}
.ctg-item{
    cursor: pointer;
}


.meida-ctg input[type="checkbox"] + label{
    display: inline-block;
    width: 100%;
    padding: 12px 0;
    position: relative;
    text-align: center;
    font-weight: 500;
    border:1px solid var(--border-line);
    border-radius: 6px;
    cursor: pointer;
    height: 48px;
    font-size: 16px;
}
.meida-ctg input[type="checkbox"] + label>span{
    font-weight: 600;
}
.meida-ctg .add-label{
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.ctg-item input:checked + .ctg-ck{
    background: var(--primary-bg);
    border: 1px solid transparent;
}
.ctg-item input:checked + .ctg-ck>span{
    color: var(--primary);
}

.meida-list-con{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-content: flex-start;
    gap: 10px;
    padding: 24px 0 24px 24px;
    max-height: 508px;
}
.news-item{
    height: 48px;
    box-sizing: border-box;

}
.news-ck-btn{
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background: #F2F4F6;
    border: 1px solid var(--border-line);
    border-radius: 6px;
    cursor: pointer;
}
.news-ck-btn>img{
    max-width: 68px;
}
.meida-list-con input:checked + .news-ck-btn{
    background: #fff;
    border: 1px solid var(--primary);
}
.my-sl-list{
    border-top: 1px solid var(--border-line);
    display: none;
    position: relative;
    background: #fff;
}
.my-sl-list.on{
    display: block;
}
.sl-item-wrap{
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 24px;
    position: relative;
    -webkit-overflow-scrolling: touch; /* 터치 스크롤 활성화 */
    max-height: 120px;
    overflow-y: auto;
}
.sl-item{
    background: var(--gray-bg);
    border-radius: 4px;
    display: flex;
    padding: 4px 8px;
    gap: 4px;
    align-items: center;
    white-space: nowrap;
}
.sl-item>span{
    font-size: 14px;
    color: var(--lightgray-txt);
}


.con-m56{
    padding: 32px 32px 20px;
}
.ex-txt{
    padding: 0 32px;
    color: var(--lightgray-txt);
}

#mediaSave .my-sl-list{
    display: flex;
    border-top: none;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
    flex-wrap: wrap;
    gap: 8px;
}
.modal-560 .modal-underbox,
.modal-800 .modal-underbox{
    border-top: none;
}
.m56-btn-wrap>button{
    width: 108px;
    height: 48px;
}
.item-56-wrap{
    width: 100%;
}
.item-56-wrap>p{
    font-size: 14px;
    font-weight: 500;
    color: var(--lightgray-txt);
    margin-bottom: 8px;
}
.item-56-wrap>label>p{
    font-size: 14px;
    font-weight: 500;
    color: var(--lightgray-txt);
    margin-bottom: 8px;
}
.intxt-wrap input[type="text"]{
    border: 1px solid var(--border-line);
    width: 100%;
    height: 56px;
    padding: 0 12px;
    border-radius:8px;
}
.intxt-wrap input[type="text"]:focus{
    outline: 2px solid var(--primary);
}
#mediaList .tb-wrap{
    margin: 0 32px;
    overflow-x: auto;
}
.my-list-tb{
    width: 100%;
    min-width: 400px;
}
.my-list-tb thead>tr{
    border-bottom: 1px solid var(--border-line);
    border-top: 1px solid #2b2b2b;
    background: #f8f8f9;
}
.my-list-tb tbody>tr{
    border-bottom: 1px solid var(--border-line);
}
.my-list-tb tr>th,
.my-list-tb tr>td{
    padding:16px 0;
}
.my-list-tb tr>th{
    font-weight: 600;
    font-size: 14px;
}
.my-list-tb tr>td{
    text-align: center;
    font-size: 14px;
}
.my-list-tb tr>td span{
    font-size: 14px;
    color: var(--gray-btn-txt);
    font-weight: 500;
}
.my-list-tb .nomal-btn{
    border-radius: 6px;
    padding: 4px 24px;
}
 .tb-apl-btn:hover{
    background: var(--primary-bg);
}
.tb-apl-btn:hover>span{
    color: var(--primary);
}
.tb-del-btn:hover{
    background: var(--gray-btn-hover);
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    display: none !important;
}
.detail-search-group>div{
	display:flex;
	align-items:center;
	gap:4px;	
}
.detail-search-group>div em{
	white-space:nowrap;
}

.radio-2f{
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
}
.radio-2f .radio-round{
    margin: 0;
}

.isu-box{
    border: 1px solid var(--border-line);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    border-radius:10px;
    border-radius: 8px !important;
}
.isu-box>.panel-body{
    padding: 20px;
}
.pb-ho3{
    min-height: 360px;
}
.pb-ho2{
    min-height: 400px;
    height:400px;
}
.ren-sch-wrap{
    overflow-y: auto;
    max-height: 340px;   
    overflow-x:hidden;
}
.ren-sch-wrap2{
	max-height:300px;
    overflow-x:hidden;
}

.ren-item{
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px 0;
    border-bottom: 1px solid var(--border-line);
}

.ren-item .ri-tit{
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 4px;
}

.ren-item p{
    color: var(--lightgray-txt);
    font-size: 12px;
    line-height: 140%;
}

/* 신규 */
.modal-content{
	padding:0 !important;
    box-shadow: none;
    border-radius:16px;
    border: 0;
}
.v3_categories-wrap,
.v3_incidents-wrap{
	border-top:1px solid var(--border-line);
}
#login-modal .modal-content{
	padding:40px !important;
}
.detailSrch-menu{
	border-bottom: 1px solid #e5e5e5;
    height: 48px;
  	display:flex;
  	align-items:center;
  	gap:16px;
    
}
.detailSrch-menu li{
    position: relative;
    margin-right: 12px;
}
.detailSrch-menu li a{
	font-size:16px;
	display: block;
    padding: 0 15px;
    line-height:50px;
}
.detailSrch-menu li.active a{
	color:var(--primary);
}
.detailSrch-menu li.active:after{
	content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
	background:var(--primary);
}
.detailSrch-cont .btn-tab{
    width: 100px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: 1px solid var(--border-line);
    border-radius: 8px;
    transition: all .2s;
}

.detailSrch-cont .btn-tab.active{
    background: var(--primary-bg);
    color: var(--primary);
    border: 1px solid transparent;
    box-shadow:none;
}
.detailSrch-cont > .item + .item{
	border-top:1px solid var(--border-line);		
}
.detailSrch-cont > .item{
	padding:16px 0;
}
.detailSrch-cont.active .item2{
	gap:40px;
}
.detailSrch-cont.active .item2>div:nth-child(1){
		width:30%;
}
.detailSrch-cont.active .item2>div:nth-child(2){
		width:20%;
}
.detailSrch-cont.active .item2>div:nth-child(3){
		width:50%;
}
.detailSrch-cont.active .item3{
	flex-direction:column;
}
.detailSrch-cont.active .item3 em{
	min-width:148px;
}
.detailSrch-cont.active .item3>div{
	margin-bottom:10px;
}
.detailSrch-cont.active .item3>div:last-child{
	margin-bottom:0;
}
.detailSrch-cont .type em{
	margin-right:16px;
}
.gd-inner-lf  .category-legend .right{
	display:flex;
	justify-content:flex-end;
	gap:20px;
}

/* 틀어짐 추가 */
.form-checkbox input[type='checkbox'] + label:before{
	display:none !important;
}

/* 메인화면 section2 나의 관심 뉴스 비회원 */
.before-log{
    height: 620px;
    width: 100%;
    border: 1px solid #cdcdcd;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.before-log .bfl-tit{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}
.before-log>span{
    color: var(--gray-txt);
}
.before-log>button{
    height: 48px;
    width: 160px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 20px;
}
.header .hd-srch.v2{
    padding:0 !important;
}
.form-checkbox input[type='checkbox']:focus + label:after{
    display: none !important;
}
#ds-modal .gj-datepicker{
    width:100%;
}
#ds-modal .gj-icon{
    display: none;
}
.form-flex > * + *{
    margin: 0 !important;
}
.detailSrch1 .type{
    display: flex;
    align-items: center;
    row-gap: 4px;
    flex-wrap: wrap;
}
.dts-btn-wrap{
    display: flex;
    gap: 8px;
}
.my-provider-info{
	display: flex;
    align-items: center;
    gap: 10px;
}
.my-provider-info strong{
	font-size:20px;
}
.exp-wrap{
	position:relative;
}
.explan-hv{
    background: var(--gray-btn);
    width: 33px;
    height: 33px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #AAB2BD;
    font-weight: 700;
    cursor: pointer;
}
.exp-wrap .hv-tbox{
    position: absolute;
    top: 35px;
    left: 0;
    width: auto;
    white-space: nowrap;
    background: #343638;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    padding: 12px 16px;
    z-index: -5;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    transition: all .2s ease-in-out;
    line-height: 150%;
}
.explan-hv:hover + .hv-tbox{
	display:block;
	z-index:5;
}
#mediaList .md-foot-wrap{
	border:none;
}
#issuPop .news-item{
	height:auto;
	border-bottom: 1px solid var(--border-line);
	padding:16px 0;
}
#issuPop .news-inner  .news-inner{
	display:flex;
	flex-direction:row-reverse;
}
#issuPop .news-inner  .cont{
	flex:1;
}
#issuPop .news-inner  .title{
    display: -webkit-box;
    overflow: hidden;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 44px;
}
#issuPop .info{
	margin-top:4px;
}
#issuPop .info>div:nth-child(1){
	display:flex;
	gap:8px;
	margin-bottom:4px;
}
#issuPop .news-inner  .info .provider,
#issuPop .news-inner  .info .name{
    color: #8e8e8e;
    font-size:12px;
}
.amcharts-chart-div>svg{
	position:relative !important;
	height:300px !important;
}
#issuPop .amcharts-export-menu-top-right{
	top:-36px !important;
	right:-16px !important;
	opacity:1;
}
.mda-name{
	font-weight:600;
}
.ds-date-box .date-ip-wrap>label{
	width:100%;
	position:relative;
}
.ds-date-box .date-ip-wrap>label:after{
	content:"";
	 background: url(../img/icon/calendar.svg) no-repeat;
	background-size: contain;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:12px;
	width:24px;
	height:24px;
}
.ui-datepicker-trigger{
	opacity:0;
	z-index:2;
}
#relatedKeyword{
	display:flex;
	padding:0 8px;
	margin-top:8px;
	column-gap:16px;
	color:#fff;
}
#relatedKeyword ul{
	text-align:left;
	display:flex;
	color:#fff;
	gap:4px;
}
#relatedKeyword .tit,
#relatedKeyword ul>li,
#relatedKeyword ul>li a{
	color:#fff;
}
#relatedKeyword ul>li a{
	display:block;
	position:relative;
}
#relatedKeyword ul>li a:before{
	content:"";
	display:block;
	width:0;
	height:2px;
	background:#fff;
	position:absolute;
	bottom:-3px;
	left:0;
	transition:all .3s;
}
#relatedKeyword ul>li a:hover:before{
	width:100%;
}


#news-scrap-modal .modal-dialog{
	max-width:560px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#news-scrap-modal .modal-content{
	padding:24px !important;
}

#news-scrap-modal .modal-footer.btm-center{
	padding:0;
}

 #find-id-modal .modal-content,
 #find-password-modal .modal-content,
 #signup-modal .modal-content{
 	padding:32px !important;
 }

/* 누락 */
.nf-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}
.nf-wrap .news-total{
	background: #fff;
	border-radius: 8px;
	padding: 8px 24px;
	min-height: 64px;
	display: flex;
	align-items: center;
}
.nf-wrap .nf-w1{
	width: 100%;
}
.news-total ul>li{
	display: flex;
	justify-content: space-between;
	gap: 16px;
}
.news-total ul>li em{
	white-space: nowrap;
}
.news-total ul>li .cont b{
	color: var(--primary);
	font-weight: bold;
}
/* 반응형 */

@media (max-width: 1550px){
    .section2-3btn{
        display: flex !important;
    }
}
@media (min-width: 1440px) and (max-width: 1550px){
    .swiper-foot{
        bottom: 0;
    }
    .bkMainVisualTxt{
        top: 30px;
    }
}


@media (max-width: 1024px){
	.bk-top-inner{
		margin: 0 auto;
	}
		.nf-wrap{
		flex-direction: column;
	}
	.nf-wrap .news-total{
		width: 100%;
		justify-content: center;
		max-width: 760px;
		margin: 0 auto;
	}
	.news-total {margin-top: 40px;}
	.news-total ul {display: flex;}
	.news-total li {display: flex; justify-content: space-between; flex: 1;}
	.news-total li.today {padding-right: 10px;}
	.news-total li.total {position: relative; padding-left: 10px;}
	.news-total li.total:before {content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 11px; background: #ddd; transform: translateY(-50%);}
	.news-total em,.news-total p {font-size: 13px;}
 #fp-nav{
    display: none !important;
 }
 .bkMainVisual{
    padding:0 20px !important;
 }
 .jumbotron{
    height: 100%;
    padding: 60px 0 0 0 !important;
 }
 .jb-box{
    height: 110vh;
 }
 .st2-inner2{
    flex-wrap: wrap;
 }
 .grid-4depth>div{
    width: 100%;
 }
    /* 모달창 */

    
    #ds-modal .modal-wrap{
        margin: 0 !important;
        height: 100%;
        border-radius: 0;
    }
     #ds-modal.in .modal-fade{
        transform: translate(-50%,-50%) !important;
    }
    .modal-content{
        padding: 0 !important;
    }
    #ds-modal .ds-footer{
        position: fixed;
        width: 100%;
        bottom: 0;
    }
    .modal-1024{
        margin: 0 !important;
    }
    .modal-1024 .modal-wrap{
        border-radius: 0;
    }
    .issuArea .swiper-slide{
        max-height: initial !important;
    }
    .scl-modal .modal-wrap{
    	border-radius:0;
    }
}


@media (max-width: 768px){
	.pc-foot{
		display:none !important;
	}
    .bk-shwrap>li:nth-child(1){
        width: 100% !important;
     }
     #total-search-key{
        padding: 0;
        height: 40px;
     }
    .sc1-slide-inner{
        flex-wrap: wrap;
        gap: 40px;
        padding: 8px 0 0 0;
    }
    .sc1-slide-inner.sc1-mob-g0{
        gap: 0;
    }
    .jb-box{
        height: 120vh;
     }
     .bkMainVisualTxt01{
        font-size: 20px !important;
     }
     .bkMainVisualTxt02{
        font-size: 32px !important;
     }
     .bk-2depth label{
        font-size: 14px;
     }
     .bk-top-inner{
        padding-top: 120px;
     }
     .bk-top-inner>div{
        margin-bottom: 12px;
     }
     .sc1-mob-g0 ul>li>div{
        display: flex;
        align-items: center;
     }
     .sc1-mob-g0 ul>li a{
        width: 320px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
     }
     .col-lg-12>p, .col-lg-12>p{
        font-size: 18px;
    }
    .nth-1p{
        font-size: 16px;
        margin-bottom: 12px;
    }
    .sc1-slide-inner>a p:nth-child(2){
        font-size: 13px;
        font-weight: 300;
    }
    .issuArea .swiper-slide{
        padding: 24px;
    }
    .bk_keywordSearch>p:nth-child(2){
        font-size: 12px;
    }
    .bkMainVisualTxt{
        padding: 0 20px;
    }
    .mda-add-btn>span{
        top: 6px;
    }
    .newsArea .news-imgbox{
        height: auto;
    }
    .txt_title02{
        font-size: 16px !important;
    }
    .st3-grid-wrap>div{
        width: 100%;
        min-width: 0 !important;
        flex: auto !important;
    }
    .pl2-flex{
        flex-direction: column;
        row-gap: 12px;
    }
    .panel2 .panel-body>div::before,
    .panel2 .panel-body>div::after{
        display: none;
    }
    .link-1depth span{
        width: 48px;
        height: 48px;
        background-size: 32px !important;
     }
     .link-1depth{
        display: flex;
        align-items: center;
     }

     /* 모달 */
     .horiz{
        display: none;
     }
     .modal .modal-header{
        padding: 32px 16px 24px;
     }
     .modal .modal-header>strong{
        font-size: 18px;
     }
     .ds-term-sel{
        overflow: auto;
     }
     .term-sel-item input[type='radio'] + label{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        min-width: 72px;
     }
     .ds-tab-inner>li{
        border: 1px solid transparent;
     }
     .ds-tab-inner>li.on{
        border: 1px solid var(--primary);
        background: #fff;
        border-radius: 8px;
     }
     .ds-tab-wrap,
     .ds-tab-con{
        padding: 0 16px;
     }
     .ds-tab-inner>li>a{
        font-size: 14px;
     }
     .modal .md-foot-wrap{
        padding: 16px;
     }
     .sl-item-wrap{
        padding: 8px 16px;
     }
     .modal .modal-header .close{
        width: 14px;
        height: 14px;
     }
     .modal-860{
        margin: 0 !important;
     }
     .modal-860 .modal-wrap{
        border-radius: 0;
     }
     .modal-1024 .modal-body{
        padding: 0 20px 24px;
     }

    .category-con{
        padding: 10px 0 0;
        flex-wrap: wrap;
    }
    .modal-head>strong{
        font-size: 18px;
    }
    .close-btn{
        width: 14px;
        height: 14px;
    }
    .meida-ctg{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        width: 100%;
        border-right: 0;
        padding: 16px 0 12px;
        border-bottom: 1px solid var(--border-line);
        margin-bottom: 12px;
    }
    .meida-ctg>li{
        width: 100%;
        margin: 0;
    }
    .meida-ctg input[type="checkbox"] + label{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
    }
    .province-item label{
        max-width: none;
        padding: 8px 20px;
    }
    .meida-list-con{
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: auto;
        padding: 0 0 16px;
        height: calc(80vh - 216px);
        max-height: none;
    }
    #ds-modal .meida-list-con{
        height: calc(100vh - 618px);
    }
    .my-media-bar>div{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
    }
    .mt-btn-wrap{
        width: 100%;
    }
    .mt-btn-wrap>button{
        width: 100%;
    }
    .meida-ctg input[type="checkbox"] + label>span,
    .mt-btn-wrap>button span{
        font-size: 14px;
    }
    .m1024-btn-wrap .primary-btn,
    .non-ln-mf .primary-btn{
        width: 60%;
    }
    .m1024-btn-wrap .gray-btn,
    .non-ln-mf .gray-btn{
        width: 40%;
    }
    .sl-item-wrap{
        flex-wrap:nowrap;
        overflow-X: auto;
        overflow-y: hidden;
    }
    #media-modal .modal-wrap,
    #my-keyword-modal .modal-wrap{
        height: 80%;
        top: auto;
        transform: translate(-50%, 5%);
        bottom: 0;
        border-radius: 16px 16px 0 0;
    }
    #media-modal.in .modal-wrap,
    #my-keyword-modal.in .modal-wrap{
        transform: translate(-50%, 0);
    }
    #media-modal .ds-footer{
        position: fixed;
        width: 100%;
        bottom: 0;
    }
    #my-keyword-modal .non-ln-mf{
        position: fixed;
        bottom: 0;
        width: calc(100% - 40px);
        padding-bottom: 20px;
    }
    .panel5 .fs-18{
        font-size: 16px;
    }
    .st2-md-sp-wrap{
        display: none;
    }
    
    #media-modal .meida-list-con{
        padding: 24px 20px;
    }
    #my-keyword-modal .modal-body{
        padding: 0 20px;
        overflow-y: auto;
        max-height: 520px;
    }
    .radio-round input[type='radio']+label{
        padding: 6px 12px;
        min-width: auto;
        font-size: 12px;
    }
    .keyword-table .tb td{
        font-size: 12px;
    }
    .keyword-table .tb thead th{
        font-size: 14px;
    }
    .sc1-slide-inner>a{
        width: 100%;
    }
    .grid-4depth{
        flex-direction: column;
        height: auto;
    }
    .grid-4depth>div,
    .grid-4depth>div>div,
    .grid-4depth>div>div>div{
        height: auto;
    }
    .grid-4depth .swiper-wrapper{
        max-height:400px;
    }
    .panel4 .swiper-slide{
        height:400px;
    }
    .today-keyword-category>svg g{
        transform: translate(150px, 200px);
    }
    .noticeTabArea>li a{
        font-size: 16px;
    }
    .detailSrch-cont.active .item2{
        flex-direction: column;
        gap: 10px;
    }
    .detailSrch-cont.active .item2>div{
        width: 100% !important;
    }
    .detailSrch-cont{
        height: calc(100vh - 345px);
        overflow-y: auto;
    }
    #detailSrch1 .form-flex{
        flex-direction: column;
        row-gap: 4px;
        align-items: flex-start;
    }
    .section2-btn{
        display: none;
    }
    .ai-sum{
    	top:-4px;
    	margin-left:4px;
    }
    .tree-row{
    	height:calc(100vh - 320px) !important;
    	overflow-y:auto;
    }
    #mediaList .tb-wrap{
    	margin:0 16px;
    }
    .ex-txt{
    	padding:0 16px;
    }
    .con-m56{
    	padding:32px 16px 20px;
    }
    .auto-sum-box{
    	top:154px;
    }
}
@media (max-width: 480px){
    .sc1-mob-g0 ul>li a{
        width: 200px;
    }
    .bkMainVisualTxt01{
        font-size: 18px !important;
     }
     .bkMainVisualTxt02{
        font-size: 28px !important;
     }
     .bk-shwrap{
        flex-direction: column;
        height: auto;
        padding: 12px 16px;
        align-items: flex-end;
     }
     .grid-4depth{
        flex-wrap: wrap;
        height: auto;
     }
     .panel5 .pl5-flex{
        flex-direction: column;
     }
     .panel1 .panel-body{
        min-height:360px;
     }
	.meida-list-con{
        grid-template-columns:repeat(2, 1fr)
     }
     .attr-img{
        max-width: 60px;
     }
     .r-item-wrap{
        width: 100%;
     }
     .st2-head .item-3depth{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
        width: 100%;
     }
     .nsls-box{
        background: #fff;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .08);
        width: 100%;
        padding: 12px 16px;
        justify-content: space-between !important;
        border-radius: 8px;
        margin-bottom: 16px;
     }
     .st2-head .item-3depth>div:nth-child(1)::after{
        display: none;
     }
     .ai-sum-inner{
     	left:auto;
     	right:0;
     }
}
@media (max-width: 400px){
    .jb-box{
        height: 130vh;
     }
     #fullpageArea .bkMainVisual{
        top: 52%;
     }
}

/* 메인화면 오늘의 이슈 팝업 로딩 화면 css */
#issuPop .panel-body {
	position: relative;
}