@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('../css/font/Pretendard-Regular.woff') format('woff'),
        url('../css/font/Pretendard-Regular.woff2') format('woff2');
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('../css/font/Pretendard-Medium.woff') format('woff'),
        url('../css/font/Pretendard-Medium.woff2') format('woff2');
    font-display: swap;
  }
  @font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('../css/font/Pretendard-SemiBold.woff') format('woff'),
        url('../css/font/Pretendard-SemiBold.woff2') format('woff2');
    font-display: swap;
  }
  @font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('../css/font/Pretendard-Bold.woff') format('woff'),
        url('../css/font/Pretendard-Bold.woff2') format('woff2');
    font-display: swap;
  }
  @font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('../css/font/Pretendard-ExtraBold.woff') format('woff'),
        url('../css/font/Pretendard-ExtraBold.woff2') format('woff2');
    font-display: swap;
  }


:root{
    /* color */
    --primary : #006CFE;
    --primary-bg : #E8F2FF;
    --primary-hover : #3565AE;
    --disabled : #AAB2BD;
    --gray-txt : #6B7684;
    --gray-btn : #F2F4F6;
    --gray-btn-hover : #d8dbdf;
    --border-line : #ddd;
    --gray-bg : #F6F7F9;
    --lightgray-txt : #7a818b;
    --gray-btn-txt : #2C3746;
    --orange : #ffaf00;
    --lightbk-bg : #3B3B3D;
    --tab-bg : #ededed;
    /* size */
}
*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
    /* font-weight: 400; */
    line-height: 150%;
    letter-spacing: -0.32px;
    font-family:"Pretendard", sans-serif;
}
ul,li{
    list-style: none;
}
a {
    color: inherit;
}

button:focus,
a:focus,
.swiper-button-next:focus,
.swiper-button-prev:focus,
textarea:focus,
input[type="text"]:focus{
    outline: none !important;
}
button:focus-visible,
a:focus-visible,
.swiper-button-next:focus-visible,
.swiper-button-prev:focus-visible{
    outline: 2px solid #01b658 !important;
}

input[type="date"]::-webkit-calendar-picker-indicator{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    color: transparent; 
    cursor: pointer;
}
input[type="date"]{
    appearance: none;
    border: 1px solid var(--border-line);
    padding: 6px 12px;
    border-radius: 8px;
    position: relative;
    background: url(../img/icon/calendar.svg) no-repeat calc(100% - 12px) 50%;
}
select{
	-webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
	height: 32px !important;
    border: 1px solid var(--border-line) !important;
    padding: 4px 40px 4px 12px !important;
    background: transparent url(/assets/v3/img/icon/nomal-arrow.svg) no-repeat;
    background-position: calc(100% - 12px) 50%;
    background-size: 12px;
    border-radius:4px;
}


#container{
	width: 100%;
	padding:0 !important; 
}
#contents{
	padding:40px 0 80px;	
}
.inner {
	position: relative;
	max-width: 1580px;
	margin: auto;
	padding:0 20px !important;
}

.modal input[type="checkbox"]{
    position: absolute;
    appearance: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;   
}
body.modal-open{
    overflow: hidden;
}

.sub-menu>li a {
    font-weight: 600;
    color: #555;
}

.sub-menu>li>ul {
    padding-left: 10px;
}

.sub-menu>li>ul>li a {
    padding: 0.1rem 0.5rem !important;
    font-weight: 500;
}

.sub-menu>li>ul>li a span {
    font-size: 1.2rem !important;
}


.gray-btn{
    background: var(--gray-btn);
}
.gray-btn:hover{
    background: var(--gray-btn-hover);
}
.primary-btn{
    background: var(--primary);
    white-space: nowrap;
    color:#fff;
}
.primary-btn>span{
    color: #fff !important;
}
.primary-btn:hover{
    background: var(--primary-hover);
}

#header #nav .gnb li {width:20rem;}
#header .gnb-sub-menus .menus > ul > li {width:20rem;}
.sub-menu > li a {font-weight:600; color:#555;}
#mobileNav .sub-menu > li > ul {
	background:#e1e2e5;
	padding:8px 16px;
	}
