@charset "utf-8";
@import url('../css/paperlogy/font.css'); /* 정부 업무보고 상단 배너 폰트/ font-family: 'Paperozi', sans-serif; */

/******** 콘텐츠 영역 CSS ********/
/* 공통 */
.lineBx{background-color:var(--color-surface-white-subtle);border-radius:1.2rem;border:var(--border-width) solid var(--color-border-gray);}

.tb_show{display:none !important}
.tb_hide{display:block !important}
.m_show{display:none !important}
.m_hide{display:block !important}
@media all and (max-width: 1024px){
    .tb_show{display:block !important}
    .tb_hide{display:none !important}
}
@media all and (max-width: 768px){
    .m_show{display:block !important}
    .m_hide{display:none !important}
}

/*** 프로그램 ***/
/* 검색 입력폼 */
.searchBx{border:var(--border-width) solid var(--color-border-gray-light);background-color:var(--color-surface-white-subtle);border-radius:1.5rem;padding:4rem;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:1.6rem;}
.searchBx .search_wrap{width:100rem;position:relative;}
.searchBx .inputBtnArea .btn_search {position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);}
.filterBx{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:1.6rem;width:100%;}
.filterBx .label{font-weight:700;font-size:1.8rem;}
.filterBx .filterForm{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:1.6rem;margin-right:-1.6rem;width:calc(100% + 1.6rem);}
.filterBx .filterForm > div{width:calc(33.33% - 1.6rem);display:inline-flex;align-items:center;gap:1.6rem;}
.filterBx .filterForm > div .label{flex-shrink:0;}
.filterBx .filterTag{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:1rem;width:100%;}
.filterBx .filterTag dt{display:flex;align-items:center;white-space:nowrap;height:4rem;}
.filterBx .filterTag dd{display:flex;gap:0.8rem;flex:1;}
.filterBx .filterTag dt span{font-size:inherit;font-weight:inherit;line-height:inherit;margin-left:0.4rem;}
.filterBx .filterTag .btn.btn_filter .svg_icon.ico_refresh{mask-image:url(../img/board/ico_refresh_2.svg);width:1.6rem;height:1.6rem;}
.filterBx .filterTag .btnTag{font-size:1.6rem;height:4rem;border-radius:2rem;padding:1rem 2rem;gap:1rem;}
.filterBx .filterTag .btnTag .btn.icon{width:1.2rem;height:1.2rem;}
/* 화면 설정 */
[data-mode=dark] .searchBx{border-width:0.2rem;}

