.mt-tit{font-size:30px;color:#111111;font-weight:700;}

.c-contents .flr1,
.c-contents .flr3{background:#f4f6f9;padding:60px 0;}
.c-contents .flr2,
.c-contents .flr4{background:#ffffff;padding:60px 0;}

.c-contents .flr1 .co-box{display:flex;gap:100px;}
.c-contents .flr1 .saerch-bar{position:relative;}
.c-contents .flr1 .saerch-bar input{width:100%;padding-left:55px;padding-right:50px;border-radius: 25px;border:2px solid #0b50d0;background:url(../images/search_bar_ico.png) no-repeat left 15px center #fff;font-size:18px;font-weight:500;height: 60px;}
.c-contents .flr1 .saerch-bar input::placeholder{color:#8b9097;}
.c-contents .flr1 .saerch-bar .seach-btn{display:block;position:absolute;top: 50%; transform: translateY(-50%);right:24px;}
.c-contents .flr1 .saerch-bar .seach-btn img{vertical-align:middle;}
.c-contents .flr1 .tt-txt{font-size:38px;color:#111111;font-weight:700;padding-top:35px;line-height: 1.3;}
.c-contents .flr1 .t-txt{font-size:19px;color:#111111;padding-top:15px;line-height: 1.3;}
.c-contents .flr1 .btn-field{margin-top:30px;display:flex;gap:10px;}
.c-contents .flr1 .btn-field .btn{width:auto;height:58px;border:1px solid #1b1b1b;border-radius:10px;background:#fff;text-align:center;}
.c-contents .flr1 .btn-field .btn > span{display:inline-block;position:relative;font-size:18px;color:#222222;font-weight:700;padding-right:14px;}
.c-contents .flr1 .btn-field .btn > span::after{content:'';position:absolute;top:8px;right:0;width:7px;height:12px;background:url(../images/ico_btn_f.png) no-repeat;}
.c-contents .flr1 .btn-field .btn.blue-type{background:#256ef4;border-color:#256ef4;}
.c-contents .flr1 .btn-field .btn.blue-type > span{color:#ffffff;}
.c-contents .flr1 .btn-field .btn.blue-type > span::after{background-image:url(../images/ico_btn_f_white.png);}
.c-contents .flr1 .lef{width:calc(100% - 730px);}
.c-contents .flr1 .rig{width:630px;}
.c-contents .flr1 .rig .inner{padding:0;}
.c-contents .flr1 .main-d-ban-swiper{position:relative;}


.c-contents .flr1 .main-d-ban-swiper .text {position:absolute;top:30px;left:30px;}
.c-contents .flr1 .main-d-ban-swiper .text .tit{font-size:20px;color:#ffffff;font-weight:500; text-shadow: 1px 1px 2px black; background-color: rgb(37 110 244 / 70%); border-radius: 15px; padding: 0 10px;}
.c-contents .flr1 .main-d-ban-swiper .im{max-width: none;width: 100%;height:380px;}


.c-contents .flr1 .main-d-ban-swiper .im img{height:100%; width: 100%; border-radius: 25px;}
.c-contents .flr1 .swiper-pagination.swiper-pagination-fraction{position:static;padding: 0;border: 0;gap: 1px;font-weight: 400;}
.c-contents .flr1 .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{font-weight: 700;}
.c-contents .flr1 .swiper-indicator{position:absolute;right:10px;bottom:15px;z-index: 1;background: #ffffff;border-radius: 25px;padding: 0 18px;}
.c-contents .flr1 .swiper-indicator [class^=swiper-button-]{background-color:unset;border:none;}
.c-contents .flr1 .swiper-indicator [class^=swiper-button-]::after{display:none;}
.c-contents .flr1 .swiper-indicator .swiper-button-play::after{display:block;mask-size: 18px;}
.c-contents .flr1 .swiper-indicator [class^=swiper-button-],
.c-contents .flr1 .swiper-indicator .swiper-button-more{background-repeat:no-repeat;background-position:center;width: 10px;height: 12px;}
.c-contents .flr1 .swiper-indicator .swiper-button-prev{background-image:url(../images/t1_swiper_prev.png);}
.c-contents .flr1 .swiper-indicator .swiper-button-stop{background-image:url(../images/t1_swiper_pause.png);}
.c-contents .flr1 .swiper-indicator .swiper-button-next{background-image:url(../images/t1_swiper_next.png);}
.c-contents .flr1 .swiper-indicator .swiper-button-more{background-image:url(../images/t1_swiper_more.png);}

.cn-activity{position:relative;margin-top: 18px;}
.cn-activity .tablist{display: block; min-height: 300px;}
.cn-activity .tablist:before, 
.cn-activity .tablist:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cn-activity .tablist > li{float: left; margin-left: 20px;  }
.cn-activity .tablist > li:first-child{margin-left:0;}
.cn-activity .tablist > li > a{display:block;font-size: 17px;line-height: 1;color: #555555;font-weight: 700;}
.cn-activity .tablist > li.on > a{color: #063a74;text-underline-offset: 10px;text-decoration: underline 2px;text-decoration-color: #063a74;}
.cn-activity .panel{display: none; position: absolute; top:40px;left:0;width:100%;min-height:242px;}
.cn-activity .panel.on{display: block; }
.cn-activity .panel:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cn-activity .panel ul{padding-top: 6px; margin-left:-24px;}
.cn-activity .panel li{float:left;margin-left:24px;width:calc(25% - 24px); }
.cn-activity .panel li > a{display: block; border-radius:15px;background:#f5f7fa;padding:30px 25px 40px;border:2px solid transparent;height:240px;}
.cn-activity .panel li > a .item-tip{font-size:16px;color:#063a74;font-weight:600;padding-left:20px;position:relative;}
.cn-activity .panel li > a .item-tip::before{content:'';position:absolute;top:4px;left:0;width:15px;height:14px;background:url(../images/cn_item_name_ico.png) no-repeat;}
.cn-activity .panel li > a .item-name{font-size:18px;color:#111111;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;padding-top:8px;line-height: 1.3;min-height: 58.8px;}
.cn-activity .panel li > a .item-bm{font-size:16px;color:#555555;overflow:hidden;text-overflow:ellipsis;padding-top:4px; word-break: break-all;white-space: normal;}
.cn-activity .panel li > a .item-bm.mobile{display: none;}
@media screen and (max-width: 768px) {
	.cn-activity .panel li > a .item-bm.pc { display: none; }
	.cn-activity .panel li > a .item-bm.mobile { display: block; }
}
.cn-activity .panel li > a .n-sign{ display: inline-block;font-style:normal;vertical-align: -4px;margin-left:6px;}
.cn-activity .panel li > a .see-detail{display: inline-block;font-size:16px;color:#111111;font-weight:500;position:relative;margin-top: 24px;}
.cn-activity .panel li > a .see-detail::after{content:'';position:absolute;top: 7px;right: -14px;width:6px;height:9px;background:url(../images/cn_item_ico2.png) no-repeat;}
.cn-activity .panel li > a:hover,
.cn-activity .panel li > a:focus-visible{border-color:#003668;background:#fff;}
.cn-activity .panel li > a:hover .see-detail::before,
.cn-activity .panel li > a:focus-visible .see-detail::before{content:'';position:absolute;bottom: -2px;left:0;width:100%;height: 2px;background:#111111;}
.cn-activity a.more {font-size:17px;color:#111111;font-weight:600;position: absolute; right:14px; top: -45px;}
.cn-activity a.more em{display:none;}
.cn-activity a.more::before{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#2e2e2e;}
.cn-activity a.more::after{content:'';position:absolute;top: 8px;right: -14px;width:6px;height:9px;background:url(../images/cn_item_ico2.png) no-repeat;}

.public-platform{display:flex;margin-top:32px;gap:40px;}
.public-platform .writing{flex: 0 0 auto;width:350px;display:block;border-radius:12px;padding:30px 35px;background:url(../images/pp_woman_icon.png) #dff1e4 no-repeat right 40px bottom;height: 320px;}
.public-platform .writing .tt-txt{font-size:26px;color:#111111;font-weight:700;}
.public-platform .writing .t-txt{font-size:17px;color:#333333;padding-top: 4px;line-height: 1.3;}
.public-platform .writing .jumps{display: inline-block;font-size:17px;color:#111111;font-weight:600;position:relative;margin-top: 24px;}
.public-platform .writing .jumps::before{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#2e2e2e;}
.public-platform .writing .jumps::after{content:'';position:absolute;top: 8px;right: -14px;width:6px;height:9px;background:url(../images/cn_item_ico2.png) no-repeat;}

.pp-slide-box{width:calc(100% - 390px);}
.pp-slide-box .main-slide{position:relative;/* overflow:hidden; */margin:0 auto;}
.pp-slide-box .main-slide .swiper-slide{/* text-align:center; */height: 320px;}
.pp-slide-box .main-slide .swiper-slide a{position: relative;display: block;height:100%;background:#fff;border:2px solid transparent;border-radius:12px;padding: 32px 20px 35px;}

.pp-slide-box .main-slide .main-slide-empty-message .swiper-slide a {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;text-align: center;font-size: 22px;color: #111111;font-weight: 600;background: #fff; transition: font-size 0.2s ease;}
.pp-slide-box .main-slide .main-slide-empty-message .swiper-slide a span {font-size: 18px;color: #333333;font-weight: 500;margin-top: 5px; transition: font-size 0.2s ease;}
.pp-slide-box .main-slide .main-slide-empty-message .swiper-slide a:hover,
.pp-slide-box .main-slide .main-slide-empty-message .swiper-slide a:focus-visible{font-size: 18px; font-weight: 600;}
.pp-slide-box .main-slide .main-slide-empty-message .swiper-slide a:hover span,
.pp-slide-box .main-slide .main-slide-empty-message .swiper-slide a:focus-visible span {font-size: 24px;font-weight: 600;color: #063a74;text-underline-offset: 10px;text-decoration: underline 2px;text-decoration-color: #063a74;}

.pp-slide-box .main-slide .swiper-slide a::after{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;content: '';}
.pp-slide-box .main-slide .swiper-slide.swiper-slide-active a::after{display: none;}
.pp-slide-box .main-slide .swiper-slide.swiper-slide-next a::after{display:none;}
.pp-slide-box .main-slide .swiper-slide a img{max-width: 100%;width:100%;height:100%;}
.pp-slide-box .main-slide .swiper-slide .tit{font-size:19px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pp-slide-box .main-slide .swiper-slide .clr-green .tit{color:#00B7C7;}/* #0f6467 */
.pp-slide-box .main-slide .swiper-slide .clr-blue .tit{color:#3B62EE;}/* #005277 */
.pp-slide-box .main-slide .swiper-slide .state-box{display:flex;align-items:center;gap:5px;margin-top: 18px;}
.pp-slide-box .main-slide .swiper-slide .state-box .name{width:80px;height:30px;text-align:center;font-size:14px;font-weight:500;color:#ffffff;border-radius:12px;align-content: center;}
.pp-slide-box .main-slide .swiper-slide .state-box .num{width:100px;height:30px;text-align:center;font-size:14px;font-weight:500;color:#111111;border:1px solid transparent;border-radius:12px;align-content: center;}
.pp-slide-box .main-slide .swiper-slide .state-box.green-style .name{background:#00B7C7;}/* #1c7a7d */
.pp-slide-box .main-slide .swiper-slide .state-box.green-style .num{border-color:#00B7C7;}/* #1c7a7d */
.pp-slide-box .main-slide .swiper-slide .state-box.blue-style .name{background:#3B62EE;}/* #0070a2 */
.pp-slide-box .main-slide .swiper-slide .state-box.blue-style .num{border-color:#3B62EE;}/* #0070a2 */
.pp-slide-box .main-slide .swiper-slide .tt-txt{font-size:19px;color:#111111;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top: 12px;}
.pp-slide-box .main-slide .swiper-slide .t-txt{font-size:17px;color:#555555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;min-height:40px;line-height: 1.35;padding-top: 10px;}

.pp-slide-box .main-slide .swiper-slide .see-detail{display: inline-block;font-size:16px;color:#111111;font-weight:500;position:relative;margin-top: 30px;}
.pp-slide-box .main-slide .swiper-slide .see-detail::after{content:'';position:absolute;top: 7px;right: -14px;width:6px;height:9px;background:url(../images/cn_item_ico2.png) no-repeat;}
.pp-slide-box .main-slide .swiper-slide > .clr-green:hover,
.pp-slide-box .main-slide .swiper-slide > .clr-green:focus-visible{border-color:#00B7C7;}/* #1c7a7d */
.pp-slide-box .main-slide .swiper-slide > .clr-blue:hover,
.pp-slide-box .main-slide .swiper-slide > .clr-blue:focus-visible{border-color:#3B62EE;}/* #0070a2 */
.pp-slide-box .main-slide .swiper-slide > a:hover .see-detail::before,
.pp-slide-box .main-slide .swiper-slide > a:focus-visible .see-detail::before{content:'';position:absolute;bottom: -2px;left:0;width:100%;height: 2px;background:#111111;}

.pp-slide-box .main-slide .swiper-container{overflow: hidden;width: 100%;position:static;}
.pp-slide-box .swiper-button-next:after,
.pp-slide-box .swiper-button-prev:after{display:none;}
.pp-slide-box .main-slide .button_arrow{border: 0;position: absolute;top: 52%;bottom: auto;left:auto;right:auto;cursor:pointer;z-index: 20;overflow: hidden;text-indent: -999px;width: 38px;height: 38px;outline: none;transition: all 0.4s;background-repeat: no-repeat;background-position: center;background-color:#fff;box-shadow: 0 1px 7px 1px rgb(100 100 100 / 10%);}
.pp-slide-box .main-slide .button_arrow.swiper-button-prev{background-image: url(../images/pp_slide_arrow2.png);left: -20px;}
.pp-slide-box .main-slide .button_arrow.swiper-button-next{background-image: url(../images/pp_slide_arrow.png);right: -20px;}
.pp-slide-box .main-slide .swiper-pagination{bottom:-40px;top:auto;}
.pp-slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#003668;width:30px;}
.pp-slide-box .swiper-pagination .swiper-pagination-bullet{background:#e1e1e1;}
.pp-slide-box .main-slide .o-setting{display:block;font-size:17px;color:#111111;font-weight:700;padding-right:26px;}
.pp-slide-box .main-slide .o-setting::after{content:'';position:absolute;top: 5px;right: 1px;width:17px;height:15px;background:url(../images/pp_slide_setting.png) no-repeat;}

.noti-box{display:flex;gap:38px;}
.noti-box .noti-l{width:840px;}
.noti-box .noti-r{width:calc(100% - 878px);}

.noti-box .item-box{margin-top:28px;border:1px solid #e5e5e5;border-radius:12px;padding:40px 35px;}
/* .noti-box .item-box ul{margin-top:-24px;} */
.noti-box .item-box ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.noti-box .item-box li{float:left;width:50%;margin:30px 0;}
.noti-box .item-box li:nth-child(1) .img-part{background:url(../images/noti_item_img05.png) no-repeat #e9edf2 center;}/* 백서 */
.noti-box .item-box li:nth-child(2) .img-part{background:url(../images/noti_item_img02.png) no-repeat #f1eceb center;}/* 법정자료 */
.noti-box .item-box li:nth-child(3) .img-part{background:url(../images/noti_item_img06.png) no-repeat #f5efe5 center;}/* 사전공표 */
.noti-box .item-box li:nth-child(4) .img-part{background:url(../images/noti_item_img04.png) no-repeat #e2f1e5 center;}/* 정책자료 */
.noti-box .item-box li:nth-child(5) .img-part{background:url(../images/noti_item_img01.png) no-repeat #e7f4fe center;}
.noti-box .item-box li:nth-child(6) .img-part{background:url(../images/noti_item_img03.png) no-repeat #dff3f5 center;}
.noti-box .item-box li a{display:flex;gap:20px;}
.noti-box .item-box .img-part{width:80px;height:80px;border-radius:25px;flex:0 0 auto;}
.noti-box .item-box .txt-part{width:calc(100% - 80px);padding-right:4px;}
.noti-box .item-box .txt-part .tt-txt{font-size:18px;color:#111111;font-weight:700;}
.noti-box .item-box .txt-part .t-txt{font-size:15px;color:#111111;line-height:1.25;}

.noti-box .noti-r .inner{padding:0;}
.noti-box .noti-r .main-sect{margin-top:28px;}
.noti-box .main-d-ban-swiper{position:relative;}
.noti-box .main-d-ban-swiper .im{max-width: none;width: 100%;height:360px;}
.noti-box .main-d-ban-swiper .im img{width:100%; height:100%; border-radius: 25px; position: absolute; top: 0; left: 0;}
.noti-box .swiper-pagination.swiper-pagination-fraction{position:static;padding: 0;border: 0;gap: 1px;font-weight: 400;}
.noti-box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{font-weight: 700;}
.noti-box .swiper-indicator{position:absolute;right:10px;bottom:15px;z-index: 1;background: #ffffff;border-radius: 25px;padding: 0 18px;}
.noti-box .swiper-indicator [class^=swiper-button-]{background-color:unset;border:none;}
.noti-box .swiper-indicator [class^=swiper-button-]::after{display:none;}
.noti-box .swiper-indicator .swiper-button-play::after{display:block;mask-size: 18px;}
.noti-box .swiper-indicator [class^=swiper-button-],
.noti-box .swiper-indicator .swiper-button-more{background-repeat:no-repeat;background-position:center;width: 10px;height: 12px;}
.noti-box .swiper-indicator .swiper-button-prev{background-image:url(../images/t1_swiper_prev.png);}
.noti-box .swiper-indicator .swiper-button-stop{background-image:url(../images/t1_swiper_pause.png);}
.noti-box .swiper-indicator .swiper-button-next{background-image:url(../images/t1_swiper_next.png);}
.noti-box .swiper-indicator .swiper-button-more{background-image:url(../images/t1_swiper_more.png);}

.sd-list{position: absolute;top: -55px;right: 0;}
.sd-list > a > span{line-height:1.2;}
.sd-list > ul{display:none;z-index: 9999;box-sizing: border-box;position: absolute;top: 100%;right: 0;width: 130px;background-color: #fff;border-radius: 10px;border: 1px solid #cdd1d5;padding: 10px 12px;}
.sd-list > ul > li{margin-top: 5px;list-style: none;}
.sd-list > ul > li > a{font-weight:400;display: flex;justify-content: center;font-size: 17px;}
.sd-list > ul > li > a:hover,
.sd-list > ul > li > a.on{ background-color: #9b9b9b; border-radius: 10px; color: #ffffff;}
.sd-list > ul > li > a img{margin-right:3px;vertical-align: middle;width: 17px;align-self: flex-start;margin-top: 2px;}
.sd-list > ul > li label{font-size:14px;font-weight:500;}



/* 메인 카드 */
.y-main-card-wrap{
	display:flex;
	gap:20px;
	margin:40px 0 50px;
}

.main-card{
	flex:1;
	border-radius:20px;
	padding:22px;
	min-height:260px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.main-card.beige{
	background:#f4f2ea;
}

.main-card.blue{
	background:#dbe6f7;
}

.main-card.green{
	background:#dcefd2;
}

.main-card .card-top{
	display:flex;
	gap:16px;
	align-items:flex-start;
}

.main-card .icon{
	width:56px;
	height:56px;
	border-radius:50%;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.main-card .txt{
	font-size:18px;
	font-weight:700;
	line-height:1.45;
	color:#222;
	word-break:keep-all;
}

.main-card .card-state{
	margin-top:10px;
	text-align:right;
	font-size:16px;
	font-weight:500;
	color:#333;
}

.main-card .card-state strong{
	font-weight:700;
}

.main-card .card-bottom{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-top:20px;
}

.main-card .card-bottom a{
	height:45px;
	background:#fff;
	border-radius:12px;
	display:flex;
	align-items:center;
	padding:0 20px;
	font-size:15px;
	font-weight:500;
	color:#222;
	text-decoration:none;
	box-sizing:border-box;
	transition:all .2s ease;
}

.main-card .card-bottom a:hover{
	transform:translateY(-2px);
	box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

/* 모바일 */
@media all and (max-width:1024px){

	.y-main-card-wrap{
		flex-direction:column;
	}

	.main-card{
		min-height:auto;
	}

	.main-card .txt{
		font-size:16;
	}

	.main-card .card-bottom a{
		font-size:17px;
		height:52px;
	}
}


.focus-opinion-section{
    position:relative;
    padding:40px;
    border-radius:24px;
    background:#f4f6f9;
    overflow:hidden;
    border: none !important;
}

@media (max-width:768px){
	.focus-opinion-section{
    padding:40px 10px;
}
	
	}

.video-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:0 !important;
}

.video-info-top{
    width:100%;
    margin:20px 0;
    text-align:center;
}

.video-title{
    margin:0;
    font-size:23px;
    font-weight:700;
    color:#111;
    line-height:1.4;
}

.video-subtitle{
    margin:8px 0 0;
    font-size:16px;
    color:#666;
}

.main-focus-video{
    width:100%;
    object-fit:contain;
    border-radius:12px;
    background:#000;
}

.video-info-bottom{
    width:100%;
    padding:20px;
    color:#555;
    font-size:15px;
    line-height:1.8;
    text-align:center;
}

/* 모바일 */
@media (max-width:768px){

    .video-info-top{
        margin:20px 0;
    }

    .video-title{
        font-size:18px;
        line-height:1.5;
        padding:0 10px;
        word-break:keep-all;
    }

    .video-subtitle{
        margin-top:6px;
        font-size:14px;
        line-height:1.5;
        padding:0 15px;
        word-break:keep-all;
    }

    .main-focus-video{
        border-radius:8px;
    }

    .video-info-bottom{
        padding:15px;
        font-size:14px;
        line-height:1.7;
        text-align:left;
        word-break:keep-all;
    }
}
/* 메인페이지 집중의견 수렴 조정 */


.gov-sub-title{
    display:block;
    margin-bottom:10px;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    color:#3b62ee;
}

.gov-title-box .y-h4-tit{
    margin:0;
    padding:0;
}

.gov-title-box .text{
    display:block;
    font-size:26px;
    font-weight:700;
    color:#111;
    line-height:1.4;
}
.gov-info-box{
    margin-top:20px;
    padding:20px 24px;
    background:#fff;
    border-radius:12px;
}

.gov-info-text{
    color:#555;
    line-height:1.8;
    font-size:16px;
}

.gov-info-period{
    margin-top:14px;
    padding-top:14px;
    border-top:1px dashed #d7dce3;
}

.gov-info-period .label{
    font-weight:500;
    color:#333;
    margin-right:10px;
}

.gov-info-period .date{
    color:#333;
}


/* ===== 레이아웃 ===== */
.focus-opinion-wrap{
    margin-top:30px;
    display:flex;
    gap:24px;
    align-items:stretch;
}

.focus-opinion-list{
    flex:0 0 38%;
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* ===== 좌측 리스트 ===== */
.focus-item{
    position:relative;
    border:1px solid #e5e7eb;
    border-radius:16px;
    background:#fff;
    overflow:hidden;
    transition:.25s;
}

.focus-item:hover{
    border-color:#2563eb;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.06);
}

/* 선택 상태 */
.focus-item.active{
    border-color:#2563eb;
}

.focus-item.active::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:10px;
    height:100%;
    background:#2563eb;
}

/* 버튼 */
.focus-title{
    width:100%;
    padding:30px;
    border:0;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:16px;
    text-align:left;
}

/* 제목 */
.title-text{
    flex:1;
    font-size:16px;
    font-weight:700;
    color:#1f2937;
}


/* 화살표 */
.toggle-icon{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f3f4f6;
    color:#6b7280;
    font-size:14px;
    transition:.25s;
}

.focus-item.active .toggle-icon{
    background:#2563eb;
    color:#fff;
    transform:translateX(3px);
}

/* ===== 우측 상세 영역 ===== */
.focus-content-container{
    flex:1;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
}

.focus-content{
    display:none;
    height:100%;
}

.focus-content.active{
    display:block;
    animation:fadeUp .35s ease;
}

.focus-content-inner{
    padding:35px;
    height:100%;
    color:#374151;
    font-size:16px;
    display:flex;
    flex-direction:column;
}

/* ===== 버튼 ===== */
.focus-detail-btn-wrap{
	margin-top:auto;
    display:flex;
    justify-content:flex-end;
    padding-top:20px;
}

.focus-detail-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 22px;
    border-radius:10px;
    border:1px solid #2563eb;
    background:#2563eb;
    color:#fff;
    font-size:15px;
    font-weight:600;
    transition:.2s;
}

.focus-detail-btn:hover{
    background:#2563eb;
    color:#fff;
}

.focus-link-more{
    display:inline-block;
    color:#555;
    font-size:16px;
    font-weight:500;
    text-decoration:none;
}

.focus-link-more::after{
    content:' >';
}

.focus-link-more:hover{
    color:#222;
    text-decoration:underline;
}

.focus-content-top{
    display:flex;
    justify-content:flex-start;
    margin-bottom:15px;
}

.focus-content-body{
    flex:1;
}

.focus-bottom-btn-wrap{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #e5e7eb;
}
.focus-bottom-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:44px;
    padding:0 15px;
    border-radius:8px;
    font-size:15px;
    font-weight:500;
    text-decoration:none;
    transition:.2s;
}

/* 의견 목록보기 */
.focus-bottom-btn.btn-list{
    border:1px solid #555;
    color:#555;
    background:#fff;
}

.focus-bottom-btn.btn-list:hover{
    background:#555;
    color:#fff;
}

/* 의견 작성하기 */
.focus-bottom-btn.btn-write{
    border:1px solid #256ef4;
    color:#256ef4;
    background:#fff;
}

.focus-bottom-btn.btn-write:hover{
    background:#256ef4;
    color:#fff;
}

/* ===== 애니메이션 ===== */
@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ===== 모바일 ===== */
@media(max-width:991px){

    .focus-opinion-wrap{
        flex-direction:column;
    }

    .focus-opinion-list,
    .focus-content-container{
        width:100%;
        flex:0 0 100%;
    }

    .focus-title{
        padding:18px;
    }

    .title-text{
        font-size:16px;
    }

    .focus-content-inner{
        padding:24px;
        font-size:15px;
    }
}

/* 포스터가 스르륵 올라오는 부드러운 효과 */
@keyframes posterUp {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}



.focus-detail-btn:hover{
    background:#1d4ed8;
    color: #fff;
}

.no-data{
    padding:40px 20px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:10px;
    color:#777;
    background:#fafafa;
}

.main-title-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}

.main-title-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.inline-search{
    margin:0;
}

.inline-search .y-search-in{
    width:400px;
}

.inline-search .y-search-in input{
    height:48px;
}
/* 모바일 */
@media screen and (max-width:768px){

    .main-title-row{
        flex-direction:column;
        align-items:stretch;
        gap:15px;
    }

    .main-title-row .y-h4-tit{
        margin-bottom:0;
    }

    .main-title-actions{
        width:100%;
        flex-direction:column;
        gap:10px;
    }

    .inline-search{
        width:100%;
    }

    .inline-search .y-search-in{
        width:100%;
    }

    .inline-search .y-search-in input{
        width:100%;
        height:44px;
    }

    .main-title-row .text{
        display:block;
        font-size:22px;
        line-height:1.4;
        word-break:keep-all;
    }
}