#mobileNav .sub-menu > li > ul > li a {
	padding:8px 0 !important; 
	font-weight:500;
	display:block;
	}
#mobileNav .sub-menu > li > ul > li a span{
	font-size:16px !important;
	}

.fn-center{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.f-sb{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.scroll-box{
    overflow-y: auto;
}
.scroll-box::-webkit-scrollbar{
    width: 8px;

}
.scroll-box::-webkit-scrollbar-track{
    background: #F1F1F1;
    border-radius: 10px;
}
.scroll-box::-webkit-scrollbar-thumb{
    background: #c1c1c1;
    border-radius: 10px;
}
 .modal-header .close{
	font-szie:16px;
} 




/* 통합 상세검색 모달창 */
.modal{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    z-index: 2000;
    transition: all .3s ease-in-out;
    padding: 0 !important;
    visibility:hidden;
}
.modal.in{
    opacity: 1;
    overflow: auto;
    visibility:inherit;
}
.modal-wrap{
    width: 100%;
    background: #fff;
    border-radius: 16px;
    opacity: 0;
    transition: transform 0.4s ease-in-out, opacity 0.1s ease-in-out;
    overflow:hidden;
}
.modal-fade{
    position: absolute;
    transform: translate(-50%,-45%);
    top: 50%;
    left: 50%;
}
.scl-modal .modal-wrap{
    transform: translateY(20px);
}
.modal.in .modal-fade{
    transform: translate(-50%,-50%);
    opacity: 1;   
}
.modal.in .scl-modal .modal-wrap{
    opacity: 1;
    transform: translateY(0);
}
.scl-modal{
    margin: 40px auto;
    position: relative;
}


.modal-1024{
    max-width: 1024px;

}
.modal-560{
    max-width: 560px;
}
.modal-860{
    max-width: 860px;
}

.modal-wrap .modal-header{
    padding: 32px 32px 24px;
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.modal-560 .modal-header{
    padding: 32px 32px 8px;
}
.modal-560 .modal-underbox{
    padding: 32px;
}

#mediaSave .modal-head{
    padding: 32px 40px 0;
}

.modal-header>strong{
    font-size: 24px;
    font-weight: 700;
}
.close-btn{
    width: 20px;
    height: 20px;
}
.md-foot-wrap{
    padding: 24px 32px;
    border-top: 1px solid var(--border-line);
    background: #fff;
}
.bdr-none{
    border-top: none;
}
.modal-btn-wrap{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.modal-btn-wrap>button{
    border-radius: 8px;
    transition: all .2s ease;
}

.nomal-btn{
    background: var(--gray-btn);
    font-size:14px;
    padding:8px 16px;
    border-radius:4px;
    min-width:80px;
    min-height:40px;
}
.nomal-btn:hover{
    background: var(--gray-btn-hover);
}
.primary-btn{
    background: var(--primary);
}

.reset-btn{
    gap: 6px;
}
.m1024-btn-wrap>button{
    width: 160px;
    height: 48px;
}
.modal-btn-wrap>button>span{
    font-weight: 500;
    color: var(--gray-btn-txt);
    font-size: 1.6rem;
}
.primary-btn>span{
    font-weight: 500;
    color: #fff !important;
    font-size: 1.6rem;
}




/* 개별 언론사 선택 모달 */
.eh-item{
    height: 48px;
}
.eh-ck-btn{
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    padding: 0 12px;
    display: flex;
    align-items: center;
    transition: all .2s;
}
#eachMedia .con-m56{
    padding: 0 32px;
}
.eh-item{
    margin-bottom: 4px;
}
.con-m56 .eh-item:last-child{
    margin-bottom: 0;
}
.eh-ck-btn>img{
    margin-right: 6px;
    position: relative;
    top: -1px;
}
.eh-ck-btn>span{
    padding: 2px 12px;
    border-radius: 50px;
    background: var(--gray-btn-bg);
    font-size: 13px;
    margin-left: 8px;
}
.eh-ck-btn:hover{
    background: var(--gray-btn-bg);
}
.eh-ck-btn:hover span{
    background: #fff;
}
.eh-item input:checked + .eh-ck-btn>span{
    background: #fff;
}
.eh-item input:checked + .eh-ck-btn>strong{
    color: var(--primary);
}
.eh-item input:checked + .eh-ck-btn{
    background: url(../images/icon/radio-ch.svg) no-repeat 95% 50%;
    transition: none;
    background-color: var(--gray-btn-bg);
}
#eachMedia .con-m56>p{
    font-size: 14px;
    color: var(--lightgray-txt);
    font-weight: 500;
    margin-top: 10px;
}


#news-detail-modal .modal-body{
   padding: 25px 32px 0;
}