/* 리스트 상단 */
.option_top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3.2rem;margin-bottom:2.4rem;}
.option_top .option_sort li{display:inline-flex;align-items:center;gap:1.6rem;}
.option_top .option_sort .m_sort_btn{display:none;}
.option_top .option_sort .btn.active{text-decoration:underline;text-underline-offset:0.3rem;}
.option_top .searchBox{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:end;flex-shrink:0;gap:0.8rem;}
.option_top .searchBox .selectBase{max-width:14rem;}
.option_top .searchBox .inputBtnArea{position:relative;display:inline-flex;width:46rem;}
.option_top .searchBox .inputBtnArea .btn_search{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);}
.option_top .searchBox .listOption{display:inline-block;vertical-align:top;font-size:0;margin-left:1rem;height:4.8rem;padding:0.4rem;border:var(--border-width) solid #E6E6E6}
.option_top .searchBox .listOption .baseBtn.medium>.base{padding-left:2rem;padding-right:2rem;border:none;min-width:0;}
.option_top .searchBox .listOption .baseBtn+.baseBtn{margin-left:-0.1rem;}


/* 소통광장 - 목록(카드형) */
.card_area{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;gap:4rem;margin-right:-4rem;}
.card_area .card_item{width:calc(33.33% - 4rem);}
.card_area .card_item a{box-sizing:border-box;}
.card_area .card_item .badge_wrap{gap:0.6rem;}
.card_area .card_item .badge_wrap .badge{font-size:1.4rem;padding:0.5rem 1rem;border-radius:1.6rem;height:2.8rem;line-height:130%;box-sizing:border-box;font-weight:500;}
.zoom3 .card_area{gap:3.2rem;margin-right:-3.2rem;}
.zoom3 .card_area .card_item{width:calc(33.33% - 3.2rem);}
.zoom4 .card_area{gap:3.2rem;margin-right:-3.2rem;}
.zoom4 .card_area .card_item{width:calc(33.33% - 3.2rem);}

/* 소통광장 - 의견 더하기 */
.nationalArea .topDetailBx{padding:3rem 4rem 3rem 17.4rem;background:url(../img/board/ico_topDatil.svg) no-repeat left 4rem center/ 9.4rem auto;box-sizing:border-box;position:relative;border-radius:1.5rem;display:flex;align-items:center;gap:3.2rem;background-color:var(--color-surface-primary-subtler);}
.nationalArea .topDetailBx .txtBx{flex:auto;}
.nationalArea .topDetailBx .btnBx{flex-shrink:0;}
.nationalArea .topDetailBx .txtBx>span{font-size:1.4rem;display:inline-flex;align-items:center;line-height:1;color:var(--color-text-info-light);border:var(--border-width) solid var(--color-text-info-light);border-radius:1.6rem;padding:0.8rem 1.2rem;font-weight:700;margin-bottom:1.5rem;}
.nationalArea .topDetailBx .txtBx .Heading_medium{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.nationalArea .topDetailBx .txtBx .infoList{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:start;}
.nationalArea .topDetailBx .txtBx .infoList::before{content:"";display:inline-flex;align-items:center;width:1.6rem;height:1.6rem;background-color:var(--color-icon-primary);margin-right:0.4rem;mask:url(../img/board/ico_bubbleChat.svg) no-repeat center center/ contain;}
.nationalArea .topDetailBx .txtBx .infoList li{display:inline-flex;align-items:center;position:relative;}
.nationalArea .topDetailBx .txtBx .infoList li:not(:first-child){margin-left:1rem;}
.nationalArea .topDetailBx .txtBx .infoList li:not(:first-child)::before{content:"";display:inline-flex;width:0.1rem;height:1.4rem;background-color: var(--color-divider-gray-light);margin-right:1rem;}
.nationalArea .topDetailBx .txtBx .infoList li span{font-weight:700;line-height:1;color:var(--color-text-subtle);}
.nationalArea .topDetailBx .txtBx .infoList li span.point{color:var(--color-text-primary);margin-left:0.8rem;}
.nationalArea .topDetailBx .btnBx .btn{padding:1.6rem 3rem;gap:1.6rem;line-height:1;border-radius:8rem;}
.nationalArea .topDetailBx .btnBx .btn .ico_arrow_right{mask:url(../img/board/ico_arrow_right.svg) no-repeat center center/ contain;}
.nationalArea .card_area .card_item a{display:flex;flex-wrap:wrap;align-items:stretch;align-content:space-between;justify-content:start;height:100%;padding:4rem;border-radius:1.2rem;background-color:var(--card-color-bg);gap:6rem;}
.nationalArea .card_area .card_item .card_body{display:flex;flex-direction:column;gap:2rem;}
.nationalArea .card_area .card_item .card_body p{color:var(--card-color-text);white-space:pre-line;}
.nationalArea .card_area .card_item .card_body p span{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.nationalArea .card_area .card_item .card_body .c_txt{font-weight:500;font-size:1.6rem;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;}
.nationalArea .card_area .card_item .badge_wrap .badge.white{background-color:var(--card-color-bg-white);color:var(--card-color-text);}
.nationalArea .card_area .card_item .badge_wrap .badge.fill{background-color:var(--card-color-text);color:var(--card-color-bg-white);}
.nationalArea .card_area .card_item .badge_wrap .badge.line{border:var(--border-width) solid var(--card-color-text);color:var(--card-color-text);}
.nationalArea .card_area .card_item .card_like{border-top:var(--border-width) solid var(--card-color-text);width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:2rem;padding-top:2rem;}
.nationalArea .card_area .card_item .card_like .like_item{display:inline-flex;align-items:center;gap:0.4rem;font-size:1.9rem;font-weight:700;line-height:130%;color:var(--card-color-text);}
.nationalArea .card_area .card_item .card_like .like_item .svg_icon{width:2rem;height:2rem;background-color:var(--card-color-text);mask-repeat:no-repeat;mask-position:center center;mask-size:contain;}
.nationalArea .card_area .card_item .card_like .like_item .svg_icon.svg_like{mask-image:url(../img/board/ico_good.svg);}
.nationalArea .card_area .card_item .card_like .like_item .svg_icon.svg_unlike{mask-image:url(../img/board/ico_unlike.svg);}
.nationalArea .card_area .card_item .card_like .like_item .num{font-style:normal;margin-left:0.2rem;}
.nationalArea .card_area .card_item{--card-color-bg:#B6ECF0;--card-color-bg-white:var(--color-background-white);--card-color-text:#0C4967;}
.nationalArea .card_area .card_item:nth-child(2){--card-color-bg:#F8D4AA;--card-color-bg-white:var(--color-background-white);--card-color-text:#533728;}
.nationalArea .card_area .card_item:nth-child(3){--card-color-bg:#DCEB9D;--card-color-bg-white:var(--color-background-white);--card-color-text:#22483A;}
.nationalArea .card_area .card_item:nth-child(4){--card-color-bg:#D4D6FD;--card-color-bg-white:var(--color-background-white);--card-color-text:#2E2361;}
.nationalArea .card_area .card_item:nth-child(5){--card-color-bg:#DECDAD;--card-color-bg-white:var(--color-background-white);--card-color-text:#414131;}
.nationalArea .numberPagination{margin-top:5.5rem;}
/* 화면 설정 */
[data-mode=dark] .nationalArea .card_area .card_item{--card-color-bg:#0C4967;--card-color-bg-white:var(--white10);--card-color-text:var(--white75);}
[data-mode=dark] .nationalArea .card_area .card_item:nth-child(2){--card-color-bg:#533728;--card-color-bg-white:var(--white10);--card-color-text:var(--white75);}
[data-mode=dark] .nationalArea .card_area .card_item:nth-child(3){--card-color-bg:#22483A;--card-color-bg-white:var(--white10);--card-color-text:var(--white75);}
[data-mode=dark] .nationalArea .card_area .card_item:nth-child(4){--card-color-bg:#2E2361;--card-color-bg-white:var(--white10);--card-color-text:var(--white75);}
[data-mode=dark] .nationalArea .card_area .card_item:nth-child(5){--card-color-bg:#414131;--card-color-bg-white:var(--white10);--card-color-text:var(--white75);}
[data-mode=dark] .nationalArea .card_area .card_item .badge_wrap .badge.fill{color:var(--card-color-bg);}
[data-mode=dark] .nationalArea .card_area .card_item .card_like{border-top-color:var(--white25);}
.zoom2 .nationalArea .card_area .card_item .card_body p,
.zoom3 .nationalArea .card_area .card_item .card_body p,
.zoom4 .nationalArea .card_area .card_item .card_body p{white-space:normal;}
/* 251227 수정 */
.nationalArea.nationalDatail .card_area .card_item .card_like .like_item .svg_icon{width:2.4rem;height:2.4rem;}
.nationalArea.nationalDatail .card_area .card_item .card_like .like_item .svg_icon.svg_like{mask-image:url(../img/board/ico_face_smile.svg);}
.nationalArea.nationalDatail .card_area .card_item .card_like .like_item .svg_icon.svg_unlike{mask-image:url(../img/board/ico_face_sad.svg);}


/* 소통광장 - 의견더하기 상세 */
.typeSub article .notionalView .division + .division{margin-top:8rem;}
.notionalView .detailArea{text-align:center;}
.notionalView .detailArea .detailBx{box-sizing:border-box;border:var(--border-width) solid var(--color-surface-gray-subtler);background-color: var(--color-surface-primary-subtler);border-radius:1.5rem;padding:4rem;margin-bottom:4rem;}
.notionalView .detailArea .btn.secondary{min-width:16rem;}
.notionalView .titBx{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;gap:0.8rem;}
.notionalView .titBx .date{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-divider-primary);}
.notionalView .titBx .date span{font-size:inherit;font-weight:inherit;color:inherit;transform:skew(-0.1deg);display:inline-flex;align-items:center;gap:0.4rem;}
.notionalView .titBx .date span.tit::before{content:"";width:2rem;height:2rem;mask:url(../img/board/ico_calendarCk.svg) no-repeat center center/ contain;background-color:var(--color-divider-primary);}
.notionalView .titBx .date span.txt::before{content:"";width:0.1rem;height:1.2rem;background-color:var(--color-divider-primary);opacity:0.5;margin-left:1rem;margin-right:0.6rem;}
.notionalView .detailTxt{background-color:var(--color-surface-white-subtle);border-radius:1rem;padding:3rem;margin-top:3rem;text-align:left;}
.notionalView .detailTxt p{white-space:pre-line;}

.notionalView .division > h3{font-size:2.8rem;font-weight:700;color:var(--color-text-basic);margin-bottom:2rem;}
.pointArea .pointBx{background-color:var(--color-surface-white-subtle);border:2px solid var(--color-button-primary-fill-hover);border-radius:1.5rem;padding:3.5rem 4rem 4rem;box-sizing:border-box;}
.pointArea .pointBx .pointItem{display:flex;flex-direction:column;gap:2rem;align-items:start;}
.pointArea .pointBx .pointItem + .pointItem{margin-top:3rem;}
.pointArea .pointBx .pointItem h4{display:inline-flex;align-items:center;justify-content:center;padding:0.8rem 1.8rem 0.8rem 1rem;gap:0.2rem;font-weight:700;color:var(--color-surface-white-static);border-radius:1.6rem;font-size:1.4rem;line-height:1;background-color:var(--color-divider-primary);width:auto;}
.pointArea .pointBx .pointItem h4::before{content:"";width:2rem;height:2rem;display:inline-flex;align-items:center;mask:url(../img/board/ico_deco_shine.svg) no-repeat center center/contain;background-color:var(--color-surface-white-static);}

.opinionArea .opinionBx{padding:4rem;box-sizing:border-box;border:var(--border-width) solid var(--color-border-gray-light);background-color:var(--color-surface-white-subtle);border-radius:1.5rem;}
.opinionArea .opinionBx h4{text-align:center;margin-bottom:2rem;}
.opinionArea .opinionBx .opinionWrite{display:flex;align-items:center;justify-content:center;width:100%;flex-wrap:wrap;}
.opinionArea .opinionBx .opinionWrite .btnCk{display:inline-flex;align-items:center;justify-content:center;margin-bottom:3rem;background-color:var(--color-surface-primary-subtler);border-radius:3rem;}
.opinionArea .opinionBx .opinionWrite .btnCk button{min-width:16rem;background-color:var(--color-surface-primary-subtler);border-radius:3rem;border:none;font-size:1.8rem;font-weight:500;line-height:1;color:var(--color-text-subtle);}
.opinionArea .opinionBx .opinionWrite .btnCk button::before{content:"";width:2.4rem;height:2.4rem;mask-repeat:no-repeat;mask-position:center;mask-size:contain;background-color:var(--color-text-subtle);}
.opinionArea .opinionBx .opinionWrite .btnCk button:nth-child(1)::before{mask-image:url(../img/board/ico_face_smile.svg);}
.opinionArea .opinionBx .opinionWrite .btnCk button:nth-child(2)::before{mask-image:url(../img/board/ico_face_sad.svg);}
.opinionArea .opinionBx .opinionWrite .btnCk button span{font-weight:inherit;color:inherit;line-height:inherit;}
.opinionArea .opinionBx .opinionWrite .btnCk button:not(.active):hover{background-color:var(--color-button-secondary-fill-hover);}
.opinionArea .opinionBx .opinionWrite .btnCk button.active{background-color:var(--color-button-primary-fill);color:var(--color-surface-white-static);}
.opinionArea .opinionBx .opinionWrite .btnCk button.active::before{background-color:var(--color-surface-white-static);}
.opinionArea .opinionBx .opinionWrite .write{width:100%;}
.opinionArea .opinionBx .opinionWrite .write fieldset{display:flex;align-items:start;justify-content:space-between;gap:0.8rem;}
.opinionArea .opinionBx .opinionWrite .write fieldset .btnBx{flex-shrink:0;}
.opinionArea .opinionBx .opinionWrite .write fieldset .btnBx .btn{border-color: var(--color-button-tertiary-border);background-color: var(--color-background-inverse);color: var(--color-text-basic-inverse);}
.opinionArea .opinionBx .opinionList{margin-top:3rem;display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;}
.opinionArea .opinionBx .opinionList .opinionItem{width:calc(50% - 3.5rem);}
.opinionArea .opinionBx .opinionList .opinionItem h4{text-align:left;margin-bottom:1.6rem;}
.opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList{min-height:34.6rem;}
.opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button{width:100%;height:7rem;border-top:var(--border-width) solid var(--color-border-gray-light);border-bottom:var(--border-width) solid var(--color-border-gray-light);display:flex;align-items:center;justify-content:space-between;gap:1.6rem;background-color:var(--color-background-white);transition:all 0.4s ease-in-out;}
.opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button + button{margin-top:-0.1rem;}
.opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button .txt{font-size:1.7rem;font-weight:700;color:var(--color-text-basic);text-align:left;}
.opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button .count{display:inline-flex;align-items:center;gap:0.6rem;}
.opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button .count::before{content:"";width:2rem;height:2rem;mask:url(../img/board/ico_good.svg);background-color:var(--color-divider-gray);}
.opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button:hover{background-color:var(--color-surface-primary-subtler);}
.opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button[aria-selected="true"] .count::before{mask:url(../img/board/ico_like_fill.svg);background-color:var(--color-text-info-light);}
.opinionArea .opinionBx .opinionList .opinionItem .numberPagination{margin-top:5rem;}
.opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList.no_articleArea{display:flex;flex-wrap:wrap;align-items:center;}
/* 화면 설정 */
[data-mode=dark] .opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button{border-width:0.2rem;}

/* 대통령 일정 */
.schedule{width:100%;box-sizing:border-box;}
.schedule .month_top{position:relative;width:100%;margin-bottom:3.6rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;}
.schedule .month_top .ico_angle{mask-image:url(../img/common/ico_angle.svg);}
.schedule .month_top .btn_prev .svg_icon{transform:rotate(90deg);}
.schedule .month_top .btn_next .svg_icon{transform:rotate(-90deg);}
.schedule .month_top>span.year {display:inline-flex;width:auto;padding:0 1.6rem;font-size:3.6rem;line-height:4rem;font-weight:700;align-items:center;}
.schedule .month_top .btn_today{position:absolute;right:0;min-width:auto;}
.schedule .calendar {width:100%;}
.schedule .calendar .contTable{border-top:none;}
.schedule .calendar table th{height:6rem;font-size:1.8rem;font-weight:700;border-right:none;box-sizing:border-box;text-align:left;}
.schedule .calendar table thead th:first-child,
.schedule .calendar table tbody td:first-child{color:var(--color-text-danger);}
.schedule .calendar table thead th:last-child,
.schedule .calendar table tbody td:last-child{color:var(--color-text-information);}
.schedule .calendar table tbody td {position:relative;height:12rem;padding:1.6rem;vertical-align:top;text-align:left;border-right:none;box-sizing:border-box;}
.schedule .calendar .box {width:100%;height:100%;}
.schedule .calendar .box>a {display:block;width:100%;height:100%;position:relative;border-radius:0.6rem;}
.schedule .calendar .num{display:block;font-size:2.4rem;}
.schedule .calendar tbody .old,
.schedule .calendar tbody .new{opacity:0.3;}
.schedule .calendar .check_dot {display:none;}
.schedule .calendar .txt_wrap .badge{margin-top:1rem;white-space:nowrap;}
.schedule .calendar .txt_wrap .txtList{margin-top:1.6rem;gap:0.8rem;}
.schedule .calendar .txtList.dot>li{padding-left:1.6rem;color:var(--color-text-basic);}
.schedule .calendar .txtList.dot>li::before{width:0.4rem;height:0.4rem;}
.schedule .calendar .holiday{color:var(--color-text-danger);}
.schedule .calendar table tbody td.on{background-color:var(--color-button-secondary-fill);}
.schedule .mbView {display:none;}
/* 대통령 일정 - 상세 */
.schedule.view .viewBx{box-sizing:border-box;margin-bottom:4rem;}
.schedule.view .month_top{padding-bottom:4rem;margin-bottom:0;}
.schedule.view .dayInfo{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;}
.schedule.view .dayInfo>.badge{flex-shrink:0;width:6.4rem;height:3.2rem;font-size:1.8rem;font-weight:700;box-sizing:border-box;}
.schedule.view .dayInfo .infoList{--infoHeight:0;--color-background-deco:var(--primary10);--color-background-gray-subtle:#E9F1FC;box-sizing:border-box;position:relative;padding-top:3.2rem;-webkit-font-smoothing:none;transform:translateZ(0);width:100%;}
.schedule.view .dayInfo .infoList::before{content:"";position:absolute;left:50%;top:0;width:0.1rem;height:calc(var(--infoHeight) + 3.2rem);background-color:var(--color-divider-gray-light);transform:translateZ(0);display:block;-webkit-font-smoothing:none;}
.schedule.view .dayInfo .infoList>li{margin:0 5.7rem 0 13.2rem;box-sizing:border-box;width:calc(50% - 18.9rem);position:relative;}
.schedule.view .dayInfo .infoList>li::before{content:"";position:absolute;width:2rem;height:2rem;right:calc(-5.7rem - (2rem / 2));top:50%;border-radius:100%;background-color:var(--color-element-primary);border:0.5rem solid var(--color-background-deco);box-sizing:border-box;transform:translateY(-50%);}
.schedule.view .dayInfo .infoList>li:after{content:"";position:absolute;width:6rem;height:0.1rem;border-top:0.1rem dotted var(--color-divider-gray-light);right:-5.7rem;top:50%;transform:translateY(-50%);z-index:-1;}

.schedule.view .dayInfo .infoList>li.badgeRow{
    width:max-content;
    margin:0 auto !important;
}
.schedule.view .dayInfo .infoList>li.badgeRow::before,
.schedule.view .dayInfo .infoList>li.badgeRow:after{
    display:none;
}

.schedule.view .dayInfo .infoList>li:nth-child(even){margin:0 13.2rem 0 5.7rem;margin-left:calc(50% + 5.7rem);}
.schedule.view .dayInfo .infoList>li:nth-child(even)::before{right:auto;left:calc(-5.7rem - (2rem / 2));}
.schedule.view .dayInfo .infoList>li:nth-child(even)::after{right:auto;left:-5.7rem;}
.schedule.view .dayInfo .infoList .info{display:flex;align-items:center;flex-wrap:wrap;width:100%;background-color:var(--color-background-gray-subtle);border-radius:1.2rem;padding:2.4rem 3.2rem;box-sizing:border-box;position:relative;}
.schedule.view .dayInfo .infoList .info span{font-size:1.8rem;display:inline-flex;align-items:center;font-weight:400;color:var(--color-text-subtle);}
.schedule.view .dayInfo .infoList .info span.tit{font-weight:700;font-size:2.4rem;width:100%;margin-bottom:0.4rem;color:var(--color-text-basic);word-break:keep-all;}
.schedule.view .dayInfo .infoList .info span.space{gap:1rem;padding-left:1rem;}
.schedule.view .dayInfo .infoList .info span.space::before{content:"";font-size:inherit;display:inline-flex;align-items:center;font-weight:inherit;color:inherit;line-height:inherit;width:0.1rem;height:1.4rem;display:inline-flex;align-items:center;background-color:var(--color-divider-gray-light);}
.schedule.view .btn_wrap{display:flex;width:100%;justify-content:center;align-items:center;}
.schedule.view .btn_wrap .btn{min-width:9rem;height:5.6rem;font-size:1.8rem;}
/* 화면 설정 */
[data-mode=dark] .schedule.view .dayInfo .infoList{--color-background-gray-subtle:#1B1936;--color-background-deco:var(--primary70);}
.schedule.view .dayInfo>.badge{position:relative;z-index:3;}
.schedule.view .dayInfo .infoList::before{top:-3.2rem;z-index:-1;}
.zoom3 .schedule .calendar table th span{display:none;}
.zoom4 .schedule .calendar table th span{display:none;}
.zoom4 .schedule.view .dayInfo .infoList::before{top:0;}

/* 순방 모아보기 */
.visitArea .visit_top{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column; margin-top:6rem;}
.visitArea .visit_top .visitForm{display:flex;height:max-content;align-items:center;justify-content:center;position:relative;width:100%; border-bottom:1px solid var(--color-text-bolder); border-top:1px solid var(--color-text-bolder)}
.visitArea .visit_top .visitForm .selectBase{width:100%;height:max-content;font-size:6.4rem;font-weight:500;text-align:center;border:none;padding:2.4rem 1.6rem;background:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;}
.visitArea .visit_top .visitForm .selectBase::after{content:"";display:inline-flex;align-items:center;width:2.4rem;height:2.4rem;mask:url(../img/common/ico_angle.svg) no-repeat center center/contain;background-color:var(--color-text-basic);margin-left:0.8rem;margin-top:2.4rem;transform:rotate(0);transition:0.4s ease-in-out;}
.visitArea .visit_top .visitForm .selectBase .toggleBtn{
  display:inline-flex;
  align-items:center;
  gap:0.8rem;
  height:max-content;
  border-radius:0.6rem;
  text-align:center;
  position:relative;
  font-size:6.4rem;
  font-weight:500;
  box-sizing:border-box;
  max-width:calc(100% - 3.2rem);
  word-break:keep-all;
}
.visitArea .visit_top .visitForm .selectBase .drop_menu{display:none;position:absolute;top:100%;left:50%;z-index:11;width:60rem;max-height:40rem;padding:0.8rem;border-radius:1rem;border:var(--border-width) solid var(--color-border-gray);background-color:var(--color-surface-white);box-shadow:0 0 0.2rem 0 #0000000d, 0 0.4rem 0.8rem 0 #00000014;transform:translateX(-50%);box-sizing:border-box;overflow-y:auto;}
.visitArea .visit_top .visitForm .selectBase .drop_inner{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;}
.visitArea .visit_top .visitForm .selectBase .drop_inner>*{margin-bottom:0.8rem;}
.visitArea .visit_top .visitForm .selectBase .drop_inner>*:last-child{margin-bottom:0;}
.visitArea .visit_top .visitForm .selectBase .drop_list{width:100%;}
.visitArea .visit_top .visitForm .selectBase .drop_list li{display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%;font-size:1.8rem;min-height:4.8rem;padding:0.8rem 1.6rem;border-radius:0.6rem;box-sizing:border-box;transition:0.4s ease-in-out;}
.visitArea .visit_top .visitForm .selectBase .drop_list li:hover,
.visitArea .visit_top .visitForm .selectBase .drop_list li:focus,
.visitArea .visit_top .visitForm .selectBase .drop_list li:active{color:var(--color-text-secondary);background-color:var(--color-surface-primary-subtler);}
.visitArea .visit_top .visitForm .selectBase .drop_list li[aria-selected=true]{color:var(--color-text-secondary);background-color:var(--color-surface-primary-subtler);}
.visitArea .visit_top .visitForm .selectBase.on::after{transform:rotate(180deg);}
.visitArea .visit_top .visitForm .visitDay{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:1rem;position:absolute;right:0;top:-40%;}
.visitArea .visit_top .visitForm .visitDay .badge{height:3.2rem;border-radius:1.6rem;font-size:1.6rem;font-weight:700;padding:0 0.8rem;background-color:var(--color-divider-point);}
.visitArea .visit_top .visitName{display:block;width:100%;padding:2.4rem;box-sizing:border-box;border-top:var(--border-width) solid var(--color-text-bolder);border-bottom:var(--border-width) solid var(--color-text-bolder);text-align:center;font-family: "Inter", 'Pretendard GOV', Sans-serif;font-size:6.4rem;white-space:pre-line;line-height:1.2;}
.visitArea .visit_top .visitTitle{display:block;width:100%;padding:1.6rem;box-sizing:border-box;border-bottom:0.2rem solid var(--color-text-bolder);font-size:1.8rem;text-align:center;}
.visitArea .visit_cont{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;box-sizing:border-box;padding-top:4rem;}
.visitArea .visit_cont .contTop{display:flex;align-items:stretch;justify-content:start;box-sizing:border-box;margin-bottom:2rem;gap:0 2rem;margin-right:-2rem;position:relative;width:calc(100% + 2rem);}
.visitArea .visit_cont .contTop::before{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 2rem);height:var(--border-width);background-color:var(--color-divider-gray-light);}
.visitArea .visit_cont .contList{display:flex;align-items:stretch;justify-content:start;box-sizing:border-box;flex-wrap:wrap;gap:1.6rem 2rem;margin-right:-2rem;width:calc(100% + 2rem);}
.visitArea .visit_cont .visitItem{display:flex;align-items:start;justify-content:start;box-sizing:border-box;width:calc(25% - 2rem);}
.visitArea .visit_cont .visitItem a{display:block;box-sizing:border-box;border-radius:1.6rem;overflow:hidden;width:100%;}
.visitArea .visit_cont .visitItem .imgBx{position:relative;border-radius:1.6rem;overflow:hidden;box-sizing:border-box;margin-bottom:1.6rem;width:100%;padding-top:67.81%;}
.visitArea .visit_cont .visitItem .imgBx img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;left:0;top:0;}
.visitArea .visit_cont .visitItem .txtBx{padding-bottom:3.2rem;width:100%;}
.visitArea .visit_cont .visitItem .txtBx .tit{font-size:1.8rem;margin-top:0.8rem;}
.visitArea .visit_cont .visitItem .badge{background-color:var(--color-element-primary);border-radius:10rem;padding:0 1rem;}
.visitArea .visit_cont .contTop .visitItem:nth-child(2){width:calc(50% - 2rem);}
.visitArea .visit_cont .contTop .visitItem:nth-child(2) .imgBx{padding-top:56.238%;}
.visitArea .visit_cont .contTop .visitItem:nth-child(2) .txtBx .tit{font-size:2.4rem;}
.visitArea .visit_cont .visitItem.videoType .imgBx::before{content:"";width:4.8rem;height:4.8rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;mask:url(../../common/img/common/ico_play_fill.svg) no-repeat center center/contain;background-color:var(--color-icon-inverse-static);}
.visitArea .visit_cont .contTop .visitItem.videoType:nth-child(2) .imgBx::before{width:6.4rem;height:6.4rem;}
.zoom2 .visitArea .visit_top .visitForm{flex-wrap:wrap;gap:1rem;height:auto;}
.zoom2 .visitArea .visit_top .visitForm .visitDay{position:relative;right:auto;left:0;top:0;transform:none;width:100%;justify-content:center;margin-bottom:1rem;}
.zoom3 .visitArea .visit_top .visitForm{flex-wrap:wrap;gap:1rem;height:auto;}
.zoom3 .visitArea .visit_top .visitForm .visitDay{position:relative;right:auto;left:0;top:0;transform:none;width:100%;justify-content:center;margin-bottom:1rem;}
.zoom4 .visitArea .visit_top .visitForm{flex-wrap:wrap;gap:1rem;height:auto;}
.zoom4 .visitArea .visit_top .visitForm .visitDay{position:relative;right:auto;left:0;top:0;transform:none;width:100%;justify-content:center;margin-bottom:1rem;}

/* 소통광장 - 국민의견 */
.nationalTop{box-sizing:border-box;text-align:center;}
.nationalTop>.btn{margin-top:4rem;min-width:16rem;}


/* 소통광장 - 국민의견 상세 */
.typeSub article .opinionView .division + .division{margin-top:4rem;}
.opinionView .opinionStep{width:100%;box-sizing:border-box;}
.opinionView .opinionStep .stepList{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;gap:16rem;position:relative;margin-bottom:4rem;display:none;}
.opinionView .opinionStep .stepList::before{content:"";position:absolute;width:100%;height:0.1rem;background-color:var(--color-border-gray-light);left:0;top:4rem;z-index:-1;}
.opinionView .opinionStep .stepList .stepItem{box-sizing:border-box;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;width:12rem;gap:0.8rem;position:relative;}
.opinionView .opinionStep .stepList .stepItem .iconBx{width:8rem;height:8rem;border-radius:100%;background-color:var(--color-surface-disabled);display:inline-flex;align-items:center;justify-content:center;}
.opinionView .opinionStep .stepList .stepItem .iconBx .icon{width:4.8rem;height:4.8rem;display:inline-flex;align-items:center;background-repeat:no-repeat;background-position:center;background-size:contain;}
.opinionView .opinionStep .stepList .stepItem .iconBx .icon.icon_step01{background-image:url(../img/board/ico_opinionStep01.svg);}
.opinionView .opinionStep .stepList .stepItem .iconBx .icon.icon_step02{background-image:url(../img/board/ico_opinionStep02.svg);}
.opinionView .opinionStep .stepList .stepItem .iconBx .icon.icon_step03{background-image:url(../img/board/ico_opinionStep03.svg);}
.opinionView .opinionStep .stepList .stepItem .stepTit{width:100%;color:var(--color-text-disabled);font-size:1.8rem;font-weight:600;text-align:center;}
.opinionView .opinionStep .stepList .stepItem.active .iconBx{background-color:var(--color-element-primary);}
.opinionView .opinionStep .stepList .stepItem.active .stepTit{color:var(--color-divider-primary);font-weight:700;}
.opinionView .opinionStep .nationalTxt{width:100%;box-sizing:border-box;background:url(../img/board/img_opinion_deco.png) no-repeat left 2.5rem center/ 5.6rem auto;background-color:var(--color-surface-white);border:var(--border-width) solid var(--color-border-gray-light);border-radius:1.2rem;padding:2.5rem 2.4rem;padding-left:10.4rem;}
.opinionView .opinionStep .nationalTxt p{color:var(--color-text-subtle);}
.opinionView .detailArea{--color-surface-secondary-subtle:#E9F1FC;}
.opinionView .detailArea .detailBx{background-color:var(--color-surface-secondary-subtle);border:var(--border-width) solid var(--color-border-gray-lighter);border-radius:1.5rem;}
.opinionView .detailArea .btn{min-width:16rem;border-radius:3rem;border:none;font-size:1.8rem;font-weight:600;line-height:1;padding:0 2rem;}
.opinionView .detailArea .btn::before{content:"";width:2.4rem;height:2.4rem;mask-repeat:no-repeat;mask-position:center;mask-size:contain;background-color:var(--color-text-inverse-static);mask-image:url(../img/board/ico_face_smile.svg);}
.opinionView .detailArea .btn:disabled::before{background-color:var(--color-element-disabled-dark);}
.opinionView .otherArea{overflow:hidden;}
.opinionView .otherArea .card_item a{gap:2rem;outline-offset:-0.2rem;}
.opinionView .otherArea .card_item{--card-color-bg:#DECDAD;--card-color-bg-white:var(--color-background-white);--card-color-text:#414131;}
.opinionView .otherArea .card_item .Heading_medium{font-size:2.4rem;}
.opinionView .otherArea .card_item:nth-child(2){--card-color-bg:#F8D4AA;--card-color-bg-white:var(--color-background-white);--card-color-text:#533728;}
.opinionView .otherArea .card_item:nth-child(3){--card-color-bg:#DCEB9D;--card-color-bg-white:var(--color-background-white);--card-color-text:#22483A;}
.opinionView .btn_area{margin-top:4rem;display:flex;align-items:center;justify-content:center;}
.opinionView .btn_area .btn{min-width:16rem;border-radius:1rem;font-size:1.8rem;font-weight:600;}
/* 화면 설정 */
[data-mode=dark] .opinionView .detailArea{--color-surface-secondary-subtle:#1B1936;}
[data-mode=dark] .opinionView .otherArea .card_item{--card-color-bg:#414131;--card-color-bg-white:var(--white10);--card-color-text:var(--white75);}
[data-mode=dark] .opinionView .otherArea .card_item:nth-child(2){--card-color-bg:#533728;--card-color-bg-white:var(--white10);--card-color-text:var(--white75);}
[data-mode=dark] .opinionView .otherArea .card_item:nth-child(3){--card-color-bg:#22483A;--card-color-bg-white:var(--white10);--card-color-text:var(--white75);}
.zoom3 .nationalTxt br{display:none;}
.zoom4 .nationalTxt br{display:none;}

/* 소통광장 - 국민의견 - 약관동의 */
.opinionStepArea .stepInner{display:flex;flex-wrap:wrap;align-items:start;flex-direction:column;gap:4rem;}
.opinionStepArea .stepTop{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;width:100%;position:relative;}
.opinionStepArea .stepTop .stepTitle{width:auto;}
.opinionStepArea .stepWrap{display:flex;flex-wrap:wrap;align-items:start;justify-content:end;position:absolute;right:0;bottom:100%;}
.opinionStepArea .stepWrap li{flex:1;position:relative;}
.opinionStepArea .stepWrap li::after{content:"";position:absolute;top:1rem;left:0;z-index:2;width:100%;height:0.16rem;background-color:var(--color-element-disabled-light);box-sizing:border-box;z-index:-1;}
.opinionStepArea .stepWrap li > span{display:flex;flex-direction:column;position:relative;padding:3.2rem 3.2rem 0 0;box-sizing:border-box;min-width:12rem;}
.opinionStepArea .stepWrap li > span::before{content:"";position:absolute;top:0;left:0;z-index:2;width:2rem;height:2rem;background-color:var(--color-background-gray-subtle);border:var(--border-width) solid var(--color-border-gray);border-radius:100rem;box-sizing:border-box;}
.opinionStepArea .stepWrap li > span::after{content:"";position:absolute;left:0.1rem;top:1rem;width:100%;height:0.16rem;border-radius:100rem;box-sizing:border-box;}
.opinionStepArea .stepWrap li .step{font-size:1.4rem;color:var(--color-text-subtle);font-style:normal;}
.opinionStepArea .stepWrap li .stepTit{font-size:1.5rem;font-weight:700;color:var(--color-text-basic);white-space:nowrap;}
.opinionStepArea .stepWrap li.active > span::before{background-color:var(--color-element-inverse-static);border-width:0.3rem;border-color:var(--color-element-primary);}
.opinionStepArea .stepWrap li.active > span::after{position:absolute;width:1.2rem;height:1.2rem;background-color:var(--color-element-primary);z-index:2;left:0.4rem;top:0.4rem;}
.opinionStepArea .stepWrap li:last-child::after{display:none;}
.opinionStepArea .stepWrap li.done::after,
.opinionStepArea .stepWrap li.done> span::before{border-color:var(--color-element-gray);background-color:var(--color-element-gray);}
.opinionStepArea .stepWrap li.done> span::after{background-color:var(--color-element-inverse-static);mask:url(../img/common/ico_checkbox_checked.svg) no-repeat center center/contain;width:1.2rem;height:1.2rem;left:0.36rem;top:0.4rem;z-index:6;}
.opinionStepArea .termsAgree{width:100%;}
.opinionStepArea .termsAgree .check_area{margin-bottom:2.4rem;}
.opinionStepArea .termsAgree .check_area label{font-size:1.8rem;font-weight:700;}
.opinionStepArea .termsAgree .agreeArea{box-sizing:border-box;width:100%;background-color:var(--color-surface-white-subtle);border-radius:1.2rem;border:var(--border-width) solid var(--color-border-gray);padding:4rem;height:47rem;}
.opinionStepArea .termsAgree .itemBx h4{margin-bottom:1.6rem;}
.opinionStepArea .termsAgree .itemBx .btn{font-size:1.5rem;min-width:auto;background-color:var(--color-button-secondary-fill);margin-bottom:1.6rem;}
.opinionStepArea .termsAgree .itemBx .btn:hover{background-color:var(--color-button-secondary-fill-hover);}
.opinionStepArea .termsAgree .itemBx .agreeBx{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;box-sizing:border-box;background-color:var(--color-surface-gray-subtle);border-radius:1rem;padding:2.4rem;}
.opinionStepArea .termsAgree .itemBx .agreeBx > p{font-size:1.7rem;}
.opinionStepArea .termsAgree .itemBx + .itemBx{margin-top:4rem;}
.opinionStepArea .termsAgree .agreeArea.mCustomScrollbar{padding-right:2.4rem;}
.opinionStepArea .termsAgree .agreeArea.mCustomScrollbar .mCSB_scrollTools{opacity:1;}
.opinionStepArea .termsAgree .agreeArea.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:0.6rem;background-color:var(--color-element-secondary-light);}
.opinionStepArea .termsAgree .agreeArea.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{width:0.6rem;background-color:var(--color-element-secondary-lighter);}
.opinionStepArea .termsAgree .agreeArea.mCustomScrollbar .mCSB_inside > .mCSB_container{margin-right:3.2rem;}
.opinionStepArea .btn_area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;}
.opinionStepArea .btn_area .btn{font-size:1.7rem;font-weight:600;border-radius:1rem;}
.ico_angle.left{mask-image:url(../img/common/ico_angle.svg);transform:rotate(90deg);}

/* 약관 동의 팝업 */
.agreePopup .popup_header h2{font-size:1.5rem;}
.agreePopup .popup_body{padding-top:0.8rem;}
.agreePopup .agreeHead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:2.4rem;}
.agreePopup .agreeHead h3{width:auto;font-size:2.4rem;}
.agreePopup .agreeHead .agreeNavi{flex-shrink:0;display:inline-flex;align-items:center;gap:0.8rem;}
.agreePopup .agreeBody{box-sizing:border-box;width:100%;background-color:var(--color-surface-white-subtle);border-radius:1.2rem;border:var(--border-width) solid var(--color-border-gray);padding:2.4rem;height:28.3rem;margin-bottom:2.4rem;}
.agreePopup .agreeBody .agreeTit{font-size:1.9rem;font-weight:700;margin-bottom:1.6rem;}
.agreePopup .agreeBody .txtList>li>.txtList{margin-top:0.8rem;}
.agreePopup .agreeBody .txtList.dot>li::before{left:0.8rem;}
.agreePopup .agreeBody .txt{margin-top:1.6rem;}
.agreePopup .agreeBody.mCustomScrollbar{padding-right:1.6rem;}
.agreePopup .agreeBody.mCustomScrollbar .mCSB_scrollTools{opacity:1;}
.agreePopup .agreeBody.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:0.6rem;background-color:var(--color-element-secondary-light);}
.agreePopup .agreeBody.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{width:0.6rem;background-color:var(--color-element-secondary-lighter);}
.agreePopup .agreeBody.mCustomScrollbar .mCSB_inside > .mCSB_container{margin-right:2.4rem;}
.agreePopup .agreeBox{width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--color-surface-gray-subtle);border-radius:1.2rem;padding:2.4rem;}

/* 소통광장 - 국민의견 - 국민의견 작성 */
.opinionStepArea .infoBx{width:100%;box-sizing:border-box;border-radius:1.2rem;border:var(--border-width) solid var(--color-border-secondary-light);background-color:var(--color-surface-secondary-subtler);padding:4rem;}
.opinionStepArea .infoBx .infoTit{display:inline-flex;align-items:center;gap:0.4rem;font-size:2.4rem;font-weight:700;margin-bottom:2.4rem;}
.opinionStepArea .infoBx .infoTit::before{content:"";width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;background:url(../img/common/ico_guideCheck.svg) no-repeat center center/contain;}
.formBx{width:100%;padding:4rem;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;flex-direction:column;gap:4rem;}
.formBx .form_group{gap:2.4rem;}
.formBx .form_group ~ .form_group{margin-top:0;}
.formBx .form_group .form_label{font-size:1.8rem;font-weight:700;color:var(--color-text-basic);}
.formBx .form_group .selectBase{width:25rem;}
.formBx .form_group .form_cont{gap:0.8rem;}
.formBx .form_group textarea.inputBase{min-height:14.4rem;}
[data-mode=dark] .opinionStepArea .infoBx .infoTit::before{background-image:url(../img/common/ico_guideCheck_dark.svg);}


/* 소통광장 - 국민의견 - 등록완료 */
.completeArea .stepInner{gap:0;}
.completeArea .completeWrap{text-align:center;width:100%;}
.completeArea .completeTit{padding-top:8rem;font-size:4rem;font-weight:700;text-align:center;display:inline-block;margin-bottom:4rem;vertical-align:middle;word-break:keep-all;}
.completeArea .completeTit::before{content:"";width:4.8rem;height:4.8rem;display:inline-block;vertical-align:middle;background:url(../img/common/ico_complete_fill.svg) no-repeat center center/contain;margin-right:1rem;margin-top:0.2rem;}
.completeArea .contBx{border:var(--border-width) solid var(--color-border-secondary-light);border-radius:1.2rem;padding:4rem;box-sizing:border-box;background-color:var(--color-surface-secondary-subtler);margin-bottom:2.8rem;text-align:left;width:100%;}
.completeArea .contBx p{font-weight:700;color:var(--color-text-bolder);white-space:pre-line;}
.completeArea .contBx p.tit{margin-bottom:1.6rem;font-size:1.9rem;}
.completeArea .contBx p.txt{font-size:1.7rem;}
.opinionStepArea.completeArea .btn_area{justify-content:end;}
[data-mode=dark] .completeArea .completeTit::before{background-image:url(../img/common/ico_complete_fill_dark.svg);}


/* 간편 로그인 팝업 */
#loginPop{opacity:1;visibility:visible;pointer-events:auto;}
#loginPop::after{opacity:1;visibility:visible;pointer-events:auto;}
#loginPop .popup_cnt{max-width:40rem;}
#loginPop .popup_cnt .btnList{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:0.8rem;margin-bottom:1.6rem;}
#loginPop .popup_cnt .btnList .btn{width:100%;border-radius:1.2rem;border:none;position:relative;box-sizing:border-box;font-size:1.6rem;font-weight:600;}
#loginPop .popup_cnt .btnList .btn::before{content:"";width:2.4rem;height:2.4rem;position:absolute;left:2rem;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;background-size:contain;}
#loginPop .popup_cnt .btnList .btn.btn_kakao{background-color:#FCE500;}
#loginPop .popup_cnt .btnList .btn.btn_kakao::before{background-image:url(../img/board/ico_kakao_fill.svg);}
#loginPop .popup_cnt .btnList .btn.btn_naver{background-color:#00C43A;color:#fff;}
#loginPop .popup_cnt .btnList .btn.btn_naver::before{background-image:url(../img/board/ico_naver_fill.svg);}
#loginPop .popup_cnt .txtBx p{color:var(--color-text-subtle);}

/* 소통광장 - 온라인 공모 - 목록 */
.contestList{gap:4.8rem 3.2rem;margin-right:-3.2rem;}
.contestList .card_item{width:calc(25% - 3.2rem);}
.contestList .card_item .imgBx{position:relative;box-sizing:border-box;border-radius:1.6rem;border:var(--border-width) solid var(--color-border-gray-light);background-color:var(--color-surface-disabled);overflow:hidden;margin-bottom:1.6rem;padding-top:142.773%;}
.contestList .card_item .imgBx img{position:absolute;width:100%;height:100%;display:block;left:0;top:0;object-fit:cover;}
.contestArea .badge{padding:0 1rem;height:2.4rem;border-radius:100rem;font-weight:500;}
.contestArea .badge.primary{background-color:var(--color-element-secondary);color:var(--color-text-inverse-static);}
.contestArea .badge.secondary{background-color:var(--color-element-primary);color:var(--color-text-inverse-static);}
.contestArea .badge.green{background-color:var(--color-element-secondary);color:var(--color-text-inverse-static);}
.contestArea .badge.yellow{background-color:var(--color-element-warning);color:var(--color-text-static);}
.contestArea .badge.red{background-color:var(--color-element-point);color:var(--color-text-inverse-static);}
.contestArea .badge.gray{background-color:var(--color-element-gray);color:var(--color-text-inverse-static);}
.contestList .card_item .infoBx > p{margin-top:0.8rem;}
.contestList .card_item .infoBx > p span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;}

/* 소통광장 - 온라인 공모 - 상세 */
.contestView{width:100%;}
.contestView .detailArea{width:100%;padding:3.2rem;box-sizing:border-box;gap:4.8rem;display:flex;flex-wrap:wrap;align-items:start;justify-items:start;position:relative;}
.contestView .detailArea .imgBx{width:22.8rem;height:32.8rem;border-radius:1.6rem;border:var(--border-width) solid var(--color-border-gray-light);position:relative;overflow:hidden;box-sizing:border-box;}
.contestView .detailArea .imgBx img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover;}
.contestView .detailArea .infoBx{position:relative;padding-right:16rem;box-sizing:border-box;width:calc(100% - 27.6rem);}
.contestView .detailArea .infoBx .badge_wrap{margin-bottom:1.6rem;}
.contestView .detailArea .infoBx h3{margin-bottom:2.4rem;}
.contestView .detailArea .infoBx .txtList span{font-size:1.7rem;display:inline-flex;align-items:center;}
.contestView .detailArea .infoBx .txtList span.tit{font-weight:700;min-width:6rem;margin-right:0.8rem;}
.contestView .detailArea .btn{position:absolute;top:5.2rem;right:6.4rem;min-width:auto;}
.contestView .contestCont{width:100%;box-sizing:border-box;}
.contestView .contestCont .centerImg{text-align:center;}
.contestView .otherArea{width:100%;overflow:hidden;}
.contestView .otherArea h3{font-size:2.8rem;font-weight:700;color:var(--color-text-basic);margin-bottom:2rem;}
.contestView .otherArea .contestOther .slide{position:relative;width:20%;box-sizing:border-box;}
.contestView .otherArea .contestOther .slide a{width:100%;display:block;position:relative;box-sizing:border-box;}
.contestView .otherArea .contestOther .imgBx{width:100%;position:relative;box-sizing:border-box;border-radius:1.6rem;border:var(--border-width) solid var(--color-border-gray-light);background-color:var(--color-surface-disabled);overflow:hidden;margin-bottom:1.6rem;padding-top:142.773%;}
.contestView .otherArea .contestOther .imgBx img{position:absolute;width:100%;height:100%;display:block;left:0;top:0;object-fit:cover;}
.contestView .otherArea .contestOther .infoBx p span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;}
.contestView .otherArea .contestOther .infoBx p.date{margin-top:0.8rem;display:inline-flex;align-items:center;gap:0.8rem;font-size:1.5rem;color:var(--color-text-subtle);}
.contestView .otherArea .contestOther .infoBx p.date::before{content:"";width:2.4rem;height:2.4rem;background-color:var(--color-text-basic);mask:url(../img/common/ico_calendar.svg) no-repeat center center/ contain;}
.contestView .otherArea .contestOther .control{display:flex;justify-content:center;align-items:center;}
.contestView .btn_area{margin-top:4rem;display:flex;align-items:center;justify-content:center;}
.contestView .btn_area .btn{min-width:16rem;border-radius:1rem;font-size:1.8rem;font-weight:600;}
.zoom2 .contestView .otherArea .contestOther .slide,
.zoom3 .contestView .otherArea .contestOther .slide,
.zoom4 .contestView .otherArea .contestOther .slide{width:calc(20% - 2rem) !important;}

/* 소통광장 - 온라인 공모 - 온라인 공모 신청 */
.contestStepArea .infoBx .txtList li{color:var(--color-text-primary);padding-left:3.2rem;box-sizing:border-box;font-size:1.8rem;}
.contestStepArea .infoBx .txtList li::before{content:"";position:absolute;width:2.4rem;height:2.4rem;left:0;top:0.2rem;background:url(../../common/img/common/ico_roundCheck.svg) no-repeat center center/contain;}
.contestStepArea .formBx{padding:0;}
.contestStepArea .formBx .form_group .form_label{font-size:2.4rem;color:var(--color-text-bolder);}
[data-mode=dark] .contestStepArea .infoBx .txtList li::after{background-image:url(../../common/img/common/ico_roundCheck_dark.svg);}


.contestStepArea .infoBx.agrement_bx .infoTit::before{display:none}
.contestStepArea .infoBx.agrement_bx .desc p{
	font-size:1.7rem;
	text-indent:-1.2em;
	margin-left:1em;
}



.contestStepArea .infoBx.agrement_bx .desc span{
	display:block;
	font-size: 1.5rem;
	color:#6d7882;
}
.contestStepArea .infoBx.agrement_bx .chks{
	display:flex;
	align-items:center;
	gap:4rem;
	margin-top:4rem;
}
.contestStepArea .infoBx.agrement_bx .chks input[type='radio']{
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}
.contestStepArea .infoBx.agrement_bx .chks label{
	display: flex;
	align-items:center;
	gap:.8rem;
	font-size: 1.8rem;
	font-weight:700;
}
.contestStepArea .infoBx.agrement_bx .chks label::before{
	display:block;
	content:"";
	width:2.4rem;
	aspect-ratio:1/1;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url('/type/common/img/common/check_circle_off.svg');
}
.contestStepArea .infoBx.agrement_bx .chks input:checked + label::before{
	background-image:url('/type/common/img/common/check_circle_on.svg');
}

/* 소통광장 - 온라인 공모 - 등록완료 */
.completeArea.contest .contBx{border:none;margin-bottom:4rem;}
.completeArea.contest .contBx .tit{font-size:2.6rem;margin-bottom:2.4rem;}
.completeArea.contest .contBx .txt{padding:3rem;border-radius:1rem;background-color:var(--color-background-white);box-sizing:border-box;font-weight:400;}
.opinionStepArea.contest .btn_area{display:flex;justify-content:center;align-items:center;}

/* 소통광장 - 대통령과 함께하는 순간 */
.momentArea{--color-moment-background:#DAEEFF;}

.momentArea .momentTop{position:relative;width:100%;background-color:var(--color-moment-background);border-radius:1.5rem;
box-sizing:border-box;padding:4.8rem 6.4rem 4.8rem 3.4rem;position:relative;padding-right:55%;overflow:hidden; word-break: keep-all;}
.momentArea .momentTop:after{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    content:"";
    width:70%;
    height:101%;
    background:linear-gradient(90deg, #DAEEFF 70%, rgba(0,0,0,0) 100%);
}
.momentArea .momentTop .txtBx{width:100%;position:relative;z-index:4;--color-text-basic-static:var(--gray95);--color-text-subtle-static:#484848;}
.momentArea .momentTop .txtBx h3{margin-bottom:0.8rem;letter-spacing:-0.05rem;line-height:1;color:var(--color-text-basic-static); font-size: 3rem;}
.momentArea .momentTop .txtBx h3 .point{color:var(--color-divider-primary);color:var(--primary60);}
.momentArea .momentTop .txtBx h3 br{display:none;}
.momentArea .momentTop .txtBx p{color:var(--color-text-subtle-static);margin-bottom:2rem; }
.momentArea .momentTop .txtBx .btn{border-radius:100rem;min-width:12.4rem;padding:0 2.4rem;font-weight:700;}
.momentArea .momentTop .imgBx{
position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    aspect-ratio: 802 / 261;
    width: 90.4rem;
}
.momentArea .momentTop .imgBx img{
    display:block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 25%;
}
.momentArea .momentList{gap:4.8rem 3rem;margin-right:-3rem;}
.momentArea .momentList li{width:calc(33.33% - 3rem);}
.momentArea .momentList a{display:block;}
.momentArea .momentList .imgBx{position:relative;border-radius:1.6rem;overflow:hidden;margin-bottom:1.6rem;padding-top:65%;}
.momentArea .momentList .imgBx img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;left:0;top:0;}
.momentArea .momentList p span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;}
[data-mode=dark] .momentArea{--color-moment-background:#DAEEFF;}
/*.zoom2 .momentArea .momentTop .imgBx{right:5.5rem;width:38rem;}
.zoom3 .momentArea .momentTop .imgBx{right:5.5rem;width:38rem;}*/
.zoom3 .momentArea .momentTop{padding-right:40%;}
/*.zoom4 .momentArea .momentTop .imgBx{right:3.5rem;width:38rem;}*/
.zoom4 .momentArea .momentTop{padding-right:35%;}



.momentArea .momentTop.st2{
    background:none;
    padding:0;
}
.zoom3 .momentArea .momentTop,
.zoom4 .momentArea .momentTop{
    padding:0;
}
.momentArea .momentTop.st2:after{display:none}
.momentArea .momentTop.st2 .txtBx{
    position:absolute;
    top:50%;
    width:55.4%;
    padding-left:5%;
    padding-right:3%;
    box-sizing:border-box;
}
.momentArea .momentTop.st2 .txtBx p{
    margin-bottom:6%;
}
.momentTop.st2 .txtBody_medium{
    margin-bottom:4rem;
    font-size:1.7rem;
}
.momentArea .momentTop.st2 .imgBx{
    position:static;
    width:100%;
    aspect-ratio:1400/525;
}
.momentArea .momentTop.st2 .imgBx img.mo,
.momentArea .momentTop.st2 .imgBx img.tb{
    display:none !important;
}

@media all and (max-width:1860px){
    .zoom3 .momentArea .momentTop.st2,
    .zoom4 .momentArea .momentTop.st2{
        padding:0;
    }
    .zoom3 .momentArea .momentTop.st2 .imgBx,
    .zoom4 .momentArea .momentTop.st2 .imgBx{
        width:100%;
    }
}
@media all and (max-width: 1700px){
    .momentTop.st2 .txtBody_medium{
        font-size:1.4rem;
    }
    .momentArea .momentTop.st2 .txtBx .btn{
        min-width: 10.4rem;
        height:4rem;
        padding: 0 1.4rem;
        font-size:1.4rem
    }
    .momentArea .momentTop.st2 .txtBx p{
        margin-bottom:4%;
    }
    .btn.medium .svg_icon{
        width:1.6rem;
        height:1.6rem;
    }
}
@media all and (max-width: 1300px){
    .momentTop.st2 .txtBody_medium{
        font-size:1.2rem;
    }
    .momentArea .momentTop.st2 .txtBx p{
        margin-bottom:2%;
        width:100% !important;
    }
    .momentArea .momentTop.st2 .txtBx .btn{
        min-width: 8.4rem;
        height:3rem;
        padding: 0 1rem;
        font-size:1.2rem;
    }
}
@media all and (max-width:1150px){
    .momentArea .momentTop.st2 .imgBx img.pc,
    .momentArea .momentTop.st2 .imgBx img.mo{
        display:none !important;
    }
    .momentArea .momentTop.st2 .imgBx img.tb{
        display:block !important;
    }
    .momentArea .momentTop.st2 .imgBx{
        aspect-ratio:auto;
    }
    .momentArea .momentTop.st2 .txtBx{
        top:62%;
        width:100%;
        padding:0 5%;
    }
    .momentArea .momentTop.st2 .txtBx p{
        font-size:1.6rem;
        margin-bottom:2%;
    }
    .momentArea .momentTop.st2 .txtBx .btn{
        display: flex;
        margin: 0 auto;
        min-width:10.4rem;
        height:4rem;
        font-size:1.4rem
    }
}
@media all and (max-width: 768px){
    .momentArea .momentTop.st2 .imgBx img{
        position:static;
    }
    .momentArea .momentTop.st2 .txtBx{
        padding:0 3%;
    }
    .momentArea .momentTop.st2 .txtBx p{
        font-size:1.4rem;
        margin-bottom:2rem;
    }
}
@media all and (max-width: 600px){
    .momentArea .momentTop.st2 .imgBx img.pc,
    .momentArea .momentTop.st2 .imgBx img.tb{
        display:none !important;
    }
    .momentArea .momentTop.st2 .imgBx img.mo{
        display:block !important;
        position:static;
    }
    .momentArea .momentTop.st2 .txtBx{
        padding:0 7%;
    }
    .momentArea .momentTop.st2 .txtBx p{
        font-size:1.3rem;
    }
}

/* 민생 경제 현황 */
.peopleStateArea{width:100%;box-sizing:border-box;--color-chart-bar:var(--info20);--stateBx-bg:#F5F9FD;--stateBx-border:#A0D1F9;--stateBx-color:var(--second50);--state-up-color:var(--point50);--state-down-color:var(--color-text-primary);--rank-border-color:#B8D0E3}
.peopleStateArea *{box-sizing:border-box;}
.peopleStateArea .stateItem{width:100%;position:relative;border-radius:1.5rem;overflow:hidden;background-color:var(--stateBx-bg);border:0.2rem solid var(--stateBx-border);}
.peopleStateArea .stateItem + .stateItem{margin-top:4rem;}
.stateHeader{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;padding:3rem 6rem 4rem;position:relative;}
.stateHeader .stateTitBx{width:calc(50% - 1.6rem);display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;}
.stateHeader .stateTitBx .stateTit{font-size:4rem;font-weight:700;padding-bottom:0.8rem;}
.stateHeader .stateTitBx .totalBx{display:inline-flex;align-items:end;justify-content:end;flex-direction:column;gap:1rem;}
.stateHeader .stateTitBx .totalBx .infoTxt{font-size:1.6rem;color:var(--color-text-subtle);}
.stateHeader .stateTitBx .totalBx .stateBx{display:inline-flex;align-items:center;justify-content:space-between;padding:0 2.8rem;border:0.2rem solid var(--color-border-gray);border-radius:1rem;background-color:var(--color-background-white);gap:2rem;height:8rem;min-width:24.8rem;}
.stateHeader .stateTitBx .totalBx .stateBx .stateSubTit{font-size:2.4rem;font-weight:700;color:var(--color-text-bolder);}
.stateHeader .stateData{display:inline-flex;align-items:center;position:relative;font-weight:700;gap:0.4rem;}
.stateHeader .stateData::after{content:"";display:inline-flex;width:0;height:0;}
.stateHeader .stateData.up{color:var(--state-up-color);}
.stateHeader .stateData.up::after{width:2.4rem;height:2.4rem;mask:url(../img/board/ico_state_arrow.svg) no-repeat center center/ contain;background-color:var(--state-up-color);}
.stateHeader .stateData.down{color:var(--state-down-color);}
.stateHeader .stateData.down::after{width:2.4rem;height:2.4rem;mask:url(../img/board/ico_state_arrow.svg) no-repeat center center/ contain;background-color:var(--state-down-color);transform:rotate(180deg);}
.stateHeader .stateData.same{color:var(--color-text-disabled-on);}
.stateHeader .stateData.same::after{width:1rem;height:0.4rem;background-color:var(--color-text-disabled-on);}
.stateHeader .stateTitBx .totalBx .stateBx .stateData .num{font-size:3.2rem;}
.stateHeader .stateTitBx .totalBx .stateBx .stateData .unit{font-size:2.4rem;}
.stateHeader .stateRank{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:3.2rem;margin-top:3rem;}
.stateHeader .stateRank .rankItem{width:calc(50% - 1.6rem);display:flex;align-items:center;justify-content:start;}
.stateHeader .stateRank .rankItem .rankTit{font-size:2.4rem;font-weight:700;color:var(--color-text-secondary);padding-right:2rem;flex-shrink:0;}
.rankList{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:1.5rem;flex:auto;}
.rankList .rankBx{width:calc(33.33% - 7.5rem);display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;border:0.2rem solid var(--rank-border-color);border-radius:0.8rem;background-color:var(--color-background-white);gap:1rem 0.4rem;flex:1;padding:1.6rem 0.8rem;}
.rankList .rankBx .stateSubTit{font-size:2.4rem;font-weight:700;color:var(--color-text-bolder);flex-shrink:0;}
.rankList .rankBx .stateData .num{font-size:2.4rem;}
.rankList .rankBx .stateData.same::after{height:0.2rem;}
.stateHeader .stateTooltip{display:inline-flex;align-items:center;justify-content:end;width:100%;margin-top:1.6rem;}
.stateHeader .stateTooltip .tooltip_txt{font-size:1.8rem;color:var(--color-text-subtle);}
.stateHeader .stateTooltip .ico_tooltip{width:2rem;height:2rem;background:url(../img/common/ico_information_fill_gray.svg) no-repeat center center/ contain transparent !important;mask:unset;}
.stateHeader > .detailBtn{border-radius:100rem;padding:0 2.4rem 0 3.2rem;font-weight:600;gap:1.6rem;position:absolute;right:6rem;top:6rem;}
.stateHeader > .detailBtn .ico_more{mask-image:url(../img/common/ico_arrow_down.svg);transition:0.4s ease-in-out;transform:rotate(0);}
.stateCont{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0, 1, 0, 1);}
.stateCont .in{padding:0 6rem 6rem;}
.stateItem.active .stateHeader > .detailBtn .ico_more{transform:rotate(180deg);}
.stateItem.active .stateCont{height:auto;max-height:1000vh;transition:max-height 1.5s ease-in-out;}
.stateCont .chartBx{border-radius:1.2rem;padding:2rem 3rem 4rem;background-color:var(--color-background-white);position:relative;}
/* .stateCont .chartBx .chartInfo:focus{outline-offset:-0.2rem;box-shadow:inset 0 0 0 0.4rem var(--color-divider-primary);} */
.stateCont .chartBx .chartInner{position:relative;}
.stateCont .chartBx .chartInfo > div,
.stateCont .chartBx .chartInfo > div > svg{width:100% !important;}
.stateCont .chartBx .scHdn p{position:absolute;left:0;top:0;width:0;height:0;margin:-0.1rem;clip:rect(0, 0, 0, 0);overflow:hidden;white-space:nowrap;}
.highcharts-credits{display:none;}
.highcharts-legend-box{display:none !important;}
.highcharts-legend-item{top:0 !important;}
.tooltipCont{display:none;z-index:999;transform:none;width:40rem;position:absolute;padding:2.4rem;border-radius: 1.2rem;background-color: var(--color-surface-white-subtler);border:var(--border-width) solid var(--color-border-gray);box-shadow: 0 0 0.2rem 0 #00000014, 0 0.8rem 1.6rem 0 #0000001f;top:100%;margin-top:1.2rem;left:50%;}
.tooltipCont::before{content:"";width:1.6rem;height:1.6rem;display:block;position:absolute;margin-bottom:-0.8rem;transform:rotate(225deg);border:var(--border-width) solid var(--color-border-gray);border-top-color:transparent;border-left-color:transparent;background-color:var(--color-surface-white-subtler);left:50%;margin-left:-0.8rem;bottom:100%;}
.tooltipCont .tooltip_title{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;color: var(--color-text-bolder);padding-right: 1.6rem;}
.tooltipCont .tooltip_conts{display: flex;align-items: start;justify-content: start;flex-direction: column;color: var(--color-text-basic);font-size: 1.4rem;margin-top: 1.6rem;gap: 0.8rem;}
.tooltipCont .tooltip_close{position: absolute;top: 2.4rem;right: 2.4rem;}
[data-mode=dark] .peopleStateArea{--stateBx-bg:#1B1936;--stateBx-border:#052F87;--rank-border-color:#052F87;}
[data-mode=dark] .highcharts-background{fill:var(--color-background-white);}

/* 251217 수정 */
.stateHeader .stateTitBx{width:calc(100% - 24.4rem);justify-content:start;min-height:11.2rem;}
.stateHeader .infoTxt{text-align:right;}
.stateHeader .stateTitBx .stateTit{min-width:36rem;line-height:130%;}
.stateHeader .stateTitBx .stateRank{width:100%;padding-left:36rem;}
.stateHeader .stateTitBx .stateRank .rankList .rankBx{flex:unset;width:calc(40% - 7.5rem);}
.stateHeader .stateRank.rank1,
.stateHeader .stateRank.rank5{padding-left:36rem;}
.stateHeader .stateRank.rank1 .rankItem{width:100%;}
.stateHeader .stateRank.rank5 .rankItem{width:auto;}
.stateHeader .stateRank.rank1 .rankList .rankBx{flex:unset;width:auto;min-width:calc(35% - 7.5rem);}
.stateHeader .stateRank.rank5 .rankList .rankBx{flex:unset;width:auto;min-width:calc(30% - 7.5rem);}
.rankList .rankBx .stateSubTit{word-break:keep-all;overflow-wrap:anywhere;}
/* 251217 수정 */
.zoom2 .stateHeader{padding:3rem 5.8rem 4rem;}
.zoom3 .stateHeader{padding:3rem 5.6rem 4rem;}
.zoom3 .stateHeader .stateData{width:100%;justify-content:center;}
.zoom3 .stateHeader .stateTitBx .totalBx .stateBx{width:auto;min-width:28rem;}
.zoom3 .stateHeader .stateTitBx .totalBx .stateData{width:auto;}
.zoom3 .stateHeader .stateTitBx .stateRank .rankList .rankBx{width:calc(40% - 0.8rem);}
.zoom4 .stateHeader{padding:3rem 5.4rem 4rem;}
.zoom4 .stateHeader .stateData{width:100%;justify-content:center;}
.zoom4 .stateHeader .stateTitBx .totalBx .stateData{width:auto;}
.zoom4 .stateHeader .stateTitBx .totalBx .stateBx{width:auto;min-width:28rem;}
.zoom4 .stateHeader .stateTitBx .stateRank .rankList .rankBx{width:calc(40% - 0.8rem);}
.zoom4 .stateHeader .stateRank.rank1 .rankList .rankBx{width:calc(40% - 0.8rem);}

#dim.isOnTooltip{display:block;visibility:visible;opacity:1;background:transparent;}


/* 국정과제 */
.nationalTasksArea{width:100%;box-sizing:border-box;overflow:hidden;padding:4rem 0;margin-top:-4rem;margin-bottom:-4rem;}
.nationalTasksArea .tasksSwiper{width:40rem;margin:0 auto;}
.nationalTasksArea .tasksSwiper .slide{min-width:40rem;box-sizing:border-box;transition:0.4s ease-in-out;border-radius:2.4rem;box-shadow:0 0 0 var(--color-alpha-inverse0);}
.nationalTasksArea .tasksSwiper .slide a{display:block;box-sizing:border-box;border-radius:2.4rem;overflow:hidden;background-color:var(--color-surface-white);}
.nationalTasksArea .tasksSwiper .slide .imgBx{position:relative;width:100%;box-sizing:border-box;padding-top:115.25%;}
.nationalTasksArea .tasksSwiper .slide .imgBx img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.nationalTasksArea .tasksSwiper .slide .infoBx{padding:2rem 2.4rem;border:0.1rem solid var(--color-border-gray-light);border-top:none;border-radius:0 0 2.4rem 2.4rem;}
.nationalTasksArea .tasksSwiper .slide .infoBx .num{font-size:1.7rem;font-weight:600;color:var(--color-text-primary);}
.nationalTasksArea .tasksSwiper .slide .infoBx .title{font-weight:400;font-size:3.2rem;position:relative;box-sizing:border-box;padding-right:4.8rem;margin-top:0.2rem;}
.nationalTasksArea .tasksSwiper .slide .infoBx .title::before{content:"";width:2.4rem;height:2.4rem;position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../img/board/ico_tasks_arrow.svg) no-repeat center center/ contain;}
.nationalTasksArea .tasksSwiper .slide .infoBx .title strong{font-weight:700;}
.nationalTasksArea .tasksSwiper .swiper-slide-shadow-left,
.nationalTasksArea .tasksSwiper .swiper-slide-shadow-right{display:none;}
.nationalTasksArea .tasksSwiper .control{margin-top:3.2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.8rem;}
.nationalTasksArea .tasksSwiper .swiperPagi{position:static;display:inline-flex;align-items:center;gap:0.2rem;height:3.2rem;width:auto;text-align:center;justify-content:center;margin-right:0.8rem;}
.nationalTasksArea .tasksSwiper .swiperPagi span{font-size:1.7rem;line-height:1;}
.nationalTasksArea .tasksSwiper .swiperPagi span.current{color:var(--color-text-disabled-on);}
.nationalTasksArea .tasksSwiper .swiperPagi span.current::after{content:"/";display:inline-flex;align-items:center;margin:0 0.4rem;}
.nationalTasksArea .tasksSwiper .swiperPagi span.total{color:var(--color-text-basic);font-weight:700;}
.nationalTasksArea .tasksSwiper .btn.swiperBtn{width:3.2rem;height:3.2rem;}
.nationalTasksArea .tasksSwiper .btn.swiperBtn .svg_icon{width:2rem;height:2rem;}
.nationalTasksArea .tasksSwiper .swiperBtn.swiper-button-disabled{background-color:var(--color-button-disabled-fill);border-color:var(--color-button-disabled-border);color:var(--color-text-disabled-on);cursor:default;}
.nationalTasksArea .tasksSwiper .slide.swiper-slide-active{box-shadow:0 0 4rem var(--color-alpha-inverse25);}
[data-mode=dark] .nationalTasksArea .tasksSwiper .slide .infoBx .title::before{background-image:url(../img/board/ico_circle_right_dark.svg);}

/* 국정과제 - 상세 */
.tasksViewArea{overflow:hidden;}
.tasksViewArea .tasksTab{position:relative;overflow:hidden;width:100%;box-sizing:border-box;max-width:calc(100vw - 40.4rem);margin-bottom:4rem;}
.tasksViewArea .tasksTab .tabList{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;}
.tasksViewArea .tasksTab .tabList>li{flex:unset;display:inline-flex;vertical-align:top;width:auto;align-items:start;}
.tasksViewArea .tasksTab .tabList>li a{border:var(--border-width) solid var(--color-border-gray);padding:0 3.2rem;font-size:2rem;height:6.4rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-text-subtle);outline-offset: -0.4rem;}
.tasksViewArea .tasksTab .tabList>li a::before{display:none;}
.tasksViewArea .tasksTab .tabList>li.on a{background-color:var(--color-element-primary);color:var(--color-text-inverse-static);border-color:var(--color-border-primary);outline-color:var(--color-element-inverse-static);}
.tasksViewArea .tasksTab .tabList>li + li{margin-left:-0.1rem;}
.tasksViewArea .tasksTab .tabList>li:first-child a{border-radius:0.8rem 0 0 0.8rem;}
.tasksViewArea .tasksTab .tabList>li:last-child a{border-radius:0 0.8rem 0.8rem 0;}
.tasksViewArea .tasksTab.tabScroll{width:calc(100% + 8rem) !important;padding: 0 8rem !important;margin-left: -4rem !important;margin-right: -4rem !important;}
.tasksViewArea .tasksTab.tabScroll .tabList{overflow-x:auto;}
.tasksViewArea .tasksTab.tabScroll .tabList::-webkit-scrollbar{display:none;}
.tasksViewArea .tasksTab .tabPrev{position:absolute;top:50%;left:4rem;width:3.2rem;height:3.2rem;transform:translateY(-50%);background-color: var(--color-background-white);border:var(--border-width) solid var(--color-border-gray);border-radius: 100%;z-index:5;display:flex;align-items:center;justify-content:center;}
.tasksViewArea .tasksTab .tabPrev::before{content:"";display:inline-flex;width:1.6rem;height:1.6rem;align-items:center;forced-color-adjust:none;mask:url(../img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);transform:rotate(90deg);}
.tasksViewArea .tasksTab .tabNext{position:absolute;top:50%;right:4rem;width:3.2rem;height:3.2rem;transform:translateY(-50%);background-color: var(--color-background-white);border:var(--border-width) solid var(--color-border-gray);border-radius: 100%;z-index:5;display:flex;align-items:center;justify-content:center;}
.tasksViewArea .tasksTab .tabNext::before{content:"";display:inline-flex;width:1.6rem;height:1.6rem;align-items:center;forced-color-adjust:none;mask:url(../img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);transform:rotate(-90deg);}
.tasksViewArea .tasksTab .tabPrev:disabled,
.tasksViewArea .tasksTab .tabNext:disabled{background-color: var(--color-button-disabled-fill);}
.tasksViewArea .pannel{width:100%;box-sizing:border-box;display:none;}
.tasksViewArea .pannel.active{display:block;}
.tasksViewArea .accordion_item{border-top:none;padding:0;background-color:var(--color-action-secondary);}
.tasksViewArea .accordion_item .btn_accordion{font-size:3.2rem;font-weight:700;padding:2rem 3.2rem;padding-right:6.4rem;border-radius:0;transition:0.3s ease-in-out;outline-offset:-0.2rem;}
.tasksViewArea .accordion_item .btn_accordion::after{right:2.4rem;top:3.2rem;}
.tasksViewArea .accordion_item .btn_accordion:hover{background-color:transparent;color:var(--color-text-primary);}
.tasksViewArea .accordion_item .btn_accordion:active,
.tasksViewArea .accordion_item .btn_accordion:focus {background-color:transparent;}
/* .tasksViewArea .accordion_item .btn_accordion:focus{outline-offset:-0.4rem;box-shadow:inset 0 0 0 0.4rem var(--color-divider-primary);} */
.tasksViewArea .accordion_item.active{background-color:var(--color-surface-gray-subtler);}
.tasksViewArea .accordion_item.active .btn_accordion{color:var(--color-text-primary);}
.tasksViewArea .accordion_item.active .btn_accordion::after{background-color:var(--color-text-primary);}
.tasksViewArea .accordion_item .accordion_txt{padding:4rem 9rem 6rem;}
.tasksViewArea .accordion_item .accordion_txt .contHead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem;padding-bottom:2rem;margin-bottom:2.4rem;border-bottom:var(--border-width) dotted var(--color-divider-gray);}
.tasksViewArea .accordion_item .accordion_txt .contHead h3{font-size:2.8rem;font-weight:700;color:var(--color-text-bolder);}
.tasksViewArea .accordion_item .accordion_txt .contHead .dept{font-size:2.2rem;font-weight:700;color:var(--color-text-primary);text-align:right;}
.tasksViewArea .accordion_item .accordion_txt .contBx h4{margin-bottom:1.6rem;font-size:2.2rem;font-weight:700;}
.tasksViewArea .accordion_item .accordion_txt .contBx + .contBx{padding-top:3rem;margin-top:3rem;border-top:var(--border-width) dotted var(--color-divider-gray-light);}
.tasksViewArea .accordion_item .accordion_txt .contBx .txtList>li>.txtList{margin-top:0.8rem;}
.tasksViewArea .chartBx .chartInfo,
.tasksViewArea .chartBx .chartInfo > div,
.tasksViewArea .chartBx .chartInfo > div > svg{width:100% !important;}
.tasksViewArea .highcharts-background{fill:transparent;}
.tasksViewArea .highcharts-plot-background{width:100% !important;}
.tasksViewArea .btnList{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.4rem;}
.tasksViewArea .btnList .btn{min-width:auto;background-color:var(--color-button-secondary-fill);}
.tasksViewArea  .accordion .accordion_item + .accordion_item{margin-top:0;}
.tasksViewArea .btn_area{margin-top:4rem;display:flex;justify-content:center;align-items:center;}
.tasksViewArea .btn_area .btn{font-weight:600;font-size:1.8rem;}
.tasksViewArea .chartProcess{width:100%;}
.tasksViewArea .chartProcess .processBar{width:100%;height:1.2rem;border-radius:100rem;overflow:hidden;background-color:#6940FF;position:relative;z-index:2;}
.tasksViewArea .chartProcess .processBar .bar{width:0;height:100%;background-color:#19A7FF;position:absolute;left:0;top:0;z-index:6;transition:width 0.4s ease-in-out;}
.tasksViewArea .chartProcess .processTxt{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4rem;margin-top:1rem;}
.tasksViewArea .chartProcess .processTxt .labels{font-size:1.5rem;color:var(--color-text-bolder);display:inline-flex;align-items:center;gap:0.6rem;position:relative;}
.tasksViewArea .chartProcess .processTxt .labels::before{content:"";width:1.2rem;height:1.2rem;border-radius:100%;background-color:#19A7FF;}
.tasksViewArea .chartProcess .processTxt .labels:last-child::before{background-color:#6940FF;}
.tasksViewArea .chartProcess .processTxt .labels .num{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;}
.tasksViewArea .accordion_item .accordion_txt .contBx >.txtList>li{font-size:1.7rem;}
.tasksViewArea .accordion_item .accordion_txt .contBx .hintTxt{font-size:1.6rem;margin-top:0.8rem;}
.tasksViewArea .accordion_item .accordion_txt .contBx .hintTxt::before{top:0.2rem;}
.tasksViewArea .accordion_item .accordion_txt .contBx .grayTxt{font-size:1.6rem;margin-top:0.4rem;color:var(--color-text-disabled-on);width:100%;display:block;}
.tasksViewArea .accordion_item .accordion_txt .contBx sup{font-size:inherit;line-height:1;vertical-align:top;}

/*** 콘텐츠 ***/
/* 공통 */
.contSection.row{display:flex;flex-direction:row;gap:5.6rem;box-sizing:border-box;align-items:start;justify-content:start;}
.contSection.row > .contTitle{width:32.2rem;}
.contSection.row > .contInfoBx{width:calc(100% - (32.2rem + 5.6rem));}
.contSection + .contSection{margin-top:12rem;}
.contSection .contInfoBx .infoBx + .infoBx{margin-top:4rem;}
.contSection .contInfoBx .infoBx > h4 ~ p,
.contSection .contInfoBx .infoBx > h4 ~ ul,
.contSection .contInfoBx .infoBx > .contTable{margin-top:1.2rem;}
.contSection .contInfoBx .infoBx > ul > li > ul{margin-top:0.4rem;}
.contSection .contInfoBx .infoBx .Heading_medium{font-size:2.4rem;}
.contSection .contInfoBx .infoBx > ul > li{font-size:1.8rem;}
.contSection .contInfoBx .infoBx > ul > li > ul > li{font-size:1.7rem;padding-left:1.8rem;}
.contSection .contInfoBx .infoBx > ul > li > ul > li > ul > li{font-size:1.6rem;}
.contSection .txtBody_medium{font-size:1.7rem;}
.contSection .contInfoBx .infoBx ul.dot > li::before{top:1.1rem;background-color:var(--color-text-basic);}
.contSection .contInfoBx .infoBx ul.dash > li::before{left:0;}
.contSection .contInfoBx .infoBx .infoTxtBx{margin-top:1.2rem;display:flex;flex-direction:column;gap:1.2rem;justify-content:start;align-items:start;}
.contSection .contInfoBx .infoBx .infoTxtBx + .infoTxtBx{margin-top:2.4rem;}
.contSection .contInfoBx .infoBx .infoTxtBx .Heading_small{font-size:2rem;}
.contSection .contInfoBx .infoBx .infoTxtBx ul > li{font-size:1.8rem;}

.contSection.row > .contInfoBx .nuri_bx{
    display:flex;
    align-items:center;
    gap: 2rem;
    width: 100%;
    padding: 2rem 4rem;
    margin-bottom: 4rem;
    border-radius: 0.8rem;
    background-color: #eef2f7;
    color: #02001F;
    box-sizing: border-box;
}
.contSection.row > .contInfoBx .nuri_bx img{
    width: 22rem;
    height: max-content;
}
.contSection.row > .contInfoBx .nuri_bx p{
    font-weight:500;
    color:#0b50d0;
    word-break: keep-all;
}
@media all and (max-width: 500px){
    .contSection.row > .contInfoBx .nuri_bx{
        padding:2rem;
        flex-direction:column;
    }
    .contSection.row > .contInfoBx .nuri_bx p{
        text-align:center;
    }
}

/* 인사말 */
.greetingsArea{
    position:relative;
    border-radius:2.4rem;
    background:linear-gradient(153deg, #E3E9F1 0%, #E3E7F1 100%);
    overflow:hidden;
}
.greetingsArea .imgArea{
    width:60rem;flex-shrink:0;border-radius:1.2rem;overflow:hidden;
}
.greetingsArea .imgArea img{
    position:absolute;
    display:block;
}
.greetingsArea .imgArea img.pc{
    bottom:0; right:-11rem;
    width:98.3rem;
    width:65.62082777036%;
    aspect-ratio: 983/656;
	z-index:99;
}
.greetingsArea .imgArea img.mo{
    display:none;
}
.greetingsArea .imgArea img.bg{
    bottom:-5rem;left:-13.2rem;
    width:235.6rem;
    aspect-ratio:2356/509;
    max-width:max-content;
}
.greetingsArea .txtArea{
    padding:8rem;
    box-sizing:border-box;
}
.greetingsArea .txtArea .txtBx{
    width: 74%;
}
.greetingsArea .txtArea h3{font-size:3.6rem;font-weight:700;line-height:140%;margin-bottom:4rem;word-break:keep-all;}
.greetingsArea .txtArea p{font-size:2rem;line-height:130%;word-break:keep-all;}
.greetingsArea .txtArea p + p{margin-top:2.4rem;}
.greetingsArea .txtArea .sign{display:flex;width:100%;margin-top:3rem;gap:1.6rem;align-items:center;}
.greetingsArea .txtArea .sign .sign_txt{font-weight:700;}
.greetingsArea .txtArea .sign .sign_img .darkSign{display:block;}
.greetingsArea .txtArea .sign .sign_img .whiteSign{display:none;}
.greetingsArea .txtArea .sign .sign_img img{display:block;}
[data-mode=dark] .greetingsArea .txtArea .sign .sign_img .darkSign{display:none;}
[data-mode=dark] .greetingsArea .txtArea .sign .sign_img .whiteSign{display:block;}
.zoom2 .greetingsArea .imgArea{width:58rem;}
.zoom2 .greetingsArea .txtArea{width:calc(100% - 67rem);}
.zoom2 .greetingsArea .txtArea h3{font-size:3.5rem;}
.zoom2 .greetingsArea .txtArea p br{display:none;}
.zoom3 .greetingsArea .imgArea{width:52rem;}
.zoom3 .greetingsArea .txtArea{width:calc(100% - 61rem);}
.zoom3 .greetingsArea .txtArea h3{font-size:3.3rem;}
.zoom3 .greetingsArea .txtArea p br{display:none;}
.zoom4 .greetingsArea{gap:8rem;}
.zoom4 .greetingsArea .imgArea{width:46rem;}
.zoom4 .greetingsArea .txtArea{width:calc(100% - 54rem);}
.zoom4 .greetingsArea .txtArea h3{font-size:3.1rem;}
.zoom4 .greetingsArea .txtArea p br{display:none;}

/* 인사말 eng */
.greetingsArea.eng{
    padding:0;
}
.greetingsArea.eng .imgArea{
    width:100%;
    padding-top:0;
}
.greetingsArea.eng .imgArea img{
    position:static;
}
.greetingsArea.eng .txt_area{
    width:100%;
    position: relative;
    padding: 8rem;
    border-radius: 2.4rem;
    background: linear-gradient(153deg, #E3E9F1 0%, #E3E7F1 100%);
    overflow: hidden;
    box-sizing:border-box;
}
.greetingsArea.eng .profile{
    display:flex;
    gap:9rem;
    margin-top:8rem;
    padding-top:0;
    padding-bottom:0;
    position:relative;
}
.greetingsArea.eng .profile:before{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    content:"";
    width:1px;
    height: 100%;
    background:#ddd;
}
.greetingsArea.eng .profile .item:not(:first-of-type){
    margin-top:9.6rem;
}
.greetingsArea.eng .profile > div{
    flex: 1;
}
.greetingsArea.eng .profile strong{
    display:block;
    margin-bottom:4rem;
    font-size:3.2rem;
    font-weight:700;
}
.greetingsArea.eng .profile p{
    display: flex;
    align-items: center;
    gap:4.8rem;
    font-size: 2rem;
    font-weight:400;
    line-height:150%;
}
.greetingsArea.eng .profile p:not(:last-of-type){
    margin-bottom: 2.4rem;
}
.greetingsArea.eng .profile p span{
    display:block;
    min-width:18.6rem;
    min-width:31.688%;
    font-size:2rem;
    font-weight:600;
}
.greetingsArea.eng .profile p br.m_show{
    display:none !important;
}
.greetingsArea.eng .greeting strong{
    display: block;
    font-size: 3.6rem;
    font-weight: 700;
    line-height:140%;
    text-indent:-.5em;
    margin-left:.5em;
    color: var(--color-text-primary);
}
.greetingsArea.eng .greeting p{
    margin-top:4rem;
    font-size:2rem;
    font-weight:400;
    line-height:130%;
}
@media all and (max-width: 1700px){
    .greetingsArea .txtArea .txtBx{
        width: 70%;
    }
}
@media all and (max-width: 1440px){
    .greetingsArea.eng .profile p span{
    }
}
@media all and (max-width: 1280px){
    .greetingsArea.eng .profile p{
        flex-direction: column;
        align-items: flex-start;
        gap:.4rem;
    }
}
@media all and (max-width: 768px){
    .greetingsArea.eng .txt_area{
        padding:0 6rem;
    }
    .greetingsArea.eng .profile .item:not(:first-of-type){
        margin-top:4rem;
    }
    .greetingsArea.eng .profile{
        gap:3.2rem;
        margin-top: 6rem;
        padding-bottom:6rem;
    }
    .greetingsArea.eng .profile strong{
        margin-bottom:2rem;
        font-size:2.4rem;
    }
    .greetingsArea.eng .profile p{
        font-size:1.8rem;
    }
    .greetingsArea.eng .profile p span{
        font-size:1.8rem;
    }

    .greetingsArea.eng .greeting strong{
        font-size:2.4rem;
    }
    .greetingsArea.eng .greeting strong br{display:none;}
    .greetingsArea.eng .greeting p{
        font-size:1.8rem;
    }
    .greetingsArea.eng .imgArea{
        display:flex;
        justify-content:center;
    }
    .greetingsArea.eng .imgArea img{
        width:76.6rem;
        max-width:max-content;
        margin:0 auto;
    }
}
@media all and (max-width: 500px){
    .greetingsArea.eng .profile{
        flex-direction:column;
        margin-top:4rem;
    }
    .greetingsArea.eng .profile:before{display:none;}
    .greetingsArea.eng .profile p br.m_show{
        display:block !important;
    }
    .greetingsArea.eng .txt_area{
        padding: 0 1.6rem 8rem;
    }
}
/* 프로필 */
.profileArea{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:9rem;}
.profileArea .imgArea{width:37.2rem;flex-shrink:0;border-radius:1.2rem;overflow:hidden;}
.profileArea .txtArea{width:calc(100% - 46.2rem);box-sizing:border-box;}
.profileArea .imgArea img{width:100%;height:100%;display:block;}
.profileArea .nameBx{box-sizing:border-box;border-top:0.2rem solid var(--color-divider-gray-darker);padding:4.8rem 0;border-bottom:0.1rem solid var(--color-divider-gray-darker);margin-bottom:4rem;}
.profileArea .nameBx h3{font-size:6.4rem;font-weight:600;margin-bottom:2.4rem;line-height:120%;}
.profileArea .nameBx h4{font-size:4.8rem;font-weight:600;line-height:120%;}
.profileArea .contBx h4{font-size:3.2rem;font-weight:700;line-height:100%;margin-bottom:4rem;}
.profileArea .contBx + .contBx{margin-top:9.6rem;}
.profileArea .contBx .profileList{display:flex;flex-direction:column;justify-content:start;gap:2.4rem;}
.profileArea .contBx .profileList li{display:flex;flex-wrap:wrap;justify-content:start;align-items:start;box-sizing:border-box;gap:5rem;}
.profileArea .contBx .profileList li span{font-size:2rem;word-break:keep-all;overflow-wrap:break-word;}
.profileArea .contBx .profileList li span.year{font-weight:600;width:18.6rem;}
.profileArea .contBx .profileList li span.title{width:calc(100% - 23.6rem);}
.zoom2 .profileArea .nameBx h3{font-size:6.3rem;}
.zoom2 .profileArea .nameBx h4{font-size:4.7rem;}
.zoom3 .profileArea .nameBx h3{font-size:6.2rem;}
.zoom3 .profileArea .nameBx h4{font-size:4.6rem;}
.zoom4 .profileArea .nameBx h3{font-size:6.1rem;}
.zoom4 .profileArea .nameBx h4{font-size:4.5rem;}

/* 저서 */
.booksArea{position:relative;}
.booksList{position:relative;width:100%;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;flex-direction:column;gap:3rem 0;--color-background-deco:var(--primary10);--infoHeight:0;}
.booksList::before{content:"";display:block;width:0.1rem;height:var(--infoHeight);background:var(--color-divider-gray-light);position:absolute;left:50%;top:3.2rem;margin-left:-0.1rem;}
.booksList > li{width:50%;box-sizing:border-box;position:relative;}
.booksList > li::before{content:"";position:absolute;width:2rem;height:2rem;top:3.2rem;border-radius:100%;background-color:var(--color-element-primary);border:0.5rem solid var(--color-background-deco);box-sizing:border-box;transform:translateY(-50%);}
.booksList > li::after{content:"";position:absolute;width:4rem;height:0.1rem;border-top:0.1rem dotted var(--color-divider-gray-light);top:3.2rem;z-index: -1;}
.booksList > li .contBx{box-sizing:border-box;background-color:var(--color-surface-white);border:var(--border-width) solid var(--color-border-gray-light);border-radius:1.6rem;position:relative;}
.booksList > li .contBx .in{display:flex;align-items:start;justify-content:start;gap:3.2rem;padding:3.2rem;box-sizing:border-box;}
.booksList > li .contBx .imgBx{flex-shrink:0;}
.booksList > li .contBx .imgBx img{display:block;width:100%;box-shadow:1.5rem 1.5rem 5rem rgba(0,0,0,0.06);border-radius:0.2rem 0.8rem 0.8rem 0.2rem;}
.booksList > li .contBx .txtBx{word-break:keep-all;overflow-wrap:break-word;}
.booksList > li .contBx .txtBx h3{line-height:130%;margin-bottom:0.8rem;}
.booksList > li .contBx .txtBx .infoList{display:inline-flex;align-items:center;justify-content:start;margin-bottom:1.6rem;flex-wrap:wrap;}
.booksList > li .contBx .txtBx .infoList dd{display:inline-flex;align-items:center;justify-content:start;gap:0.8rem;margin-right:0.8rem;position:relative;font-size:1.5rem;color:var(--color-text-subtle);}
.booksList > li .contBx .txtBx .infoList dd::after{content:"";display:inline-flex;align-items:center;width:0.1rem;height:1.2rem;background:var(--color-divider-gray-light);}
.booksList > li .contBx .txtBx .infoList dd:last-of-type{margin-right:0;}
.booksList > li .contBx .txtBx .infoList dd:last-of-type::after{display:none;}
.booksList > li .contBx .txtBx .summatTxt{font-size:1.5rem;color:var(--color-text-subtle);margin-bottom:0.8rem;}
.booksList > li .contBx .txtBx .txt{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.booksList > li:nth-child(odd){padding-right:4rem;}
.booksList > li:nth-child(odd)::before{right:calc(-2rem /2);}
.booksList > li:nth-child(odd)::after{right:0;}
.booksList > li:nth-child(odd) .imgBx{order:2;}
.booksList > li:nth-child(odd) .txtBx{order:1;}
.booksList > li:nth-child(even){margin-left:50%;padding-left:4rem;}
.booksList > li:nth-child(even)::before{left:calc(-2rem /2);}
.booksList > li:nth-child(even)::after{left:0;}
.booksArea .bar{--infoHeight:0;position:absolute;width:0.1rem;height:var(--infoHeight);background:var(--color-divider-primary);left:50%;top:3.2rem;margin-left:-0.1rem;}


/* 상징체계 */
.ciArea{word-break:keep-all;overflow-wrap:anywhere;}
.ciArea img{display:block;}
.ciArea .dark{display:none;}
.ciArea .ciTop{box-sizing:border-box;padding:5.6rem 4.8rem;background-color:var(--color-surface-gray-subtler);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1.6rem;margin-bottom:5rem;}
.ciArea .ciTop h3{margin-bottom:1.6rem;}
.ciArea .ciTop p{margin-bottom:4rem;}
.ciArea .markBx{margin-top:2rem;border-radius:1.2rem;border-color:var(--color-border-gray-light);overflow:hidden;}
[data-mode=dark] .ciArea .white{display:none;}
[data-mode=dark] .ciArea .dark{display:block;}
.zoom3 .ciArea .contInfoBx p br{display:none;}
.zoom4 .ciArea .contInfoBx p br{display:none;}

/* 조직도 */
.orgArea{position:relative;}
.orgArea img{display:block;max-width:100%;max-width:fit-content;}
.orgArea .dark{display:none;}
.orgArea .imgM{display:none;}
.orgArea #orgTxt *{position:absolute;top:0;left:0;width:0.1rem;height:0.1rem;margin:0.1rem;border:none;overflow:hidden;clip:rect(0, 0, 0, 0);}
[data-mode=dark] .orgArea .white{display:none;}
[data-mode=dark] .orgArea .dark{display:block;}
.zoom2 .orgArea img{max-width:100%;}
.zoom3 .orgArea img{max-width:100%;}
.zoom4 .orgArea img{max-width:100%;}

/* 정보공개제도 */
.infoSystem{word-break:keep-all;}
.infoSystem .systemBx{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;gap:1.6rem;margin-top:1.2rem;}
.infoSystem .systemBx .item{box-sizing:border-box;border-radius:1.2rem;padding:3.2rem 3.2rem 11.5rem;background-repeat:no-repeat;background-position:right 3.2rem bottom 3.2rem;background-size:7.2rem;background-color:var(--color-surface-gray-subtle);flex:1;}
.infoSystem .systemBx .item h5{font-size:2rem;margin-bottom:0.8rem;}
.infoSystem .systemBx .item p{color:var(--color-text-subtle);}
.infoSystem .systemProcess{padding:3.2rem;border-color:var(--color-border-gray-light);}
.infoSystem .processList{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8rem;}
.infoSystem .processList li{min-width:15rem;display:inline-flex;align-items:center;justify-content:center;gap:0.8rem;flex-direction:column;text-align:center;box-sizing:border-box;position:relative;}
.infoSystem .processList li .icon{display:inline-flex;align-items:center;justify-content:center;width:7rem;height:7rem;border-radius:100rem;background-color:var(--color-surface-gray-subtle);background-repeat:no-repeat;background-position:center;background-size:4rem auto;}
.infoSystem .processList li:nth-child(1) .icon{background-image:url(../../www/img/contents/blueHouse/ico_infoSystem_04.svg);}
.infoSystem .processList li:nth-child(2) .icon{background-image:url(../../www/img/contents/blueHouse/ico_infoSystem_05.svg);}
.infoSystem .processList li:nth-child(3) .icon{background-image:url(../../www/img/contents/blueHouse/ico_infoSystem_06.svg);}
.infoSystem .processList li p{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.4rem;}
.infoSystem .processList li p .num{font-size:inherit;font-weight:inherit;line-height:inherit;}
.infoSystem .processList li::after{content:"";width:5.2rem;height:2rem;position:absolute;left:calc(100% + 1.4rem);top:2.7rem;background:url(../../www/img/contents/blueHouse/ico_arrowDot_blue.svg) no-repeat center center/ contain;}
.infoSystem .processList li:last-child::after{display:none;}
.infoSystem .wayList{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:2.4rem 3.2rem;padding:3.2rem;border-color:var(--color-border-gray-light);width:calc(100% + 1.2rem);margin-left:-1.2rem;box-sizing:border-box;}
.infoSystem .wayList> li{flex:0 1 calc(50% - 1.6rem);box-sizing:border-box;padding:0 !important;}
.infoSystem .wayList .txtBody_largeB{margin-bottom:0.8rem;}
.infoSystem .wayList .txtBody_medium{color:var(--color-text-subtle);}
[data-mode=dark] .infoSystem .processList li:nth-child(1) .icon{background-image:url(../../www/img/contents/blueHouse/ico_infoSystem_04_dark.svg);}
[data-mode=dark] .infoSystem .processList li:nth-child(2) .icon{background-image:url(../../www/img/contents/blueHouse/ico_infoSystem_05_dark.svg);}
[data-mode=dark] .infoSystem .processList li:nth-child(3) .icon{background-image:url(../../www/img/contents/blueHouse/ico_infoSystem_06_dark.svg);}
.zoom4 .infoSystem .processList{gap:7rem;}
.zoom4 .infoSystem .processList li{min-width:14rem;}

/* 사전정보공개목록 */
.infoSystemList{box-sizing:border-box;word-break:keep-all;}
.infoSystemList .systemTop,
.infoSystemList .infoItem{display:flex;align-items:stretch;justify-content:start;box-sizing:border-box;}
.infoSystemList .item{display:inline-flex;min-height:6rem;font-size:1.7rem;align-items:center;padding:0 3.2rem;box-sizing:border-box;line-height:130%;transition:0.3s ease-in-out;}
.infoSystemList .itemTitle{width:68rem;}
.infoSystemList .itemCycle{width:calc((100% - 68rem) / 4);padding:0 1.6rem;}
.infoSystemList .itemTime{width:calc((100% - 68rem) / 4);padding:0 1.6rem;}
.infoSystemList .itemDept{width:calc((100% - 68rem) / 4);padding:0 1.6rem;}
.infoSystemList .itemLink{width:calc((100% - 68rem) / 4);padding:0 1.6rem;}
.infoSystemList .systemTop{border-top:var(--border-width) solid var(--color-border-secondary-light);border-bottom:var(--border-width) solid var(--color-border-secondary-light);background-color:var(--color-surface-secondary-subtler);text-align:center;}
.infoSystemList .systemTop p{font-weight:700;justify-content:center;}
.infoSystemList .infoItem .item{gap:0.8rem;font-weight:500;}
.infoSystemList .infoItem{border-bottom:var(--border-width) solid var(--color-divider-gray-light);}
.infoSystemList .infoItem .item:not(:first-child){justify-content:center;text-align:center;}
.infoSystemList .infoItem .txt{font-size:1.5rem;color:var(--color-text-subtle);}
.infoSystemList .btn.icon .ico_link{mask-image:url(../img/common/ico_go.svg);width:2.4rem;height:2.4rem;}
.infoSystemList a:hover .ico_link,
.infoSystemList a:focus .ico_link{background-color:var(--color-text-primary);}
.infoSystemList .infoItem.accordion_item{padding:0;border:none;border-bottom:var(--border-width) solid var(--color-divider-gray-light);flex-wrap:wrap;}
.infoSystemList .accordion_item .accordion_header{width:100%;}
.infoSystemList .accordion_item .btn_accordion{padding:0;display:inline-flex;border-radius:0;box-sizing:border-box;}
.infoSystemList .accordion_item .btn_accordion::after{display:none;}
.infoSystemList .ico_angle{width:2.4rem;height:2.4rem;position:relative;display:inline-flex;align-items:center;mask:url(../img/common/ico_angle.svg) no-repeat  center center/ contain;background-color:var(--color-text-basic);transition:0.4s ease-in-out;transform:rotate(0);flex-shrink:0;}
.infoSystemList .accordion_item .btn_accordion:hover,
.infoSystemList .accordion_item .btn_accordion:focus,
.infoSystemList .accordion_item .btn_accordion:active{background-color:transparent;}
.infoSystemList .accordion_item .btn_accordion:hover .itemTitle,
.infoSystemList .accordion_item .btn_accordion:focus .itemTitle{color:var(--color-text-primary);}
.infoSystemList .accordion_item .btn_accordion:hover .ico_angle,
.infoSystemList .accordion_item .btn_accordion:focus .ico_angle{background-color:var(--color-text-primary);}
.infoSystemList .accordion_item.active .btn_accordion{color:var(--color-text-basic);}
.infoSystemList .accordion_item.active .btn_accordion .itemTitle{color:var(--color-text-primary);}
.infoSystemList .accordion_item.active .btn_accordion .ico_angle{background-color:var(--color-text-primary);transform:rotate(180deg);}
.infoSystemList .accordion_item .accordion_cont{width:100%;}
.infoSystemList .accordion_item .accordion_txt{padding:3.6rem 3.2rem;background-color:var(--color-surface-gray-subtle);}
.infoSystemList .accordion_item .btnBx{margin-top:2.4rem;display:flex;align-items:center;justify-content:center;}
.infoSystemList .accordion_item .btnBx .btn{font-size:1.7rem;font-weight:500;min-width:auto;line-height:1.3;}
.infoSystemList .accordion_item .ico_download{mask-image:url(../img/common/ico_download.svg);}
.infoSystemList table th{font-size:1.6rem;}
.infoSystemList table th,
.infoSystemList table tbody td{word-break:keep-all;overflow-wrap:anywhere;}
.infoSystemList table tbody th[scope="row"]{background-color:var(--color-background-white);text-align:center !important;border-right-color:var(--color-divider-gray-light);}
.infoSystemList .tableWrap{display:flex;gap:3.2rem;align-items:start;justify-content:start;margin-top:1.2rem;}
.infoSystemList .tableWrap .tableItem{flex:1;}
.infoSystemList .infoSystemBx .lineBx{padding:2.4rem;}
.infoSystemList .accordion_item .btnList{display:flex;flex-wrap:wrap;gap:0.8rem;}
.infoSystemList .btnBx .btn:not(.icon){height:auto;min-height:5rem;white-space:normal;padding:0.8rem 1.6rem;}
.infoSystemList .btnBx .btn:not(.icon) .svg_icon{flex-shrink:0;}
.infoSystemList.contSection .contInfoBx .infoBx > p ~ .btn{margin-top:1.6rem;}
.infoSystemList .btn.secondary{background-color:var(--color-button-secondary-fill);min-width:auto;}
.infoSystemList .btn.secondary:hover{background-color:var(--color-button-secondary-fill-hover);}

/* 정보공개지침 팝업 */
#systemPop .popContBx ~ .popContBx{margin-top:4rem;}
#systemPop .popContBx .Heading_small{font-size:2.4rem;margin-bottom:0.4rem;}
#systemPop .popContBx .Heading_xsmall{font-size:1.8rem;margin-bottom:0.4rem;}
#systemPop .popContBx > .txtList{gap:2rem;}
#systemPop .popContBx .txtList > li{padding-left:0;font-size:1.7rem;}
#systemPop .popContBx .txtList>li>.txtList{margin-top:0.8rem;}
#systemPop .popContBx .txtList>li>.txtList>li{padding-left:2.4rem;font-size:1.6rem;}
#systemPop .popContBx .txtList>li>.txtList>li>.txtList>li{padding-left:2.4rem;font-size:1.5rem;}
#systemPop .popContBx.type1 > .txtList{gap:1.2rem;}
#systemPop .popContBx.type1 .txtList.bullet li:nth-child(2){padding-left:0;}
#systemPop .popContBx.type1 .txtList.bullet li:nth-child(2)::before{position:relative;display:inline-flex;align-items:center;margin-right:0.8rem;}

/* 오시는길 */
.comewayArea{box-sizing:border-box;word-break:keep-all;
    --color-text-badge:#111;--color-subway-background3:#FF7300;--color-bus-background1:#1C5FB8;--color-bus-background2:#67B83B;--color-bus-background3:#67B83B;}
.comewayArea .imgBx{margin-bottom:5rem;border-radius:1.6rem;overflow:hidden;}
.comewayArea .imgBx img{display:block;}
.comewayArea .imgBx .dark{display:none;}
.comewayArea .contSection + .contSection{margin-top:6.4rem;padding-top:6.4rem;border-top:var(--border-width) solid var(--color-divider-gray-light);}
.comewayArea .busList{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:1rem;}
.comewayArea .badgeTxt{display:inline-flex;gap:0.8rem;align-items:center;}
.comewayArea .badgeTxt .badge{border-radius:100rem;font-weight:500;padding:0 1rem;}
.subway3{background-color:var(--color-subway-background3);color:var(--color-text-badge);}
.bus1{background-color:var(--color-bus-background1);color:var(--color-text-inverse-static);}
.bus2{background-color:var(--color-bus-background2);color:var(--color-text-basic-static);}
.bus3{background-color:var(--color-bus-background3);color:var(--color-text-basic-static);}
/* [data-mode=dark] .comewayArea .imgBx .white{display:none;}
[data-mode=dark] .comewayArea .imgBx .dark{display:block;} */
.zoom3 .comewayArea .contInfoBx p br{display:none;}
.zoom3 .comewayArea .contInfoBx .busTxt br{display:block;}
.zoom4 .comewayArea .contInfoBx p br{display:none;}
.zoom4 .comewayArea .contInfoBx .busTxt br{display:block;}

/* 상단 배너 | 정부 업무보고 배너 */
.bannerTop{box-sizing:border-box;padding:6rem;border-radius:1.5rem;margin-bottom:4rem;position:relative;overflow:hidden;}
.boardBnr{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;}
.bannerTop *{font-family:'Paperozi','Pretendard GOV','Pretendard','Pretendard JP', sans-serif;color:var(--color-text-basic-static);line-height:1.3;text-align:center;word-break:keep-all;overflow-wrap:anywhere;}
.boardBnr .bnrTit{font-size:5rem;font-weight:800;margin-bottom:1.6rem;}
.boardBnr .bnrTxt{font-size:2.6rem;font-weight:400;margin-bottom:0.4rem;}
.boardBnr .date{display:inline-flex;align-items:center;justify-content:center;gap:0.8rem;font-size:2.6rem;font-weight:700;}
.boardBnr .date span{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display:inline-flex;align-items:center;gap:0.8rem;}
.boardBnr .date span:first-child::after{content:"";width:4rem;height:0.1rem;background:var(--color-surface-white-static);display:inline-flex;align-items:center;}
.boardBnr .decoBx{position:absolute;width:100%;height:100%;z-index:-1;background: linear-gradient(120deg,rgba(129, 182, 255, 1) 0%, rgba(165, 156, 251, 1) 100%);}
.boardBnr .decoBx.left{left:0;}
.boardBnr .decoBx.right{right:0;}
.boardBnr .decoBx i{position:absolute;display:inline-flex;align-items:center;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.boardBnr .decoBx .deco1{width:40.7rem;height:100%;left:0;top:0;mix-blend-mode:soft-light;background-image:url(../img/contents/work/img_bnrDeco01.png);background-position:left top;z-index:1;}
.boardBnr .decoBx .deco2{width:40.7rem;height:100%;left:0;top:0;mix-blend-mode:soft-light;background-image:url(../img/contents/work/img_bnrDeco07.png);background-position:left top;z-index:2;}
.boardBnr .decoBx .deco3{width:12.2rem;height:12.2rem;left:2.8rem;bottom:-3.2rem;mix-blend-mode:overlay;background-image:url(../img/contents/work/img_bnrDeco04.png);}
.boardBnr .decoBx .deco4{width:35.8rem;height:35.8rem;left:6.4rem;bottom:-26.5rem;mix-blend-mode:soft-light;background-image:url(../img/contents/work/img_bnrDeco03.png);}
.boardBnr .decoBx .deco5{width:27.3rem;height:27.3rem;right:9.4rem;top:-19.7rem;mix-blend-mode:overlay;background-image:url(../img/contents/work/img_bnrDeco02.png);}
.boardBnr .decoBx .deco6{width:49rem;height:100%;right:0;bottom:0;mix-blend-mode:soft-light;background-image:url(../img/contents/work/img_bnrDeco05.png);background-position:right bottom;opacity:0.5;}
.boardBnr .decoBx .deco7{width:49rem;height:100%;right:0;bottom:0;mix-blend-mode:soft-light;background-image:url(../img/contents/work/img_bnrDeco06.png);background-position:right bottom;}
.boardBnr .bgBx{position:absolute;width:100%;height:100%;z-index:-1;}
.boardBnr .bgBx span{display:block;width:100%;height:100%;}
.boardBnr .bgBx img{display:block;position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center;}
.boardBnr .bgBx .m{display:none;}
.boardBnr .bnrTxt2{font-weight:700;}
.boardBnr .bnrTxt2 span{font-weight:400;}

/* 청와대 소개 */
.blueInfoArea{word-break:keep-all;overflow-wrap:anywhere;}
.blueInfoArea .contSection.row > .contTitle{width:44.6rem;}
.blueInfoArea .contSection.row > .contInfoBx{width:calc(100% - (44.6rem + 5.6rem));}
.blueInfoArea .imgBxArea .swiper-wrapper{flex-direction:column;gap:2rem;}
.blueInfoArea .imgBxArea .slide{width:100%;border-radius:1.6rem;overflow:hidden;flex:1;}
.blueInfoArea .imgBxArea .slide img{display:block;width:100%;max-width:100%;max-height:100%;}
.blueInfoArea .Heading_xsmall{font-size:1.8rem;}

/* 상단배너 | 260105 추가 */
.bgBannerTop{padding:4rem;box-sizing:border-box;border-radius:1.5rem;margin-bottom:4rem;position:relative;overflow:hidden;}
.bgBannerTop .subBadge{font-size:1.4rem;line-height:130%;padding:0.5rem 1rem;display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-white);color:var(--color-text-basic);border-radius:100rem;margin-bottom:1.5rem;}
.bgBannerTop .subPageTit{font-size:3.2rem;margin-bottom:0;}
.bgBannerTop.bgBannerBlue{background-color:var(--color-surface-gray-subtler);background-color:var(--color-surface-gray-subtle);}


@media only screen and (max-width:1860px){
    /*** 콘텐츠 ***/
    /* 인사말 */
    .greetingsArea{gap:6.4rem;}
    .greetingsArea .imgArea{width:40%;}
    /*.greetingsArea .txtArea{width:calc(60% - 6.4rem);}    */
    .greetingsArea .txtArea .txtBx{padding-right:0;}
    .zoom2 .greetingsArea .imgArea{width:40%;}
    .zoom2 .greetingsArea .txtArea{width:calc(60% - 6.4rem);}
    .zoom3 .greetingsArea{gap:6.2rem;}
    .zoom3 .greetingsArea .imgArea{width:40%;}
    .zoom3 .greetingsArea .txtArea{width:calc(60% - 6.2rem);}
    .zoom4 .greetingsArea{gap:6rem;}
    .zoom4 .greetingsArea .imgArea{width:40%;}
    .zoom4 .greetingsArea .txtArea{width:calc(60% - 6rem);}

    /* 프로필 */
    .profileArea{gap:6.4rem;}
    .profileArea .imgArea{width:30%;}
    .profileArea .txtArea{width:calc(70% - 6.4rem);}

    /* 저서 */
    .zoom3 .booksList::before{left:1rem;transform:none;}
    .zoom3 .booksList > li{width:100%;}
    .zoom3 .booksList > li .contBx .imgBx{width:auto;}
    .zoom3 .booksList > li:nth-child(odd){padding-right:0;padding-left:4rem;}
    .zoom3 .booksList > li:nth-child(odd)::before{right:auto;left:0;}
    .zoom3 .booksList > li:nth-child(odd)::after{right:auto;left:0;}
    .zoom3 .booksList > li:nth-child(odd) .imgBx{order:1;}
    .zoom3 .booksList > li:nth-child(odd) .txtBx{order:2;}
    .zoom3 .booksList > li:nth-child(even){margin-left:0;}
    .zoom3 .booksList > li:nth-child(even)::before{left:0;}
    .zoom3 .booksList > li:nth-child(even)::after{left:0;}
    .zoom3 .booksArea .bar{left:1rem;transform:none;}
    .zoom4 .booksList::before{left:1rem;transform:none;}
    .zoom4 .booksList > li{width:100%;}
    .zoom4 .booksList > li .contBx .imgBx{width:auto;}
    .zoom4 .booksList > li:nth-child(odd){padding-right:0;padding-left:4rem;}
    .zoom4 .booksList > li:nth-child(odd)::before{right:auto;left:0;}
    .zoom4 .booksList > li:nth-child(odd)::after{right:auto;left:0;}
    .zoom4 .booksList > li:nth-child(odd) .imgBx{order:1;}
    .zoom4 .booksList > li:nth-child(odd) .txtBx{order:2;}
    .zoom4 .booksList > li:nth-child(even){margin-left:0;}
    .zoom4 .booksList > li:nth-child(even)::before{left:0;}
    .zoom4 .booksList > li:nth-child(even)::after{left:0;}
    .zoom4 .booksArea .bar{left:1rem;transform:none;}

    /* 조직도 */
    .orgArea img{max-width:100%;}

    /* 정보공개제도 */
    .zoom4 .infoSystem .processList{gap:6rem;}
    .zoom4 .infoSystem .processList li{min-width:12.5rem;}

    /* 사전정보공개목록 */
    .infoSystemList .itemTitle{width:60rem;}
    .infoSystemList .itemCycle{width:calc((100% - 50rem) / 4);}
    .infoSystemList .itemTime{width:calc((100% - 50rem) / 4);}
    .infoSystemList .itemDept{width:calc((100% - 50rem) / 4);}
    .infoSystemList .itemLink{width:calc((100% - 80rem) / 4);}

    /* 민생·경제 현황 | 251217 수정 */
    .stateHeader .stateTitBx .stateRank .rankList .rankBx{width:calc(50% - 7.5rem);}
    .stateHeader .stateRank.rank5 .rankList .rankBx{min-width:calc(33.33% - 7.5rem);}
    .stateHeader .stateRank.rank1 .rankList .rankBx{min-width:calc(34% - 7.5rem);}
    /* //민생·경제 현황 */

    /* 소통광장 - 대통령과 함께하는 순간 */
    .zoom3 .momentArea .momentTop .imgBx{right:4rem;width:36rem;}
    .zoom3 .momentArea .momentTop{padding-right:35%;}
    .zoom4 .momentArea .momentTop .imgBx{right:2rem;width:32rem;}
    .zoom4 .momentArea .momentTop{padding-right:30%;}

    /* 상징체계 */
    .zoom4 .ciArea p br{display:none;}

    /* 오시는 길 */
    .zoom2 .comewayArea .contInfoBx p br{display:none;}
    .zoom2 .comewayArea .contInfoBx .busTxt br{display:block;}
}

@media only screen and (max-width:1780px){
    /*** 프로그램 ***/
    /* 소통광장 - 국민의견 상세 */
    .opinionView .opinionStep .nationalTxt p{word-break:keep-all;overflow-wrap: break-word;}
    .opinionView .opinionStep .nationalTxt p br{display:none;}


    /*** 콘텐츠 ***/
    /* 상징체계 */
    .ciArea .ciTop{padding:5.6rem 4.4rem;}
    .ciArea .contInfoBx p br{display:none;}

    /* 정보공개제도 */
    .zoom4 .infoSystem .processList{gap:6rem;}
    .zoom4 .infoSystem .processList li{min-width:12.5rem;}
}

@media only screen and (max-width:1700px){
    /*** 프로그램 ***/
    /* 검색 입력폼 */
    .searchBx{padding:3rem;}
    .searchBx .search_wrap{width:100%;}

    /* 소통광장 - 의견 더하기 */
    .nationalArea .card_area .card_item .card_body p{white-space:normal;}
    .nationalArea .card_area .card_item .card_like .like_item{font-size:1.8rem;}
    .filterBx .filterForm > div{width:calc(50% - 1.6rem);}
    .card_area{gap:3rem;margin-right:-3rem;}
    .card_area .card_item{width:calc(33.33% - 3rem);}

    /* 소통광장 - 온라인 공모 - 목록 */
    .contestList{gap:4.8rem 3.2rem;margin-right:-3.2rem;}
    .contestList .card_item{width:calc(25% - 3.2rem);}

    /* 소통광장 - 대통령과 함께하는 순간 */
    .momentArea .momentTop{padding-right:30%; padding-left: 3.4rem}
    .momentArea .momentTop .imgBx{
        width: 70rem;
    }
    .momentArea .momentTop:after{
        width:80%;
    }
    /* .zoom3 .momentArea .momentTop{padding-right:35%;}
    .zoom4 .momentArea .momentTop{padding-right:35%;} */

    /* 민생 경제 현황 */
    .stateHeader{padding:3rem 4.8rem 4rem;}
    .stateCont .in{padding:0 4.8rem 4.8rem;}
    .stateHeader .stateTitBx .totalBx .stateBx{height:7rem;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateSubTit{font-size:2rem;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateData .num{font-size:2.8rem;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateData .unit{font-size:2rem;}
    .stateHeader .stateData.up::after,
    .stateHeader .stateData.down::after{width:2rem;height:2rem;}
    .stateHeader .stateRank .rankItem .rankTit{font-size:2rem;}
    .rankList .rankBx .stateSubTit{font-size:1.8rem;}
    .rankList .rankBx .stateData .num{font-size:1.8rem;}
    .rankList .rankBx .stateData.up::after,
    .rankList .rankBx .stateData.down::after{width:1.6rem;height:1.6rem;}
    .stateHeader > .detailBtn{right:4.8rem;top:4.8rem;}

    /* 민생·경제 현황 | 251217 수정 */
    .stateHeader .stateTitBx .stateTit{min-width:28rem;}
    .stateHeader .stateRank.rank1,
    .stateHeader .stateRank.rank5{padding-left:28rem;}
    .stateHeader .stateTitBx .totalBx .stateBx{min-width:28rem;}
    .stateHeader .stateTitBx .stateRank .rankList .rankBx{width:calc(60% - 7.5rem);}
    /* //민생·경제 현황 */
    .zoom2 .stateHeader .stateTitBx .stateTit{width:100%;}
    .zoom3 .stateHeader .stateTitBx .stateTit{width:100%;}
    .zoom4 .stateHeader .stateTitBx .stateTit{width:100%;}
    .zoom2 .stateHeader .stateRank.rank1,
    .zoom2 .stateHeader .stateRank.rank5,
    .zoom3 .stateHeader .stateRank.rank1,
    .zoom3 .stateHeader .stateRank.rank5,
    .zoom4 .stateHeader .stateRank.rank1,
    .zoom4 .stateHeader .stateRank.rank5{padding-left:0;}
    .zoom2 .stateHeader .stateData,
    .zoom3 .stateHeader .stateData,
    .zoom4 .stateHeader .stateData{width:auto;}
    .zoom2 .stateHeader .stateRank .rankItem,
    .zoom3 .stateHeader .stateRank .rankItem,
    .zoom4 .stateHeader .stateRank .rankItem{width:100%;}
    .zoom2 .stateHeader .stateTitBx,
    .zoom3 .stateHeader .stateTitBx,
    .zoom4 .stateHeader .stateTitBx{min-height:8.4rem;}
    .zoom2 .stateHeader .stateTitBx .stateTit br,
    .zoom3 .stateHeader .stateTitBx .stateTit br,
    .zoom4 .stateHeader .stateTitBx .stateTit br{display:none;}
    .zoom2 .stateHeader{padding:3rem 4.6rem 4rem;}
    .zoom3 .stateHeader{padding:3rem 4.4rem 4rem;}
    .zoom4 .stateHeader{padding:3rem 4rem 4rem;}


    /* 대통령 일정 - 상세 */
    .schedule.view .dayInfo .infoList>li{margin:0 5.7rem 0 6.4rem;width:calc(50% - 12.2rem);}
    .schedule.view .dayInfo .infoList>li:nth-child(even){margin:0 6.4rem 0 5.7rem;margin-left:calc(50% + 5.7rem);}


    /*** 콘텐츠 ***/
    /* 공통 */
    .contSection.row > .contTitle{width:24rem;}
    .contSection.row > .contInfoBx{width:calc(100% - (24rem + 5.6rem));}

    /* 인사말 */
    .greetingsArea .txtArea .txtBx{padding-right:6.4rem;}
    .greetingsArea .txtArea p br{display:none;}
    .zoom2 .greetingsArea .txtArea h3{font-size:3.2rem;}
    .zoom2 .greetingsArea .txtArea .txtBx{padding-right:6.2rem;}
    .zoom3 .greetingsArea .txtArea h3{font-size:2.8rem;}
    .zoom3 .greetingsArea .txtArea .txtBx{padding-right:6.1rem;}
    .zoom4 .greetingsArea{gap:5rem;}
    .zoom4 .greetingsArea .txtArea{width:calc(60% - 5rem);}
    .zoom4 .greetingsArea .txtArea h3{font-size:2.7rem;}
    .zoom4 .greetingsArea .txtArea .txtBx{padding-right:6rem;}

    /* 저서 */
    .zoom2 .booksList::before{left:1rem;transform:none;}
    .zoom2 .booksList > li{width:100%;}
    .zoom2 .booksList > li .contBx .imgBx{width:auto;}
    .zoom2 .booksList > li:nth-child(odd){padding-right:0;padding-left:4rem;}
    .zoom2 .booksList > li:nth-child(odd)::before{right:auto;left:0;}
    .zoom2 .booksList > li:nth-child(odd)::after{right:auto;left:0;}
    .zoom2 .booksList > li:nth-child(odd) .imgBx{order:1;}
    .zoom2 .booksList > li:nth-child(odd) .txtBx{order:2;}
    .zoom2 .booksList > li:nth-child(even){margin-left:0;}
    .zoom2 .booksList > li:nth-child(even)::before{left:0;}
    .zoom2 .booksList > li:nth-child(even)::after{left:0;}
    .zoom2 .booksArea .bar{left:1rem;transform:none;}

    /* 사전정보공개목록 */
    .infoSystemList .infoItem .item.itemTitle{gap:0.2rem 0.8rem;}
    .infoSystemList .itemTitle{width:45%;flex-wrap:wrap;align-content:center;}
    .infoSystemList .itemCycle{width:15%;}
    .infoSystemList .itemTime{width:15%;}
    .infoSystemList .itemDept{width:15%;}
    .infoSystemList .itemLink{width:10%;}

    /* 상징체계 */
    .zoom2 .ciArea p br{display:none;}
    .zoom3 .ciArea p br{display:none;}

    /* 정보공개제도 */
    .zoom4 .contSection.row > .contTitle{width:20rem;}
    .zoom4 .contSection.row > .contInfoBx{width:calc(100% - (20rem + 5.6rem));}
}

@media screen and (max-width: 1600px) {
    /*** 프로그램 ***/
    /* 대통령 일정 */
    .schedule .calendar table tbody td br {display:none;}

    /* 정보공개제도 */
    .zoom2 .contSection.row > .contTitle{width:20rem;}
    .zoom2 .contSection.row > .contInfoBx{width:calc(100% - (20rem + 5.6rem));}
    .zoom3 .contSection.row{flex-direction:column;}
    .zoom3 .contSection.row > .contTitle{width:100%;}
    .zoom3 .contSection.row > .contInfoBx{width:100%;}
    .zoom4 .contSection.row{flex-direction:column;}
    .zoom4 .contSection.row > .contTitle{width:100%;}
    .zoom4 .contSection.row > .contInfoBx{width:100%;}
}

@media only screen and (max-width:1500px){
    /*** 프로그램 ***/
    /* 리스트 상단 */
    .option_top .searchBox{width:100%;}
    .option_top .searchBox .inputBtnArea{width:100%;}

    /* 소통광장 - 목록(카드형) */
    .zoom3 .card_area{gap:2.4rem;margin-right:-2.4rem;}
    .zoom3 .card_area .card_item{width:calc(33.33% - 2.4rem);}
    .zoom4 .card_area{gap:2.4rem;margin-right:-2.4rem;}
    .zoom4 .card_area .card_item{width:calc(33.33% - 2.4rem);}

    /* 소통광장 - 의견 더하기 */
    .nationalArea .topDetailBx{flex-wrap:wrap;}
    .nationalArea .card_area .card_item{width:calc(50% - 3rem);}
    .nationalArea .card_area .card_item a{gap:4rem;padding:3rem;}
    .nationalArea .card_area .card_item .card_like{gap:1.6rem;}

    /* 순방 모아보기 */
    .visitArea .visit_top .visitForm{flex-wrap:wrap;gap:1rem;height:auto;}
    .visitArea .visit_cont .visitItem.videoType .imgBx::before{width:4rem;height:4rem;}
    .visitArea .visit_cont .contTop .visitItem.videoType:nth-child(2) .imgBx::before{width:4.8rem;height:4.8rem;}

    /* 소통광장 - 국민의견 상세 */
    .opinionView .opinionStep .stepList{gap:8rem;}
    .opinionView .otherArea .card_item a{gap:2rem;}

    /* 소통광장 - 등록(step) */
    .opinionStepArea .stepWrap li > span{padding-right:2rem;min-width:0.6rem;}

    /* 소통광장 - 온라인 공모 - 목록 */
    .contestList{gap:4rem 3rem;margin-right:-3rem;}
    .contestList .card_item{width:calc(33.33% - 3rem);}

    /* 소통광장 - 온라인 공모 - 상세 */
    .contestView .detailArea{gap:3.2rem;justify-content:center;}
    .contestView .detailArea .infoBx{width:calc(100% - 26rem);padding-right:0;}
    .contestView .detailArea .btn{position:static;}
    .contestView .otherArea .contestOther{position:relative;width:100%;box-sizing:border-box;}
    .contestView .otherArea .contestOther .slide{width:calc(25% - 2rem);}
    .contestView .otherArea .contestOther .control{position:relative;display:flex;align-items:center;gap:0.8rem;}
    .contestView .otherArea .contestOther .swiperPagi{position:static;display:inline-flex;align-items:center;margin:3.2rem 0 0;gap:0.2rem;height:4rem;width:auto;border-radius:10rem;background-color: var(--color-background-gray-subtle);font-size:1.8rem;min-width:10rem;text-align:center;justify-content:center;margin-right:0.8rem;}
    .contestView .otherArea .contestOther .swiperPagi span{font-size:inherit;color:inherit;line-height:1;}
    .contestView .otherArea .contestOther .swiperPagi span.current{font-weight:700;}
    .contestView .otherArea .contestOther .swiperPagi span.total::before{content:"/";display:inline-flex;align-items:center;margin-right:0.2rem;}
    .contestView .otherArea .contestOther .swiperBtn{margin-top:3.2rem;}
    .contestView .otherArea .contestOther .swiperBtn.swiper-button-disabled{background-color:var(--color-button-disabled-fill);border-color:var(--color-button-disabled-border);color:var(--color-text-disabled-on);cursor:default;}
    .contestView .otherArea .contestOther .infoBx p.date::before{width:2rem;height:2rem;}
    .zoom2 .contestView .otherArea .contestOther,
    .zoom3 .contestView .otherArea .contestOther,
    .zoom4 .contestView .otherArea .contestOther{overflow:hidden;}
    .zoom2 .contestView .otherArea .contestOther .slide,
    .zoom3 .contestView .otherArea .contestOther .slide,
    .zoom4 .contestView .otherArea .contestOther .slide{width:calc(25% - 2rem) !important;flex-shrink:0 !important;}
    .zoom3 .contestView .detailArea{justify-content:start;}
    .zoom3 .contestView .detailArea .infoBx{width:100%;}
    .zoom4 .contestView .detailArea{justify-content:start;}
    .zoom4 .contestView .detailArea .infoBx{width:100%;}


    /* 소통광장 - 대통령과 함께하는 순간 */
    .momentArea .momentTop{overflow:hidden;padding:4rem;padding-right:50%;}
    .momentArea .momentTop .imgBx img{
        object-position:50%;
    }
    .momentArea .momentTop:after{
        width:62%;
    }
    /*.momentArea .momentTop .imgBx{right:-1rem;width:35%;bottom:auto;top:50%;transform:translateY(-50%);}*/
    .momentArea .momentTop .txtBx{word-break:keep-all;}
    .momentArea .momentTop .txtBx h3 br{display:block;}
    /*.zoom2 .momentArea .momentTop .imgBx{right:3rem;width:32%;}*/
    /*.zoom3 .momentArea .momentTop .imgBx{right:3rem;width:26rem;top:50%;transform:translateY(-50%);bottom:auto;}*/
    .zoom3 .momentArea .momentTop{padding-right:35%;}
    /*.zoom4 .momentArea .momentTop .imgBx{right:2rem;width:24rem;top:50%;transform:translateY(-50%);bottom:auto;}*/
    .zoom4 .momentArea .momentTop{padding-right:35%;}

    /* 민생 경제 현황 */
    .stateHeader .stateRank{gap:2.4rem;}
    .stateHeader .stateRank .rankItem{width:calc(50% - 1.2rem);}
    .rankList{gap:0.8rem;}
    .rankList .rankBx{width:calc(33.33% - 0.4rem);justify-content:start;padding:0.8rem 1.6rem;gap:0;}
    .stateHeader .stateRank .rankItem .rankTit{padding-right:1.6rem;}
    .rankList .rankBx .stateSubTit{width:100%;}
    .stateHeader .stateRank .rankItem{flex-wrap:wrap;}
    .stateHeader .stateRank .rankItem .rankTit{width:100%;padding-right:0;margin-bottom:0.4rem;}
    .stateCont .chartBx{padding:2rem;}

    /* 국정과제 */
    .nationalTasksArea .tasksSwiper{width:36rem;}
    .nationalTasksArea .tasksSwiper .slide{min-width:36rem;}
    .nationalTasksArea .tasksSwiper .slide .infoBx .num{font-size:1.6rem;}
    .nationalTasksArea .tasksSwiper .slide .infoBx .title{font-size:2.4rem;}
    .nationalTasksArea .tasksSwiper .swiper-slide-shadow-left,
    .nationalTasksArea .tasksSwiper .swiper-slide-shadow-right,
    .nationalTasksArea .tasksSwiper .swiper-slide-prev .swiper-slide-shadow-left{width:80%;}
    .nationalTasksArea .tasksSwiper .swiper-slide-next .swiper-slide-shadow-right{width:80%;}

    /* 국정과제 - 상세 */
    .tasksViewArea .tasksTab{max-width:calc(100vw - 28.8rem);}
    .tasksViewArea .tasksTab .tabList>li button{padding:0 2.4rem;height:5.6rem;font-size:1.8rem;}
    .tasksViewArea .accordion_item .btn_accordion{font-size:2.8rem;}
    .tasksViewArea .accordion_item .btn_accordion::after{top:2.8rem;}
    .tasksViewArea .accordion_item .accordion_txt{padding:2rem 8rem 6rem;}
    .tasksViewArea .accordion_item .accordion_txt .contHead h3{font-size:2.4rem;}
    .tasksViewArea .accordion_item .accordion_txt .contHead .dept{font-size:1.8rem;}
    .tasksViewArea .accordion_item .accordion_txt .contBx h4{font-size:2.2rem;}

    /* 대통령 일정 - 상세 */
    .schedule.view .dayInfo .infoList>li{margin:0 4.8rem 0 0rem;width:calc(50% - 4.8rem);}
    .schedule.view .dayInfo .infoList>li:nth-child(even){margin:0 0rem 0 4.8rem;margin-left:calc(50% + 4.8rem);}
    .schedule.view .dayInfo .infoList>li::before{right:calc(-4.8rem - (2rem / 2));}
    .schedule.view .dayInfo .infoList>li::after{right:-4.8rem;}
    .schedule.view .dayInfo .infoList>li:nth-child(even)::before{right:auto;left:calc(-4.8rem - (2rem / 2));}
    .schedule.view .dayInfo .infoList>li:nth-child(even)::after{left:-4.8rem;}


    /*** 콘텐츠 ***/
    /* 공통 */
    .contSection.row{gap:4.8rem;}
    .contSection.row > .contTitle{width:20rem;}
    .contSection.row > .contInfoBx{width:calc(100% - (20rem + 4.8rem));}

    /* 인사말 */
    .greetingsArea{gap:4.8rem;}
    .greetingsArea .imgArea{width:34%;}
    /* .greetingsArea .txtArea{width:calc(66% - 4.8rem);} */
    .greetingsArea .txtArea h3{font-size:3.2rem;}
    .greetingsArea .txtArea .txtBx{padding-right:4.8rem;}
    .greetingsArea .txtArea p{font-size:1.8rem;}
    .zoom2 .greetingsArea{gap:4.6rem;}
    .zoom2 .greetingsArea .imgArea{width:34%;}
    .zoom2 .greetingsArea .txtArea{width:calc(66% - 4.6rem);}
    .zoom2 .greetingsArea .txtArea h3{font-size:3rem;}
    .zoom2 .greetingsArea .txtArea .txtBx{padding-right:4.6rem;}
    .zoom3 .greetingsArea{gap:4.5rem;}
    .zoom3 .greetingsArea .imgArea{width:34%;}
    .zoom3 .greetingsArea .txtArea{width:calc(66% - 4.5rem);}
    .zoom3 .greetingsArea .txtArea h3{font-size:2.9rem;}
    .zoom3 .greetingsArea .txtArea .txtBx{padding-right:4.5rem;}
    .zoom4 .greetingsArea{gap:4.4rem;}
    .zoom4 .greetingsArea .imgArea{width:34%;}
    .zoom4 .greetingsArea .txtArea{width:calc(66% - 4.4rem);}
    .zoom4 .greetingsArea .txtArea h3{font-size:2.8rem;}
    .zoom4 .greetingsArea .txtArea .txtBx{padding-right:4.4rem;}

    /* 프로필 */
    .profileArea{gap:4.8rem;}
    .profileArea .imgArea{width:34%;}
    .profileArea .txtArea{width:calc(66% - 4.8rem);}
    .profileArea .nameBx{padding:4rem 0;}
    .profileArea .nameBx h3{font-size:5.6rem;}
    .profileArea .nameBx h4{font-size:4rem;}
    .profileArea .contBx h4{margin-bottom:3rem;}
    .profileArea .contBx .profileList li{gap:3rem;}
    .profileArea .contBx .profileList li span.title{width:calc(100% - 21.6rem);}
    .profileArea .contBx + .contBx{margin-top:6.4rem;}
    .zoom2 .profileArea{gap:4.6rem;}
    .zoom2 .profileArea .txtArea{width:calc(66% - 4.6rem);}
    .zoom2 .profileArea .nameBx h3{font-size:5.4rem;}
    .zoom2 .profileArea .nameBx h4{font-size:3.8rem;}
    .zoom2 .profileArea .contBx + .contBx{margin-top:6.3rem;}
    .zoom3 .profileArea{gap:4.5rem;}
    .zoom3 .profileArea .txtArea{width:calc(66% - 4.5rem);}
    .zoom3 .profileArea .nameBx h3{font-size:5.3rem;}
    .zoom3 .profileArea .nameBx h4{font-size:3.7rem;}
    .zoom3 .profileArea .contBx + .contBx{margin-top:6.2rem;}
    .zoom4 .profileArea{gap:4.4rem;}
    .zoom4 .profileArea .txtArea{width:calc(66% - 4.4rem);}
    .zoom4 .profileArea .nameBx h3{font-size:5.2rem;}
    .zoom4 .profileArea .nameBx h4{font-size:3.6rem;}
    .zoom4 .profileArea .contBx + .contBx{margin-top:6.1rem;}

    /* 저서 */
    .booksList > li .contBx .in{position:relative;}
    .booksList > li .contBx .imgBx{width:30%;}
    .booksList > li .contBx .txtBx h3{font-size:2.4rem;}

    /* 상징체계 */
    .ciArea{word-break:keep-all;}
    .ciArea .ciTop{padding:4.8rem;}
    .ciArea br{display:none;}

    /* 사전정보공개목록 */
    .infoSystemList .item{padding:0.8rem 2.4rem;word-break:keep-all;overflow-wrap:anywhere;}
    .infoSystemList .item:not(.itemTitle){padding:0.8rem 1.6rem;}
    .infoSystemList .itemTitle{width:42%;}
    .infoSystemList .itemCycle{width:16%;}
    .infoSystemList .itemTime{width:16%;}
    .infoSystemList .itemDept{width:16%;}
    .infoSystemList .itemLink{width:10%;}
    .infoSystemList .accordion_item .accordion_txt{padding:3.2rem 2.4rem;}
    .infoSystemList .infoSystemBx .lineBx{padding:2rem;}
    .infoSystemList .tableWrap .tableType1 colgroup col:nth-child(1){width:6.6rem !important;}

    /* 오시는길 */
    .comewayArea .contSection + .contSection{margin-top:4.8rem;padding-top:4.8rem;}
    .comewayArea .infoBx p br{display:none;}
    .comewayArea .infoBx p.busTxt br{display:block;}

    /* 청와대 소개 */
    .blueInfoArea .contSection.row > .contTitle{width:33.2rem;}
    .blueInfoArea .contSection.row > .contInfoBx{width:calc(100% - (33.2rem + 5.6rem));}
}

@media only screen and (min-width:1041px) and (max-width:1440px){
    /*** 프로그램 ***/
    /* 소통광장 - 의견더하기 상세 */
    .opinionArea .opinionBx .opinionList .opinionItem{width:calc(50% - 2rem);}
    .opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList{min-height:35.6rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button{height:7.2rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button .txt{font-size:1.6rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination{flex-wrap:wrap;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button.first{order:1;gap:0.4rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button.prev{order:2;gap:0.4rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button.next{order:3;gap:0.4rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button.last{order:4;gap:0.4rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination>.paging{order:5;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button span{position: relative;width: auto;height: auto; margin: 0;overflow: unset;clip: unset;font-size:1.5rem;}
}

@media screen and (max-width: 1300px) {
    /* 소통광장 - 대통령과 함께하는 순간 */
    .momentArea .momentTop{padding-right:0;}
    .momentArea .momentTop .txtBx p{box-sizing:border-box;width:30rem;}
    /*.momentArea .momentTop .imgBx{right:2rem;width:30rem;top:auto;bottom:2rem;transform:none;}
    .zoom2 .momentArea .momentTop .imgBx{right:2rem;width:28%;}
    .zoom3 .momentArea .momentTop .imgBx{right:2rem;width:22rem;top:auto;bottom:2rem;transform:none;}*/
    .zoom3 .momentArea .momentTop{padding-right:0;}
    /*.zoom4 .momentArea .momentTop .imgBx{right:1.6rem;width:18rem;top:auto;bottom:2rem;transform:none;}*/
    .zoom4 .momentArea .momentTop{padding-right:0;}

    /* 소통광장 - 대통령과 함께하는 순간 - 등록 */
    .typeSub .pageInfo.momentPagi{flex:0 1 34rem;}
    .typeSub .pageInfo.momentPagi .pageTitleArea .pageTit{word-break:keep-all;}
    .momentStepArea .stepWrap{bottom:calc(100% + 6.4rem);}

    /* 민생 경제 현황 */
    .stateHeader{padding:3rem;}
    .stateCont .in{padding:0 3rem 3rem;}
    .stateHeader .stateTitBx{align-items:start;flex-direction:column;justify-content:start;width:100%;}
    .stateHeader .stateTitBx .stateTit{font-size:3.2rem;}
    .stateHeader .stateTitBx .totalBx{justify-content:start;align-items:start;width:100%;gap:0.8rem;}
    .stateHeader .stateTitBx .totalBx .stateBx{height:auto;padding:1.2rem 2.4rem;gap:1.6rem;width:calc(63% - 0.8rem);justify-content:space-between;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateSubTit{font-size:2rem;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateData .num{font-size:2.4rem;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateData .unit{font-size:1.8rem;}
    .stateHeader > .detailBtn{right:3rem;top:3rem;padding:0 1.6rem 0 2.4rem;}
    .stateHeader .tooltip_action .btn{width:2rem;height:2rem;}
    .stateHeader .stateTooltip .tooltip_txt{font-size:1.6rem;}
    .stateHeader .stateData.same::after{width:0.8rem;height:0.3rem;}
    .stateHeader .stateRank{gap:1.6rem;margin-top:2rem;}
    .stateHeader .stateRank .rankItem{width:calc(50% - 0.8rem);}

    /* 민생·경제 현황 | 251217 수정 */
    .stateHeader .stateTitBx{width:80%;min-height:6.4rem;}
    .stateHeader .stateRank.rank1,
    .stateHeader .stateRank.rank5{padding-left:0;}
    .stateHeader .stateRank.rank1 .rankList .rankBx{flex:1;}
    .stateHeader .stateRank.rank5{width:100%;}
    .stateHeader .stateRank.rank5 .rankList{flex:unset;width:100%;}
    .stateHeader .stateRank.rank5 .rankList .rankBx{flex:0 1 calc(50% - 0.4rem);min-width:calc(50% - 0.4rem);}
    .stateHeader .stateTitBx .stateTit br{display:none;}
    .stateHeader .infoTxt{text-align:left;}
    .stateHeader .infoTxt br{display:none;}
    /* //민생·경제 현황 */
    .zoom2 .stateHeader{padding:3rem;}
    .zoom3 .stateHeader{padding:3rem 2.8rem;}
    .zoom4 .stateHeader{padding:3rem 2.6rem;}
    .zoom4 .stateHeader .stateTitBx{width:70%;}

    /* 대통령 일정 */
    .zoom3 .schedule.view .month_top{padding-bottom:2.4rem;}
    .zoom3 .schedule .month_top>span.year{font-size:2rem;line-height:2.8rem;}
    .zoom3 .schedule.view .dayInfo{flex-wrap:wrap;justify-content:start;align-items:start;}
    .zoom3 .schedule.view .dayInfo .infoList{width:100%;}
    .zoom3 .schedule.view .dayInfo .infoList::before{left:3.1rem;transform:none;}
    .zoom3 .schedule.view .dayInfo .infoList>li{width:100%;margin:0;padding-left:5.5rem;}
    .zoom3 .schedule.view .dayInfo .infoList>li:nth-child(even){margin:0;}
    .zoom3 .schedule.view .dayInfo .infoList>li::before,
    .zoom3 .schedule.view .dayInfo .infoList>li:nth-child(even)::before{right:auto;left:2.2rem;}
    .zoom3 .schedule.view .dayInfo .infoList>li::after,
    .zoom3 .schedule.view .dayInfo .infoList>li:nth-child(even)::after{right:auto;left:2.2rem;width:4.8rem;}
    .zoom3 .schedule.view .dayInfo .infoList>li + li{margin-top:2.4rem !important;}
    .zoom3 .schedule.view .dayInfo .infoList .info{padding:1.6rem 2rem;}
    .zoom3 .schedule.view .dayInfo .infoList .info span{font-size:1.5rem;}
    .zoom3 .schedule.view .dayInfo .infoList .info span.tit{font-size:1.8rem;}
    .zoom4 .schedule.view .month_top{padding-bottom:2.4rem;}
    .zoom4 .schedule .month_top>span.year{font-size:2rem;line-height:2.8rem;}
    .zoom4 .schedule.view .dayInfo{flex-wrap:wrap;justify-content:start;align-items:start;}
    .zoom4 .schedule.view .dayInfo .infoList{width:100%;}
    .zoom4 .schedule.view .dayInfo .infoList::before{left:3.1rem;transform:none;top:-3.2rem;}
    .zoom4 .schedule.view .dayInfo .infoList>li{width:100%;margin:0;padding-left:5.5rem;}
    .zoom4 .schedule.view .dayInfo .infoList>li:nth-child(even){margin:0;}
    .zoom4 .schedule.view .dayInfo .infoList>li::before,
    .zoom4 .schedule.view .dayInfo .infoList>li:nth-child(even)::before{right:auto;left:2.2rem;}
    .zoom4 .schedule.view .dayInfo .infoList>li::after,
    .zoom4 .schedule.view .dayInfo .infoList>li:nth-child(even)::after{right:auto;left:2.2rem;width:4.8rem;}
    .zoom4 .schedule.view .dayInfo .infoList>li + li{margin-top:2.4rem !important;}
    .zoom4 .schedule.view .dayInfo .infoList .info{padding:1.6rem 2rem;}
    .zoom4 .schedule.view .dayInfo .infoList .info span{font-size:1.5rem;}
    .zoom4 .schedule.view .dayInfo .infoList .info span.tit{font-size:1.8rem;}

    /* 순방 모아보기 */
    .visitArea .visit_cont .visitItem{width:calc(33.33% - 2rem);}

    /* 의견더하기 - 상세 */
    .zoom4 .notionalView .titBx .date{display: flex;width: 100%;flex-wrap: wrap;justify-content: center;text-align: center;}
    .zoom4 .notionalView .titBx .date span.txt::before{display:none;}
    .zoom2 .opinionArea .opinionBx .opinionList .opinionItem,
    .zoom3 .opinionArea .opinionBx .opinionList .opinionItem,
    .zoom4 .opinionArea .opinionBx .opinionList .opinionItem{width:100%;}
    .zoom2 .opinionArea .opinionBx .opinionList .opinionItem + .opinionItem,
    .zoom3 .opinionArea .opinionBx .opinionList .opinionItem + .opinionItem,
    .zoom4 .opinionArea .opinionBx .opinionList .opinionItem + .opinionItem{margin-top: 4rem;}


    /*** 콘텐츠 ***/
    /* 공통 */
    .contSection.row > .contTitle{width:18rem;}
    .contSection.row > .contInfoBx{width:calc(100% - (18rem + 4.8rem));}
    .contSection + .contSection{margin-top:9.6rem;}

    /* 인사말 */
    .greetingsArea .txtArea h3{font-size:2.4rem;}
    .zoom2 .greetingsArea .txtArea{width:100%;}
    .zoom2 .greetingsArea .txtArea h3{font-size:2.4rem;}
    .zoom3 .greetingsArea .txtArea{width:100%;}
    .zoom3 .greetingsArea .txtArea h3{font-size:2.4rem;}
    .zoom4 .greetingsArea .txtArea{width:100%;}
    .zoom4 .greetingsArea .txtArea h3{font-size:2.4rem;}

    /* 프로필 */
    .profileArea .nameBx{padding:3.2rem 0;}
    .profileArea .nameBx h3{font-size:4.8rem;margin-bottom:0.8rem;}
    .profileArea .nameBx h4{font-size:3.2rem;}
    .profileArea .contBx h4{font-size:2.8rem;}
    .profileArea .contBx .profileList li{gap:3rem;}
    .profileArea .contBx .profileList li span{font-size:1.8rem;}
    .profileArea .contBx .profileList li span.year{width:17.2rem;}
    .profileArea .contBx .profileList li span.title{width:calc(100% - 20.2rem);}
    .zoom2 .profileArea .txtArea{width:100%;}
    .zoom3 .profileArea .txtArea{width:100%;}
    .zoom4 .profileArea .txtArea{width:100%;}

    /* 저서 */
    .booksList::before{left:1rem;transform:none;}
    .booksList > li{width:100%;}
    .booksList > li .contBx .in{padding:3rem;gap:3rem;}
    .booksList > li .contBx .imgBx{width:auto;}
    .booksList > li .contBx .imgBx img{box-shadow:1.5rem 1.5rem 5rem rgba(0, 0, 0, 0.13);}
    .booksList > li:nth-child(odd){padding-right:0;padding-left:4rem;}
    .booksList > li:nth-child(odd)::before{right:auto;left:0;}
    .booksList > li:nth-child(odd)::after{right:auto;left:0;}
    .booksList > li:nth-child(odd) .imgBx{order:1;}
    .booksList > li:nth-child(odd) .txtBx{order:2;}
    .booksList > li:nth-child(even){margin-left:0;}
    .booksList > li:nth-child(even)::before{left:0;}
    .booksList > li:nth-child(even)::after{left:0;}
    .booksArea .bar{left:1rem;transform:none;}
    .zoom2 .booksList > li .contBx .imgBx{width:34%;}
    .zoom3 .booksList > li .contBx .imgBx{width:34.5%;}
    .zoom4 .booksList > li .contBx .imgBx{width:35%;}

    /* 정보공개제도 */
    .infoSystem .systemBx{flex-wrap:wrap;}
    .infoSystem .systemBx .item{flex:auto;width:100%;}
    .infoSystem .processList{gap:4.8rem;}
    .infoSystem .processList li{width:9rem;min-width:auto;}
    .infoSystem .processList li::after{width:4rem;left:calc(100% + 0.4rem);}
    .infoSystem .processList li p{gap:0;}
    .infoSystem .processList li .num{width:100%;}
    .infoSystem .wayList{gap:2.4rem;}
    .infoSystem .wayList> li{flex:0 1 calc(50% - 1.2rem);}
    .zoom4 .infoSystem .processList li {min-width: 9rem;}

    /* 사전정보공개목록 */
    .infoSystemList .tableWrap{gap:2.4rem;}


    /* 국정과제 - 상세 */
    .tasksViewArea .tasksTab .tabList>li a{padding:0 2.4rem;}


    /* 상징체계 */
    .zoom2 .contSection.row{flex-wrap:wrap;flex-direction:column;}
    .zoom2 .contSection.row > .contInfoBx{width:100%;}
    .zoom3 .contSection.row{flex-wrap:wrap;flex-direction:column;}
    .zoom3 .contSection.row > .contInfoBx{width:100%;}
    .zoom4 .contSection.row{flex-wrap:wrap;flex-direction:column;}
    .zoom4 .contSection.row > .contInfoBx{width:100%;}

    /* 청와대 소개 */
    .blueInfoArea .contSection.row{flex-wrap:wrap;flex-direction:column;}
    .blueInfoArea .contSection.row > .contTitle{width:100%;}
    .blueInfoArea .contSection.row > .contInfoBx{width:100%;}
    .blueInfoArea .imgBxArea .swiper-wrapper{flex-direction:row;}

}


@media screen and (max-width: 1280px) {
    /* 대통령 일정 */
    .schedule .calendar .txt_wrap .txtList{display:none;}
    .schedule .calendar .check_dot {display:block;width:0.8rem;height:0.8rem;border-radius:50%;background:var(--color-element-danger);margin:0.8rem 0 0;}
    .schedule .mbView{margin-top:6rem;padding:2rem 16px 3.2rem;border:var(--border-width) solid var(--color-border-gray-light);border-radius:1.2rem;background-color:var(--color-surface-white-subtle);}
    .schedule .mbView .date {padding-bottom:2.4rem;font-size:2.4rem;font-weight:700;text-align:center;}
    .schedule .mbView .holidayTxt{display:none;}
    .schedule .mbView .badge{margin-bottom:1.6rem;}
    .schedule .mbView .txtList.dot>li {padding-left:2.4rem;}
    .schedule .mbView .txtList.dot>li::before {left:1rem;}
    .schedule .mbView .txtList.dot>li br {display:none;}
    [data-mode=dark] .schedule .mbView{border-width:0.2rem;}

    /* 소통광장 - 대통령과 함께하는 순간 */
    .momentArea .momentList{gap:3rem 2rem;margin-right:-2rem;}
    .momentArea .momentList li{width:calc(33.33% - 2rem);}

    /* 민생 경제 현황 */
    .stateHeader .stateRank .rankItem{width:100%;}

    /* 소통광장 - 온라인 공모 - 상세 */
    .contestView .otherArea .contestOther .slide{width:calc(33.33% - 2rem);}
    .zoom2 .contestView .otherArea .contestOther .slide,
    .zoom3 .contestView .otherArea .contestOther .slide,
    .zoom4 .contestView .otherArea .contestOther .slide{width:calc(33.33% - 2rem) !important;}


    /*** 콘텐츠 ***/
    /* 상단 배너 | 정부 업무보고 배너 */
    .boardBnr .decoBx .deco1{width:28rem;}
    .boardBnr .decoBx .deco2{width:28rem;}
    .boardBnr .decoBx .deco3{width:6.4rem;height:6.4rem;left:2.8rem;bottom:-1rem;}
    .boardBnr .decoBx .deco4{width:28rem;height:28rem;left:3.2rem;bottom:-22rem;}
    .boardBnr .decoBx .deco5{width:12rem;height:12rem;right:6.4rem;top:-6rem;}
    .boardBnr .decoBx .deco6{width:28rem;height:50%;right:0;bottom:0;}
    .boardBnr .decoBx .deco7{width:28rem;height:50%;right:0;bottom:0;}
}

@media only screen and (max-width:1040px){
    /*** 프로그램 ***/
    /* 리스트 상단 */
    .option_top .searchBox .selectBase {width:16rem;}

    /* 소통광장 - 의견 더하기 */
    .nationalArea .topDetailBx{padding:3rem 3rem 3rem 14.8rem;background-position:left 3rem center;}

    /* 소통광장 - 의견더하기 상세 */
    .typeSub article .notionalView .division + .division{margin-top:6rem;}
    .notionalView .detailArea .detailBx{padding:3rem;}
    .notionalView .titBx .date span.tit::before{flex-shrink:0;}
    .notionalView .detailTxt{padding:2rem;}
    .notionalView .division > h3{font-size:2.4rem;margin-bottom:1.5rem;}
    .pointArea .pointBx{padding:3rem;}
    .pointArea .pointBx .pointItem{gap:1.5rem;}
    .pointArea .pointBx .pointItem + .pointItem{margin-top:2rem;}
    .opinionArea .opinionBx{padding:3rem;}
    .opinionArea .opinionBx .opinionList .opinionItem{width:100%;}
    .opinionArea .opinionBx .opinionList .opinionItem + .opinionItem{margin-top:4rem;}
    .opinionArea .opinionBx .opinionList .opinionItem h4{margin-bottom:0.8rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList{min-height:auto;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination{margin-top:3rem;}
    .otherArea .card_area{margin:0;gap:3rem;}
    .otherArea .card_area .card_item{width:100%;}
    .nationalArea .card_area .card_item a{padding:3rem;gap:4rem;}
    .nationalArea .card_area .card_item .card_body{gap:1.6rem;}
    .nationalArea .card_area .card_item .card_like .like_item{font-size:1.8rem;}

    /* 대통령 일정 */
    .schedule .month_top{padding-bottom:4rem;margin-bottom:2.4rem;}
    .schedule .month_top .btn_today{height:4rem;bottom:0;}
    .schedule .calendar{width:calc(100% + 4.8rem);margin-left:-2.4rem;}
    .schedule .calendar table th{height:4.4rem;text-align:center;}
    .schedule .calendar table th span{display:none;}
    .schedule .calendar table tbody td{padding:0.8rem 0.2rem;height:4.4rem;text-align:center;}
    .schedule .calendar td .box{display:flex;align-items:center;flex-direction:column;}
    .schedule .calendar td .box a{display:flex;align-items:center;box-sizing:border-box;flex-direction:column;}
    /* .schedule .calendar td .box a:focus{outline-offset:-0.2rem;box-shadow:inset 0 0 0 0.4rem var(--color-divider-primary);} */
    .schedule .calendar .num{font-size:1.8rem;}
    .schedule .calendar .txt_wrap .badge{margin-top:0.4rem;}
    .schedule .calendar .info{justify-content:center;gap:0.4rem;}
    .schedule .calendar .holidayTxt{font-size:1.4rem;}
    .schedule .calendar .check_dot{margin:0.8rem auto 0;order:4;width:0.6rem;height:0.6rem;}

    /* 대통령 일정 - 상세 */
    .schedule.view .dayInfo .infoList>li{width:calc(50% - 3.2rem);}
    .schedule.view .dayInfo .infoList>li:nth-child(even){margin:0 0rem 0 3.2rem;margin-left:calc(50% + 3.2rem);}
    .schedule.view .dayInfo .infoList>li::before{right:calc(-3.2rem - (2rem / 2));}
    .schedule.view .dayInfo .infoList>li::after{right:-3.2rem;}
    .schedule.view .dayInfo .infoList>li:nth-child(even)::before{right:auto;left:calc(-3.2rem - (2rem / 2));}
    .schedule.view .dayInfo .infoList>li:nth-child(even)::after{left:-3.2rem;}
    .schedule.view .dayInfo .infoList .info{padding:2rem 2.4rem;}
    .schedule.view .dayInfo .infoList .info span{font-size:1.6rem;}
    .schedule.view .dayInfo .infoList .info span.tit{font-size:2rem;}

    /* 순방 모아보기 */
    .visitArea .visit_top .visitForm .selectBase{width:100%;}
    .visitArea .visit_top .visitForm .selectBase .drop_menu{width:100%;}

    /* 소통광장 - 국민의견 상세 */
    .typeSub article .opinionView .division + .division{margin-top:4rem;}
    .opinionView .opinionStep .stepList::before{top:3rem;}
    .opinionView .opinionStep .stepList .stepItem .iconBx{width:6rem;height:6rem;}
    .opinionView .opinionStep .stepList .stepItem .iconBx .icon{width:3.6rem;height:3.6rem;}
    .opinionView .opinionStep .stepList .stepItem .stepTit{font-size:1.6rem;}
    .opinionView .otherArea .card_item a{gap:2rem;}

    /* 소통광장 - 국민의견 - 약관동의 */
    .opinionStepArea .stepTop{flex-direction:column;align-items:start;gap:2rem;}
    .opinionStepArea .stepWrap{position:static;right:auto;left:0;bottom:0;width:100%;}
    .opinionStepArea .stepWrap li{flex:1 1 0;position:relative;}
    .opinionStepArea .stepWrap li:last-child{flex:0 0 2rem;}
    .opinionStepArea .stepWrap li > span{padding:0;min-width:auto;width:2rem;height:2rem;}
    .opinionStepArea .stepWrap li .step{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
    .opinionStepArea .stepWrap li .stepTit{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
    .opinionStepArea .termsAgree .agreeArea{padding:3rem;height:44rem;}
    .opinionStepArea .termsAgree .agreeArea.mCustomScrollbar{padding-right:2.4rem;}

    /* 소통광장 - 국민의견 - 국민의견 작성 */
    .opinionStepArea .infoBx{padding:3rem;}
    .formBx{padding:3rem;gap:4rem;}
    .formBx .form_group{gap:1.6rem;}

    /* 소통광장 - 국민의견 - 등록완료 */
    .completeArea .completeTit{font-size:3.2rem;margin-bottom:2.4rem;}
    .completeArea .completeTit::before{width:4rem;height:4rem;}
    .completeArea .contBx{padding:2.4rem;}
    .completeArea .contBx p.tit{font-size:1.8rem;}
    .completeArea .contBx p.txt{font-size:1.6rem;}

    /* 소통광장 - 온라인 공모 - 상세 */
    .contestView .detailArea{gap:3rem;}
    .contestView .detailArea .imgBx{width:30%;height:0;padding-top:42.86%;}
    .contestView .detailArea .infoBx{width:calc(70% - 3rem);}
    .contestView .detailArea .infoBx h3{font-size:2.8rem;}
    .contestView .otherArea h3{font-size:2.4rem;margin-bottom:1.5rem;}

    /* 소통광장 - 온라인 공모 - 등록완료 */
    .completeArea.contest .contBx .tit{font-size:2.4rem;margin-bottom:2rem;}
    .completeArea.contest .contBx .txt{padding:2rem;border-radius:0.8rem;}

    /* 소통광장 - 대통령과 함께하는 순간 - 등록 */
    .typeSub .pageInfo.momentPagi{flex:0 1 100%;}

    /* 국정과제 */
    .nationalTasksArea{overflow:unset;}

    /* 국정과제 - 상세 */
    .tasksViewArea{width:calc(100% + 4.8rem);margin-left:-2.4rem;overflow:hidden;}
    .tasksViewArea .tasksTab{max-width:calc(100% + 8rem);width:100% !important;margin-left:0 !important;margin-right:0 !important;padding:0 2.4rem !important;}
    .tasksViewArea .tasksTab.tabScrollP{width:calc(100% + 8rem) !important;margin-left:4rem !important;margin-right:4rem !important;padding:0 8rem !important;}
    .tasksViewArea .tasksTab .tabList>li a{padding:0 1.6rem;height:5.6rem;font-size:1.9rem;}
    .tasksViewArea .tasksTab .tabList>li button{padding:0 1.6rem;}
    .tasksViewArea .accordion_item .btn_accordion{font-size:2.2rem;padding:2rem;padding-right:5.2rem;}
    .tasksViewArea .accordion_item .btn_accordion::after{top:2.4rem;right:2rem;}
    .tasksViewArea .accordion_item .accordion_txt{padding:2rem 2rem 6rem;}
    .tasksViewArea .accordion_item .accordion_txt .contHead{gap:0.8rem;}
    .tasksViewArea .accordion_item .accordion_txt .contHead h3{font-size:2rem;}
    .tasksViewArea .accordion_item .accordion_txt .contHead .dept{font-size:1.8rem;}
    .tasksViewArea .accordion_item .accordion_txt .contBx h4{font-size:1.8rem;}
    .tasksViewArea .subPageTit{padding:0 2.4rem;}


    /*** 콘텐츠 ***/
    /* 공통 */
    .contSection.row{flex-direction:column;gap:2.4rem;}
    .contSection.row > .contTitle,
    .contSection.row > .contInfoBx{width:100%;}
    .contSection + .contSection{margin-top:8rem;}

    /* 인사말 */
    .greetingsArea{gap:2.4rem;}
    .greetingsArea .imgArea{
        position:relative;
        width:100%;
    }
    .greetingsArea .imgArea img.bg{
        top:50%;
        left:50%;
        right:auto;
        bottom:auto;
        width:calc(100% + 27rem);
        transform:translate(-50%,-50%);
    }
    .greetingsArea .imgArea img.mo{
        display:block;
        position:relative;
        margin:0 auto;
        width:calc(100% - 3.2rem);
        max-width:358px;
        aspect-ratio:357/371;
		z-index:99;
    }
    .greetingsArea .imgArea img.pc{
        display:none;
        position:static;
        margin:0 auto;
		z-index:99;
    }
    .greetingsArea .txtArea .txtBx,
    .greetingsArea .txtArea{
        width:100%;
    }
    .greetingsArea .txtArea .txtBx{padding-right:0;}
    .greetingsArea .imgArea{
        padding-top:6rem
    }

    /* 프로필 */
    .profileArea {gap:2.4rem;}
    .profileArea .txtArea{width: calc(66% - 2.4rem);}
    .profileArea .nameBx{padding:3.2rem 0;}
    .profileArea .contBx .profileList li{gap:2.4rem;}
    .profileArea .contBx .profileList li span.title{width:calc(100% - 19.6rem);}

    /* 상징체계 */
    .ciArea .ciTop{padding:3.2rem;margin-bottom:4rem;}
    .ciArea .ciTop p{margin-bottom:3rem;}

    /* 정보공개제도 */
    .infoSystem .systemBx .item{padding:2.4rem 2.4rem 12rem;}

    /* 사전정보공개목록 */
    .infoSystemList{border-top: var(--border-width) solid var(--color-divider-gray-light);}
    .infoSystemList .systemTop{display:none;}
    .infoSystemList .infoItem{flex-wrap:wrap;padding:1.6rem 2.4rem;padding-right:7.2rem;position:relative;}
    .infoSystemList .item{min-height:auto;}
    .infoSystemList .item,
    .infoSystemList .item:not(.itemTitle){padding:0;}
    .infoSystemList .itemTitle{width:100%;margin-bottom:0.4rem;}
    .infoSystemList .itemCycle,
    .infoSystemList .itemTime,
    .infoSystemList .itemDept,
    .infoSystemList .itemLink{width:auto;}
    .infoSystemList .itemCycle,
    .infoSystemList .itemTime,
    .infoSystemList .itemDept{font-size:1.5rem;}
    .infoSystemList .itemCycle,
    .infoSystemList .itemTime{display:inline-flex;align-items:center;margin-right:0.8rem;}
    .infoSystemList .itemCycle::after,
    .infoSystemList .itemTime::after{content:"";width:0.1rem;height:1.4rem;display:inline-flex;align-items:center;background-color:var(--color-divider-gray-light);}
    .infoSystemList .itemLink{position:absolute;right:2.4rem;top:50%;transform:translateY(-50%);}
    .infoSystemList .accordion_item .btn_accordion{flex-wrap:wrap;padding:1.6rem 2.4rem;padding-right:7.2rem;}
    .infoSystemList .accordion_item .accordion_txt{padding:2.4rem;}
    .infoSystemList .infoSystemBx .lineBx{padding:2rem;}
    .infoSystemList .tableType0 colgroup col:nth-child(1){width:14rem !important;}


    /* 상단 배너 | 정부 업무보고 배너 */
    .bannerTop{padding:4rem;}
    .boardBnr .bnrTit{font-size:4.2rem;}
    .boardBnr .bnrTxt{font-size:2.4rem;}
    .boardBnr .date{font-size:2rem;}
    .boardBnr .decoBx .deco1{width:28rem;}
    .boardBnr .decoBx .deco2{width:28rem;}
    .boardBnr .decoBx .deco3{width:6.4rem;height:6.4rem;left:2.8rem;bottom:-1rem;}
    .boardBnr .decoBx .deco4{width:26rem;height:26rem;left:3.2rem;bottom:-20rem;}
    .boardBnr .decoBx .deco5{width:12rem;height:12rem;right:6.4rem;top:-6rem;}
    .boardBnr .decoBx .deco6{width:28rem;height:70%;right:0;bottom:0;}
    .boardBnr .decoBx .deco7{width:28rem;height:70%;right:0;bottom:0;}

    /* 상단배너 | 260105 추가 */
    .bgBannerTop{width:calc(100% - 4.8rem);margin:0 auto 4rem;}
    .bgBannerTop .subBadge{margin-bottom:1rem;}
    .bgBannerTop .subPageTit{font-size:3.2rem;padding:0;}

    .momentArea .momentTop:after{
        width:74%;
    }
}

@media only screen and (max-width: 767px){
    /*** 프로그램 ***/
    /* 검색 입력폼 */
    .filterBx .filterForm{margin:0;width:100%;}
    .filterBx .filterForm > div{width:100%;}

    /* 리스트 상단 */
    .option_top{gap:0.8rem;margin-bottom:1.6rem;}
    .option_top .option_sort li{gap:0.8rem;}
    .option_top .option_sort .m_sort_btn{display:block;}
    .option_top .option_sort .m_sort_btn .selectBase{border:none;height:2.4rem;font-size:1.7rem;background-position:right center;padding-right:2.4rem;}
    .option_top .option_sort .w_sort_btn{display:none;}
    .option_top .searchBox.option1 .selectBase{width:12.5rem;}
    .option_top .searchBox.option1 .inputBtnArea{width:calc(100% - 13rem);}
    .option_top .searchBox.option2 .selectBase{width:calc(50% - 0.4rem);}
    .option_top .searchBox.option2 .inputBtnArea{width:100%;}

    /* 소통광장 - 의견 더하기 */
    .nationalArea .topDetailBx{padding:10rem 2.4rem 3rem;background-position:left 2.4rem top 3rem;gap:3rem;}
    .nationalArea .topDetailBx .btnBx .btn{padding:8px 1.6rem;font-size:1.6rem;}
    .nationalArea .topDetailBx .txtBx .infoList{gap:0.8rem;}
    .nationalArea .topDetailBx .txtBx .infoList li{width:100%;}
    .nationalArea .topDetailBx .txtBx .infoList li:not(:first-child){margin-left:0;}
    .nationalArea .topDetailBx .txtBx .infoList li:not(:first-child)::before{display:none;}
    .card_area{margin:0;width:100%;}
    .nationalArea .card_area .card_item{width:100%;}
    .nationalArea .card_area .card_item a{padding:2.4rem 2rem;}
    .nationalArea .card_area .card_item .card_like{gap:1.6rem;}

    /* 소통광장 - 의견더하기 상세 */
    .typeSub article .notionalView .division + .division{margin-top:4rem;}
    .notionalView .detailArea .detailBx{padding:2.4rem 2rem;margin-bottom:3rem;}
    .notionalView .titBx .date{display:flex;width:100%;flex-wrap:wrap;justify-content:center;text-align:center;}
    .notionalView .titBx .date span{width:100%;text-align:center;justify-content:center;font-size:1.5rem;}
    .notionalView .titBx .date span.txt::before{display:none;}
    .notionalView .detailTxt{margin-top:2.4rem;}
    .notionalView .detailArea .btn.secondary{min-width:100%;width:100%;}
    .pointArea .pointBx{padding:2.4rem 2rem;}
    .pointArea .pointBx .pointItem{gap:1rem;}
    .opinionArea .opinionBx{padding:2.4rem 2rem;}
    .opinionArea .opinionBx .opinionWrite .btnCk{width:100%;}
    .opinionArea .opinionBx .opinionWrite .btnCk button{font-size:1.6rem;min-width:50%;padding:0 1rem;}
    .opinionArea .opinionBx .opinionWrite .btnCk button::before{width:2rem;height:2rem;}
    .opinionArea .opinionBx .opinionWrite .write fieldset{flex-wrap:wrap;}
    .opinionArea .opinionBx .opinionWrite .write fieldset .btnBx{width:100%;}
    .opinionArea .opinionBx .opinionWrite .write fieldset .btnBx .btn{width:100%;}
    .opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button .txt{font-size:1.5rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .opinionBtnList button .count{font-size:1.5rem;}
    .nationalArea .card_area .card_item a{padding:2.4rem 2rem;}
    .nationalArea .card_area .card_item .card_body{gap:1rem;}
    .nationalArea .card_area .card_item .card_like .like_item{font-size:1.7rem;}

    /* 대통령 일정 */
    .schedule .month_top{margin-bottom:2rem;padding-bottom:4.8rem;}
    .schedule .month_top>span.year{font-size:2.8rem;line-height:3.2rem;}
    .schedule .month_top .btn_today{padding:0 1.2rem;height:3.6rem;}
    .schedule .calendar table th{font-size:1.6rem;}
    .schedule .calendar table tbody td{font-size:1.6rem;}
    .schedule .calendar .num{font-size:1.6rem;}
    .schedule .calendar .holidayTxt{font-size:1.2rem;line-height:1.3;}
    .schedule .calendar .check_dot{width:0.4rem;height:0.4rem;margin-top:0.4rem;}
    .schedule .calendar .txt_wrap .badge{padding:0 0.6rem;}
    .schedule .mbView{margin-top:4rem;}
    .schedule .mbView .date{font-size:1.8rem;}

    /* 대통령 일정 - 상세 */
    .schedule.view .month_top{padding-bottom:2.4rem;}
    .schedule .month_top>span.year{font-size:2rem;line-height:2.8rem;}
    .schedule.view .dayInfo{flex-wrap:wrap;justify-content:start;align-items:start;}
    .schedule.view .dayInfo .infoList{width:100%;}
    .schedule.view .dayInfo .infoList::before{left:3.1rem;transform:none;}
    .schedule.view .dayInfo .infoList>li{width:100%;margin:0;padding-left:5.5rem;}
    .schedule.view .dayInfo .infoList>li:nth-child(even){margin:0;}
    .schedule.view .dayInfo .infoList>li::before,
    .schedule.view .dayInfo .infoList>li:nth-child(even)::before{right:auto;left:2.2rem;}
    .schedule.view .dayInfo .infoList>li::after,
    .schedule.view .dayInfo .infoList>li:nth-child(even)::after{right:auto;left:2.2rem;width:4.8rem;}
    .schedule.view .dayInfo .infoList>li + li{margin-top:2.4rem !important;}

    .schedule.view .dayInfo .infoList>li.badgeRow{
        margin:2.4rem 0 0 0 !important;
        padding-left:1.2rem;
    }

    .schedule.view .dayInfo .infoList .info{padding:1.6rem 2rem;}
    .schedule.view .dayInfo .infoList .info span{font-size:1.5rem;}
    .schedule.view .dayInfo .infoList .info span.tit{font-size:1.8rem;}
    .schedule.view .btn_wrap .btn{min-width:100%;width:100%;}

    /* 순방 모아보기 */
    .visitArea .visit_top .visitName{font-size:4.4rem;padding:1.6rem;}
    .visitArea .visit_top .visitForm .visitDay{
      top:-54%;
    }
    .visitArea .visit_top .visitForm .selectBase{
      padding:1.6rem;
    }
    .visitArea .visit_top .visitForm .selectBase::after{
      margin-top:1.4rem;
    }
    .visitArea .visit_top .visitForm .selectBase .toggleBtn{
      font-size:4.4rem;
    }
    .visitArea .visit_cont{padding-top:3.2rem;}
    .visitArea .visit_cont .contTop,
    .visitArea .visit_cont .contList{flex-wrap:wrap;}
    .visitArea .visit_cont .visitItem{width:calc(50% - 2rem);}
    .visitArea .visit_cont .visitItem .imgBx{width:100%;padding-top:64.81%;}
    .visitArea .visit_cont .contTop .visitItem:nth-child(2) .txtBx .tit{font-size:1.8rem;}
    .visitArea .visit_cont .contTop .visitItem:nth-child(1){order:2;}
    .visitArea .visit_cont .contTop .visitItem:nth-child(2){width:calc(100% - 2rem);order:1;}
    .visitArea .visit_cont .contTop .visitItem:nth-child(3){order:3;}
    .visitArea .visit_cont .contList .visitItem:nth-child(2){padding-top:0;}
    .visitArea .visit_cont .contList .visitItem:nth-child(3){padding-top:0;}
    .visitArea .visit_cont .contTop .visitItem:nth-child(2),
    .visitArea .visit_cont .contList .visitItem:nth-child(3){border-left-color:transparent !important;}
    .visitArea .visit_cont .contList .visitItem:nth-child(even){border-right-color:transparent;}
    .visitArea .visit_cont .contTop{margin-bottom:0;}
    .visitArea .visit_cont .contTop::before{display:none;}
    .visitArea .visit_cont .contTop .visitItem.videoType:nth-child(2) .imgBx::before{width:4rem;height:4rem;}

    /* 소통광장 - 국민의견 */
    .nationalTop>.btn{min-width:100%;width:100%;margin-top:2rem;}

    /* 소통광장 - 국민의견 상세 */
    .opinionView .opinionStep .nationalTxt{padding:9rem 2.4rem 2.4rem;background-position:left 2.4rem top 2rem;}
    .opinionView .opinionStep .stepList{gap:4rem;align-items:start;margin-bottom:2rem;}
    .opinionView .opinionStep .stepList::before{top:2.5rem;}
    .opinionView .opinionStep .stepList .stepItem{width:8rem;}
    .opinionView .opinionStep .stepList .stepItem .iconBx{width:5rem;height:5rem;}
    .opinionView .opinionStep .stepList .stepItem .iconBx .icon{width:3.2rem;height:3.2rem;}
    .opinionView .opinionStep .stepList .stepItem .stepTit{font-size:1.4rem;}
    .opinionView .detailArea .btn{min-width:100%;width:100%;}
    .opinionView .otherArea .card_item a{gap:2rem;}
    .opinionView .otherArea .card_item .Heading_medium{font-size:2.2rem;}
    .opinionView .btn_area .btn{min-width:100%;width:100%;}


    /* 소통광장 - 국민의견 - 약관동의 */
    .opinionStepArea .termsAgree .agreeArea{padding:2.4rem;height:auto;}
    .opinionStepArea .termsAgree .agreeArea.mCustomScrollbar .mCSB_inside > .mCSB_container{margin-right:0;}
    .opinionStepArea .termsAgree .itemBx .agreeBx{padding:2rem;flex-direction:column;gap:2.4rem;align-items:start;}
    .opinionStepArea .termsAgree .itemBx .agreeBx .radio_area{width:100%;gap:0;}
    .opinionStepArea .termsAgree .itemBx .agreeBx .radio_area .input_radio{flex:1;}
    .opinionStepArea .termsAgree .agreeArea.mCustomScrollbar .mCSB_scrollTools{display:none !important;}
    .opinionStepArea .btn_area{flex-wrap:wrap;gap:1.6rem;}
    .opinionStepArea .btn_area .btn{min-width:100%;width:100%;}

    /* 약관 동의 팝업 */
    .agreePopup .agreeHead{flex-direction:column;margin-bottom:1.6rem;justify-content:start;align-items:start;}
    .agreePopup .agreeHead h3{width:auto;font-size:1.9rem;}
    .agreePopup .agreeHead .agreeNavi .btn{width:3.2rem;height:3.2rem;}
    .agreePopup .agreeBody{padding:2rem;height:33rem;margin-bottom:1.6rem;}
    .agreePopup .agreeBody .agreeTit{font-size:1.9rem;font-weight:700;margin-bottom:1.6rem;}
    .agreePopup .agreeBody .txtList>li>.txtList{margin-top:0.8rem;}
    .agreePopup .agreeBody .txtList.dot>li::before{left:0.8rem;}
    .agreePopup .agreeBody .txt{margin-top:1.6rem;}
    .agreePopup .agreeBody.mCustomScrollbar{padding-right:1rem;}
    .agreePopup .agreeBox{padding:1.6rem;}

    /* 소통광장 - 국민의견 - 국민의견 작성 */
    .opinionStepArea .infoBx{padding:2.4rem;}
    .opinionStepArea .infoBx .infoTit{margin-bottom:1.6rem;font-size:2.2rem;}
    .opinionStepArea .infoBx .infoTit::before{width:2.4rem;height:2.4rem;}
    .formBx{padding:2.4rem;}
    .formBx .form_group{gap:1rem;}
    .formBx .form_group .form_conts{width:100%;}
    .formBx .form_group .selectBase{width:100%;}

    /* 소통광장 - 국민의견 - 등록완료 */
    .completeArea .completeTit{font-size:2.8rem;display:block;padding-top:6rem;}
    .completeArea .completeTit::before{width:4rem;height:4rem;display:block;margin:0 auto;}

    /* 소통광장 - 온라인 공모 - 목록 */
    .contestList{gap:3rem 2rem;margin-right:-2rem;width:auto;}
    .contestList .card_item{width:calc(50% - 2rem);}

    /* 소통광장 - 온라인 공모 - 상세 */
    .contestView .detailArea{gap:2.4rem;justify-content:start;padding:2.4rem;}
    .contestView .detailArea .imgBx{width:50%;padding-top:71.5%;}
    .contestView .detailArea .infoBx{width:100%;}
    .contestView .detailArea .btn{width:100%;min-width:100%;}
    .contestView .otherArea .contestOther .slide{width:calc(50% - 2rem);}
    .contestView .otherArea .contestOther .swiperPagi,
    .contestView .otherArea .contestOther .swiperBtn{margin-top:2rem;}

    /* 소통광장 - 온라인 공모- 온라인 공모 신청 */
    .contestStepArea .infoBx .txtList li{padding-left:3rem;font-size:1.7rem;}
    .contestStepArea .infoBx .txtList li::before{width:2rem;height:2rem;}
    .contestStepArea .formBx .form_group .form_label{font-size:2.2rem;}

    /* 소통광장 - 대통령과 함께하는 순간 */
    .momentArea .momentTop{padding:3.2rem;padding-bottom:22.4rem;}
    .momentArea .momentTop .txtBx h3{font-size:2.2rem;}
    .momentArea .momentTop .txtBx p{font-size:1.4rem;width:26rem;}
    .momentArea .momentTop .txtBx .btn{font-size:1.5rem;padding:0 1.4rem 0 2rem;height:4rem;}
    .momentArea .momentTop .txtBx .btn .svg_icon{width:1.6rem;height:1.6rem;}
    /*.momentArea .momentTop .imgBx{width:24rem;right:3.2rem;bottom:1.6rem;}*/
    .momentArea .momentList li{width:calc(50% - 1rem);}

    .momentArea .momentTop:after{
        display:none;
    }
    .momentArea .momentTop .imgBx{
        width:100%;
    }
    .momentArea .momentTop .imgBx img{
        width:100%;
        height:auto;
        object-position:center;
        position:absolute;
        bottom:0;
    }

    /* 민생 경제 현황 */
    .stateHeader{padding:2.4rem;}
    .stateHeader .stateTitBx .stateTit{font-size:2.8rem;}
    .stateHeader .stateTitBx .totalBx .infoTxt{font-size:1.4rem;}
    .stateHeader .stateTitBx .totalBx .stateBx{gap:0.8rem;padding:1rem 1.6rem;width:100%;justify-content:space-between;min-width:100%;flex-wrap:wrap;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateSubTit{font-size:1.8rem;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateData .num{font-size:2rem;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateData .unit{font-size:1.6rem;}
    .stateHeader .stateRank{gap:1.6rem;flex-direction:column;align-items:start;}
    .stateHeader .stateRank .rankItem{width:100%;}
    .stateHeader .stateRank .rankItem .rankTit{font-size:1.8rem;}
    .rankList{align-items:stretch;}
    .rankList .rankBx{justify-content:space-between;gap:0.4rem 0.8rem;}
    .rankList .rankBx .stateSubTit{font-size:1.6rem;flex-shrink:0;}
    .rankList .rankBx .stateData .num{font-size:1.6rem;}
    .stateHeader .stateTooltip .tooltip_area{width:100%;}
    .stateHeader .stateTooltip .tooltip_txt{font-size:1.4rem;}
    .stateHeader .stateTooltip .tooltip_cont{left:1.8rem !important;}
    .stateHeader .stateTooltip .tooltip_cont::before{left:2.4rem;margin-left:0;}
    .tooltipCont{left:1.6rem !important;}
    .tooltipCont::before{left:2.4rem;margin-left:0;}
    .stateCont .chartBx{padding:0;}
    .stateCont .chartBx .chartInner{overflow-x: auto;padding:1.6rem;border-radius:1.2rem;}
    .stateCont .chartBx .chartInfo{min-width:68rem;}
    .stateCont .chartBx .chartInfo > div,
    .stateCont .chartBx .chartInfo > div > svg{width:68rem !important;}
    .stateHeader > .detailBtn{position:static;padding:0 2.4rem;gap:0.8rem;min-width:100%;width:100%;margin:1.6rem auto 0;height:4.8rem;}
    .stateHeader .stateData.same::after{height:0.2rem;}
    .stateHeader .stateTitBx{width:100%;min-height:auto;}


    /* 국정과제 */
    .nationalTasksArea .tasksSwiper{width:30.8rem;}
    .nationalTasksArea .tasksSwiper .slide{min-width:30.8rem;}
    .nationalTasksArea .tasksSwiper .slide .infoBx{padding:1.2rem 1.6rem 2rem;}
    .nationalTasksArea .tasksSwiper .slide .infoBx .num{font-size:1.4rem;}
    .nationalTasksArea .tasksSwiper .slide .infoBx .title{font-size:2.4rem;padding-right:3.2rem;}
    .nationalTasksArea .tasksSwiper .slide .infoBx .title::before{width:2.4rem;height:2.4rem;}
    .tasksViewArea .btn_area{padding:0 1.6rem;}
    .tasksViewArea .btn_area .btn{min-width:100%;width:100%;}

    /* 국정과제 - 상세 */
    .tasksViewArea{width:calc(100% + 3.2rem);margin-left:-1.6rem;}
    .tasksViewArea .tasksTab{max-width:calc(100% + 8rem);width:100% !important;margin-left:0 !important;margin-right:0 !important;padding:0 1.6rem !important;}
    .tasksViewArea .tasksTab.tabScrollP{width:calc(100% + 8rem) !important;margin-left:4rem !important;margin-right:4rem !important;padding:0 8rem !important;}
    .tasksViewArea .accordion_item .btn_accordion{padding:2rem 1.6rem;padding-right:5.2rem;}
    .tasksViewArea .accordion_item .btn_accordion::after{right:1.6rem;}
    .tasksViewArea .accordion_item .accordion_txt{padding:2rem 1.6rem 6rem;}
    .tasksViewArea .accordion_item .accordion_txt .contBx + .contBx{margin-top:2.4rem;}
    .tasksViewArea .accordion_item .accordion_txt .contBx h4{margin-bottom:0.8rem;}
    .tasksViewArea .btnList{gap:0.4rem;}
    .tasksViewArea .btnList .btn{padding:0 0.8rem;}
    .tasksViewArea .chartProcess .processTxt{gap:2rem;}
    .tasksViewArea .subPageTit{padding:0 1.6rem;}


    /*** 콘텐츠 ***/
    /* 공통 */
    .contSection .contInfoBx .infoBx .Heading_medium{font-size:2rem;}
    .contSection .contInfoBx .infoBx > h4 ~ p,
    .contSection .contInfoBx .infoBx > h4 ~ ul{margin-top:0.8rem;}
    .contSection .txtBody_large,
    .contSection .txtBody_largeB{font-size:1.7rem;}
    .contSection .txtBody_medium{font-size:1.6rem;}
    .contSection .contInfoBx .infoBx > ul > li{font-size:1.7rem;}
    .contSection .contInfoBx .infoBx > ul > li > ul > li{font-size:1.6rem;}
    .contSection .contInfoBx .infoBx > ul > li > ul > li > ul > li{font-size:1.5rem;}
    .contSection .contInfoBx .infoBx ul.dot > li::before{top:1rem;}
    .contSection .contInfoBx .infoBx .infoTxtBx .Heading_small{font-size:1.8rem;}
    .contSection .contInfoBx .infoBx .infoTxtBx ul > li{font-size:1.7rem;}

    /* 인사말 */
    .greetingsArea{gap:2.4rem;flex-direction:column;}
    .greetingsArea .imgArea{width:100%;}
    .greetingsArea .txtArea{
        width:100%;
        padding:1rem 1.6rem 8rem;
    }
    .greetingsArea .txtArea h3{margin-bottom:3rem;}
    .greetingsArea .txtArea .txtBx{padding-right:0;}
    .greetingsArea .txtArea .sign{flex-direction:column;gap:0.4rem;align-items:end;}

    /* 프로필 */
    .profileArea {gap:4rem;flex-direction:column;}
    .profileArea .imgArea{width:50%;}
    .profileArea .txtArea{width:100%;}
    .profileArea .nameBx{padding:2.4rem 0;margin-bottom:3rem;}
    .profileArea .nameBx h3{font-size:4rem;}
    .profileArea .nameBx h4{font-size:2.8rem;}
    .profileArea .contBx h4{font-size:2.4rem;margin-bottom:2rem;}
    .profileArea .contBx .profileList{gap:1.6rem;}
    .profileArea .contBx .profileList li{gap:1.6rem;}
    .profileArea .contBx .profileList li span.title{width:calc(100% - 18.8rem);}
    .profileArea .contBx + .contBx {margin-top:4rem;}

    /* 저서 */
    .booksList{gap:3.2rem 0;}
    .booksList > li .contBx .in{padding:2.4rem;gap:2.4rem;}
    .booksList > li .contBx .imgBx{width:10rem;}
    .booksList > li:nth-child(odd),
    .booksList > li:nth-child(even){padding-left:3.4rem;}
    .booksList > li .contBx .txtBx h3{font-size:2rem;}
    .booksList > li .contBx .txtBx .infoList dd{font-size:1.4rem;}
    .booksList > li .contBx .txtBx .summatTxt{font-size:1.4rem;}
    .booksList > li .contBx .txtBx .txt{font-size:1.5rem;}

    /* 상징체계 */
    .ciArea .ciTop{padding:3.2rem 2.4rem;}
    .ciArea .ciTop p{font-size:1.7rem;}
    .ciArea .markBx{position:relative;height:0;overflow:hidden;padding-top:40.695%;}
    .ciArea .markBx img{position:absolute;left:50%;top:0;width:100%;height:100%;object-fit:cover;transform:translateX(-50%);object-position:center;}

    /* 조직도 */
    .orgArea .imgPc{display:none;}
    .orgArea .imgM{display:block;}
    .orgArea .imgM img{width:auto;margin:0 auto;}

    /* 정보공개 제도 */
    .infoSystem .systemBx .item{padding:2.4rem 2.4rem 10.4rem;background-size:6.4rem;background-position:right 2.4rem bottom 2rem;}
    .infoSystem .systemBx .item h5{font-size:1.8rem;}
    .infoSystem .systemProcess{padding:2.4rem;}
    .infoSystem .systemProcess li{width:100%;}
    .infoSystem .processList{gap:6.4rem;}
    .infoSystem .processList li p{gap:0.4rem;}
    .infoSystem .processList li .num{width:auto;}
    .infoSystem .processList li::after{right:auto;left:50%;transform:translate(-50% ,0) rotate(90deg);top:calc(100% + 2rem);}
    .infoSystem .wayList{padding:2.4rem;gap:2rem;}
    .infoSystem .wayList> li{flex:auto;width:100%;}
    .infoSystem .wayList .txtBody_largeB{margin-bottom:0.4rem;}

    /* 사전정보공개목록 */
    .infoSystemList .infoItem,
    .infoSystemList .accordion_item .btn_accordion{padding:1.6rem;padding-right:5.2rem;}
    .infoSystemList .itemLink{right:1.6rem;}
    .infoSystemList .itemLink .btn.icon{width:2.4rem;height:2.4rem;}
    .infoSystemList .btn.icon .ico_link{width:2rem;height:2rem;}
    .infoSystemList .accordion_item .accordion_txt{padding:2rem;}
    .infoSystemList th,
    .infoSystemList td{font-size:1.5rem !important;}
    .infoSystemList .contTable .txtList{gap:0.8rem;}
    .infoSystemList .contTable .txtList li{font-size:1.5rem;}
    .infoSystemList .contTable .txtList.dot li::before{top:0.8rem;}
    .infoSystemList .tableWrap{gap:2rem;flex-wrap:wrap;}
    .infoSystemList .tableWrap .tableItem{flex:auto;width:100%;}
    .infoSystemList .tableType0 colgroup col:nth-child(1){width:13rem !important;}
    .infoSystemList .tableType2 colgroup col:nth-child(1){width:13rem !important;}
    .infoSystemList .tableType2 colgroup col:nth-child(3){width:7rem !important;}
    .infoSystemList .tableWrap .tableType1 colgroup col:nth-child(1){width:6rem !important;}

    /* 정보공개지침 팝업 */
    #systemPop .popContBx ~ .popContBx{margin-top:3rem;}
    #systemPop .popContBx .Heading_small{font-size:2rem;}
    #systemPop .popContBx .txtList > li{font-size:1.6rem;}
    #systemPop .popContBx .txtList>li>.txtList>li{font-size:1.5rem;}
    #systemPop .popContBx .txtList>li>.txtList>li>.txtList>li{font-size:1.4rem;}


    /* 상단 배너 | 정부 업무보고 배너 */
    .bannerTop{padding:4.2rem 2.4rem;}
    .boardBnr .bnrTit{font-size:3.2rem;margin-bottom:1rem;}
    .boardBnr .bnrTxt{font-size:2rem;}
    .boardBnr .date{font-size:1.7rem;}
    .boardBnr .date span:first-child::after{width:3rem;}
    .boardBnr .decoBx .deco1{width:18.2rem;opacity:0.5;}
    .boardBnr .decoBx .deco2{width:18.2rem;opacity:0.6;}
    .boardBnr .decoBx .deco3{width:3.47rem;height:3.47rem;left:1.4rem;bottom:-0.6rem;}
    .boardBnr .decoBx .deco4{width:10.2rem;height:10.2rem;left:3rem;bottom:-7rem;opacity:0.8;}
    .boardBnr .decoBx .deco5{width:8.7rem;height:8.7rem;right:2.5rem;top:-4rem;}
    .boardBnr .decoBx .deco6{width:15rem;height:9rem;right:0;bottom:0;}
    .boardBnr .decoBx .deco7{width:15rem;height:9rem;right:0;bottom:0;}
    .boardBnr .bgBx .m{display:block;}
    .boardBnr .bgBx .pc{display:none;}
    .boardBnr .bnrTxt2 span{display:block;}

    /* 오시는 길 */
    .comewayArea .imgBx{margin-bottom:4rem;}
    .comewayArea .badgeTxt{align-items:start;}
    .comewayArea .badgeTxt .badge{margin-top:0.4rem;}

    /* 청와대 소개 */
    .blueInfoArea .imgBxArea .swiper-wrapper{flex-direction:row;gap:0;}
    .blueInfoArea .imgBxArea .slide{flex:1 0 100%;}
    .blueInfoArea .swiperControl{margin-top:2rem;}
    .blueInfoArea .swiperControl .swiperPagi{display:flex;align-items:center;justify-content:center;gap:0.8rem;}
    .blueInfoArea .swiperControl .swiperPagi .swiper-pagination-bullet{display:inline-flex;align-items:center;opacity:1;background:var(--color-surface-disabled);}
    .blueInfoArea .swiperControl .swiperPagi .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color-surface-inverse);}

    /* 상단배너 | 260105 추가 */
    .bgBannerTop{width:calc(100% - 3.2rem);padding:3.2rem 2.4rem;}
    .bgBannerTop .subPageTit{font-size:2.4rem;padding:0;}
}

@media only screen and (max-width:600px){
    /* 리스트 상단 */
    .option_top .option_sort{width:100%;text-align:right;}
    .option_top .searchBox{flex-wrap: wrap;}
    .option_top .searchBox .selectBase{width:100%;max-width:100%;}
    .option_top .searchBox .inputBtnArea{width:100%;}

    /* 소통광장 - 의견더하기 상세 */
    .opinionArea .opinionBx h4{font-size:2.2rem;}
    .opinionArea .opinionBx .opinionWrite .btnCk button{flex-direction:column;padding:0.8rem 1.6rem;border-radius:1rem;gap:0.8rem;height:auto;}
    .opinionArea .opinionBx .opinionWrite .btnCk button .num{width:100%;}

    /* 민생 경제 현황 */
    .stateCont .chartBx .chartInfo{min-width:50rem;}
    .stateCont .chartBx .chartInfo > div,
    .stateCont .chartBx .chartInfo > div > svg{width:50rem !important;height:32rem !important;}

    /* 소통광장 - 대통령과 함께하는 순간 */
    /*.momentArea .momentTop .imgBx{width:16rem;}*/
}

@media only screen and (max-width:480px){
    /* 순방 모아보기 */
    .visitArea .visit_cont .visitItem{width:100%;}
    .visitArea .visit_cont .visitItem .txtBx{padding-bottom:1rem;}
    .visitArea .visit_cont .contTop,
    .visitArea .visit_cont .contList{gap:2rem;margin:0;width:100%;}
    .visitArea .visit_cont .contTop{margin-bottom:2rem;}
    .visitArea .visit_cont .contTop::before{width:100%;}
    .visitArea .visit_cont .contTop .visitItem + .visitItem,
    .visitArea .visit_cont .contTop .visitItem,
    .visitArea .visit_cont .contList .visitItem + .visitItem,
    .visitArea .visit_cont .contList .visitItem{border-left:none;border-right:none;margin-right:0;width:100%;}

    /* 소통광장 - 국민의견 상세 */
    .opinionView .opinionStep .stepList{gap:1rem;justify-content:space-between;}

    /* 소통광장 - 국민의견 - 등록완료 */
    .completeArea .btn_area{justify-content:center;gap:2rem;flex-direction:column;}

    /* 소통광장 - 온라인 공모 - 목록 */
    .contestList{gap:3rem 2rem;margin-right:0;width:100%;}
    .contestList .card_item{width:100%;}

    /* 소통광장 - 온라인 공모 - 상세 */
    .contestView .detailArea .imgBx{width:70%;padding-top:100.2%;}
    .contestView .detailArea .infoBx .txtList span{width:100%;}
    .contestView .otherArea .contestOther .slide{width:100%;}

    /* 소통광장 - 대통령과 함께하는 순간 */
    .momentArea .momentList{margin:0;}
    .momentArea .momentList li{width:100%;}

    /* 민생 경제 현황 */
    .stateHeader{padding:2.4rem 2rem;}
    .rankList .rankBx{flex:unset;width:100%;}
    .rankList .rankBx .stateSubTit{width:auto;max-width:100%;}
    .stateCont .chartBx .chartInfo{min-width:48rem;}
    .stateCont .chartBx .chartInfo > div,
    .stateCont .chartBx .chartInfo > div > svg{width:48rem !important;height:auto !important;}
    .stateHeader > .detailBtn{padding:0 1.6rem;gap:0.4rem;right:2rem;}
    .stateHeader > .detailBtn .ico_more{width:2rem;height:2rem;}
    .stateHeader .stateTooltip .tooltip_area{align-items:start;}
    .stateHeader .stateTooltip .tooltip_area .tooltip_action{align-items:start;}
    .tooltipCont{width:calc(100% - 3.2rem);box-sizing:border-box;}
    .tooltipCont br{display:none;}

    /* 민생·경제 현황 | 251217 수정 */
    .stateHeader .stateRank.rank1 .rankList .rankBx{flex:unset;}
    .stateHeader .stateTitBx .stateRank .rankList .rankBx{width:100%;}
    .stateHeader .stateRank.rank1 .rankList .rankBx,
    .stateHeader .stateRank.rank5 .rankList .rankBx {flex: 0 1 100%;min-width:100%;}
    /* //민생·경제 현황 */

    /* 국정과제 */
    .nationalTasksArea .tasksSwiper{width:28rem;}
    .nationalTasksArea .tasksSwiper .slide{min-width:28rem;}
    .nationalTasksArea .tasksSwiper .slide .infoBx .title{padding-right:2.4rem;}
    .nationalTasksArea .tasksSwiper .slide .infoBx .title::before{width:1.6rem;height:1.6rem;}


    /*** 콘텐츠 ***/
    /* 인사말 */
    .greetingsArea .imgArea{width:100%;}
    .greetingsArea .txtArea h3 br{display:none;}

    /* 프로필 */
    .profileArea .imgArea{width:100%;}
    .profileArea .contBx .profileList{gap:2.4rem;}
    .profileArea .contBx .profileList li{gap:0.4rem;}
    .profileArea .contBx .profileList li span.title{width:100%;}

    /* 저서 */
    .booksList > li .contBx .in{gap:2rem;}
    .booksList > li .contBx .imgBx{width:6.6rem;position:absolute;left:2.4rem;top:2.4rem;}
    .booksList > li .contBx .txtBx h3,
    .booksList > li .contBx .txtBx .infoList{padding-left:8.6rem;box-sizing:border-box;}
    .booksList > li .contBx .txtBx .infoList{margin-bottom:0;gap:0.2rem;justify-content:start;align-items:start;}
    .booksList > li .contBx .txtBx .infoList dd{margin-right:0;width:100%;overflow-wrap:anywhere;}
    .booksList > li .contBx .txtBx .infoList dd::after{display:none;}
    .booksList > li .contBx .txtBx .summatTxt{margin-top:2.4rem;}

    /* 사전정보공개목록 */
    .infoSystemList .infoItem .txt,
    .infoSystemList .itemCycle, .infoSystemList .itemTime, .infoSystemList .itemDept{font-size:1.4rem;}
    .infoSystemList .tableType0 colgroup col:nth-child(1){width:35% !important;}
    .contTable table tbody th[scope="row"]{padding-left:0.8rem;padding-right:0.8rem;}
}

@media only screen and (max-width:390px){
    /* 민생 경제 현황 */
    .stateCont .chartBx .chartInfo{min-width:44rem;height:28rem;}
    .stateCont .chartBx .chartInfo > div,
    .stateCont .chartBx .chartInfo > div > svg{width:44rem !important;}
}

@media only screen and (max-width:389px){
    /* 소통광장 - 대통령과 함께하는 순간 */
    .momentArea .momentTop .txtBx p{width:100%;}
    .momentArea .momentTop .txtBx p br{display:none;}
    /*.momentArea .momentTop .imgBx{width:14rem;right:1.6rem;}*/

    /* 저서 */
    .booksList > li .contBx .imgBx{width:5.4rem;}
    .booksList > li .contBx .txtBx h3,
    .booksList > li .contBx .txtBx .infoList{padding-left:7rem;}
}


/* print */
@media print  {
    /* 소통광장 - 의견더하기 상세 */
    .notionalView .division{page-break-after:always;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination{flex-wrap:wrap;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button.first{order:1;gap:0.4rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button.prev{order:2;gap:0.4rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button.next{order:3;gap:0.4rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button.last{order:4;gap:0.4rem;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination>.paging{order:5;}
    .opinionArea .opinionBx .opinionList .opinionItem .numberPagination > button span{position: relative;width: auto;height: auto; margin: 0;overflow: unset;clip: unset;font-size:1.5rem;}
    .notionalView .card_area{margin-right:0;gap:0;justify-content:space-between;}
    .notionalView .card_area .card_item{width:calc(50% - 1.5rem);}
    .notionalView .card_area .card_item a{gap:4rem;padding:3rem;}
    .notionalView .card_area .card_item .card_body p{white-space:normal;}
    .notionalView .card_area .card_item .card_like{gap:1.6rem;}
    .notionalView .card_area .card_item:last-child{margin-top:3rem;}
    .typeSub article .notionalView .division + .division{margin-top:2rem;}

    /* 순방모아보기 */
    .visitArea .visit_top .visitForm{flex-wrap:wrap;gap:1rem;height:auto;}
    .visitArea .visit_top .visitForm .visitDay{position:relative;right:auto;left:0;top:0;transform:none;width:100%;justify-content:center;margin-bottom:1rem;}
    .visitArea .visit_cont{padding-top:3rem;}
    .visitArea .visit_cont .visitItem.videoType .imgBx::before{width:4rem;height:4rem;}
    .visitArea .visit_cont .contTop .visitItem.videoType:nth-child(2) .imgBx::before{width:4.8rem;height:4.8rem;}
    .visitArea .visit_cont .no_articleArea{page-break-after:always;}
    .visitArea .visit_cont .visitItem{page-break-after:auto;page-break-inside:avoid;}

    /* 민생 경제 현황 | 251217 수정 */
    .peopleStateArea .stateItem{page-break-after:auto;}
    .peopleStateArea .stateHeader{page-break-after:auto;page-break-inside:avoid;}
    .peopleStateArea .stateCont{page-break-after:auto;page-break-inside:avoid;}
    .stateHeader{padding:3rem;}
    .stateHeader .stateRank{gap:1.6rem;margin-top:2rem;}
    .stateHeader .stateRank .rankItem{width:100%;flex-wrap:wrap;}
    .stateHeader .stateRank .rankItem .rankTit{width:100%;padding-right:0;margin-bottom:0.4rem;}
    .rankList{gap:0.8rem;}
    .rankList .rankBx{width:calc(33.33% - 0.4rem);justify-content:start;padding:0.8rem 1.6rem;gap:0;}
    .rankList .rankBx .stateSubTit{width:100%;font-size:1.8rem;}
    .rankList .rankBx .stateData .num{font-size:1.8rem;}
    .rankList .rankBx .stateData.up::after,
    .rankList .rankBx .stateData.down::after{width:1.6rem;height:1.6rem;}
    .stateHeader .stateData.same::after{width:0.8rem;height:0.3rem;}
    .stateHeader .stateTitBx{align-items:start;flex-direction:column;justify-content:start;width:100%;min-height:6.4rem;}
    .stateHeader .stateTitBx .stateTit{font-size:3.2rem;}
    .stateHeader .stateTitBx .totalBx{justify-content:start;align-items:start;width:100%;gap:0.8rem;}
    .stateHeader .stateTitBx .totalBx .stateBx{height:auto;padding:1.2rem 2.4rem;gap:1.6rem;width:calc(63% - 0.4rem);justify-content:space-between;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateSubTit{font-size:2rem;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateData .num{font-size:2.4rem;}
    .stateHeader .stateTitBx .totalBx .stateBx .stateData .unit{font-size:1.8rem;}
    .stateHeader > .detailBtn{right:3rem;top:3rem;padding:0 1.6rem 0 2.4rem;}
    .stateCont .in{padding:0 3rem 3rem;}
    .stateCont .chartBx{padding:2rem;}
    .stateHeader .tooltip_action .btn{width:2rem;height:2rem;}
    .stateHeader .stateTooltip .tooltip_txt{font-size:1.6rem;}
    .stateHeader .stateRank.rank1,
    .stateHeader .stateRank.rank5{padding-left:0;}
    .stateHeader .stateRank.rank1 .rankList .rankBx{flex:1;}
    .stateHeader .stateRank.rank5{width:100%;}
    .stateHeader .stateRank.rank5 .rankList{flex:unset;width:100%;}
    .stateHeader .stateRank.rank5 .rankList .rankBx{flex:0 1 calc(50% - 0.4rem);min-width:calc(50% - 0.4rem);}
    .stateHeader .stateTitBx .stateTit br{display:none;}
    .stateHeader .infoTxt{text-align:left;}
    .stateHeader .infoTxt br{display:none;}
    .stateCont .chartBx .chartInfo{position:relative !important;left:0 !important;top:0 !important;page-break-inside: avoid;display: block !important;}
    .stateCont .chartBx .chartInfo,
    .stateCont .chartBx .chartInfo > div,
    .stateCont .chartBx .chartInfo > div > svg,
    .highcharts-container,
    .highcharts-container svg {
        width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
    }
    /* //민생·경제 현황 */


    /*** 콘텐츠 ***/
    /* 공통 */
    .contSection.row > .contTitle{width:18rem;}
    .contSection.row > .contInfoBx{width:calc(100% - (18rem + 5.6rem));}
    .contSection + .contSection{margin-top:9.6rem;}

    /* 인사말 */
    .greetingsArea{gap:4.8rem;}
    .greetingsArea .imgArea{width:34%;}
    .greetingsArea .txtArea{width:calc(66% - 4.8rem);}
    .greetingsArea .txtArea h3{font-size:3.2rem;}
    .greetingsArea .txtArea .txtBx{padding-right:4.8rem;}
    .greetingsArea .txtArea p{font-size:1.8rem;}
    .greetingsArea .txtArea p br{display:none;}
    .greetingsArea .txtArea h3{font-size:2.4rem;}

    /* 프로필 */
    .profileArea{gap:4.8rem;}
    .profileArea .imgArea{width:34%;}
    .profileArea .txtArea{width:calc(66% - 4.8rem);}
    .profileArea .nameBx{padding:3.2rem 0;}
    .profileArea .nameBx h3{font-size:4.8rem;margin-bottom:0.8rem;}
    .profileArea .nameBx h4{font-size:3.2rem;}
    .profileArea .contBx h4{font-size:2.8rem;}
    .profileArea .contBx .profileList li{gap:3rem;}
    .profileArea .contBx .profileList li span{font-size:1.8rem;}
    .profileArea .contBx .profileList li span.year{width:17.2rem;}
    .profileArea .contBx .profileList li span.title{width:calc(100% - 20.2rem);}
    .profileArea .contBx + .contBx{margin-top:6.4rem;}

    /* 저서 */
    .booksList::before{display:none;}
    .booksList > li{width:100%;}
    .booksList > li .contBx .in{padding:3rem;gap:3rem;}
    .booksList > li .contBx .imgBx{width:auto;}
    .booksList > li .contBx .imgBx img{box-shadow:1.5rem 1.5rem 5rem rgba(0, 0, 0, 0.13);}
    .booksList > li:nth-child(odd){padding-right:0;padding-left:4rem;}
    .booksList > li:nth-child(odd)::before{right:auto;left:0;}
    .booksList > li:nth-child(odd)::after{right:auto;left:0;}
    .booksList > li:nth-child(odd) .imgBx{order:1;}
    .booksList > li:nth-child(odd) .txtBx{order:2;}
    .booksList > li:nth-child(even){margin-left:0;}
    .booksList > li:nth-child(even)::before{left:0;}
    .booksList > li:nth-child(even)::after{left:0;}
    .booksArea .bar{display:none;}

    /* 정보공개 제도 */
    .infoSystem .infoBx{page-break-after:auto;page-break-inside:avoid;}
    .infoSystem .systemBx{flex-wrap:wrap;}
    .infoSystem .systemBx .item{flex:auto;width:100%;}
    .infoSystem .processList{gap:4.8rem;}
    .infoSystem .processList li{width:9rem;min-width:auto;}
    .infoSystem .processList li::after{width:4rem;left:calc(100% + 0.4rem);}
    .infoSystem .processList li p{gap:0;}
    .infoSystem .processList li .num{width:100%;}
    .infoSystem .wayList{gap:2.4rem;}
    .infoSystem .wayList> li{flex:0 1 calc(50% - 1.2rem);}

    /* 사전정보공개목록 */
    .infoSystemList .item{padding:0.8rem 2.4rem;word-break:keep-all;overflow-wrap:anywhere;}
    .infoSystemList .item:not(.itemTitle){padding:0.8rem 1.6rem;}
    .infoSystemList .infoItem .item.itemTitle{gap:0.2rem 0.8rem;}
    .infoSystemList .itemTitle{width:42%;flex-wrap:wrap;align-content:center;}
    .infoSystemList .itemCycle{width:16%;}
    .infoSystemList .itemTime{width:16%;}
    .infoSystemList .itemDept{width:16%;}
    .infoSystemList .itemLink{width:10%;}
    .infoSystemList .accordion_item .accordion_txt{padding:3.2rem 2.4rem;}
    .infoSystemList .infoSystemBx .lineBx{padding:2rem;}

    /* 청와대 소개 */
    .blueInfoArea .contSection.row{flex-wrap:wrap;flex-direction:column;}
    .blueInfoArea .contSection.row > .contTitle{width:100%;}
    .blueInfoArea .contSection.row > .contInfoBx{width:100%;}
    .blueInfoArea .imgBxArea .swiper-wrapper{flex-direction:column;}
    .blueInfoArea .imgBxArea .slide{width:100% !important;}
    .blueInfoArea .infoBx{page-break-after:auto;page-break-inside:avoid;}

    /* 조직도 */
    .orgArea{width:100%;}
    .orgArea img{display:block;width:calc(100% - 0.2rem);max-width:100%;}
}

/* 국정 비전*/
.vision_group{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:1.6rem;
}
.vision_img img{
    width:100%;
    max-width:100%;
}
.vision_group a{
  display:flex;
  flex-direction: column;
  width:100%;
  font-size:2.4rem;
  font-weight:600;
  border-radius:1.2rem;
  color:#000;
}
.vision_group a:nth-of-type(1){background:#CED2E7;}
.vision_group a:nth-of-type(2){background:#EACDD1;}
.vision_group a:nth-of-type(3){background:#F2E9D9;}
.vision_group a:nth-of-type(4){background:#EEEEEE;}
.vision_group a:nth-of-type(5){background:#CFD0D0;}


.vision_group a .card-thumb {
    aspect-ratio: 330 / 230;
    border-radius:1.2rem 1.2rem 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.vision_group a[data-bg="bg1"] .card-thumb {
    background-image:url("/ajaxa/fileCpnt/iv.do?h=202602&p=1771557833902_0_0.png");
}
.vision_group a[data-bg="bg2"] .card-thumb {
    background-image:url("/ajaxa/fileCpnt/iv.do?h=202602&p=1771557844634_0_0.png");
}
.vision_group a[data-bg="bg3"] .card-thumb {
    background-image:url("/ajaxa/fileCpnt/iv.do?h=202602&p=1771557850843_0_0.png");
}
.vision_group a[data-bg="bg4"] .card-thumb {
    background-image:url("/ajaxa/fileCpnt/iv.do?h=202602&p=1771571271764_0_0.png");
}
.vision_group a[data-bg="bg5"] .card-thumb {
    background-image:url("/ajaxa/fileCpnt/iv.do?h=202602&p=1771557856079_0_0.png");
}


.vision_group a .card-body {
    display:flex;
    flex-direction:column;
    justify-content: center;
    flex:1;
    padding:3.2rem ;
    box-sizing:border-box;
    word-break:keep-all;
}

.vision_group a .card-body span{
    font-size:2rem;
}
.vision_group a .card-body p{
    display: flex;
    align-items:center;
    font-size:2.4rem;
}

.vision_group a .card-body p::after {
    content: "";
    width: 2rem;
    height: 2rem;
    mask: url(/type/common/img/common/ico_more.svg) no-repeat center center / contain;
    margin-left: auto;
    background-color: #02001F;
    flex-shrink: 0;
}

@media all and (max-width: 1440px){
  .vision_group a{
    font-size:20px;
  }
}

@media all and (max-width: 768px){
  .vision_group{
    grid-template-columns:repeat(2,1fr);
    gap: 16px;
  }
  .vision_group a{
    font-size:20px;
    border-radius:12px;
    width:100%;
  }
}

@media all and (max-width: 500px){
  .vision_group{
    grid-template-columns:repeat(1,1fr);
    gap: 16px;
  }
  .vision_group a{
    font-size:20px;
    border-radius:12px;
    width:100%;
  }
  .vision_group a .card-body{
    font-size:2rem;
  }
}