#service-main .inner{
	margin-top:20px;
}


/* 팝업 */
.pop-bg{
    background: #fff;
    border-radius: 8px;
    position: absolute;
    padding: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    display: none;
    z-index: 100;
}
.slick-prev:hover,
.slick-next:hover{
    background: #FFF !important;
}
.slick-arrow:hover{
    background: transparent !important;
}

/*  언론사 모달을 위한 css start  */
.scroll-con{
    overflow: auto;
}
.scroll-con::-webkit-scrollbar{
    width: 8px;

}
.scroll-con::-webkit-scrollbar-track{
    background: #F1F1F1;
    border-radius: 10px;
}
.scroll-con::-webkit-scrollbar-thumb{
    background: #c1c1c1;
    border-radius: 10px;
}
/*  언론사 모달을 위한 css end  */

/* 빠른 메뉴 css start */
#fastMenuSetDiv1, #fastMenuSetDiv2{
    position: fixed;
    right: 20px;
    bottom: 148px;
    z-index: 900;
    background: linear-gradient(148deg, rgba(43,143,255,1) 3%, rgba(0,108,255,1) 100%);
    border-radius: 100px; 
    box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.16);
    width: 56px;
    height: 56px;
    padding: 0 16px;
    transition: width .3s ease;
}
#fastMenuSetDiv1.open, #fastMenuSetDiv2.open{
    width: 208px;
}
.setup_bt {
    outline: none;
    position: absolute;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    background: url(/assets_2024/img/icon/qmenu-set.svg) no-repeat;
    background-size: contain;
    z-index: 200;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#popup_edit3{
    height: 100%;
}
#popup_edit3>.pop_wrap{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}
#fastMenuSetDiv2 .set_wrap {
    position: fixed;
    bottom: 209px;
    right: 20px;
    z-index: 1001;
    padding: 20px 5px 20px 25px;
    background: linear-gradient(148deg, rgba(43, 143, 255, 1) 3%, rgba(0, 108, 255, 1) 100%);
    border-radius: 28px 28px 0 28px;
    }
.set_wrap .set_con {
	position: relative; 
	width: 170px; 
	padding: 8px 0;
}
.set_wrap .set_con::after {display: block;content: '';height: 1px;width: 150px;background: #fff;position: absolute;bottom:0px;left:0px;}
.set_wrap .set_con .lists-next i {display: block; margin: 0 auto; width: 17px; height: 10px; background: url(../../img/icon/arrow_down_wh.png) no-repeat center/ 17px auto; }
.set_wrap .set_con .lists-prev i {display: block; margin: 0 auto; width: 17px; height: 10px; background: url(../../img/icon/arrow_up_wh.png) no-repeat center/ 17px auto;}
.set_wrap .set_con .listsSwiper .swiper-slide a {display: block;font-size: 14px; font-weight: 500;line-height: 2.43;letter-spacing: -0.7px;color: #fff;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lists-prev:after, .lists-next:after {display: none;}
.lists-next {top: initial;right: initial;left:0px; bottom: 0px; width: 150px;height: 30px;margin-top: 0;}
.lists-prev {left: -1px;top: 0;right: initial; width: 150px;height: 30px;margin-top: 0;}

.set_wrap .quick {
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-left: 6px;
    display:flex;
    align-items:center;
    height:40px;
    transition: opacity .3s;
    transition-delay: .3s;
}
.setup_wrap.open .quick{
    opacity: 1;
}
.set_wrap .quick span {
    display: inline-block;
    white-space: nowrap;
    color:#fff;
}

.set_wrap .quick span::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background: url(../img/icon/setting-w.svg) no-repeat;
    background-size: contain;
    transform: translateY(3px);
}
#popup_edit3 .set_wrap .quick { padding-top: 0px;}
.set_wrap .close {
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
    opacity: 1;
    border-radius: 50%;
	position: fixed;
    bottom: 158px;
    right: 30px;
}
.set_wrap .close img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.edit_wrap { 
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1001;
	width: calc(100% - 40px);
	background-color:#fff;
	border-radius: 10px;
	max-width:1024px;
	}
.edit_wrap .edit_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 58px;
	padding:0 48px;
	border-bottom: 1px solid var(--border-line);
}
.edit_wrap .edit_head p.tit {position: relative; font-size: 16px; font-weight: 500;letter-spacing: -0.8px;}
.edit_wrap .edit_head p.tit::before {
	content: '';
	display: inline-block;
	margin-right: 10px; width: 19px;
	height: 18px;
	background: url(/assets/v3/img/icon/cogwheel_bl.svg) no-repeat center/ 19px auto;
	transform: translateY(3px);
	}
.edit_wrap .edit_head .right_box a {display: inline-block}
.edit_wrap .edit_head .right_box .reset,
.edit_wrap .edit_head .right_box .save {margin-right: 12px; width: 83px; height: 27px; line-height: 25px; border-radius: 14px; text-align: center; }
.edit_wrap .edit_head .right_box .reset { border: solid 1px #d9e1e5;}
.edit_wrap .edit_head .right_box .reset::before {content: ''; display: inline-block; margin-right: 5px; width: 13px; height: 14px; background: url(/assets/v3/img/icon/arrow-clockwise.png) no-repeat center/ 13px auto;  transform: translateY(2px);}
.edit_wrap .edit_head .right_box .save {background-color: #006cff; color: #fff;}
.edit_wrap .edit_head .right_box .close {
	width:16px;
	height:16px;
	display:flex;
}
.edit_wrap .edit_head .right_box .close img {width: 100%; height: 100%; object-fit: cover;}
.edit_wrap .pop_con {
	width: 100%; 
	padding: 24px 48px 32px; 
	}
.edit_wrap .edit_con .edit_bg {display: flex; justify-content: space-between;}
.edit_wrap .edit_con .edit_bg .edit_depth1 .tit {
	margin-bottom: 8px; 
	font-size: 16px;
	font-weight: 600;
	}
.edit_wrap .edit_con .edit_bg .edit_depth1 .edit_depth2 {
	font-size: 14px;
	color: #666;
	}
.edit_depth2>li{
	padding:4px 0 2px;
	display:flex;
	align-items:center;
	gap:4px;
}

.edit_wrap .edit_con .edit_bg .edit_depth1 .edit_depth2 li input[type=checkbox] {
	width:14px;
	height:14px;
	margin:0;
}
.pop_set .dim2 { position: fixed;left: 0; right: 0;top:0;bottom:0;background: #000;opacity: 0.5;z-index: 999;}
.popup_edit .right_box{
	display:flex;
	align-items:center;
}
	
/* 빠른 메뉴 css end */

.tb thead>tr{
	background:#f8f8f9;
}
#login-modal .modal-content{
	border-radius:8px;
}
#login-modal .login-wp input[type="checkbox"] + label:before{
	display:block !important;
	content:"";
	posiiton:absolute;
	top:0;
	left:0;
	width:19px;
	height:19px;
	background-image:url(/assets/v3/img/icon/check-off.png) no-repeat;
	background-size: 100% auto;
}
#login-modal .login-wp input[type="checkbox"]:checked + label:before{
	background-image:url(/assets/v3/img/icon/check-on.png);
}
.login-btn-wp i{
	font-size:16px;
}
.alert-pop{
	position:fixed;
	top:50%;
	left:50%;
	opacity:0;
	visibility:hidden;
	z-index:3000;
	width:100%;
	height:100%;
}
.alert-pop.open{
	opacity:1;
	visibility:inherit;
	
}
.alert-con{
   	max-width:400px;
   	width:100%;
    background: #fff;
    border-radius: 8px;
    padding:24px;
    text-align:center;
    opacity:0;
   	transform:translate(-50%,-45%);
   	transition:transform 0.4s ease-in-out, opacity 0.1s ease-in-out;
   	box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);

}
.alert-pop.open .alert-con{
    opacity:1;
	transform:translate(-50%,-50%);
}
.alert-icon{
	width:48px;
	height:48px;
	border-radius:50%;
	width:100%;
	text-align:center;
	margin-bottom:16px;
}
.alert-txt{
	font-size:18px;
	font-weight:600;
}
.alert-btn-wrap{
	display:flex;
	gap:8px;
	justify-content:center;
	margin-top:24px;
	width:100%;
}
.alert-btn-wrap>button{
	height:48px;
	padding:8px 24px;
	border-radius:8px;
	font-size:16px;
	width:50%;
}
.alert-btn-wrap>button:nth-child(1).gray-btn{
	width:30%;
}
.alert-btn-wrap>button:nth-child(2).primary-btn{
	width:30%;
}
.meida-list-con>li .news-item2{
	display:flex;
	align-items:center;
}
#login-modal{
	z-index:3001 !important;
}

@media (max-width:1024px){
	.scl-modal {
		margin:0 !important;
	}
	.scl-modal .modal-content{
		border-radius:0;
		border:none;
		box-shadow:none;
	}
	.edit_wrap .pop_con{
		padding:24px 24px 32px;
		height:400px;
		overflow:auto;
	}
	.edit_wrap .edit_con .edit_bg{
		flex-direction:column;
	}
	.edit_wrap .edit_con .edit_bg .edit_depth1 .tit{
		position: relative;
        margin-left: 0px;
        font-size: 20px;
        cursor: pointer;
	}
	.edit_wrap .edit_con .edit_bg .edit_depth1 .tit::before{
	    content: '';
	    display: block;
	    position: absolute;
	    top: 50%;
	    right: 0;
	    width: 15px;
	    height: 2px;
	    background: #222;
	    transition: all 0.3s;
	}
	.edit_wrap .edit_con .edit_bg .edit_depth1 .tit::after{
		    content: '';
		    display: block;
		    position: absolute;
		    top: 50%;
		    right: 0;
		    width: 15px;
		    height: 2px;
		    background: #222;
		    transform: rotate(90deg);
		    transition: all 0.3s;
	}
	.edit_wrap .edit_con .edit_bg .edit_depth1 .tit.on::after{
		transform: rotate(180deg);
	}
	
	.edit_wrap .edit_con .edit_bg .edit_depth1 .edit_depth2{
		display:none;
		margin:12px 0;
	}
	.edit_wrap .edit_head{
		padding:0 24px;
	}
}

@media (max-width:768px){
	*{
		line-height:160%;
	}
	.sub-lnb{
		display:none;
	}
	#fastMenuSetDiv1, #fastMenuSetDiv2{
		bottom:84px !important;
	}
	#fastMenuSetDiv1, #fastMenuSetDiv2{
		width:40px;
		height:40px;
	}
	.setup_bt{
		width:16px;
		height:16px;
	}
	.set_wrap .close{
		bottom:94px;
		width:20px;
		height:20px;
	}
	#gototop{
		width:40px !important;
		bottom:36px !important;
	}
	#gototop .gotoTop{
		height:40px;
		width:40px;
	}
	#gototop .gotoTop>img{
		width:16px;
		height:16px;
		top:calc(50% - 1px);
		object-fit:contain;
	}
	#fastMenuSetDiv2 .set_wrap{
		bottom:128px;
	}
	.edit_wrap .edit_head p.tit::before{
		display:none;
	}
}

/* gnb 활성화 페이지 폰트 컬러 */
.gnb-sub-menus .gnb-sub-menus-container a.on {
	color: #006cff;
}

/* 뉴스 상세 보기 AI */
.ai-sum{
    display: inline-block;
    position: relative;
}
.ai-sum-btn{
    width: 32px;
    height: 32px;
}
.ai-sum-btn>img{
    width: 100%;
    object-fit: contain;
}
.ai-sum-inner{
    background: #fff;
    border: 1px solid var(--primary);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 12px 16px;
    position: absolute;
    z-index: 10;
    top: 36px;
    left: 0;
    display: none;
}
.ai-sum.on .ai-sum-inner{
    display: block;
}
.ais-item{
    white-space: nowrap;
    width: 100%;
    display: block;
    text-align: left;
    padding: 4px 12px;
    border-radius: 4px;
}
.ais-item:hover{
    background: var(--gray-bg);
}
.auto-sum-box{
    position: absolute;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 32px 24px;
    z-index: 10;
    max-width: 480px;
    width:100%;
    left: 50%;
    transform: translateX(-50%);
    top: 184px;
    display: none;
}
.auto-sum-box.on{
    display: block;
}

.auto-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.auto-header>div{
    font-size: 20px;
    font-family: 'GmarketSansMedium';
}
.auto-header>button{
    width: 16px;
    height: 16px;
}
.auto-header>button img{
    width: 100%;
    object-fit: contain;
}
.auto-body .default-box{
    background: var(--gray-bg);
    border-radius: 8px;
    padding: 12px;
    font-size: 13px;
    color: var(--gray-txt);
    word-break: break-all;
    margin-bottom: 16px;
}
.ai-sum-list p{
    margin-bottom: 16px;
}
.ai-sum-list p:last-child{
    margin: 0;
}

/* 검색 결과 */
.cs-keywords-wrap-news label:last-child::after {
	content: none !important;
}


.tooltip-icon>i{
	width:20px;
	height:20px;
	border-radius:50%;
	background:#f5f5f5;
	display:block;
	position:relative;
	cursor:pointer;
	text-align:center;
}
.tooltip-icon>i:after{
	content:"?";
}
.tooltip-content{
	display:none;
    background: #1a3857;
    padding: 12px;
    border-radius: 8px;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    z-index: 10;
    color: #fff;
}
.tooltip-icon:hover .tooltip-content{
	display:block;
}
.help-btn-collap{
	display:flex !important;
	gap:4px;
}




/* 언론사 지역 선택 버튼 */
.add-depth{
    width: 16px;
    height: 16px;
    background: var(--lightgray-txt);
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-depth.on{
    background: var(--primary);
}
.add-depth.on path{
    fill: #fff;
}
.add-depth:hover{
    background: var(--primary);
}
.add-depth:hover path{
    fill: #fff
}
.province-pop{
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 10px;
    box-sizing: content-box;
}
.province-item{
    box-sizing: border-box;
}
.province-item label{
    display: inline-block;
    height: 100%;
    max-width: 57px;
    border-radius: 4px;
    cursor: pointer;
    background: var(--gray-btn-bg);
    padding: 4px 16px;
}
.province-item label>span{
    font-size: 14px;
    white-space: nowrap;
    font-weight: 600;

    color: var(--lightgray-txt);
}
.province-pop input:checked + .do-ck{
    background: var(--primary-bg);
}
.province-pop input:checked + .do-ck>span{
    color: var(--primary);
}

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

/* 상단바 - 누리집 안내 */
#header-top .toggle-wrap{
	background-color:#fff;
}
#header-top .toggle-head{
	display: flex;
	justify-content: center;
	width: 100%;
	border-bottom:0;
}
#header-top.active .toggle-head{
	border-bottom:1px solid #ddd;
}
#header-top .toggle-btn{
	font-weight: 600;
}
#header-top .toggle-body{
	display: flex;
	justify-content: center;
	width: 100%;
	height: 0;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
#header-top.active .toggle-body{
	height: auto;
}
#header-top .toggle-container{
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1540px;
	margin-left: 20px;
	margin-right: 20px;
	padding:0;
	flex-wrap:wrap;
	column-gap:24px;
}
#header-top .toggle-body-word{
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	gap: 12px;
	flex: 1;
	width: 100%;
  		text-align: left;
	padding: 16px 0;
}
#header-top .toggle-body-word dt{
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
}

#header-top .toggle-body-word .btn{
	background: var(--gray-btn);
	border-radius: 4px;
	padding: 10px 32px;			
}
#header-top .toggle-body-word .btn>img{
	margin-left:4px;
}
#header-top .arrow-ico{
	width: 16px;
	height: 16px;
	margin-left: 2px;
	transition: 0.4s ease-in-out;
	transform: rotate(0deg) !important;
}
#header-top.active .arrow-ico{
	transform: rotate(-180deg) !important;
}