.contents_wrap { padding: 3rem 0 5.6rem}
.keyword_highlight { background: var(--primary); display: inline-block; color: var(--black);}
/* [S] sub visual */
.sub_visual_wrap { padding: 5rem 0 0.75rem; height: auto; position: relative; background: url("../../img/user_new/sub/sub_visual.jpg") no-repeat right bottom / cover; word-break: keep-all; display: flex; align-items: flex-end}
.sub_visual_wrap:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.57) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1}
.sub_visual_wrap .inner { z-index: 2; display: flex; flex-flow: column}
.sub_visual_wrap .sub_depth_01_tit { font-size: 2.2rem; font-weight: 700; color: var(--white); margin-bottom: 0.6rem}
.sub_visual_wrap .sub_depth_02_tit { font-size: 2.2rem; font-weight: 700; color: var(--white);}
.sub_visual_wrap .sub_depth_01_txt { font-size: 1.2rem; font-weight: 600; color: var(--white); line-height: 150%}
.sub_visual_wrap .sub_depth_02 { display: flex; align-items: center; margin-top: 2.0rem; gap: 2.4rem}
.sub_visual_wrap .sub_depth_02 .sub_depth_02_tit .inn { font-size: 1.04rem; font-weight: 600; padding: 0 0.2rem 0.24rem; border-bottom: solid 2px transparent; color: var(--gray30); display: inline-block}
.sub_visual_wrap .sub_depth_02 .sub_depth_02_tit.on .inn { border-bottom: solid 2px var(--primary); color: var(--white);}
.sub_visual_wrap .sub_depth_02 .sub_depth_02_tit .inn:hover,
.sub_visual_wrap .sub_depth_02 .sub_depth_02_tit .inn:focus { text-decoration: none}
.sub_visual_wrap .sub_depth_02 .sub_depth_02_tit:not(.on) .inn:hover,
.sub_visual_wrap .sub_depth_02 .sub_depth_02_tit:not(.on) .inn:focus { border-color: var(--white)}
/* [E] sub visual */

/* [S] sub tit */
.sub_tit_wrap { margin-bottom: 3rem}
.sub_tit { margin-bottom: 0.8rem; font-size: 1.6rem; font-weight: 800; word-break: keep-all}
.sub_txt { font-size: 0.8rem; font-weight: 500; line-height: 150%; word-break: keep-all}
.sub_con_tit { font-size: 1.44rem; font-weight: 800; text-align: center; margin-bottom: 1.6rem; word-break: keep-all}
.sub_con_tit .tag { position: relative; top: -0.8rem}
.sep_line { width: 100%; height: 2px; background: var(--black); margin-bottom: 2.4rem;}

.tit.ty_01 { font-size: 2.4rem; font-weight: 700; margin-bottom: 0.75rem;}
.tit.ty_02:not(.line_dot_tit) { font-size: 2.5rem; font-weight: 700; margin-bottom: 1.5rem;}
.tit.dot_ty_01 { font-size: 0.9rem; font-weight: 600; display: flex; align-items: center; gap: 0.5rem}
.tit.dot_ty_01:before { content: ""; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: var(--primary); flex-shrink: 0}
.tit.dot_ty_02 { font-size: 0.8rem; font-weight: 600; display: flex; align-items: center; gap: 0.5rem}
.tit.dot_ty_02:before { content: ""; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: var(--primary); flex-shrink: 0}

.tit.line_dot_tit { font-size: 0.88rem; font-weight: 600; display: inline-flex; width: auto; position: relative; color: var(--gray40);}
.tit.line_dot_tit { font-weight: 700; color: var(--black);}
.tit.line_dot_tit:before { content: ""; width: calc(100% + 0.4rem); height: 0.64rem; background: #e8e8e8; border-radius: 0.32rem; position: absolute; left: -0.2rem; bottom: -0.08rem}
.tit.line_dot_tit:after { content: ""; width: 0.64rem; height: 0.64rem; background: #e8e8e8; border-radius: 50%; position: absolute; right: -1.0rem; bottom: -0.08rem}
.tit.line_dot_tit .txt { position: relative; z-index: 2}

.tit.line_dot_tit.ty_02:before,
.tit.line_dot_tit.ty_02:after { background: var(--primary)}

.sub_section_tit { font-size: 0.9rem; font-weight: 600; margin-bottom: 1rem;}
.sub_section_tit_02 { font-size: 1rem; font-weight: 500; margin-bottom: 1rem;}

.round_underline { position: relative; display: inline-block}
.round_underline:after { content: ""; width: 100%; height: 0.75rem; border-radius: 0.325rem; background: var(--gray20); position: absolute; left: 0.125rem; bottom: -0.25rem}
.round_underline .inn_txt { position: relative; z-index: 2; font-size: 0.9rem; font-weight: 700; padding: 0 0.25rem}

.round_underline_ty_02 { position: relative; display: inline-block}
.round_underline_ty_02:after { content: ""; width: calc(100% + 0.5rem); height: 0.75rem; border-radius: 0.325rem; background: var(--primary30); position: absolute; left: -0.25rem; bottom: 0}
.round_underline_ty_02 .inn_txt { position: relative; z-index: 2}
/* [E] sub tit */

/* [S] 기록 속 의정사 > 국회연표 */
.assembly_term_wrap .sticky_wrap { position: relative; z-index: 12; background: var(--white)}
.assembly_term_wrap .sticky_wrap .btn_line_wrap { display: flex; justify-content: flex-end; margin-top: 2.4rem; padding-top: 0.8rem}
.assembly_term_tit_wrap { width: 100%; height: 3.6rem; border-radius: var(--bd-round01); background: var(--primary40) url("../../img/user_new/sub/bg_tit_01.jpg") no-repeat center / cover; margin-top: 0.8rem; display: flex; align-items: center; justify-content: center; padding: 0 0.8rem; z-index: 12; position: relative}
.assembly_term_tit_wrap .arr { width: 1.6rem; height: 1.6rem; mask-image: url("../../img/user_new/icon/ic_angle.svg"); mask-repeat: no-repeat; mask-size: 0.48rem 0.8rem; mask-position: center center; background: var(--black)}
.assembly_term_tit_wrap .arr_l,
.assembly_term_tit_wrap .arr_r{ position: absolute; top: 50%;}
.assembly_term_tit_wrap .arr_l { transform: rotate(180deg) translateY(50%); left: 0.8rem;}
.assembly_term_tit_wrap .arr_r { right: 0.8rem; transform: translateY(-50%);}
.assembly_term_tit_wrap .arr_down { width: 100%; height: 100%; background: var(--black); mask-image: url("../../img/user_new/icon/ic_angle_02.svg"); mask-size: 0.64rem 0.48rem; mask-position: center 0.52rem}
.assembly_term_tit_wrap .assembly_term_tit { font-size: 1.12rem; font-weight: 700; color: var(--black); display: inline-flex; align-items: center; gap: 0.4rem; position: relative}
.assembly_term_tit_wrap .assembly_term_open { width: 1.4rem; height: 1.4rem; background: var(--white); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center}
.assembly_term_tit_wrap .assembly_term_tit .trigger_toggle { width: 21.5rem; height: 10rem; padding: 0.5rem 0.25rem 0.5rem 0.5rem; background: var(--white); border-radius: 0.5rem; border: 1px solid var(--gray40); position: absolute; right: 0; top: 2rem}
.assembly_term_tit_wrap .assembly_term_tit .trigger_toggle .list { width: 100%; padding-right: 0.25rem; overflow-y: auto; height: 100%}
.assembly_term_tit_wrap .assembly_term_tit .trigger_toggle .list .item { width: 100%}
.assembly_term_tit_wrap .assembly_term_tit .trigger_toggle .list .item .inn { width: 100%; height: 2rem; display: flex; align-items: center; padding: 0 1rem; font-size: 0.7rem; color: #5d5d5d; border-bottom: 1px solid var(--gray40);}
.assembly_term_tit_wrap .assembly_term_tit .trigger_toggle .list .item.on .inn { background: var(--primary30); border-radius: 0.25rem; border-bottom: none; color: var(--black)}

.assembly_term_wrap .tab_menu { margin-top: 0.5rem}
.tab_slide .swiper-slide:last-child { margin-right: 3.2rem}

.tab_year { width: 100%; margin-top: 0.7rem; padding: 0.8rem 0.5rem; overflow: hidden; position: sticky; left: 0; top: 4rem; z-index: 11; background: var(--white)}
.tab_year .swiper-wrapper { justify-content: center; gap: 2.0rem;}
.tab_year .tab_item { width: auto; display: inline-block; padding: 0 0.5rem; margin-right: 0.5rem;}
.tab_year .tab_item .inn { width: auto; display: inline-flex; font-size: 1.2rem; font-weight: 600; color: var(--gray40); z-index: 2; position: relative}
.tab_year .tab_item.on { position: relative}
.tab_year .tab_item.on:after { content: ""; width: calc(100% + 0.8rem); height: 0.64rem; border-radius: 0.32rem; background: var(--gray20); position: absolute; left: -0.4rem; bottom: -0.08rem}
.tab_year .tab_item.on .inn { color: var(--black); font-weight: 700}

.tab_month_wrap { width: 100%; padding: 0.8rem 4rem; background: var(--gray10) url("../../img/user_new/sub/bg_cal.png") no-repeat center / cover; border-radius: var(--bd-round01); position: sticky; left: 0; top: 6.8rem; z-index: 11}
.tab_month_wrap .arr:after { display: none}
.tab_month_wrap .arr { width: 1.8rem; height: 1.8rem; mask-image: url("../../img/user_new/icon/ic_angle.svg"); mask-repeat: no-repeat; mask-size: 0.48rem 0.8rem; mask-position: center center; background: var(--gray50); margin-top: -0.8rem}
.tab_month_wrap .arr_l { transform: rotate(180deg)}
.tab_month { width: 100%; overflow: hidden}
.tab_year .swiper-wrapper { gap: 0.4rem;}
.tab_month .tab_item { width: auto; display: inline-block; margin-right: 0.5rem;}
.tab_month .tab_item .inn { width: 3.5rem; height: 1.5rem; border-radius: 0.75rem; display: inline-flex; align-items: center; justify-content: center; border: solid 1px var(--gray40); color: var(--gray70); background: var(--white); font-weight: 600; font-size: 0.8rem;}
.tab_month .tab_item.on .inn { background: var(--black); color: var(--white)}

.assembly_terms_timeline_list .timeline_year { margin-bottom: 0.8rem;}
.assembly_term_wrap .tab_sort_wrap { margin-top: 4.0rem; display: flex; align-items: center; justify-content: flex-end; gap: 1.0rem; position: relative; z-index: 2}
.assembly_term_wrap .tab_sort_wrap .form_check label { color: var(--gray80); gap: 0.5rem}
.timeline_year { font-weight: 800; font-size: 4.0rem; color: var(--white); -webkit-text-stroke: 1px var(--primary); text-stroke: 1px var(--primary40); line-height: 100%}
.assembly_terms_timeline_list { margin-top: 1.4rem; display: flex; flex-flow: column; padding-left: 4.4rem; margin-top: -3.36rem; margin-bottom: 5rem}
.assembly_terms_timeline_list .assembly_terms_timeline_item { width: 100%; border-left: 1px solid var(--gray30); padding-left: 2.4rem; position: relative; padding-bottom: 2.4rem}
.assembly_terms_timeline_list .assembly_terms_timeline_item:last-child { padding-bottom: 0}
.assembly_terms_timeline_item:before { content: ""; width: 0.32rem; height: 0.32rem; border-radius: 50%; position: absolute; left: -0.16rem; top: 0.32rem; background: #999}
.assembly_terms_timeline_item:after { content: ""; width: 0.96rem; height: 0.96rem; border-radius: 50%; position: absolute; left: -0.48rem; top: 0; background: #999; opacity: 0.2}
.assembly_terms_timeline_inn { width: 100%; border-radius: var(--bd-round01); border: 1px solid var(--gray40); display: flex; align-items: center}

.timeline_txt_wrap { width: 100%; background: url("../../img/user_new/sub/bg_cal_02.png") no-repeat right bottom; padding: 1.4rem;}
.timeline_txt_wrap .timeline_tit { font-size: 1.44rem; font-weight: 900; color: var(--gray40)}
.timeline_txt_wrap .timeline_txt { font-size: 0.88rem; font-weight: 600; color: var(--black); margin-top: 0.8rem}
.timeline_txt_wrap .timeline_txt .form_check_wrap { width: 100%; display: flex; flex-flow: column; gap: 0.6rem}
.timeline_txt_wrap .timeline_txt .form_check { width: 100%}
.timeline_txt_wrap .timeline_txt .form_check label { font-size: 0.88rem; font-weight: 600; color: var(--black); gap: 0.8rem; line-height: 150%}
.timeline_txt_wrap .timeline_txt .form_check label:after,
.timeline_txt_wrap .timeline_txt .form_check label:before { margin-top: 2px}
.timeline_txt_wrap .timeline_link { margin-left: 0.6rem; display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.72rem; font-weight: 500; color: var(--gray80)}
.timeline_txt_wrap .timeline_link .svg_icon { background: var(--gray80); mask-size: 0.64rem auto}
.timeline_txt_wrap .timeline_link .ctg { color: var(--primary); font-size: 0.72rem; font-weight: 500; border: 1px solid var(--primary); border-radius: var(--bd-round01); padding: 0 0.4rem; display: inline-flex; align-items: center; height: 1.4rem}
.timeline_txt_wrap .timeline_link:hover { text-decoration: none;}
.timeline_txt_wrap .timeline_link:hover .txt { text-decoration: underline;}
.timeline_img_wrap { display: flex; align-items: center; flex-shrink: 0; position: relative; width: 10.4rem; }
.timeline_img_wrap:after { content: ""; padding-top: 75.1879%; display: block; width: 100%}
.timeline_img_wrap .inn { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2;}
.timeline_img_wrap .inn img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: var(--bd-round01)}
.timeline_img_wrap .inn .hover { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 10}
.timeline_img_wrap .inn .hover .btn_line { position: relative; z-index: 3}
.timeline_img_wrap .inn .hover:after { content: ""; background: linear-gradient(to bottom, rgba(187, 157, 67, 0.1) 0%, rgba(187, 157, 67, 0.8) 100%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; border-radius: var(--bd-round01);}
.timeline_img_wrap .inn .hover:before { content: ""; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; border-radius: var(--bd-round01);}
.timeline_img_wrap .inn a.swiper-slide:focus .hover,
.timeline_img_wrap .inn a.swiper-slide:hover .hover,
.timeline_img_wrap a.inn:focus .hover,
.timeline_img_wrap a.inn:hover .hover { content: ""; opacity: 1; transition: opacity 0.5s}
.timeline_img_wrap .timeline_img_slide { overflow: hidden; border-radius: var(--bd-round01); height: 100%;}
.timeline_img_wrap .arr_wrap { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); z-index: 10; display: flex; border-radius: 1.0rem; border: 1px solid var(--black);}
.timeline_img_wrap .arr_wrap .arr { width: 2.0rem; height: 1.8rem; position: static; transform: translate(0, 0); margin-top: 0; background: var(--white)}
.timeline_img_wrap .arr_wrap .arr:after { color: var(--black); font-size: 0.72rem; font-weight: 800;}
.timeline_img_wrap .arr_wrap .arr_l { border-radius: 1.0rem 0 0 1.0rem}
.timeline_img_wrap .arr_wrap .arr_r { border-radius: 0 1.0rem 1.0rem 0}
.timeline_img_wrap .arr_wrap .arr_r:before { content: ""; width: 1px; height: 0.6em; background: var(--black); position: absolute; left: 0; top: 50%; transform: translateY(-50%)}

.assembly_terms_timeline_item.on { border-left: 1px solid var(--primary)}
.assembly_terms_timeline_item.on:before { background: var(--primary)}
.assembly_terms_timeline_item.on:after { background: var(--primary)}
.assembly_terms_timeline_item.on .assembly_terms_timeline_inn { border: 1px solid var(--primary)}
.assembly_terms_timeline_item.on .timeline_txt_wrap { background: url("../../img/user_new/sub/bg_cal_03.png") no-repeat right bottom;}
.assembly_terms_timeline_item.on .timeline_txt_wrap .timeline_tit { color: var(--primary)}
/* [E] 기록 속 의정사 > 국회연표 */

/* [S] 기록 속 의정사 > 국회연표 > detail */
.record_detail_txt_wrap { margin-top: 2.4rem; border-bottom: 1px solid var(--gray30);}
.record_detail_tit_wrap { width: 100%; border-bottom: 1px solid var(--gray30); display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.0rem;}
.record_detail_tit { font-size: 1.44rem; font-weight: 800}
.record_detail_btn { gap: 0.4rem; display: flex; align-items: center}
.record_detail_list { padding: 1.6rem 0; display: flex; flex-flow: column; gap: 1.2rem}
.record_detail_item { width: 100%; display: flex; align-items: flex-start}
.record_detail_item .item_tit { width: 6.8rem; height: 1.8rem; display: flex; align-items: center; flex-shrink: 0; font-weight: 700; font-size: 0.88rem;}
.record_detail_item .item_txt { width: 100%; min-width: 0; min-height: 1.8rem; display: flex; align-items: center; line-height: 150%; font-size: 0.88rem;}
.record_detail_item .item_txt_btn_wrap { display: inline-flex; flex-wrap: wrap; gap: 0.5rem;}
/* [E] 기록 속 의정사 > 국회연표 > detail */

/* [S] 기록 속 의정사 > 임시의정원 > 주제별 컬렉션 */
.collection_row_list_wrap::-webkit-scrollbar { display: none; }
.collection_row_wrap { width: 100%; min-height: 45rem; display: grid; row-gap: 0.8rem; box-sizing: border-box; background: url("../../img/user_new/sub/bg_collection.jpg") no-repeat bottom center / auto 100%; position: relative}
.collection_row_list_wrap { width: 100%; height: 100%; display: flex; gap: 1.6rem; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; cursor: grab; margin: 0; padding: 2.4rem 1.6rem 6.0rem}
.collection_row_list_wrap:active {cursor: grabbing;}
.collection_row_list_wrap .collection_row_list:last-child {min-width: 100%;}
.collection_row_list { flex: 0 0 auto; display: flex; gap: 3.6rem; padding: 0 0.96rem; background: url("../../img/user_new/sub/bg_dash.png") repeat; border-left: 1px solid var(--white); position: relative; margin-top: 0.8rem}
.collection_row_list .collection_section_tit { position: absolute; left: 0; top: 0; transform: translate(-50%, calc(-100% - 0.2rem)); font-size: 0.56rem; color: var(--white)}
.collection_row_list .collection_section_tit:before { content: ""; width: 0.32rem; height: 0.32rem; border-radius: 50%; background: var(--white); position: absolute; left: 50%; bottom: -0.48rem; transform: translateX(-50%)}
.collection_row_list .collection_row_item_group { display: flex; gap: 1.5rem; flex-shrink: 0; flex-wrap: nowrap}
.collection_row_list .collection_row_item { display: flex; flex-flow: column; align-items: flex-start; flex: 0 0 auto; padding-top: 63px; position: relative}
.collection_row_list .collection_row_item.item_R,
.collection_row_list .collection_row_item.set_btm{ margin-top: 8rem;}

.collection_row_list .collection_row_item .section_tit { display: inline-flex; width: auto; align-items: center; justify-content: center; height: 35px; border-radius: 18px; background: var(--primary); padding: 0 16px 0 30px; font-size: 13px; font-weight: 700; color: var(--black); margin: 20px 0 8px; z-index: 2; position: absolute; left: 0; top: 0}
.collection_row_list .collection_row_item .section_tit:before { content: url("../../img/user_new/sub/label.png"); position: absolute; left: 0; top: 0}
.collection_row_item .collection_box { padding: 30px 1.2rem 1.2rem; background: var(--white); border-radius: 20px; width: 15rem; position: relative}
.collection_row_item .collection_box:before{ content: ""; width: 12px; height: 12px; border-radius: 50%; background: #BDBCB7; position: absolute; left: 11px; top: 13px; z-index: 1}
.collection_row_item .collection_txt_wrap { position: relative; margin-bottom: 0.75rem}
.collection_row_item .collection_txt_wrap .collection_tit { font-size: 0.88rem; font-weight: 700; max-height: 2.6rem; line-height: 1.3em; height: auto; margin-bottom: 0.5rem;}
.collection_row_item .collection_txt_wrap .collection_date { font-size: 12px; font-weight: 500; color: var(--gray70); margin-top: 0.15rem}
.collection_row_item .collection_img_wrap { display: flex; align-items: flex-start}
.collection_row_item .collection_img_wrap .collection_img { width: 100%; border-radius: 0.4rem; overflow: hidden; display: flex; align-items: flex-start; position: relative}
.collection_row_item .collection_img_wrap .collection_img img { width: 100%; max-height: 16.8rem/* 최대 높이 가로 3: 세로 4 */; object-fit: cover; object-position: center}
.collection_row_item .collection_img_wrap .collection_img.ty_01 { aspect-ratio: 1/1}
.collection_row_item .collection_img_wrap .collection_img.ty_02 { aspect-ratio: 3/4}
.collection_row_item .collection_img_wrap .collection_img.ty_03 { aspect-ratio: 16/9; min-width: 18.9rem}
.collection_row_item .collection_img_wrap .collection_img .hover { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 10}
.collection_row_item .collection_img_wrap .collection_img .hover .btn_line { position: relative; z-index: 3}
.collection_row_item .collection_img_wrap .collection_img .hover:after { content: ""; background: linear-gradient(to bottom, rgba(187, 157, 67, 0.1) 0%, rgba(187, 157, 67, 0.8) 100%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; border-radius: var(--bd-round01);}
.collection_row_item .collection_img_wrap .collection_img .hover:before { content: ""; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; border-radius: var(--bd-round01);}
.collection_row_item .collection_img_wrap .collection_img:focus .hover,
.collection_row_item .collection_img_wrap .collection_img:hover .hover { content: ""; opacity: 1; transition: opacity 0.5s}

.collection_row_menu_list {display: flex; justify-content: center; gap: 3.6rem; margin-top: 0.8rem; position: absolute; left: 50%; bottom: 2.4rem; transform: translateX(-50%); z-index: 3}
.collection_row_menu_list:after { content: ""; width: calc(100% - 1.2rem); height: 1px; background: var(--white); position: absolute; top: 50%; left: 0.6rem}
.collection_row_menu_item { position: relative; z-index: 2; flex-shrink: 0}
.collection_row_menu_item .inn { width: 1.2rem; height: 1.2rem; border-radius: 50%; background: var(--white); display: flex; align-items: center; justify-content: center}
.collection_row_menu_item .inn:before { content: ""; width: 0.48rem; height: 0.48rem; border-radius: 50%; flex-shrink: 0; display: inline-flex; background: var(--gray50)}
/*.collection_row_menu_item.on:before { content: "현위치"; font-size: 0.56rem; font-weight: 500; position: absolute; left: 50%; top: -1.7rem; transform: translateX(-50%); word-break: keep-all}*/
/*.collection_row_menu_item.on:after { content: ""; width: 0.56rem; height: 0.56rem; mask-image: url("../../img/user_new/icon/ic_angle_03.svg"); mask-position: center; mask-repeat: no-repeat; mask-size: contain; position: absolute; left: 50%; top: -0.16rem; transform: translate(-50%, -100%); background: var(--black)}*/
.collection_row_menu_item.on .inn { border: 1px solid var(--primary);}
.collection_row_menu_item.on .inn:before { background: var(--primary)}
/* 페이징으로 변경 */
.collection_row_paging{ display: flex; justify-content: center; gap: 0.75rem; position: absolute; left: 50%; bottom: 2.4rem; transform: translateX(-50%); z-index: 3; width: 7.25rem; height: 2.25rem; border-radius: 1.125rem; background: rgba(0,0,0,0.6)}
.collection_row_paging .page_state{ display: flex; align-items: center; font-size: 0.9rem; color: var(--white); gap: 0.4rem}
.collection_row_paging .page_state .current_page{ color: var(--primary); font-weight: 700;}
.collection_row_paging .arr{ display: flex; align-items: center; margin: 0; padding: 0; border: none;}
.collection_row_paging .arr .svg_icon{ background: var(--white); width: 0.9rem; height: 0.4rem}
.collection_row_paging .btn_prev .svg_icon{ transform: rotate(90deg)}
.collection_row_paging .btn_next .svg_icon{ transform: rotate(-90deg)}
@media (max-width: 1024px) {
    .collection_row_wrap { background-size: cover; background-position: bottom center}
}

/* [E] 기록 속 의정사 > 임시의정원 > 주제별 컬렉션 */

/* [S] 기록 속 의정사 > 임시의정원 > 개관 */
.assembly_provisional_intro_wrap { display: flex; }
.assembly_provisional_intro_list { margin-top: 0; padding-left: 0; padding-bottom: 10rem;}
.assembly_provisional_intro_item { padding-left: 1.2rem; padding-bottom: 2.4rem; position: relative; border-left: 1px solid var(--gray30);}
.assembly_provisional_intro_item:before { content: ""; width: 0.32rem; height: 0.32rem; border-radius: 50%; position: absolute; left: -0.16rem; top: 0.32rem; background: #999}
.assembly_provisional_intro_item:after { content: ""; width: 0.96rem; height: 0.96rem; border-radius: 50%; position: absolute; left: -0.48rem; top: 0; background: #999; opacity: 0.2}
.assembly_provisional_intro_wrap .time_line_menu_wrap { width: 13.2rem; flex-shrink: 0}
.time_line_menu_list { position: sticky; top: 4.8rem; width: 100%; display: flex; flex-flow: column; gap: 0.8rem}
.time_line_menu_item .inn { font-size: 0.88rem; font-weight: 600; display: inline-flex; width: auto; position: relative; color: var(--gray40);}
.time_line_menu_item.on .inn { font-weight: 700; color: var(--black);}
.time_line_menu_item.on .inn:before { content: ""; width: calc(100% + 0.4rem); height: 0.64rem; background: var(--primary); border-radius: 0.32rem; position: absolute; left: -0.2rem; bottom: -0.08rem}
.time_line_menu_item.on .inn:after { content: ""; width: 0.64rem; height: 0.64rem; background: var(--primary); border-radius: 50%; position: absolute; right: -1.0rem; bottom: -0.08rem}
.time_line_menu_item.on .inn .txt { position: relative; z-index: 2}

.assembly_provisional_intro_inn { display: flex; flex-flow: column; gap: 0.4rem; padding: 1.6rem 1.2rem 2.0rem; position: relative; border-radius: 0.6rem; border: 1px solid var(--gray40);}
.history_record_tit { font-weight: 700; font-size: 1.12rem;}
.history_record_tit_sub { font-size: 0.64rem; font-weight: 500;}
.history_record_con { display: flex; gap: 1.6rem; align-items: flex-start}
.history_record_con_img_wrap { border-radius: 0.6rem; position: relative}
.history_record_con_img_wrap .img_wrap { position: relative; width: 16.0rem; border-radius: 0.6rem; overflow: hidden;}
.history_record_con_img_wrap .img_wrap:before { content: ""; padding-top: 75%; display: block}
.history_record_con_img_wrap .img_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0}
.history_record_con_img_wrap .detail_btn { position: absolute; right: 0; bottom: 0; z-index: 3}
.assembly_provisional_intro_inn .more_btn { position: absolute; right: 0; bottom: 0; z-index: 3; width: 8.0rem; justify-content: space-between}
.assembly_provisional_intro_inn .more_btn:before { content: "더보기"}
.assembly_provisional_intro_inn .hidden_txt_total_wrap { margin-top: 1rem; flex-flow: column; gap: 0.5rem; padding-bottom: 2rem; display: none}
.assembly_provisional_intro_inn .hidden_txt_wrap .trigger { width: 100%; height: 2.75rem; display: flex; align-items: center; justify-content: space-between; border: 2px solid #e8e8e8; border-radius: 0.5rem; padding: 0 1.5rem; font-size: 0.8rem; font-weight: 700; color: #5d5d5d;}
.assembly_provisional_intro_inn .hidden_txt_wrap .trigger:after { content: ""; width: 0.65rem; height: 0.3rem; display: inline-flex; mask-size: contain; mask-repeat: no-repeat; mask-position: center; mask-image: url("../../img/user_new/icon/ic_angle_02.svg"); -webkit-mask-image: url("../../img/user_new/icon/ic_angle_02.svg"); background: #5d5d5d}
.assembly_provisional_intro_inn .hidden_txt_wrap .hidden_txt { width: 100%; margin-top: 0.5rem; border-radius: 0.5rem; background: var(--gray5); padding: 1.5rem; color: var(--gray80); font-weight: 400; font-size: 0.7rem; line-height: 150%}

.assembly_provisional_intro_inn.on .more_btn { background-color: var(--primary) !important; border-color: transparent; color: var(--black);}
.assembly_provisional_intro_inn.on .more_btn:before { content: "접기"}
.assembly_provisional_intro_inn.on .more_btn .svg_icon { transform: rotate(-180deg); background: var(--black)}
.history_record_con_txt_wrap { font-size: 0.72rem; font-weight: 500; color: var(--gray80); margin: 0.4rem 0; height: 15em; line-height: 1.5em; -webkit-line-clamp: 10; white-space: initial; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden}
.person_intro_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; margin: 1.2rem 0 0.8rem;}
.person_intro_list > *:nth-child(n+4) { display: none;}
.person_intro_item { display: flex}
.person_intro_img_wrap { position: relative; width: 6.4rem; border-radius: 0.6rem; overflow: hidden; flex-shrink: 0}
.person_intro_img_wrap:before { content: ""; padding-bottom: 133.125%; display: block}
.person_intro_img_wrap img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.person_intro_txt_wrap { display: flex; flex-flow: column; padding: 0.6rem 0 0.6rem 0.6rem; justify-content: flex-end; gap: 0.4rem}
.person_intro_txt_wrap .person_name { font-size: 0.8rem; color: var(--gray80); font-weight: 600;}
.person_intro_txt_wrap .person_info { font-size: 0.72rem; color: var(--gray60); font-weight: 500;}

.assembly_provisional_intro_inn.on .history_record_con_txt_wrap { overflow: visible; height: auto; display: block; padding-bottom: 0.8rem}
.assembly_provisional_intro_inn.on .person_intro_list > *:nth-child(n+4) { display: flex;}
.assembly_provisional_intro_inn.on .hidden_txt_total_wrap { display: flex}

.assembly_provisional_intro_item.on { border-left: 1px solid var(--primary)}
.assembly_provisional_intro_item.on:before { background: var(--primary)}
.assembly_provisional_intro_item.on:after { background: var(--primary)}
.assembly_provisional_intro_item.on .assembly_provisional_intro_inn,
.assembly_provisional_intro_item.on .assembly_terms_timeline_inn { border: 1px solid var(--primary)}
.assembly_provisional_intro_item.on .timeline_txt_wrap { background: url("../../img/user_new/sub/bg_cal_03.png") no-repeat right bottom;}
.assembly_provisional_intro_item.on .timeline_txt_wrap .timeline_tit { color: var(--primary)}

/* [E] 기록 속 의정사 > 임시의정원 > 개관 */

/* [S] 기록 속 의정사 > 임시의정원 > 임시의정원 타임라인 */
.year_timeline_list_wrap { padding-bottom: 8.7rem;}
/*.year_timeline_menu_list { width: 100%; padding: 7.6rem 0 2.4rem; border-radius: 0.6rem; background: url("../../img/user_new/sub/bg_timeline_slide.png") no-repeat center bottom / cover; position: sticky; top: 4.8rem; left: 0; margin-bottom: 4.0rem; overflow: hidden;}*/
/*.year_timeline_menu_list .arr:after { color: var(--white); font-size: 1.2rem;}*/
/*.year_timeline_menu_list .arr_l { left: 1.2rem}*/
/*.year_timeline_menu_list .arr_r { right: 1.2rem}*/
/*.year_timeline_menu_list .swiper-slide { width: auto; flex-shrink: 0; text-align: center; color: #ccc; transition: all .3s; font-size: 1.2rem; font-weight: 600;}*/
/*.year_timeline_menu_list .swiper-slide-active { font-size: 2.4rem; font-weight: 800; color: #fff; opacity: 1}*/
/*.year_timeline_menu_list .swiper-slide .inn { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 2.4rem; color: #cfcfcf; transition: transform .25s ease, color .25s ease; opacity: 0.5; width: 100%; min-height: 3.6rem}*/
/*.year_timeline_menu_list .swiper-slide .inn::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -6.4rem; width: 0.16rem; height: 5.6rem; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .4)); opacity: .8; pointer-events: none;}*/
/*.year_timeline_menu_list .swiper-slide-active .inn,*/
/*.year_timeline_menu_list .swiper-slide-prev .inn,*/
/*.year_timeline_menu_list .swiper-slide-next .inn { opacity: 1}*/
/*!* 활성*!*/
/*.year_timeline_menu_list .swiper-slide-active .inn { color: #fff; transform: scale(1.12); }*/
/*.year_timeline_menu_list .swiper-slide-active .inn::before { content: ""; position: absolute; left: 50%; top: -0.8rem; transform: translate(-50%, -50%); width: 1.2rem; height: 1.2rem; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .2) 70%, transparent 100%); filter: blur(4px); opacity: 1; pointer-events: none; animation: glowPulse 2.2s ease-in-out infinite; z-index: -1;}*/

.year_timeline_menu_list { position: sticky; top: 4rem; left: 0; margin-bottom: 3rem; overflow: hidden; padding: 1rem 1.5rem 1.5rem; border-bottom: 1px solid var(--gray40); background: var(--white); margin-top: -1rem; z-index: 50;}
.year_timeline_menu_list .swiper-slide { width: auto; flex-shrink: 0; text-align: center;}
.year_timeline_menu_list .swiper-slide .inn { font-size: 2.4rem; font-weight: 900; color: var(--gray40);}
.year_timeline_menu_list .swiper-slide.on .inn { color: var(--primary);}
.year_timeline_menu_list .swiper-slide.on .inn:before { content: ""; width: calc(100% + 1rem); height: 1rem; border-radius: 0.5rem; background: var(--primary30); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: -1}

/* 애니메이션 */
@keyframes glowPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: .85; }
    50% { transform: translate(-50%, -50%) scale(1.06); opacity: 1; }
}

.year_timeline_list_wrap { display: flex}
.year_timeline_list_wrap .sticky_year { flex-shrink: 0}
.year_timeline_list_wrap .sticky_year .year_txt { font-size: 4.0rem; font-weight: 800; position: sticky; left: 0; top: 20.0rem; line-height: 100%; color: var(--white); -webkit-text-stroke: 1px var(--primary); text-stroke: 1px var(--primary);}
.year_timeline_list_group { width: 100%; display: flex; flex-flow: column; gap: 2.8rem}
.year_timeline_list { display: flex; flex-flow: column; gap: 2.8rem}
.year_timeline_item { display: flex; gap: 1.2rem}
.year_timeline_item .year_big { flex-shrink: 0; font-size: 4.0rem; font-weight: 800; line-height: 100%; color: var(--gray20); width: 5.6rem;}
.year_timeline_item_inn { width: 100%; border: 1px solid #000; border-radius: 0.6rem; display: flex; justify-content: space-between; position: relative; align-items: center;}
.year_timeline_item_inn .year_timeline_item_txt_wrap { width: 100%; padding: 1.2rem 1.6rem; background: url("../../img/user_new/sub/bg_cal_02.png") no-repeat right bottom; border-radius: 0.6rem; overflow: hidden}
.year_timeline_item_inn .year_timeline_item_img_wrap { flex-shrink: 0; display: flex; position: relative; border-radius: 0.6rem; overflow: hidden; width: 13rem; height: 10rem;}
.year_timeline_item_inn .year_timeline_item_img_wrap img{ width: 100%; object-fit: fill;}
/*.year_timeline_item_inn .year_timeline_item_img_wrap:before { content: ""; padding-bottom: 75.1879%; display: block}*/
.year_timeline_item_inn .year_timeline_item_img { position: relative; display: flex; width: 100%; height: 100%;}
.year_timeline_item_inn .year_timeline_item_img .hover { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 10}
.year_timeline_item_inn .year_timeline_item_img .hover .btn_line { position: relative; z-index: 3}
.year_timeline_item_inn .year_timeline_item_img .hover:after { content: ""; background: linear-gradient(to bottom, rgba(187, 157, 67, 0.1) 0%, rgba(187, 157, 67, 0.8) 100%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; border-radius: var(--bd-round01);}
.year_timeline_item_inn .year_timeline_item_img .hover:before { content: ""; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; border-radius: var(--bd-round01);}
.year_timeline_item_inn .year_timeline_item_img:focus .hover,
.year_timeline_item_inn .year_timeline_item_img:hover .hover { content: ""; opacity: 1; transition: opacity 0.5s}
.year_timeline_item_inn:before { content: ""; width: 0.32rem; height: 0.32rem; border-radius: 50%; position: absolute; left: -0.16rem; top: 0.32rem; background: #999; margin-top: 0.8rem;}
.year_timeline_item_inn:after { content: ""; width: 0.96rem; height: 0.96rem; border-radius: 50%; position: absolute; left: -0.48rem; top: 0; background: #999; opacity: 0.2; margin-top: 0.8rem;}
.year_timeline_item_date { color: var(--gray40); font-weight: 900; font-size: 0.96rem; margin-bottom: 0.32rem;}
.year_timeline_item_tit { font-weight: 600; font-size: 1.12rem}
.year_timeline_item_txt { color: var(--gray80); font-weight: 500; font-size: 0.72rem; line-height: 150%; margin-top: 0.8rem;}

.year_timeline_item.on .year_timeline_item_inn { border: 1px solid var(--primary);}
.year_timeline_item.on .year_timeline_item_inn:before,
.year_timeline_item.on .year_timeline_item_inn:after { background: var(--primary)}
.year_timeline_item.on .year_big { color: var(--primary);}
.year_timeline_item.on .year_timeline_item_txt_wrap { background: url("../../img/user_new/sub/bg_cal_03.png") no-repeat right bottom}
.year_timeline_item.on .year_timeline_item_txt_wrap .year_timeline_item_date { color: var(--primary);}
/* [E] 기록 속 의정사 > 임시의정원 > 임시의정원 타임라인 */

/* [S] 기록콘텐츠 > 기록물 큐레이션 > 상세 */
.curation_video_wrap { width: 100%; min-width: 0; display: flex; margin-top: 0.75rem; gap: 2rem 1rem; border-radius: 0.75rem; border: 1px solid var(--gray40);}
.curation_video_wrap .half { width: 50%}
.curation_video_wrap .main_video { width: 100%; height: 100%; position: relative; border-radius: 0.75rem; overflow: hidden}
.curation_video_wrap .main_video:after { content: ""; padding-top: 55.6666%; display: block; width: 100%}
.curation_video_wrap .main_video video,
.curation_video_wrap .main_video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.curation_video_wrap .main_video .video-js{ position: absolute !important; left: 0; top: 0}
/* [S] 260109 퍼블 :: display: flex; flex-flow: column; justify-content: space-between; 추가 */
.curation_video_wrap .right { padding: 1.5rem 1rem 1rem; position: relative; display: flex; flex-flow: column; justify-content: space-between;}
/* [E] 260109 퍼블 :: display: flex; flex-flow: column; justify-content: space-between; 추가 */
.curation_video_wrap .video_tit { font-size: 1rem; font-weight: 700; margin-bottom: 1rem;}
.curation_video_wrap .sub_video_slider { width: 100%; padding-bottom: 0.4rem; position: relative}
.curation_video_wrap .sub_video_slider:after { content: ""; width: 2rem; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(to right, transparent, #fff); z-index: 10}
.curation_video_wrap .sub_video_slider .swiper-slide { position: relative; border-radius: 0.5rem; overflow: hidden}
.curation_video_wrap .sub_video_slider .swiper-slide:after { content: ""; padding-top: 55.6666%; display: block; width: 100%}
.curation_video_wrap .sub_video_slider .swiper-slide:before { content: ""; width: 2rem; height: 2rem; background: url("../../img/user_new/icon/ic_video_play.svg") no-repeat center / 100%; z-index: 2}
.curation_video_wrap .sub_video_slider .swiper-slide video,
.curation_video_wrap .sub_video_slider .swiper-slide img,
.curation_video_wrap .sub_video_slider .swiper-slide iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.curation_video_wrap .sub_video_slider .swiper-slide img { object-fit: cover; object-position: center;}
.curation_video_wrap .arr_wrap { display: flex; margin: 1rem 0; gap: 1.5rem}
.curation_video_wrap .arr_wrap .arr { position: relative; left: 0; top: 0; transform: translate(0, 0); display: inline-flex; align-items: center; margin: 0; width: 0.5rem; height: 1rem}
.curation_video_wrap .arr_wrap .arr:after { color: var(--black); font-size: 0.9rem;}
.curation_video_wrap .arr_wrap .arr_l:before { content: ""; width: 1px; height: 0.75rem; background: var(--gray40); position: absolute; right: -0.75rem; top: 50%; transform: translateY(-50%)}
.curation_video_wrap .swiper-scrollbar { left: 0; bottom: 0; width: 100%}
.curation_video_wrap .trigger_toggle { position: absolute; left: 0.5rem; top: 0.5rem; width: calc(100% - 1rem); height: calc(100% - 1rem); background: rgba(0, 0, 0, 0.7); padding: 0.5rem; border-radius: 0.75rem; line-height: 150%; color: var(--white); font-size: 0.85rem; z-index: 90}
.curation_video_wrap .video_caption { scrollbar-width: thin;scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0.1); padding: 1rem 1rem 3rem; overflow-y: auto; width: 100%; height: 100%}
.curation_video_wrap .video_caption::-webkit-scrollbar { width: 6px;}
.curation_video_wrap .video_caption::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1);}
.curation_video_wrap .video_caption::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 1); border-radius: 3px;}
.curation_video_wrap .caption_trigger_wrap .trigger_close { position: absolute; right: 1.5rem; bottom: 0; width: 6rem; height: 2.4rem; border-radius: 0.75rem 0.75rem 0 0; background: var(--primary); color: var(--black); font-size: 0.8rem;; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; z-index: 91}

.youtube_wrap { display: flex; gap: 1rem; margin-top: 1.5rem; overflow-x: auto}
.youtube_item { flex: 1 1 0; max-width: calc(20% - 1rem); aspect-ratio: 16/9; position: relative; min-width: 200px}
.youtube_item a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center; border-radius: 0.5rem; overflow: hidden; border: 1px solid var(--gray40);}

.youtube_wrap.shorts .youtube_item { aspect-ratio: 9/16;}

.overview_wrap { padding: 2rem; background: var(--gray5); font-size: 0.8rem; font-weight: 400; line-height: 150%; width: 100%; overflow-x: auto;}
.overview_wrap_inn{ min-width: 40rem}
.overview_wrap .source { margin-top: 1.5rem; padding-top: 1.5rem; font-size: 0.8rem; line-height: 160%; font-weight: 500; border-top: 1px solid var(--gray40);}
.overview_wrap table{ table-layout: initial; width: 100% !important; max-width: 100%;}
.overview_wrap table th,
.overview_wrap table td { vertical-align: middle; padding: 0 0.5rem}
.overview_wrap table td img{ max-width: 100%}

.con_box_wrap { width: 100%; min-width: 0; border: 1px solid var(--gray40); margin-top: 2.75rem;}
.con_box_wrap .con_box_item { border-bottom: 1px solid var(--gray40); padding: 1.5rem; display: flex; align-items: flex-start}
.con_box_wrap .con_box_item:last-child { border-bottom: none}
.con_box_wrap .con_box_item .con_box_tit { font-size: 1.1rem; font-weight: 700; display: inline-flex; align-items: center; padding-top: 0.1rem; flex-shrink: 0}
.con_box_wrap .con_box_item .con_box_tit img { flex-shrink: 0; width: 1.25rem; margin-right: 0.5rem}
.con_box_wrap .con_box_item .con_box_tit:after { content: ""; display: inline-block; border-left: 1px solid var(--black); height: 0.8rem; margin: 0 0.9rem;}
.con_box_wrap .con_box_item .con_box_con{ width: 100%; min-width: 0;;}
.con_box_wrap .con_box_item .attachment_con_list { padding-left: 0; border: none; margin: 0}
.con_box_wrap .con_box_item .attachment_con_item { gap: 1rem}
.con_box_wrap .con_box_item .attachment_con_item_name { font-size: 0.8rem; width: 100%;}
.con_box_wrap .con_box_item .tag_wrap { padding-top: 0.25rem;}
/* [E] 기록콘텐츠 > 기록물 큐레이션 > 상세 */

/* [S] 기록콘텐츠 > 디지털 전시 > 전시 개요 */
.digital_tab_menu_wrap { display: flex; justify-content: center}
.overview_wrap_ty_02 { display: flex; margin-top: 1rem; gap: 3rem}
.overview_wrap_ty_02 .img_wrap { width: 18.4rem; position: relative; border-radius: 0.75rem; overflow: hidden; flex-shrink: 0}
.layer_popup .overview_wrap_ty_02 .img_wrap { width: 13em;}
.overview_wrap_ty_02 .img_wrap:after { content: ""; padding-top: 143.47%; width: 100%; display: block}
.overview_wrap_ty_02 .img_wrap img { width: 100%; height: 100%; object-position: center; object-fit: cover; position: absolute; left: 0; top: 0}
.overview_wrap_ty_02 .txt_wrap { width: 100%; border-bottom: 1.5px solid var(--gray30);}
.overview_wrap_ty_02 .overview_tit { padding: 1rem 0; font-size: 1.2rem; font-weight: 800; border-bottom: 1.5px solid var(--gray30); }
.overview_wrap_ty_02 .overview_con_list { display: flex; flex-flow: column; gap: 0.5rem; padding: 1.5rem 0}
.overview_wrap_ty_02 .overview_con_item { display: flex; }
.overview_wrap_ty_02 .overview_con_item .item_tit { font-size: 0.9rem; font-weight: 700; flex-shrink: 0; width: 4rem; line-height: 160%}
.overview_wrap_ty_02 .overview_con_item .item_txt { font-size: 0.9rem; font-weight: 400; line-height: 160%}
.overview_wrap_ty_02 .img_total_wrap { display: flex; flex-flow: column; gap: 1rem; align-items: center}

.collapse_wrap { max-height: 460px; overflow-y: hidden; overflow-x: auto; position: relative; margin-bottom: 1rem;}
.collapse_wrap table { min-width: 40rem}
.collapse_btn { position: absolute; right: 0; bottom: 0; z-index: 2; width: 8.0rem; height: 2.4rem; font-size: 0.72rem; font-weight: 600; border: solid 1px var(--black); color: var(--black); border-radius: 0.75rem 0 0.75rem 0; justify-content: space-between; padding: 0 1.2rem}
.collapse_btn .svg_icon { background: var(--black); transform: rotate(0deg)}
.collapse_btn.open { background: var(--primary); color: var(--black); border-color: var(--primary);}
.collapse_btn.open .svg_icon { transform: rotate(180deg)}
.collapse_wrap.open { max-height: initial}

.tbl-wrap-type01 table { table-layout: fixed; margin-top: 1.5rem; border-bottom: solid 1px var(--gray30); border-top: 2px solid var(--gray70); width: 100% !important;}
.tbl-wrap-type01 table tr th { background: var(--gray5); height: 2.4rem; font-size: 0.8rem; vertical-align: middle; padding: 0 1rem; border-right: 1px solid var(--gray30);}
.tbl-wrap-type01 table tr td { padding: 1rem; border-right: 1px solid var(--gray30); font-size: 0.8rem; color: var(--gray80); vertical-align: middle}
.tbl-wrap-type01 table tr th:last-child,
.tbl-wrap-type01 table tr td:last-child { border-right: none}
.tbl-wrap-type01 table tbody tr { border-top: solid 1px var(--gray30);}
/* [E] 기록콘텐츠 > 디지털 전시 > 전시 개요 */

/* [S] 기록콘텐츠 > 디지털 전시 > 전시 내용 */
.exhibit_con_wrap { margin-top: 1rem;}
.exhibit_con_summary { background: #F9F9F9; padding: 1.25rem 1.5rem; border-top: 3px solid var(--gray40);}
.exhibit_con_summary .summary_tit { font-size: 1rem !important; flex-shrink: 0; font-weight: 700; margin-right: 1rem; margin-bottom: 0.75rem;}
.exhibit_con_summary .summary_txt { font-size: 0.8rem; color: var(--gray80); width: 100%}
.exhibit_con_summary .summary_txt p,
.exhibit_con_summary .summary_txt p span { font-size: 0.8rem !important; color: var(--gray80) !important; line-height: 150% !important;}
.exhibit_con_summary .summary_txt h3 { margin-bottom: 0.5rem}
.exhibit_con_summary .summary_txt h3,
.exhibit_con_summary .summary_txt h3 span { font-size: 0.9rem !important;}
.exhibit_con_summary .summary_txt h3 ~ p { padding-left: 0.75rem; line-height: 200% !important;}
.exhibit_con_wrap .dot_con_list { margin-top: 1.5rem;}
/* [E] 기록콘텐츠 > 디지털 전시 > 전시 내용 */

/* [S] 기록콘텐츠 > 디지털 전시 > 전시회 순간들 */
.setup_process_wrap { margin-top: 2rem;}
.setup_process_tit { font-size: 1rem; font-weight: 600; text-align: center; line-height: 150%; word-break: keep-all}
.setup_process_txt { margin-top: 2.5rem; font-size: 0.8rem; color: #2e2e2e; line-height: 150%}
.setup_process_img_wrap { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 2rem; gap: 1rem}
.setup_process_img_wrap .img_wrap { border-radius: 0.75rem; overflow: hidden; position: relative}
.setup_process_img_wrap .img_wrap:after { content: ""; width: 100%; padding-top: 55.45%; display: block}
.setup_process_img_wrap .img_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0}
/* [E] 기록콘텐츠 > 디지털 전시 > 전시회 순간들 */

/* [E] 이용·신청 > 국회 정보공개 시스템 */
.ext_sys_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 1rem;}
.ext_sys_item { position: relative}
.ext_sys_item:before { content: ""; width: 100%; display: block; padding-top: 100%;}
.ext_sys_item .inn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.75rem}
.ext_sys_item .inn .box { width: 100%; height: 100%; background: var(--white); border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; flex-flow: column; position: relative; z-index: 2; border: 1px solid var(--gray40)}
.ext_sys_item .img_wrap { width: 100%; margin-bottom: 2rem; max-height: 35%; text-align: center}
.ext_sys_item .img_wrap img { height: 100%}
.ext_sys_item .txt_wrap { font-size: 1rem; font-weight: 700; text-align: center}

.ext_sys_item .inn:hover .box { border-color: var(--primary);}
.ext_sys_item .inn:hover:after { content: ""; width: 100%; height: 100%; position: absolute; right: -0.4rem; bottom: -0.4rem; background: var(--primary30); border-radius: 0.6rem}
/* [E] 이용·신청 > 국회 정보공개 시스템 */

/* [S] 기관소개 > 기관장 인사말 */
.director_message{ display: flex; gap: 2rem}
.director_message .img_wrap{ width: 15rem; flex-shrink: 0; background: var(--gray40)}
.director_message .txt_wrap .tit{ font-size: 1.2rem; font-weight: 700; margin-bottom: 1rem; line-height: 150%}
.director_message .txt_wrap .txt{ font-size: 0.9rem; color: var(--gray80); font-weight: 500; line-height: 150%; word-break: keep-all}
/* [E] 기관소개 > 기관장 인사말 */

/* [S] 기관소개 > 기관소개 */
.organization_tab_menu_wrap { margin: -1rem 0;}
.organization_intro_wrap.list_total_wrap { gap: 4rem}
.organization_intro_wrap { margin-top: 3rem;}
.organization_intro_txt_wrap.ty_row { display: flex; gap: 0 0.5rem}
.organization_intro_txt_wrap .txt { font-size: 0.85rem; color: #2e2e2e; line-height: 150%; word-break: keep-all; font-weight: 500;}
.organization_intro_txt_wrap.ty_row .tit,
.organization_intro_txt_wrap.ty_row .txt { flex: 1; flex-shrink: 0}
.organization_intro_txt_wrap.ty_row .tit { line-height: 100%}
.organization_intro_img_wrap { margin-top: 3rem;}
.organization_intro_img_wrap img { max-width: 100%}

.organization_intro_list { display: grid; grid-template-columns: repeat(2, 1fr)}
.organization_intro_item { display: flex;}
.organization_intro_list.ty_01 { gap: 1rem}
.organization_intro_list.ty_01 .organization_intro_item { align-items: center}
.organization_intro_list.ty_01 .organization_intro_item .ic_wrap { width: 5rem; height: 5rem; border-radius: 50%; border: 0.4rem solid #d9d9d9; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; z-index: 2; background: var(--white)}
.organization_intro_list.ty_01 .organization_intro_item .txt_wrap { width: 100%; height: 3.5rem; padding: 0.5rem 0.75rem 0.5rem 2rem; background: var(--gray10); margin-left: -1rem; font-size: 0.85rem; font-weight: 600; display: flex; align-items: center}

.organization_intro_list.ty_02 { gap: 0.25rem 1rem}
.organization_intro_list.ty_02 .wrap { gap: 0.25rem 0; display: flex; flex-flow: column; align-items: flex-start}
.organization_intro_list.ty_02 .organization_intro_item .num { width: 2rem; flex-shrink: 0; font-size: 1rem; font-weight: 800; color: var(--primary)}
.organization_intro_list.ty_02 .organization_intro_item .item_txt { font-size: 0.85rem; color: #2e2e2e; word-break: keep-all;}

.organization_intro_btn_wrap { margin-top: 2.5rem; display: flex; align-items: center; gap: 0.5rem}
.organization_intro_btn_wrap .btn_info_txt { font-size: 1rem; font-weight: 600;}

.location_section_wrap { display: flex; flex-flow: column; gap: 4rem; margin-top: 3rem;}
.location_section_wrap .section_01 { padding-bottom: 3rem; border-bottom: 1px solid var(--gray40);}
.location_section .tit { text-align: center; margin-bottom: 2rem;}
.location_address_wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}
.location_address { font-size: 1rem; line-height: 150%; word-break: keep-all}
.location_address img { width: 1.1rem}
.location_map { width: 100%; height: 400px; border-radius: 8px; overflow: hidden; }
.custom_info { font-size: 0.65rem; width: 100px; height: 1.5rem; background: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 3px; border: 1px solid var(--gray30); margin-bottom: 0.75rem;}
.map_guide_wrap { width: 100%; display: flex; gap: 0.5rem; margin-top: 3rem;}
.map_guide_wrap .half { flex: 1 1 0; display: flex}
.map_guide_ic_wrap { width: 5rem; height: 5rem; flex-shrink: 0; border-radius: 50%; background: var(--gray10); display: flex; align-items: center; justify-content: center; margin-right: 1.5rem;}
.map_guide_ic_wrap img { width: 2rem}
.map_guide_tit { font-size: 1.1rem; font-weight: 700; margin-bottom: 1rem;}
.map_guide_txt_list { display: flex; flex-flow: column; gap: 0.75rem}
.map_guide_txt_item { padding-left: 0.9rem; position: relative; font-size: 0.8rem; color: #2e2e2e; line-height: 150%}
.map_guide_txt_item:before { content: ""; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: var(--primary); position: absolute; left: 0; top: 0.45em}
.map_guide_txt_info { font-size: 0.8rem; color: var(--secondary10); line-height: 150%; padding-left: 0.9rem; text-indent: -0.7rem}
.parking_guide_wrap { display: flex}
.parking_guide_wrap .half { flex: 1 1 0}
.parking_guide_wrap .parking_img_wrap img { width: 100%}
.parking_guide_wrap .parking_txt_wrap { padding-left: 2.5rem;}
.parking_guide_wrap .map_guide_txt_list { gap: 1.75rem}

/* 조직도 */
/*.org_chart {display: flex; flex-direction: column; align-items: center; margin-top: 2rem;}*/
/*.org_chart .box.tree_01 { max-width: 14.4rem; height: 2.8rem; margin-top: 3rem;}*/
/*.org_chart .box.tree_01:before { top: auto; bottom: -2rem; margin-left: -0.5px;}*/
/*.org_chart .box.tree_01:after { content: ""; width: 4rem; height: 2rem; background: linear-gradient(to top right, #FEF5C7, #F6D951); border-radius: 2rem 2rem 0 0; position: absolute; left: 50%; top: -2.25rem; transform: translateX(-50%)}*/
/*.org_chart .node {position: relative;display: flex;flex-direction: column;align-items: center; width: 100%}*/
/*.org_chart .box { border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; background: var(--primary) url("../../img/user_new/sub/bg_org.jpg") no-repeat center / cover; font-size: 0.8rem; font-weight: 700; width: 100%; height: 2.8rem; filter: grayscale(100%); position: relative}*/
/*.org_chart .box:before { content: ""; width: 1px; height: 2rem; border-left: 1px dashed var(--gray50); position: absolute; left: 50%; top: -2rem}*/
/*.org_chart .box.yellow { filter: none}*/
/*.org_chart .children_01 { width: 100%; display: flex; gap: 1rem; margin-top: 4rem; position: relative}*/
/*.org_chart .children_01:after { content: ""; width: calc((100% / 7 * 6) + 0.9rem); height: 1px; border-top: 1px dashed var(--gray50); position: absolute; left: 50%; top: -2rem; transform: translateX(-50%)}*/
/*.org_chart .children_02 { width: calc(200% + 1rem); display: flex; gap: 2rem; margin-top: 2.5rem;}*/
/*.org_chart .children_02:after { content: ""; width: calc(100% + 1.5rem); height: 1px; border-top: 1px dashed var(--gray50); position: absolute; left: 50%; top: calc(2.8rem + 1.5rem); transform: translateX(-50%)}*/
/*.org_chart .children_02:before { content: ""; width: 1px; height: 1.5rem; border-left: 1px dashed var(--gray50); position: absolute; left: 50%; top: 2.8rem}*/
/*.org_chart .children_02 .node { gap: 1rem}*/
/*.org_chart .children_02 .node .box { background: var(--primary)}*/
/*.org_chart .children_02 .node .box:before { height: 1rem; top: -1rem}*/
/*.org_chart .node_children { position: relative; z-index: 2}*/

/*.org_chart .children_02 .node .box.on { background: var(--primary) url("../../img/user_new/sub/bg_org.jpg") no-repeat center / cover;}*/
/*.org_chart .box.tree_02.on:after,*/
/*.org_chart .children_02 .node .box.on:after { content: ""; width: calc(100% + 0.75rem); height: calc(100% + 0.75rem); border-radius: 0.75rem; background: var(--primary30); z-index: -1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}*/

/*.org_table_wrap { margin-top: 1.5rem; display: flex; flex-flow: column; gap: 3rem}*/
/*.org_table_wrap .table_box { display: none}*/
/*.org_table_wrap .table_box.on { display: block}*/
/*.org_table_wrap table { margin-top: 0.5rem;}*/
.org_chart_new{ width: 100%; padding-right: 6rem; padding-top: 1.25rem;}
.org_chart_new .org_chart_depth_02{ width: 100%; display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 1.35rem; position: relative}
.org_chart_new .org_chart_depth_03{ width: 100%; display: flex; gap: 0.9rem}
.org_chart_new .org_chart_depth_03 .org_chart_depth_03_item{ flex: 1; position: relative}
.org_chart_new .org_chart_depth_04{ width: 100%; display: flex; gap: 0.45rem}
.org_chart_new .org_chart_depth_04 .org_chart_depth_04_item { flex: 1}
.org_chart_new .node { display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 600; border-radius: 0.4rem; padding: 0.25rem; text-align: center; position: relative}
.org_chart_new .node_01 { width: 11.5rem; height: 2.3rem; background: var(--primary30) url("../../img/user_new/sub/bg_org.jpg") no-repeat center / cover; margin: 1.75rem auto 1.5rem; position: relative; top: 1px}
.org_chart_new .node_01:after { content: ""; width: 1px; height: 1.5rem; border-left: 1px solid #BDBCBC; position: absolute; left: 50%; top: 100%; transform: translateX(-50%)}
.org_chart_new .node_01:before{ content: ""; width: 3rem; height: 1.5rem; position: absolute; left: 50%; top: 0; background: linear-gradient(to top right, #FEF5C7, #F6D951); border-radius: 1.5rem 1.5rem 0 0; transform: translate(-50%,-100%); margin-top: -0.25rem;}
.org_chart_new .node_02 { width: 100%; height: 2.3rem; border: 2px solid var(--primary); background: var(--primary30); margin: 1.5rem 0 }
.org_chart_new .node_02:after,
.org_chart_new .node_02:before{ content: ""; width: 1px; height: 1.5rem; border-left: 1px solid #BDBCBC; position: absolute; left: 50%}
.org_chart_new .node_02:after{ top: 0; transform: translate(-50%,-100%)}
.org_chart_new .node_02:before{ top: 100%; transform: translateX(-50%); margin-top: 2px;}
.org_chart_new .node_03 { width: 100%; height: 2.3rem; color: var(--white); background: var(--gray70) url("../../img/user_new/sub/bg_org_02.jpg") no-repeat center / cover; filter: grayscale(100%); margin: 1.5rem 0 2rem}
.org_chart_new .node_03:after,
.org_chart_new .node_03:before { content: ""; width: 1px; height: 1.5rem; border-left: 1px solid #BDBCBC; position: absolute; left: 50%}
.org_chart_new .node_03:after { top: 0; transform: translate(-50%, -100%) }
.org_chart_new .node_03:before { top: 100%; transform: translateX(-50%); height: 2rem}
.org_chart_new .node_03_sp { width: 5.35rem; height: 2.3rem; border: 2px solid var(--gray40); position: absolute; right: -0.65rem; top: 1.5rem; transform: translate(100%, 100%); background: var(--white)}
.org_chart_new .org_chart_depth_03_item.sp:after{ content: ""; width: calc(50% + 0.65rem); height: 1px; border-top: 1px dashed #BDBCBC; position: absolute; left: 50%; top: 4.8rem; transform: translate(0,0)}
.org_chart_new .node_04 { width: 100%; height: 8rem; background: #D9D9D9; margin-top: 1rem;}
.org_chart_new .node_04:after{ content: ""; width: 1px; height: 1rem; border-left: 1px solid #BDBCBC; position: absolute; left: 50%; top: 0; transform: translate(-50%, -100%)}
.org_chart_new .org_chart_depth_02:before{ content: ""; width: calc((100% / 4 * 3) + 0.65rem); height: 1px; border-top: 1px solid #BDBCBC; position: absolute; top: 1px; left: 50%; transform: translateX(-50%)}
.org_chart_new .org_chart_depth_03_item + .org_chart_depth_03_item:before{ content: ""; width: calc(100% + 0.9rem); height: 1rem; border-top: 1px solid #BDBCBC; position: absolute; top: 0; right: 50%}
.org_chart_new .org_chart_depth_04_item + .org_chart_depth_04_item .node_04:before{ content: ""; width: calc(100% + 0.45rem); height: 1rem; border-top: 1px solid #BDBCBC; position: absolute; top: -1rem; right: 50%}
/* [E] 기관소개 > 기관소개 */

/* [S] 기관소개 > CI */
.ci .tit.ty_02{ text-align: center; width: 100%}
.ci_wrap{ width: 100%; display: flex; border-radius: 0.75rem; background: var(--gray5); padding: 0.4rem; min-width: 0}
.ci_wrap img { max-width: 100%}
.ci_wrap .left{ width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center; flex-flow: column; gap: 2rem}
.ci_wrap .right{ width: 52.6%; flex-shrink: 0; background: var(--white); border-radius: 0.5rem; padding: 2rem}
.ci_wrap .ci_list{ display: flex; flex-flow: column; gap: 3rem}
.ci_wrap .ci_list .ci_item{ display: flex; flex-flow: column; gap: 1.3rem}
.ci_wrap .ci_list .ci_item .item_list.row{ display: grid; grid-template-columns: repeat(2,1fr); gap: 1.5rem}
.ci_wrap .ci_list .ci_item .item_list.col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem}
/* [E] 기관소개 > CI */

/* [S] 기관소개 > 자료실 */
.resources_tab_menu_wrap { margin: -1rem 0 1.5rem}

.related_org .domestic table tr th { font-size: 1.1rem; font-weight: 600;}
.related_org .link { width: 100%; display: block; color: var(--gray80); text-align: left}
.related_law .link:hover,
.related_org .link:hover { text-decoration: underline; text-underline-position: under}
.related_org .link .svg_icon { margin-left: 0.5rem; width: 0.8rem; background: var(--gray80); position: relative; top: 0.15em}

.overseas_map_warp { position: relative}
.overseas_map { width: 100%}
.overseas_map img { width: 100%}
.overseas_map_trigger { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%}
.overseas_map_trigger .map_item { width: 14.58%; height: 12.5%; position: absolute; transform: translate(-50%, -50%); background: url("../../img/user_new/sub/bg_marker.svg") no-repeat center / contain; display: flex; align-items: center; justify-content: center}
.overseas_map_trigger .map_item .txt { font-size: 0.9rem; font-weight: 700; color: var(--white); position: relative; top: -0.15rem}
.overseas_map_trigger .map_item.on { background: url("../../img/user_new/sub/bg_marker_on.svg") no-repeat center / contain}
.overseas_map_trigger .map_item.on .txt { color: var(--black)}
.overseas_map_trigger .map_item.na { left: 17.3%; top: 21%}
.overseas_map_trigger .map_item.car { left: 24.7%; top: 42%}
.overseas_map_trigger .map_item.latam { left: 33%; top: 64.5%}
.overseas_map_trigger .map_item.eu { left: 52.5%; top: 17.8%}
.overseas_map_trigger .map_item.me { left: 54.7%; top: 40%}
.overseas_map_trigger .map_item.af { left: 52.5%; top: 61%}
.overseas_map_trigger .map_item.apac { left: 74.8%; top: 23%}

.overseas_link_list { margin-top: 1.5rem;}
.overseas_link_item { width: 100%; border: 1px solid var(--gray40); border-radius: 0.75rem; padding: 2rem; display: none}
.overseas_link_item.on { display: block}
.overseas_link_item .item_tit { font-size: 1.1rem; font-weight: 700; margin-bottom: 1rem;}
.overseas_link_item table { border-top: none;}
.overseas_link_item table tr th,
.overseas_link_item table tr td { font-weight: 500; color: var(--gray80); }
/* [E] 기관소개 > 자료실 */

/* [S] 기관소개 > 연혁 */
.history_section_wrap { margin-top: 3rem}
.history_section_wrap .history_year_range { font-size: 3.5rem; color: var(--gray30); font-weight: 800; text-align: center; position: sticky; left: 0; top: 4rem; width: 100%; background-color: var(--white); z-index: 10}
.history_section_wrap .history_since { font-size: 5rem; font-weight: 800; margin-top: 0.5rem; text-align: center}
.history_section_wrap .history_intro { font-size: 1.5rem; font-weight: 600; margin-top: 1.5rem; line-height: 150%; text-align: center}
.history_section { position: relative; width: 100%; margin-top: 6.4rem;}
.history_section .timeline_line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background: #ddd; }
.history_section .timeline_fill { position: absolute;top: 0;left: 0;width: 100%;height: 0;background: var(--primary);transition: height 0.7s cubic-bezier(0.45, 0, 0.25, 1); }
.history_section .timeline_content { position: relative; display: flex; flex-direction: column; gap: 6rem; }
.history_section .history_item { position: relative; display: flex; flex-flow: column; gap: 0.5rem}
.history_section .history_item .dot { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #ddd; transition: background 0.3s ease; }
.history_section .history_item:nth-child(odd) { padding-left: calc(50% + 2rem)}
.history_section .history_item:nth-child(even) { padding-right: calc(50% + 2rem); text-align: right}
.history_section .history_item .date { font-size: 1.5rem; font-weight: 800; color: var(--gray50)}
.history_section .history_item .item_tit { font-size: 1rem; font-weight: 800; line-height: 150%; word-break: keep-all}
.history_section .history_item .item_tit .sz_s { font-size: 0.8rem; font-weight: 500; margin-left: 0.2rem}
.history_section .history_item .item_txt { font-size: 0.8rem; line-height: 150%;}
.history_section .history_item:last-child { padding-bottom: 7rem}
.history_section .history_item.on .dot { background: var(--primary); }
.history_section .history_item.on .dot:before { content: ""; width: 1.5rem; height: 1.5rem; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(245, 215, 71, 0.3)}
.history_section .history_item.on .date { color: var(--primary)}
/* [E] 기관소개 > 연혁 */

/* [S] 자연어 검색 */
.intro_ai { padding-top: 4rem; position: relative; margin-left: 4rem; padding-bottom: 0;}
.intro_ai .inner { min-height: calc(100vh - 8rem); min-height: 38rem; max-width: 63.2rem}
.intro_ai.intro_ai_result .inner { width: 100%; max-width: 100%}
.tab_ai{ position: sticky; left: 4rem; top: 4rem; background: var(--white); z-index: 20; width: 100%; padding: 0.8rem 0.8rem 0; height: 3rem; margin-left: calc((100% - 62rem) / 2);}
.intro_ai.intro_ai_result .tab_ai{ max-width: calc(100% - calc((100% - 60rem) / 2))}
.ai_sub{ padding: 0 2px}
.ai_loding{ padding: 0 2px}
.main_tit_ai { width: 100%; text-align: center; margin-top: 4rem;}
.main_tit_ai img { max-width: 100%}
.main_txt_ai { font-size: 0.9rem; text-align: center; margin-bottom: 1.5rem;}
.question_wrap { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2.75rem;}
.question_item { width: 100%}
.question_item .inn { border-radius: 1rem; padding: 1.75rem 1.5rem 3.2rem; background: var(--gray5); font-size: 0.8rem; line-height: 150%; word-break: keep-all; color: #5d5d5d; min-height: 10.5rem; position: relative; display: block}
/*.question_item .inn:after { content: ""; width: 1rem; height: 1rem; -webkit-mask-image: url(../../img/user_new/icon/ic_q.svg); mask-image: url(../../img/user_new/icon/ic_q.svg); mask-position: center; mask-repeat: no-repeat; mask-size: contain; background: #a3a3a3; position: absolute; left: 1.5rem; bottom: 1.5rem}*/

.question_item .inn:hover { background: var(--primary30)}
.question_item .inn:hover:after { background: var(--primary)}

.result_title{ font-size: 0.9rem; font-weight: 600; width: 100%; word-break: keep-all}
.answer_trigger_wrap{ margin-top: 0.3rem;}
.answer_trigger{ font-size: 0.9rem; color: var(--secondary10); font-weight: 600; width: 100%; word-break: keep-all; display: block;}
.answer_trigger_dot{ font-size: 0.9rem; font-weight: 600; margin-right: 0.5rem;}
.answer_toggle{ width: calc(100% - 0.75rem); border: solid 1px var(--gray20); background: var(--gray5); padding: 0.75rem 1rem; margin: 0.5rem 0 0 0.75rem; display: none;}
.answer_toggle.on{ display: block;}
.domainDetailArea{ margin-top: 0 !important;}
/* [S] 260105 퍼블 추가 */
.answer_trigger_wrap{ display: flex; flex-flow: column; gap: 0.5rem;}
.answer_trigger_con_wrap{ padding-left: 1.5rem; margin-top: 0.25rem;}
.answer_trigger_con_tit{ margin-left: -1rem; display: flex; align-items: center; font-size: 0.9rem; font-weight: 600; margin-bottom: 0.25rem;}
.answer_trigger_con_tit img{ width: 1rem; margin-right: 0.5rem; flex-shrink: 0}
.answer_trigger_con{ margin-top: 0.15rem;}
.answer_trigger_con .answer_trigger_dot{ margin-right: 0;}
.answer_trigger_con .answer_trigger_txt{ text-decoration: underline; text-underline-position: under; font-size: 0.8rem;}
/* [E] 260105 퍼블 추가 */

.intro_info_wrap { width: 100%; text-align: center; font-size: 0.7rem; font-weight: 400; color: var(--gray60); position: absolute; left: 50%; bottom: 1.5rem; transform: translateX(-50%); text-align: center}
.intro_info_wrap .ic { margin-right: 0.3rem; position: relative; top: 0.15rem}

.fixed_con_ai .search_history_wrap { width: 14rem; overflow: hidden; padding: 1.5rem 1rem; opacity: 0; transition-delay: 0s}
.fixed_con_ai .search_history_list { width: 100%; display: flex; flex-flow: column; gap: 0.5rem; margin-top: 0.8rem; max-height: 25rem; overflow-y: auto}
.fixed_con_ai .search_history_tit { width: 100%; font-size: 0.8rem; font-weight: 700;}
.fixed_con_ai .search_history_item { width: 100%}
.fixed_con_ai .search_history_item .inn { width: 100%; padding: 0.5rem 1rem; min-height: 2.25rem; border-radius: 0.5rem; border: 1px solid var(--gray40); font-size: 0.8rem; font-weight: 600; color: var(--gray60); background: var(--white); display: flex; align-items: center; justify-content: space-between}
.fixed_con_ai .search_history_item .inn .txt { font-size: 0.8rem; font-weight: 600; color: var(--gray60)}
.fixed_con_ai .search_history_item .inn .svg_icon { width: 0.5rem; height: 0.5rem; display: flex; background: var(--gray70); flex-shrink: 0; margin-left: 0.5rem;}
.fixed_con_ai .search_history_item .inn:hover { border-color: var(--primary);}
.intro_ai.open_history .fixed_con_ai .item.ai:after { content: ""; width: 20px; height: 20px; background: url("../../img/user_new/icon/ic_close_history.svg") no-repeat center / contain}

.intro_ai .q_tit_wrap { width: 100%; border-radius: 0.75rem; min-height: 3.5rem; padding: 1rem 1.25rem; background: var(--gray5); margin-top: 2rem; font-size: 1rem; font-weight: 600; line-height: 150%; display: flex}
.intro_ai .q_tit_wrap .svg_icon { width: 1rem; height: 1.15rem; position: relative; top: 0.2rem; margin-right: 0.45rem; background: var(--primary); flex-shrink: 0}
.result_txt_wrap { padding: 1.25rem 2rem 1.5rem; min-height: calc(100vh - 20rem);}
.result_txt_wrap_tit { font-size: 0.9rem; font-weight: 700;}
.result_txt_wrap_txt { font-size: 0.8rem; font-weight: 400; margin-top: 0.5rem; line-height: 180%;}
.result_txt_wrap .dot_list { margin-top: 2rem;}
.result_txt_wrap .line_dot_tit { margin-top: 2rem;}
.result_txt_wrap .txt_wrap { font-size: 0.7rem; line-height: 170%; margin-top: 0.3rem;}

.result_txt_wrap + .result_keyword_wrap,
.result_txt_wrap + .recommend_question_wrap{ border-top: 1px solid var(--gray40);}


.result_keyword_wrap { padding: 1.5rem 0 0; margin-bottom: 1.5rem;}
.result_keyword_tit { display: flex; align-items: flex-start; width: 100%; min-width: 0}
.result_keyword_tit .ic_tit_wrap { flex-shrink: 0; display: inline-flex; width: auto}
.result_keyword_tit .ic_tit_wrap:after { content: ""; width: 1px; height: 0.8rem; background: var(--black); margin: 0 1rem}
.result_keyword_tit .tag_wrap { width: 100%; padding: 0.1rem 0 0}
.result_keyword_tit .tag_wrap .tag .svg_icon { background: var(--gray80)}

.intro_ai_result .record_ty_info_wrap { display: flex; align-items: center; justify-content: space-between; padding: 0 1.75rem 3rem; margin-top: 1rem}
.intro_ai_result .intro_info_wrap { position: static; transform: translateX(0); padding: 0; margin: 0;}
.intro_ai_result .form_check { flex-shrink: 0}
.intro_ai_result .form_check.ty_02 input[type=checkbox]:checked + label:before { background: var(--black)}

.recommend_question_wrap { margin: 1.25rem 0 2rem; padding-top: 1.5rem; display: flex; align-items: center}
.recommend_question_wrap .question_list_del { flex-shrink: 0; margin-right: 1rem; width: 2.25rem; height: 2.25rem; border-radius: 50%; border: 1px solid var(--gray40); display: inline-flex; align-items: center; justify-content: center}
.recommend_question_wrap .question_list_del .svg_icon { width: 0.75rem; height: 0.75rem; background: var(--gray70)}
.recommend_question_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; width: 100%}
.recommend_question_item .inn { border-radius: 0.75rem; padding: 1rem 1.5rem; background: var(--gray5); color: #5d5d5d; font-size: 0.8rem; font-weight: 500; line-height: 150%; display: block}
.recommend_question_item .inn:hover { background: var(--primary30)}

.link_pop_wrap { display: inline-block; position: relative}
.link_pop_wrap.on { z-index: 21;}
.link_pop_wrap .link_pop_trigger { width: 1rem; height: 1rem; border-radius: 50%; background: var(--gray20); display: inline-flex; align-items: center; justify-content: center; margin-left: 0.25rem}
.link_pop_wrap .link_pop_trigger .svg_icon { width: 0.4rem; height: 0.4rem}
.link_pop_wrap .link_pop_list { width: 20rem; max-height: 15rem; overflow-y: auto; background: var(--white); border-radius: 0.5rem; padding: 0.75rem 1rem 0.75rem; border: 1px solid var(--gray40); position: absolute; top: 0; left: 1.5rem; min-width: 0; display: none}
.link_pop_wrap .link_pop_close { position: absolute; right: 1rem; top: 0.75rem}
.link_pop_wrap .link_pop_list .link_pop_item { padding: 0.75rem 0 0.5rem; border-bottom: 1px solid var(--gray40);}
.link_pop_wrap .link_pop_list .link_pop_item:first-child { padding-top: 0;}
.link_pop_wrap .link_pop_list .link_pop_item:last-child { padding-bottom: 0; border-bottom: none;}
.link_pop_wrap .link_pop_item .inn { display: block}
.link_pop_wrap .link_pop_item .tit_wrap { display: flex; width: 100%; min-width: 0}
.link_pop_wrap .link_pop_item .tit_wrap .num { width: 1rem; height: 1rem; border-radius: 50%; background: var(--primary); display: inline-flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 600; flex-shrink: 0; margin-right: 0.4rem; line-height: 100%;}
.link_pop_wrap .link_pop_item .tit_wrap .tit { width: 100%; min-width: 0; font-size: 0.8rem; font-weight: 700;}
.link_pop_wrap .link_pop_item .loca { font-size: 0.6rem; font-weight: 400; color: var(--gray70); margin-top: 0.25rem;}

.link_pop_wrap.on .link_pop_trigger { background: var(--black)}
.link_pop_wrap.on .link_pop_trigger .svg_icon { background: var(--primary)}
.link_pop_wrap.on .link_pop_list { display: block}

.intro_ai_record_ty_wrap .tab_menu { margin-bottom: 1.5rem;}
.intro_ai_record_ty_wrap .record_item_count { margin-bottom: 1rem; font-size: 0.8rem; font-weight: 500; display: inline-flex}
.intro_ai_record_ty_wrap .record_item_count .num { font-weight: 700; color: var(--primary); margin-left: 0.25rem;}

.intro_ai_record_ty_wrap .list_thumb_ty_07 { grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-top: 0;}
.intro_ai_record_ty_wrap .list_ty_01 .img_wrap { position: relative; width: 30%; max-width: 5rem; aspect-ratio: 100 / 70; overflow: hidden; margin-right: 1rem; flex-shrink: 0; border-radius: 0.4rem}
.intro_ai_record_ty_wrap .list_ty_01 .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.intro_ai_record_ty_wrap .list_ty_01 .img_wrap:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 2}
.intro_ai_record_ty_wrap .list_ty_01 .img_wrap:before { content: ""; width: 1.5rem; height: 1.5rem; background: url("../../img/user_new/icon/ic_video_play.svg") no-repeat center / 100%; z-index: 3}
.intro_ai_record_ty_wrap .list_ty_01 .list_con_line { padding: 1rem 0}
.intro_ai_record_ty_wrap .list_ty_01 .list_con_line .txt_wrap { margin-right: 0;}
.intro_ai_record_ty_wrap .list_ty_01 .list_con_line .info_wrap { display: flex; margin-top: 0.5rem;}

.intro_ai_record_ty_wrap .view_all { margin-top: 0.5rem;}
.intro_ai_record_ty { padding: 2.25rem 2rem; }

.loading_wrap { display: flex; align-items: center; gap: 1rem; margin: 1rem 0}
.loading_wrap .circle_wrap { width: 2.5rem; height: 2.5rem; position: relative;}
.loading_wrap .circle_img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; animation: spin 2s linear infinite; }
.loading_wrap .circle_inn_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center}
.loading_wrap .loading_txt { font-size: 0.9rem;}

.intro_ai_result_con .tab_menu.fixed { position: sticky; top: 4rem; padding-top: 1rem; background: var(--white); z-index: 10}
.ai_fixed_wrap { position: sticky; bottom: 0; z-index: 10; background: var(--white)}
.ai_fixed_wrap .record_ty_info_wrap { padding-bottom: 1.5rem !important;}

.mo_ai_record_ty_trigger{ width: 100%; height: 3rem; align-items: center; justify-content: space-between; border-radius: 1.5rem; background: var(--black); color: var(--white); font-size: 1rem; padding: 0 2rem; margin-bottom: 0.5rem;}
.mo_ai_record_ty_trigger .svg_icon{ background: var(--white); transform: rotate(-90deg);}
.mo_ai_record_ty_trigger,
.mo_ai_record_ty_close_trigger{ display: none;}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* [E] 자연어 검색 */
/* [S] 통합 검색 */
.tab_total{ position: sticky; left: 0; top: 4rem; background: var(--white); z-index: 20; width: 100%; padding: 0.8rem 0.8rem 0; height: 3rem;}

.total_search { padding-top: 4rem; position: relative;}
.total_search .inner { min-height: calc(100vh - 8rem); min-height: 38rem}

.total_search .ty_interview { grid-template-columns: repeat(3, 1fr)}
.total_search .assembly_terms_timeline_item { display: flex; flex-flow: column; gap: 1rem; padding-top: 1.5rem;}
.total_search .assembly_terms_timeline_item:before,
.total_search .assembly_terms_timeline_item:after { display: none}
.total_search .assembly_terms_timeline_inn { overflow: hidden}
.total_search .timeline_txt_wrap { background-size: 12.6201%}
.total_search .timeline_txt_wrap .timeline_link { margin-left: 0;}
.total_search .timeline_txt_wrap .timeline_txt { display: flex; flex-flow: column; gap: 0.75rem; line-height: 150%;}
.total_search .list_group .ic_tit_wrap { margin-bottom: 1.5rem;}
.total_search .list_thumb_ty_03,
.total_search .list_thumb_ty_06,
.total_search .ty_interview { padding-top: 1.5rem; margin-top: 0; border-top: 2px solid var(--gray70);}
.total_search .list_thumb_ty_03 .list_thumb_item .inn .box .txt_wrap .tit { font-size: 0.9rem;}

.total_search .list_thumb_ty_06 .list_thumb_item .inn .txt_wrap { margin-top: 1rem;}
.total_search .list_thumb_ty_06 .info_wrap { gap: 0.25rem}
.total_search .list_thumb_ty_06 .info_wrap .info { display: block; width: 100%}
.total_search .list_thumb_ty_06 .info_wrap .info:before { display: none}

.total_search_detail_condition_list { display: flex; flex-flow: column; gap: 1rem; width: 100%}
.total_search_detail_condition_item { display: flex; align-items: center; gap: 0.5rem; width: 100%}
.total_search_detail_condition_item .select_box { width: 10rem; flex-shrink: 0}
.total_search_detail_condition_item .select_box select { width: 100%}
.total_search_detail_condition_item .input_box { width: 100%;}

#pop_total_search_detail .popup_body { padding: 3rem 2rem}
/* [E] 통합 검색 */
/* [S] 기록콘텐츠 > 구술기록 */
.by_generation_table .btn_wrap { display: flex; flex-wrap: wrap; gap: 0.5rem}
.by_generation_table .btn_wrap .btn { padding: 0 0.7rem; border-radius: 0.4rem; border: 1px solid var(--primary); font-size: 0.65rem; font-weight: 600; height: 1.6rem; line-height: 100%;}
.by_generation_table .btn_wrap.g_01 .btn { background: var(--primary30)}
.by_generation_table .btn_wrap.g_01 .btn:hover { background: var(--primary) url("../../img/user_new/icon/ic_g_01_on.svg") no-repeat right 0.25rem bottom}
.by_generation_table .btn_wrap.g_02 .btn { background: var(--white) url("../../img/user_new/icon/ic_g_02_off.svg") no-repeat right top}
.by_generation_table .btn_wrap.g_02 .btn:hover { background: var(--primary) url("../../img/user_new/icon/ic_g_02_on.svg") no-repeat right bottom}

.legend_wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1rem}
.legend_wrap .left { display: flex; align-items: center; width: 100%}
.legend_wrap .left .ic_tit_wrap { flex-shrink: 0; width: auto}
.legend_list { display: flex; align-items: center; gap: 0.75rem; margin-left: 2.5rem; position: relative}
.legend_list:before { content: ""; width: 1px; height: 0.8rem; background: #000; flex-shrink: 0; position: absolute; left: -1.25rem}
.legend_item { display: flex; align-items: center; gap: 0.4rem}
.legend_item .legend { width: 1.25rem; height: 1.25rem; border-radius: 0.15rem; border: 1px solid #000; display: flex; align-items: center; justify-content: center; font-size: 0.6rem;}
.legend_item .legend.ty_01 { color: #005CA2; border-color: #005CA2; background: #EFF8FF}
.legend_item .legend.ty_02 { color: #008641; border-color: #008641; background: #ECFAF3}
.legend_item .legend.ty_03 { color: #5B0086; border-color: #5B0086; background: #FAF3FE}
.legend_item .legend.ty_04 { color: #B20000; border-color: #B20000; background: #FFEEEE}
.legend_item .legend.ty_05 { color: #D41B88; border-color: #D41B88; background: #FFF3FA}
.legend_item .legend_txt { font-size: 0.6rem;}
.tag_wrap .legend_list { margin-left: 0.25rem; gap: 0.25rem}
.tag_wrap .legend_list:before { display: none}
.legend_wrap .right { flex-shrink: 0}

.by_video .list_ty_02 .list_con_line .list_con_line_inn.inn { background: url("../../img/user_new/common/bg_play_list_off.svg") no-repeat right 2.5rem bottom; padding-right: 5.5rem;}
.by_video .list_ty_02 .list_con_line .list_con_line_inn.inn:hover { background-image: url("../../img/user_new/common/bg_play_list_on.svg")}

.by_special_interview .video_wrap { width: 100%; padding: 2rem; border-radius: 1rem 1rem 0 0; border: 1px solid var(--gray40); border-bottom: none; background: var(--primary30); display: flex; gap: 3rem}
.by_special_interview .video_wrap .left,
.by_special_interview .video_wrap .right { flex: 1; display: flex}
.by_special_interview .video_wrap iframe { width: 100%; aspect-ratio: 100 / 55.68; border-radius: 0.5rem}
.by_special_interview .video_wrap .right { padding-top: 1.125rem; display: flex; flex-flow: column; justify-content: space-between; gap: 0.5rem}
.by_special_interview .video_wrap .right .tit { font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem;}
.by_special_interview .video_wrap .right .txt { font-size: 0.8rem; font-weight: 400; line-height: 150%; margin-bottom: 1.5rem;}
.by_special_interview .video_wrap .right .btn_wrap .btn .svg_icon { width: 0.8rem}
.by_special_interview .video_slider_wrap { width: 100%; border-radius: 0 0 1rem 1rem; border: 1px solid var(--gray40); border-top: none; position: relative; padding: 1rem 5.5rem}
.by_special_interview .video_slider_wrap .arr { z-index: 10; top: 50%; transform: translateY(-50%); margin-top: 0}
.by_special_interview .video_slider_wrap .arr_l { left: 2rem}
.by_special_interview .video_slider_wrap .arr_r { right: 2rem}
.by_special_interview .video_slider_wrap .arr:after { color: #000; font-size: 2rem;}
.by_special_interview .video_slider_wrap .video_slider { width: 100%; overflow: hidden; margin-top: 0; padding: 1rem 0}

.oral_info_page_wrap { padding-bottom: 5rem;}
.oral_left_wrap { width: 17.8rem; background: linear-gradient(to bottom, #ffffff 0%, #fff8d5 100%); margin-right: 3rem; padding: 1.5rem 6.75rem 5rem 1.5rem; position: relative; flex-shrink: 0}
.oral_left_wrap .img_wrap { width: 100%; aspect-ratio: 1/1; border-radius: 0.75rem; overflow: hidden; margin-bottom: 1.5rem;}
.oral_left_wrap .img_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: top center}
.oral_left_wrap .name_wrap { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; text-decoration: underline; text-underline-offset: 0.7rem}
.oral_left_wrap .info_wrap .info { color: var(--gray80);}
.oral_left_wrap .oral_info_wrap { margin-top: 1rem;}
.oral_left_wrap .oral_info_wrap .oral_info_trigger { width: 100%; display: flex; align-items: center; margin-bottom: 0.5rem; padding: 0 0.5rem; border-radius: 0.4rem; height: 1.6rem; font-size: 0.65rem; background: var(--white); border: 1px solid #000; font-weight: 600; position: relative}
.oral_left_wrap .oral_info_wrap .oral_info_trigger:after { content: ""; width: 0.5rem; height: 0.4rem; mask-image: url("../../img/user_new/icon/ic_angle_03.svg"); mask-repeat: no-repeat; mask-position: center; mask-size: contain; background: var(--black); position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%)}
.oral_left_wrap .oral_info_wrap .oral_info_trigger:hover { background: var(--gray5)}
.oral_left_wrap .oral_info_wrap .oral_info_trigger.open { background: var(--primary); border-color: var(--primary);}
.oral_left_wrap .oral_info_wrap .oral_info_trigger.open:after { transform: translateY(-50%) rotate(180deg)}
.oral_left_wrap .oral_info_wrap .oral_info_trigger .svg_icon { height: 0.65rem; width: 0.65rem; margin-right: 0.35rem;}
.oral_left_wrap .oral_info_wrap .trigger_toggle { border-radius: 0.4rem; overflow: hidden; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05)}
.oral_left_wrap .oral_info_wrap table { border-top: none; border-bottom: none; margin-top: 0;}
.oral_left_wrap .oral_info_wrap table tr:first-child { border-top: none;}
.oral_left_wrap .oral_info_wrap table th,
.oral_left_wrap .oral_info_wrap table td { font-size: 12px; height: 2rem; padding: 0.5rem}
.oral_left_wrap .oral_info_wrap table td { background: var(--white)}
.oral_left_wrap .tab_menu { position: absolute; right: 0.5rem; top: 1.5rem; display: flex; flex-flow: column; width: 4.25rem; padding-bottom: 2rem;}
.oral_left_wrap .tab_menu .ty_02.tit{ margin-bottom: 0;}
.oral_left_wrap .tab_menu .tab_item:not(.on) .line_dot_tit { color: var(--gray60); font-size: 0.8rem;}
.oral_left_wrap .tab_menu .tab_item:not(.on) .line_dot_tit:before,
.oral_left_wrap .tab_menu .tab_item:not(.on) .line_dot_tit:after { display: none}
.oral_info_page_wrap .list_total_wrap { gap: 2rem}
.oral_info_page_wrap .ic_tit_wrap.t1 { margin-bottom: 1.5rem;}
.oral_info_page_wrap .oral_record_video_list_wrap { width: 100%; max-height: 13rem; padding: 1rem 0.5rem 1rem 1rem; border: 1px solid var(--gray40); border-radius: 0.75rem; display: flex; gap: 1.5rem}
.oral_info_page_wrap .oral_record_video { flex: 1; aspect-ratio: 100/67; border-radius: 0.5rem; overflow: hidden; background: var(--gray40); position: relative}
.oral_info_page_wrap .oral_record_video iframe,
.oral_info_page_wrap .oral_record_video .main_video { width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.oral_info_page_wrap .oral_record_list_wrap { flex: 1; overflow-y: auto; padding-right: 0.5rem}
.oral_info_page_wrap .oral_record_list_wrap .record_item_count { margin-bottom: 0.5rem;font-size: 0.8rem;font-weight: 500;display: inline-flex}
.oral_info_page_wrap .oral_record_list_wrap .record_item_count .num { font-weight: 700;color: var(--primary);margin-left: 0.25rem;}
.oral_info_page_wrap .oral_record_list { width: 100%; min-width: 0; border-top: 1px solid var(--gray40);}
.oral_info_page_wrap .oral_record_item { width: 100%; min-width: 0;}
.oral_info_page_wrap .oral_record_item .inn { width: 100%; height: 2.5rem; display: flex; align-items: center; justify-content: space-between; gap: 0.25rem; font-size: 0.7rem; color: #5D5D5D; padding: 0 0.6rem; border-bottom: 1px solid var(--gray40);}
.oral_info_page_wrap .oral_record_item .inn:hover { background: var(--primary30)}
.oral_info_page_wrap .oral_record_item.on .inn { color: var(--black); background: var(--primary)}
.oral_info_page_wrap .list_box_ty_01 .list_box_tit { border-right: 1px solid var(--gray40);}
.oral_info_page_wrap .list_box_ty_02 .list_box_con { text-align: center}
.oral_info_page_wrap .list_box_line .list_box_con { font-weight: 400; color: var(--gray80);}

.oral_info_page_wrap .list_thumb_ty_07.ty_interview { grid-template-columns: repeat(4, 1fr); gap: 1rem}

.oral_info_page_wrap table { width: 100%; min-width: 500px; max-width: 100%; table-layout: auto;}
.oral_info_page_wrap table.min0 { min-width: 0; max-width: 100%; height: auto !important; width: 100% !important;}
.oral_info_page_wrap table tr th,
.oral_info_page_wrap table tr td { height: 2.2rem; vertical-align: middle; padding: 0.8rem !important}
.oral_info_page_wrap table tr th *,
.oral_info_page_wrap table tr td *{ line-height: inherit; font-size: inherit; list-style: none;}
/*.oral_info_page_wrap table tr th { font-weight: 700; background: var(--gray10)}*/
/*.oral_info_page_wrap table tr td { color: var(--gray70); line-height: 150%; border-left: 1px solid var(--gray40);}*/
.oral_info_page_wrap table tr th { background: var(--gray10);}
.oral_info_page_wrap table tr td { border-left: 1px solid var(--gray40);}
.oral_info_page_wrap table tr { border-bottom: 1px solid var(--gray40);}
.oral_info_page_wrap table tbody tr:last-child { border-bottom: none;}

.oral_record_ty_02 table tr th{ border-left: none; word-break: keep-all; width: 7rem !important;}
.oral_record_ty_02 table colgroup{ display: none;}
.oral_record_ty_02 table colgroup col:first-child{ width: 7rem;}

.oral_record_ty_02,
.oral_record_ty_03,
.oral_record_ty_04,
.oral_record_ty_05,
.oral_record_ty_07,
.oral_record_ty_08{ overflow-x: auto; max-width: 100%;}

.oral_record_ty_03 table,
.oral_record_ty_04 table,
.oral_record_ty_05 table,
.oral_record_ty_07 table,
.oral_record_ty_08 table{ table-layout: auto; border-top: 2px solid #595959 !important; border-bottom: 1px solid var(--gray40) !important;}

.oral_record_ty_03 table tr th,
.oral_record_ty_04 table tr th,
.oral_record_ty_05 table tr th,
.oral_record_ty_07 table tr th{ border-left: none; word-break: keep-all;}

.oral_record_ty_08 table{ border-collapse: initial !important;}
.oral_record_ty_08 table + p{ margin-top: 0.75rem;}
/* [S] 기록콘텐츠 > 구술기록 */

/* [S] 기록 속 의정사 > 12.3 비상계엄 */

/* 12.3 비상계엄 개요 */
.martial_law_overview .con_list { width: 100%; min-width: 0}
.martial_law_overview .con_list .con_item { width: 100%; min-width: 0; display: flex; gap: 3.5rem}
.martial_law_overview .con_list .con_item_01 { margin-bottom: 1rem;}
.martial_law_overview .con_list .con_item_02 { margin-bottom: 3.5rem;}
.martial_law_overview .con_list .con_item_03 { margin-bottom: 3rem;}
.martial_law_overview .con_list .con_item_04 { padding: 6rem 0 5rem; margin-bottom: -5.6rem; position: relative; display: block}
.martial_law_overview .con_list .con_item_04:after { content: ""; width: calc(100vw - 0.4rem); height: 100%; background: url("../../img/user_new/sub/bg_martial_law.jpg") no-repeat top center / cover; display: block; z-index: -1; position: absolute; left: 0; top: 0; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw)}
.martial_law_overview .con_list .con_item_04 .con_item_inn { display: flex; gap: 2rem; align-items: flex-start; padding-top: 1.5rem;}
.martial_law_overview .con_list .con_item_04 .con_item_inn .txt_wrap { display: flex; flex-flow: column; gap: 0.5rem}
.martial_law_overview .con_list .con_item_04 .img_wrap { width: 50%; border-radius: 0.75rem; border: 3px solid var(--primary); box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2); aspect-ratio: 1/1; overflow: hidden; position: relative}
.martial_law_overview .con_list .con_item_04 .img_wrap img { width: 100%; height: 100%; object-position: center; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.martial_law_overview .con_list .con_item_04 .txt_wrap { width: 100%;}
.martial_law_overview .con_list .con_item_04 .trigger_wrap { width: 100%}
.martial_law_overview .con_list .con_item_04 .trigger { width: 100%; background: #fff; height: 3.5rem; border: 3px solid var(--gray40); border-radius: 0.75rem; display: flex; align-items: center; justify-content: space-between; padding: 0 1.5rem; position: relative; z-index: 2; font-size: 1rem; font-weight: 700; color: #5d5d5d;}
.martial_law_overview .con_list .con_item_04 .trigger:hover { border-color: var(--primary); background: linear-gradient(to right, #FFF8D5 0%, #FFF 45%, #FFF 100%); color: var(--black);}
.martial_law_overview .con_list .con_item_04 .trigger.open { background: url("../../img/user_new/sub/bg_tit_02.jpg") no-repeat center / cover; border: none; color: var(--black);}
.martial_law_overview .con_list .con_item_04 .trigger:after { content: ""; width: 0.85rem; height: 0.85rem; mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-image: url("../../img/user_new/icon/ic_minus_line.svg"); background: var(--gray60)}
.martial_law_overview .con_list .con_item_04 .trigger.open:after { mask-image: url("../../img/user_new/icon/ic_plus_line.svg"); background: var(--black)}
.martial_law_overview .con_list .con_item_04 .trigger_toggle { padding: 2.5rem 1.5rem; background: var(--white); border-radius: 0 0 0.75rem 0.75rem; border: 1px solid var(--primary); border-top: none; margin-top: -1rem; width: 100%; font-size: 0.9rem; font-weight: 500; color: #2e2e2e; line-height: 150%; word-break: keep-all}
.martial_law_overview .con_list .con_item_04 .trigger_toggle .img_wrap { display: none; border-radius: 0.75rem; overflow: hidden}
.martial_law_overview .con_list .con_item_04 .trigger_toggle .img_wrap img { width: 100%}
.martial_law_overview .con_list .con_item:nth-child(even) { flex-flow: row-reverse}
.martial_law_overview .con_list .con_item .quotation_mark { margin-bottom: 0.5rem;}
.martial_law_overview .con_list .con_item .img_wrap { flex-shrink: 0}
.martial_law_overview .con_list .con_item .img_wrap img { max-width: 100%}
.martial_law_overview .con_list .con_item .tit_wrap { display: flex; gap: 1rem; width: 100%; min-width: 0; margin-bottom: 1rem;}
.martial_law_overview .con_list .con_item .tit { font-size: 2rem; font-weight: 700; flex-shrink: 0; line-height: 100%;}
.martial_law_overview .con_list .con_item .bar { width: 100%; border-bottom: 1px solid #000;}
.martial_law_overview .con_list .con_item .txt { font-size: 0.9rem; color: #2e2e2e; line-height: 150%; word-break: keep-all}
.martial_law_overview .con_list .con_item .sub_con { margin-top: 2rem;}
.martial_law_overview .con_list .con_item .sub_con_tit { padding: 0 30px; position: relative; color: var(--white); font-size: 1rem; font-weight: 700}
.martial_law_overview .con_list .con_item .sub_con_tit:before { content: url("../../img/user_new/sub/bg_martial_law_con_tit.png"); position: absolute; left: 50%; top: 65%; transform: translate(-50%, -50%); z-index: -1}
.martial_law_overview .con_list .con_item .sub_con_list { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-top: 1.3rem;}
.martial_law_overview .con_list .con_item .sub_con_item { display: flex}
.martial_law_overview .con_list .con_item .sub_con_item .num { width: 1rem; height: 1rem; font-size: 0.6rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; line-height: 100%; border-radius: 50%; background: var(--primary); flex-shrink: 0; margin-right: 0.5rem; position: relative; top: 0.075rem}
.martial_law_overview .con_list .con_item .sub_con_item .sub_con_txt { font-size: 0.8rem; font-weight: 600; line-height: 150%; word-break: keep-all}
/* 12.3 비상계엄 타임라인 */
.martial_law_timeline .tit_wrap { position: relative}
.martial_law_timeline .tit_wrap img { max-width: 100%}
.martial_law_timeline .tit_wrap > img { width: 100%}
.martial_law_timeline .tit_wrap .tit { width: 100%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; padding: 0 1.5rem; display: flex; justify-content: center}
.martial_law_timeline .ic_tit_wrap { font-size: 1.2rem; margin-bottom: 1rem;}
.martial_law_timeline .time_line_con { margin-top: 3rem}
.martial_law_timeline .time_line_list { display: flex; flex-flow: column; gap: 1.5rem}
.martial_law_timeline .time_line_item { padding-left: 1.75rem; position: relative}
.martial_law_timeline .time_line_item .dot { width: 1rem; height: 1rem; border-radius: 50%; position: absolute; left: -1.75rem; top: 50%; transform: translateY(-50%); display: flex;align-items: center; justify-content: center; background: var(--primary30)}
.martial_law_timeline .time_line_item .dot:before { content: ""; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: var(--primary); display: inline-flex}
.martial_law_timeline .time_line_item_inn { display: flex; border: 1px solid var(--gray40); border-radius: 1.5rem; padding: 0.85rem 1rem; position: relative; background: var(--white)}
.martial_law_timeline .time_line_item_inn:before { content: ""; width: 1px; height: calc(100% + 1.5rem); background: var(--primary); position: absolute; left: -1.3rem; top: 50%; }
.martial_law_timeline .time_line_item_inn:after { content: ""; width: 1px; height: calc(100% + 1.5rem); background: var(--primary); position: absolute; left: -1.3rem; bottom: 50%; }
.martial_law_timeline .time_line_list .time_line_item:first-child .time_line_item_inn:after,
.martial_law_timeline .time_line_list .time_line_item:last-child .time_line_item_inn:before { display: none}
.martial_law_timeline .time_line_item_inn .ic_time_wrap { position: relative; flex-shrink: 0; display: inline-flex; align-items: center; padding-right: 1rem; margin-right: 1rem; border-right: 1px solid var(--gray40);}
.martial_law_timeline .time_line_item_inn .ic_time_wrap .ic { width: 1.25rem; height: 1.25rem; display: block; flex-shrink: 0; background: url("../../img/user_new/icon/ic_time.svg") no-repeat center / contain; margin-right: 0.75rem;}
.martial_law_timeline .time_line_item_inn .ic_time_wrap .time { font-size: 0.9rem; font-weight: 600;}
.martial_law_timeline .time_line_item_inn .txt { font-size: 1rem; font-weight: 600;}
.martial_law_timeline .time_line_item_inn.trigger { position: relative; z-index: 2;}
.martial_law_timeline .time_line_item_inn.trigger .arr_wrap { flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-left: 1rem;}
.martial_law_timeline .time_line_item_inn.trigger .svg_icon { width: 0.65rem; height: 0.3rem; background: var(--gray60); }
.martial_law_timeline .time_line_item_inn.trigger:hover { border-color: var(--primary);}
.martial_law_timeline .time_line_item_inn.trigger:hover .svg_icon { background: var(--black)}
.martial_law_timeline .time_line_item_inn.trigger.open { background: var(--primary30); border-color: var(--primary);}
.martial_law_timeline .time_line_item_inn.trigger.open .svg_icon { transform: rotate(180deg); background: var(--black)}
.martial_law_timeline .time_line_item .trigger_toggle { padding: 3rem 1.5rem 1.5rem; border-radius: 0 0 1.5rem 1.5rem; border: 1px solid var(--primary); margin-top: -1.5rem;}
.martial_law_timeline .time_line_item .trigger_toggle .item_list { width: 100%; display: flex; flex-flow: column; gap: 0.75rem}
.martial_law_timeline .time_line_item .trigger_toggle .item_list .item { width: 100%; display: flex}
.martial_law_timeline .time_line_item .trigger_toggle .item_list .item .tag { flex-shrink: 0; margin-right: 0.75rem;}
.martial_law_timeline .time_line_item .trigger_toggle .item_list .item .item_txt { font-size: 0.8rem; line-height: 150%; padding-top: 0.05rem;}
.martial_law_timeline .time_line_item .trigger_toggle .item_list .item .item_txt:hover { text-decoration: underline; text-underline-position: under}
/* 법률로 보는 비상계엄 */
.martial_law_by_law .tit_wrap { position: relative; border-radius: 0.75rem; overflow: hidden; display: flex; margin-bottom: 3rem;}
.martial_law_by_law .tit_wrap img { max-width: 100%;}
.martial_law_by_law .tit_wrap > img { width: 100%}
.martial_law_by_law .tit_wrap .tit { width: 100%; position: absolute; left: 50%; top: 58%; transform: translate(-50%, -50%); z-index: 2; padding: 0 1.5rem; text-align: center; display: flex; justify-content: center}
.martial_law_by_law .ic_tit_wrap { margin-bottom: 1rem;}
.martial_law_by_law .law_by_law_con_wrap { display: flex; flex-flow: column; gap: 3rem}
.martial_law_by_law .law_by_law_con_list { display: flex; flex-flow: column; gap: 1.5rem}
.martial_law_by_law .law_by_law_con_item .svg_icon { width: 1.15rem; height: 1.15rem; background: var(--primary); flex-shrink: 0; margin-right: 0.9rem;}
.martial_law_by_law .law_by_law_con_item .item_tit { width: 100%; border-radius: 0.75rem 0.75rem 0 0; border: 1px solid var(--gray40); height: 3.5rem; display: flex; align-items: center; padding: 0 1.2rem; font-size: 1rem; font-weight: 600; background: var(--gray5)}
.martial_law_by_law .law_by_law_con_item .item_txt { width: 100%; border-radius: 0 0 0.75rem 0.75rem; border: 1px solid var(--gray40); border-top: none; padding: 1.5rem; background-repeat: no-repeat; background-position: right bottom}
.martial_law_by_law .law_by_law_con_item.item_01 .item_txt { background-image: url("../../img/user_new/sub/bg_martial_law_by_law_01.svg")}
.martial_law_by_law .law_by_law_con_item.item_02 .item_txt { background-image: url("../../img/user_new/sub/bg_martial_law_by_law_02.svg"); background-position: bottom right 1rem}
.martial_law_by_law .law_by_law_con_item.item_03 .item_txt { background-image: url("../../img/user_new/sub/bg_martial_law_by_law_03.svg"); background-position: bottom right 1rem}
.martial_law_by_law .law_by_law_con_item.item_04 .item_txt { background-image: url("../../img/user_new/sub/bg_martial_law_by_law_04.svg")}
.martial_law_by_law .law_by_law_con_item.item_05 .item_txt { background-image: url("../../img/user_new/sub/bg_martial_law_by_law_05.svg"); background-position: bottom right 1rem}
.martial_law_by_law .law_by_law_con_item .item_txt { font-size: 0.8rem; font-weight: 500; line-height: 150%}
.martial_law_by_law .law_by_law_con_item .item_txt .bar_list { margin-top: 0.75rem}
.martial_law_by_law .law_by_law_con_item .item_txt .bar_item { font-size: 0.8rem; font-weight: 400;}
.martial_law_by_law .link { position: relative}
.martial_law_by_law .link:after { content: ""; width: 100%; height: 0.75rem; border-radius: 0.325rem; background: var(--gray20); position: absolute; left: 50%; bottom: -0.25rem; transform: translateX(-50%)}
.martial_law_by_law .link .link_txt { position: relative; z-index: 2; font-size: 0.8rem; font-weight: 700; padding: 0 0.25rem}
.martial_law_by_law .law_by_law_link_list { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem}
.martial_law_by_law .law_by_law_link_item { width: 100%; aspect-ratio: 100/57.8947; border-radius: 0.75rem; overflow: hidden}
.martial_law_by_law .law_by_law_link_item .inn { width: 100%; height: 100%; display: flex; align-items: flex-end; padding: 0 6% 13% 18%;; background-repeat: no-repeat; background-position: center; background-size: cover;}
.martial_law_by_law .law_by_law_link_item .txt_wrap { position: relative; color: var(--white); padding-right: 2.5rem; width: 100%}
.martial_law_by_law .law_by_law_link_item .txt_wrap .tit { font-size: 1.5rem; font-weight: 800;}
.martial_law_by_law .law_by_law_link_item .txt_wrap .txt { font-size: 0.8rem; margin-top: 0.5rem;}
.martial_law_by_law .law_by_law_link_item .txt_wrap .ic_link_wrap { width: 2.125rem; height: 2.125rem; border-radius: 50%; background: var(--white); display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: -0.5rem}
.martial_law_by_law .law_by_law_link_item .txt_wrap .ic_link_wrap .svg_icon { width: 0.75rem; height: 0.75rem; background: var(--black)}
.martial_law_by_law .law_by_law_link_item .inn:hover .txt_wrap { color: var(--black)}
.martial_law_by_law .law_by_law_link_item.link_item_01 .inn { background-image: url("../../img/user_new/sub/bg_law_by_law_01.jpg")}
.martial_law_by_law .law_by_law_link_item.link_item_01 .inn:hover { background-image: url("../../img/user_new/sub/bg_law_by_law_01_hover.jpg")}
.martial_law_by_law .law_by_law_link_item.link_item_02 .inn { background-image: url("../../img/user_new/sub/bg_law_by_law_02.jpg")}
.martial_law_by_law .law_by_law_link_item.link_item_02 .inn:hover { background-image: url("../../img/user_new/sub/bg_law_by_law_02_hover.jpg")}
.martial_law_by_law .law_by_law_link_item.link_item_03 .inn { background-image: url("../../img/user_new/sub/bg_law_by_law_03.jpg")}
.martial_law_by_law .law_by_law_link_item.link_item_03 .inn:hover { background-image: url("../../img/user_new/sub/bg_law_by_law_03_hover.jpg")}
/* 역사 속의 비상계엄 */
.martial_law_in_history .slide_wrap { position: relative; padding-bottom: 3rem;}
.martial_law_in_history .slide_wrap:before { content: ""; width: calc(100vw - 0.4rem); height: 100%; display: block; z-index: -1; position: absolute; left: 0; top: 0; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); background: url("../../img/user_new/sub/bg_martial_law_in_history.jpg") no-repeat center / cover; }
.martial_law_in_history .slide_wrap .list_ty_02 .list_con_line { display: flex; width: 100%}
.martial_law_in_history .slide_wrap .list_ty_02 .inn { background-color: var(--gray5); background-image: url("../../img/user_new/common/bg_list_03.svg"); width: 100%; display: flex; align-items: center}
.martial_law_in_history .slide_wrap .list_ty_02 .inn:hover { background-color: var(--primary30); border-color: var(--primary);}

.martial_law_year_timeline_menu_list { width: 100%; padding: 9.5rem 0 0; overflow: hidden; min-height: 20rem}
.martial_law_year_timeline_menu_list .arr:after { color: var(--white); font-size: 1.5rem;}
.martial_law_year_timeline_menu_list .arr_l { left: 0}
.martial_law_year_timeline_menu_list .arr_r { right: 0}
.martial_law_year_timeline_menu_list .swiper-slide { width: auto; flex-shrink: 0; text-align: center; color: #ccc; transition: all .3s; font-size: 1.5rem; font-weight: 600;}
.martial_law_year_timeline_menu_list .swiper-slide-active { font-size: 3rem; font-weight: 800; color: #fff; opacity: 1}
.martial_law_year_timeline_menu_list .swiper-slide .inn { position: relative; top: -2rem; display: inline-flex; flex-flow: column; align-items: center; color: #cfcfcf; transition: transform .25s ease, color .25s ease; opacity: 0.5; width: 100%;}
.martial_law_year_timeline_menu_list .swiper-slide .inn::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -9rem; width: 0.25rem; height: 9rem; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .8)); opacity: .8; pointer-events: none; border-radius: 0 0 0.2rem 0.2rem}
.martial_law_year_timeline_menu_list .swiper-slide .inn .txt_wrap { display: flex; flex-flow: column; align-items: center; padding-top: 0.75rem;}
.martial_law_year_timeline_menu_list .swiper-slide .inn .tag_wrap { margin-bottom: 1rem;}
.martial_law_year_timeline_menu_list .swiper-slide .inn .tag_wrap .tag { background: var(--gray40) !important;}
.martial_law_year_timeline_menu_list .swiper-slide .inn .year_tit { font-size: 1.8rem;}
.martial_law_year_timeline_menu_list .swiper-slide .inn .year_txt { display: none}
.martial_law_year_timeline_menu_list .swiper-slide .inn .year_con_tit { font-size: 2.3rem; font-weight: 800;}
.martial_law_year_timeline_menu_list .swiper-slide .inn .year_con_tag { display: flex; align-items: center; justify-content: center; margin-top: 0.25rem;}
.martial_law_year_timeline_menu_list .swiper-slide-active .inn:after { height: 7.5rem; top: -8rem}
.martial_law_year_timeline_menu_list .swiper-slide-active .inn,
.martial_law_year_timeline_menu_list .swiper-slide-prev .inn,
.martial_law_year_timeline_menu_list .swiper-slide-next .inn { opacity: 1}
.martial_law_year_timeline_menu_list .swiper-slide-active .inn { color: #fff; top: -4rem; margin-bottom: -4rem;}
.martial_law_year_timeline_menu_list .swiper-slide-active .inn::before { content: ""; position: absolute; left: 50%; top: -0.5rem; transform: translate(-50%, -50%); width: 1.5rem; height: 1.5rem; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, .2) 70%, transparent 100%); filter: blur(4px); opacity: 1; pointer-events: none; animation: glowPulse 2.2s ease-in-out infinite; z-index: -1;}
.martial_law_year_timeline_menu_list .swiper-slide-active .inn .year_tit { font-size: 1.5rem;}
.martial_law_year_timeline_menu_list .swiper-slide-active .inn .year_txt { display: block}
.martial_law_year_timeline_menu_list .swiper-slide-active .inn .tag_wrap .tag { background: var(--primary) !important;}

.martial_law_in_history .vertical_swiper { height: 6rem; padding-right: 2.75rem;}
.martial_law_in_history .vertical_swiper .arr_wrap { width: 2.25rem; border-radius: 1.125rem; height: 100%; position: absolute; right: 0; top: 0; background: rgba(0, 0, 0, 0.6); border: 1px solid var(--white); display: flex; flex-flow: column}
.martial_law_in_history .vertical_swiper .arr_wrap:before { content: ""; width: 50%; height: 1px; background: var(--white); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.martial_law_in_history .vertical_swiper .arr_wrap .arr { position: relative; left: 0; top: 0; width: 100%; height: 100%; flex: 1; margin-top: 0;}
.martial_law_in_history .vertical_swiper .arr_wrap .arr:after { font-size: 1rem; color: var(--white);}
.martial_law_in_history .vertical_swiper .arr_wrap .arr_l:after { transform: rotate(90deg)}
.martial_law_in_history .vertical_swiper .arr_wrap .arr_r:after { transform: rotate(90deg)}
.martial_law_in_history .martial_law_in_history_txt { padding: 1.5rem; font-size: 1rem; font-weight: 500; color: #595959; line-height: 150%;}
/* [E] 기록 속 의정사 > 12.3 비상계엄 */
/* [S] 기록 속 의정사 > 12.3 비상계엄 > 상세 */
.martial_law .detail_wrap .detail_tit_wrap { border-bottom: none;}
.martial_law .detail_wrap .detail_con_wrap { padding: 0 0 3rem 0 !important;}
.martial_law .detail_wrap .detail_img_wrap { width: 100%; aspect-ratio: 2/1; padding: 3rem 1.5rem; border-radius: 0.75rem; background: var(--gray20); overflow: hidden}
.martial_law .detail_wrap .detail_img_wrap img { max-width: 100%; height: 100%; object-fit: contain; object-position: center}
.martial_law .detail_wrap .detail_video_wrap { width: 100%; aspect-ratio: 2/1;border-radius: 0.75rem; background: var(--gray20); overflow: hidden}
.martial_law .detail_wrap .detail_video_wrap iframe,
.martial_law .detail_wrap .detail_video_wrap video { width: 100%; height: 100%}
/* [E] 기록 속 의정사 > 12.3 비상계엄 > 상세 */

/* [S] 이용·신청 > 기록물 열람 */
.list_line_wrap { border-top: 2px solid #595959;}
.list_line_wrap .list_group { padding: 2rem; border-bottom: 1px solid var(--gray40);}
.list_line_wrap .list_group .dot_list { gap: 0.5rem}
.list_line_wrap .ic_box_wrap { display: flex; gap: 1.5rem}
.list_line_wrap .ic_box_wrap .ic_box { flex-shrink: 0; width: 4rem; height: 4rem; border-radius: 0.75rem; background: var(--primary30); display: flex; align-items: center; justify-content: center}
.list_line_wrap .ic_box_wrap .ic_box img { position: relative; left: 0.25rem; top: -0.15rem}
.list_line_wrap .ic_txt_wrap { padding-top: 0.4rem;}
.list_line_wrap .ic_txt_wrap .tit { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem;}
.list_line_wrap .ic_txt_wrap .txt { font-size: 0.9rem; line-height: 150%;}
.list_line_wrap .inn_txt_list { font-size: 0.8rem; display: flex; flex-flow: column; margin-top: 0.75rem; gap: 0.25rem; font-weight: 400;}
.list_line_wrap .box_con.use_guide { margin: 1.5rem 0; background: var(--gray10); padding: 1rem 2rem}
.list_line_wrap .box_con.use_guide .txt_01 { font-size: 0.8rem; font-weight: 600; display: inline-flex; align-items: center}
.list_line_wrap .box_con.use_guide .txt_01:after { content: ""; width: 1px; height: 0.8rem; display: inline-flex; background: var(--gray40); margin: 0 0.75rem; flex-shrink: 0}
.list_line_wrap .box_con.use_guide .txt_02 { font-size: 0.7rem; font-weight: 400; color: var(--gray80); margin-right: 0.75rem;}
.list_line_wrap .box_con.use_guide .txt_03 { font-size: 0.8rem; font-weight: 600; margin-left: 1rem;}
.list_line_wrap .box_con.use_guide.ty_02 { margin: 1rem 0}
.box_ty_con { width: 100%; margin-top: 2rem;}
.box_ty_con .box_ty_con_tit { width: 100%; border-radius: 0.5rem 0.5rem 0 0; background: var(--black); color: var(--white); padding: 0.75rem 2rem; font-size: 0.9rem; font-weight: 600;}
.box_ty_con .box_ty_con_txt { width: 100%; border-radius: 0 0 0.5rem 0.5rem; border: 1px solid var(--gray40); border-top: none; padding: 1rem 2rem 2rem; font-size: 0.9rem;}
.box_ty_con .box_ty_con_txt .dot_list.ty_03 { gap: 3rem}
.box_ty_con .box_ty_con_txt .dot_list .dot_item { font-size: 0.9rem;}
.record_type_list { margin-top: 2rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem}
.record_type_item { padding: 0.75rem 1.5rem; background: var(--gray5); display: flex; align-items: center}
.record_type_item .record_type_ic { flex-shrink: 0}
.record_type_item .record_type_ic img { width: 1.15rem; margin-right: 0.75rem; position: relative; top: 1px}
.record_type_item .record_type_tit { font-size: 1rem; font-weight: 600; display: inline-flex; align-items: center; flex-shrink: 0}
.record_type_item .record_type_tit:after { content: ""; width: 1px; height: 0.8rem; background: var(--black); margin: 0 1rem; flex-shrink: 0}
.record_type_item .record_type_txt { font-size: 0.9rem; font-weight: 500;}
/* [E] 이용·신청 > 기록물 열람 */

@media ( min-width: 1024px ) {
    /* [S] 자연어 검색 */
    .fixed_con_ai { width: 4rem; height: calc(100vh + 4rem); position: fixed; left: 0; top: 4rem; background: var(--gray5); padding-top: 4rem; display: flex; flex-flow: column; align-items: center; transition: width 0s; overflow: hidden;}
    .fixed_con_ai .item { width: 100%; padding: 0 1rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center}

    .ai_sub { padding-left: calc((100% - 62rem) / 2); display: flex}
    .ai_loading { padding-left: calc((100% - 62rem) / 2); display: flex}
    .ai_sub .inner { max-width: 100%; display: flex; min-height: 50rem; align-items: flex-start}
    .intro_ai_result_con { width: 100%; position: relative; z-index: 5;}
    .intro_ai_record_ty_wrap { width: 30%; height: calc(100vh - 16.5rem); min-width: 20rem; max-width: 23rem; flex-shrink: 0; margin: 0 1rem 0 1.5rem; position: sticky; top: 9rem; margin-top: 2rem;}
    .intro_ai_record_ty { width: 100%; height: 100%; background: var(--white); border-radius: 0.6rem; box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.1); overflow-y: auto}

    /* 검색기록 열림 */
    .intro_ai.open_history { margin-left: 14rem;}
    .intro_ai.open_history .tab_ai{ left: 14rem;}
    .intro_ai.open_history .fixed_con_ai .search_history_wrap { opacity: 1; transition-delay: 0.3s}
    .intro_ai.open_history .fixed_con_ai { width: 14rem; transition: width 0.3s;}
    .intro_ai.open_history .fixed_con_ai .item { justify-content: space-between}
    .intro_ai.open_history .fixed_con_ai .item.ai { background: #e8e8e8}

    /* [E] 자연어 검색 */
}
@media ( max-width: 1240px ) {
    /* [S] 자연어 검색 */
    .intro_ai_record_ty_wrap .intro_ai_record_ty{ padding: 1.5rem 1rem}
    /* [E] 자연어 검색 */
    /* [S] 기록 속 의정사 > 임시의정원 > 개관 */
    .assembly_provisional_intro_wrap { flex-flow: column}
    .assembly_provisional_intro_wrap .time_line_menu_wrap { width: 100%; position: sticky; left: 0; top: 4.0rem; background: var(--white); z-index: 10; margin-bottom: 2.4rem;}
    .assembly_provisional_intro_wrap .time_line_menu_wrap:before { content: ""; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: var(--white)}
    .time_line_menu_list { position: relative; left: 0; top: 0; display: flex; flex-direction: row; gap: 0.8rem; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; padding: 0.4rem 0}
    .time_line_menu_item { flex: 0 0 auto}
    .time_line_menu_item .inn { min-width: 9.2rem; padding: 0 1.2rem; height: 2.4rem; border-radius: 1.2rem; background: var(--gray30); color: var(--black); display: inline-flex; align-items: center; justify-content: center}
    .time_line_menu_item.on .inn:before,
    .time_line_menu_item.on .inn:after { display: none}
    .time_line_menu_item.on .inn { background: var(--primary); color: var(--black);}
    /* [E] 기록 속 의정사 > 임시의정원 > 개관 */
    /* [S] 기관소개 > 기관소개 */
    .organization_intro_list { grid-template-columns: repeat(1, 1fr)}
    .organization_intro_list.ty_02 .wrap { display: contents}
    .organization_intro_img_wrap img { max-width: calc(100% + 1.6rem); margin-left: -0.8rem}
    /* [E] 기관소개 > 기관소개 */
}
@media ( max-width: 1024px ) {
    /* [S] sub visual */
    .sub_visual_wrap { align-items: center; justify-content: center; padding: 4rem 0 0.75rem; height: auto}
    .sub_visual_wrap .sub_depth_02_tit { font-size: 1.6rem; text-align: center}
    .sub_visual_wrap .sub_depth_01_tit { font-size: 1.6rem; text-align: center}
    .sub_visual_wrap .sub_depth_01_txt { font-size: 1rem; text-align: center; word-break: keep-all}
    .sub_visual_wrap .sub_depth_02 { gap: 0.56rem; justify-content: center}
    .sub_visual_wrap .sub_depth_02 .sub_depth_02_tit .inn { font-size: 0.8rem; display: flex; align-items: center; justify-content: center}
    /* [E] sub visual */
    /* [S] 기록 속 의정사 > 국회연표 */
    .tab_year .swiper-wrapper { justify-content: flex-start}
    .assembly_term_tit_wrap { padding: 0 0.4rem}
    .assembly_term_tit_wrap .assembly_term_tit { font-size: 0.8rem; gap: 0.2rem}
    .assembly_term_tit_wrap .assembly_term_open { width: 1.0rem; height: 1.0rem; flex-shrink: 0}
    .assembly_term_tit_wrap .arr_down { mask-position: center 0.4rem; mask-size: 50% auto;}
    .assembly_term_tit_wrap .arr { width: 1.2rem}

    .assembly_term_tit_wrap .assembly_term_tit .trigger_toggle { right: -4rem}

    .assembly_term_wrap .sticky_wrap { position: relative; top: 0}
    .tab_year { margin-top: 0.8rem; padding-left: 0.5rem; padding-right: 1rem;}
    .tab_year .tab_item .inn { font-size: 0.96rem;}
    .tab_month_wrap { padding: 0.8rem 1.6rem; margin-top: 0}
    .tab_month_wrap .arr_l { left: 0}
    .tab_month_wrap .arr_r { right: 0}
    .tab_month .tab_item .inn { width: 3.2rem}

    .assembly_term_wrap .tab_sort_wrap { margin-top: 2.4rem}
    .assembly_term_wrap .tab_sort_wrap.ty_01 { justify-content: flex-end}
    .assembly_term_wrap .tab_sort_wrap.ty_02 { margin: 2.4rem 0 0.8rem; padding-top: 2.0rem; position: relative; justify-content: space-between}
    .assembly_term_wrap .tab_sort_wrap.ty_02 .btn_line_wrap { position: absolute; right: 0; top: 0}
    .assembly_terms_timeline_list { padding-left: 0.6rem; margin-top: 0;}
    .assembly_terms_timeline_list .assembly_terms_timeline_item { padding-left: 0.8rem; padding-bottom: 1.6rem}
    .assembly_terms_timeline_item .assembly_terms_timeline_inn { flex-flow: column; align-items: center}
    .timeline_txt_wrap { padding: 1.0rem}
    .timeline_txt_wrap .timeline_txt { margin-top: 0.4rem}
    .timeline_img_wrap { margin-bottom: 1.5rem; width: 50%; min-width: 10.5rem}
    /* [E] 기록 속 의정사 > 국회연표 */
    /* [S] 기록 속 의정사 > 국회연표 > detail */
    .record_detail_tit_wrap { flex-flow: column; gap: 0.8rem}
    .record_detail_btn { width: 100%;}
    .record_detail_btn .btn { flex: 1}
    .record_detail_item .item_tit { width: 5.6rem; height: 1.8rem; display: flex; align-items: center; flex-shrink: 0; font-weight: 700; font-size: 0.88rem;}
    /* [E] 기록 속 의정사 > 국회연표 > detail */
    /* [S] 기록 속 의정사 > 임시의정원 > 개관 */
    .assembly_provisional_intro_list { padding-bottom: 0}
    .history_record_con { flex-flow: column; width: 100%}
    .history_record_con_img_wrap,
    .history_record_con_img_wrap .img_wrap { width: 100%}
    .history_record_con_txt_wrap { font-size: 0.88rem; margin-bottom: 1.2rem;}

    .person_intro_list { grid-template-columns: repeat(2, 1fr); gap: 0.8rem 1.2rem; width: 100%}
    .person_intro_item { flex-flow: column; width: 100%}
    .person_intro_list > *:nth-child(n+4) { display: flex;}
    .person_intro_list > *:nth-child(n+5) { display: none;}
    .person_intro_img_wrap { width: 100%}
    .person_intro_txt_wrap { text-align: center; padding-left: 0}
    .assembly_provisional_intro_inn.on .person_intro_list > *:nth-child(n+5) { display: flex;}
    /* [E] 기록 속 의정사 > 임시의정원 > 개관 */
    /* [S] 기록 속 의정사 > 임시의정원 > 임시의정원 타임라인 */
    .year_timeline_list_wrap { padding-bottom: 15.5rem;}

    /*.year_timeline_menu_list .swiper-slide { font-size: 1.0rem;}*/
    /*.year_timeline_menu_list .swiper-slide-active { font-size: 1.6rem; padding: 0 0.8rem}*/
    /*.year_timeline_menu_list .swiper-slide-active .inn { padding: 0}*/
    /*.year_timeline_menu_list { padding: 3.2rem 0 1.2rem; margin-bottom: 1.6rem; top: 4.0rem}*/
    .year_timeline_list_group,
    .year_timeline_list { gap: 1.6rem}
    .year_timeline_item { flex-flow: column; gap: 0.4rem}
    .year_timeline_list_wrap .sticky_year .year_txt { top: 12.8rem}
    .year_timeline_list_wrap .sticky_year .year_txt,
    .year_timeline_item .year_big { font-size: 2.4rem; width: 3.2rem}
    .year_timeline_item .year_big { position: relative; margin-left: -0.25rem;}

    .year_timeline_item_inn .year_timeline_item_img_wrap { display: none}
    .year_timeline_item_inn .year_timeline_item_txt_wrap { padding: 1.2rem}

    .year_timeline_menu_list .arr { display: none}
    /* [E] 기록 속 의정사 > 임시의정원 > 임시의정원 타임라인 */
    /* [S] 기록콘텐츠 > 기록물 큐레이션 > 상세 */
    .curation_video_wrap { display: block}
    .curation_video_wrap .half { width: 100%}
    .curation_video_wrap .arr_wrap { display: none}
    .curation_video_wrap .sub_video_slider { margin-top: 1.5rem;}
    .con_box_wrap .con_box_item .attachment_con_list{ padding-right: 0;}
    .con_box_wrap .con_box_item .attachment_con_item { flex-flow: column; align-items: flex-start; gap: 0.5rem}
    
    /* [E] 기록콘텐츠 > 기록물 큐레이션 > 상세 */
    /* [S] 기록콘텐츠 > 디지털 전시 > 상세 */
    .overview_wrap_ty_02 { flex-flow: column; align-items: center; gap: 0.5rem}
    .overview_wrap_ty_02 .txt_wrap { border-bottom: none}
    .overview_wrap_ty_02 .overview_con_item.con { border-top: 1.5px solid var(--gray30); padding-top: 1rem; margin-top: 0.5rem;}
    /* [E] 기록콘텐츠 > 디지털 전시 > 상세 */
    /* [S] 기록콘텐츠 > 디지털 전시 > 전시회 순간들 */
    .setup_process_img_wrap { grid-template-columns: repeat(1, 1fr)}
    /* [E] 기록콘텐츠 > 디지털 전시 > 전시회 순간들 */
    /* [E] 이용·신청 > 국회 정보공개 시스템 */
    .ext_sys_list { gap: 1rem}
    .ext_sys_item .img_wrap { margin-bottom: 1rem;}
    /* [E] 이용·신청 > 국회 정보공개 시스템 */
    /* [S] 기관소개 > 기관소개 */
    .organization_intro_txt_wrap.ty_row { flex-flow: column; gap: 0.75rem}

    .location_address_wrap { flex-flow: column; gap: 2.5rem; text-align: center; align-items: center}
    .location_map { height: 15rem}
    .map_guide_wrap { flex-flow: column; gap: 4rem}
    .parking_guide_wrap { flex-flow: column; gap: 2.5rem}
    .parking_guide_wrap .parking_txt_wrap { padding-left: 0;}

/*    .org_chart .box.tree_01:before { height: 1.75rem; bottom: -1.75rem}*/
/*    .org_chart .box { max-width: 8.4rem}*/
/*    .org_chart .box:before { height: 1.5rem; top: -1.5rem}*/
/*    .org_chart .children_01 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 3.5rem;}*/
/*    .org_chart .children_01:after { width: calc((100% / 2 * 1) + 0.9rem); top: -1.75rem}*/
/*    .org_chart .children_02 { width: 100%; position: absolute; left: 0; top: 1.5rem; gap: 1rem 1.5rem}*/
/*    .org_chart .children_02:after { display: none}*/
/*    .org_chart .children_02:before { height: calc(100% + 1.25rem); top: -1.25rem}*/
/*    .org_chart .children_02 .node.left { align-items: flex-end}*/
/*    .org_chart .children_02 .node.right { align-items: flex-start}*/
/*    .org_chart .children_02 .node .box:before { display: none}*/
/*    .org_chart { padding-bottom: 12rem;}*/

/*    .org_table_wrap table colgroup col:nth-child(1),*/
/*    .org_table_wrap table colgroup col:nth-child(2),*/
/*    .org_table_wrap table tr th:nth-child(1),*/
/*    .org_table_wrap table tr th:nth-child(2),*/
/*    .org_table_wrap table tr td:nth-child(1),*/
/*    .org_table_wrap table tr td:nth-child(2) { display: none}*/
    .org_chart_new{ padding-right: 0;}
    .org_chart_new .org_chart_depth_02{ grid-template-columns: repeat(1,1fr); gap: 1.5rem}
    .org_chart_new .org_chart_depth_02 .org_chart_depth_02_item{ padding: 0.8rem; background: var(--gray5); border-radius: 0.4rem; position: relative}
    .org_chart_new .org_chart_depth_02 .org_chart_depth_02_item:before{ content: ""; width: 1px; height: 1.5rem; border-left: 1px solid #BDBCBC; position: absolute; left: 50%; top: 0; transform: translate(-50%,-100%)}
    .org_chart_new .node_02{ margin-top: 0;}
    .org_chart_new .node_04{ min-height: 2.3rem; height: auto; padding: 0.5rem}

    .org_chart_new .org_chart_depth_02_item.ty_02 .node_03{ margin-bottom: 4.3rem;}
    .org_chart_new .org_chart_depth_02_item.ty_02 .node_03:before{ height: 4.3rem}
    .org_chart_new .node_03_sp { transform: translate(0,0); right: 0; top: 4.8rem }
    .org_chart_new .org_chart_depth_03_item.sp:after { width: calc(50% - 5.35rem); top: 5.95rem}
    .org_chart_new .org_chart_depth_02:before,
    .org_chart_new .node_01:after,
    .org_chart_new .node_02:after,
    .org_chart_new .node_04 br{ display: none}
    /* [E] 기관소개 > 기관소개 */
    /* [S] 기관소개 > 연혁 */
    .history_section_wrap { margin-top: 3rem;}
    .history_section_wrap .history_year_range { font-size: 3rem;}
    .history_section_wrap .history_since { font-size: 4rem; margin-top: 0;}
    .history_section_wrap .history_intro { font-size: 1.25rem; margin-top: 1rem;}
    .history_section .history_item .item_txt br { display: none}
    .history_section { margin-top: 4rem;}
    .history_section .history_item:nth-child(odd) { padding-left: calc(50% + 1rem)}
    .history_section .history_item:nth-child(even) { padding-right: calc(50% + 1rem)}
    /* [E] 기관소개 > 연혁 */
    /* [S] 기관소개 > 자료실 */
    .overseas_map_trigger .map_item { width: 35.6681%; height: 18.1937%}
    .overseas_map_trigger .map_item.na { left: 29%; top: 16%}
    .overseas_map_trigger .map_item.car { left: 29%; top: 40%}
    .overseas_map_trigger .map_item.latam { left: 29%; top: 63.5%}
    .overseas_map_trigger .map_item.eu { left: 70.5%; top: 16%}
    .overseas_map_trigger .map_item.me { left: 70.5%; top: 40%}
    .overseas_map_trigger .map_item.af { left: 70.5%; top: 63.5%}
    .overseas_map_trigger .map_item.apac { left: 70.5%; top: 87.5%}

    .overseas_link_item { padding: 1.5rem}
    .org_chart .children_02 .node .box { font-size: 0.7rem;}
    /* [E] 기관소개 > 자료실 */
    /* [S] 자연어 검색 */
    .intro_ai,
    .intro_ai_result { margin-left: 0; }
    .fixed_con_ai { position: relative; left: 0; top: 0; width: calc(100% + 1.6rem); height: 4rem; padding: 0 1rem; display: flex; flex-flow: row; margin-left: -0.8rem; background: var(--gray5)}
    .fixed_con_ai .item { width: 4rem; height: 4rem; padding: 0; display: inline-flex; align-items: center; justify-content: center}
    .fixed_con_ai .search_history_wrap { position: absolute; left: 0; top: 4rem; z-index: 10; width: 100%; background: var(--gray5); display: none}
    .fixed_con_ai .search_history_list { height: calc(100vh - 10rem); padding-bottom: 10rem; max-height: none}

    .intro_ai.open_history .fixed_con_ai { flex-flow: column; height: auto; position: fixed; left: 0; top: 0; z-index: 199; width: 100%; margin-left: 0}
    .intro_ai.open_history .fixed_con_ai .item { width: calc(100% + 2rem); justify-content: space-between; margin-left: -1rem; padding: 0 1rem}
    .intro_ai.open_history .fixed_con_ai .item.ai { background: #e8e8e8}
    .intro_ai.open_history .fixed_con_ai .search_history_wrap { top: 8rem; opacity: 1; display: block}

    .result_txt_wrap { padding: 1.25rem 0}
	.result_txt_wrap_txt{ font-size: 1rem;}
	
    .question_wrap { grid-template-columns: repeat(2, 1fr)}

    .intro_info_wrap { position: static; transform: translateX(0); margin: 5rem 0; padding-bottom: 3rem;}

    .recommend_question_list { grid-template-columns: repeat(2, 1fr)}
    .recommend_question_item:nth-child(n+3) {display: none;}

    .intro_ai_result .record_ty_info_wrap { padding: 0 0 8rem; flex-flow: column; align-items: flex-start}
    .ai_fixed_wrap .record_ty_info_wrap{ padding-bottom: 1rem !important; margin-top: 0.5rem;}
    .intro_ai_result .record_ty_info_wrap .intro_info_wrap { text-align: left; border-top: 1px solid #BCBCBC; margin-top: 0.5rem; padding-top: 0.5rem;}

    .contents_wrap.z_level { z-index: 100 !important;}
    .link_pop_wrap.on:before { content: ""; width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 100; background: rgba(0, 0, 0, 0.3)}
    .link_pop_wrap .link_pop_list { padding: 1.5rem 1rem 1rem}
    .link_pop_wrap.on .link_pop_list { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 101; box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1)}

    .intro_ai_record_ty_wrap { position: relative; z-index: 11;}
    .intro_ai_record_ty_wrap .intro_ai_record_ty { padding: 0; z-index: 2; position: fixed; left: 0; bottom: -100vh; height: 80vh; width: 100%; background: var(--white); overflow-y: auto; padding: 3rem 1rem 5rem; margin-bottom: 0;}
    .intro_ai_record_ty_wrap .intro_ai_record_ty .tab_con { position: relative}
    .intro_ai_record_ty_wrap .list_ty_01 .list_con_line { padding: 1rem}
    .intro_ai_record_ty_wrap .record_item_count { position: absolute; right: 0; top: -1.6rem; transform: translateY(-100%); margin-bottom: 0;}

    .intro_ai_record_ty_wrap .popup_body .record_item_count { position: static; transform: translateY(0)}
    .intro_ai_record_ty_wrap .layer_popup { border-radius: 1.2rem 1.2rem 0 0; top: auto; bottom: 0; transform: translateX(-50%) translateY(0); overflow: hidden}
    .intro_ai_record_ty_wrap .popup_body { text-align: right; padding-top: 1rem; padding-bottom: 5rem; min-height: 50vh; max-height: 50vh}
    .intro_ai_record_ty_wrap .list_thumb_ty_07 { grid-template-columns: repeat(2, 1fr)}
    
    .intro_ai_record_ty_wrap.open{ z-index: 100;}
    .intro_ai_record_ty_wrap.open:before{ content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.3); z-index: -1;}
    .intro_ai_record_ty_wrap.open .intro_ai_record_ty{ bottom: 0;}
    
    .mo_ai_record_ty_trigger{ display: flex;}
	.mo_ai_record_ty_close_trigger{ display: inline-flex; position: absolute; right: 0.8rem; top: 1rem; z-index: 2;}
    /* [E] 자연어 검색 */
    /* [S] 통합 검색 */
    #pop_total_search_detail .popup_body { padding: 2rem 1.5rem}
    .total_search_detail_condition_item .select_box { width: 6rem}
    /* [E] 통합 검색 */
    /* [S] 기록콘텐츠 > 구술기록 */
    .by_video .list_ty_02 .list_con_line .list_con_line_inn.inn { background-size: 5rem auto; background-position: right 1rem bottom}

    .by_special_interview .video_wrap { border-radius: 0; padding: 1rem 1.5rem; gap: 2rem; flex-flow: column; width: calc(100% + 1.6rem); margin-left: -0.8rem;}
    .by_special_interview .video_wrap .right { padding-top: 0; gap: 3rem}
    .by_special_interview .video_slider_wrap { width: calc(100% + 1.6rem); margin-left: -0.8rem; border-radius: 0; padding: 4.5rem 1.5rem 0;}
    .by_special_interview .video_slider_wrap .arr { width: 1.5rem; height: 1rem; top: 3rem; transform: translateY(0)}
    .by_special_interview .video_slider_wrap .arr:after { font-size: 1rem;}
    .by_special_interview .video_slider_wrap .arr_l { left: 1.5rem}
    .by_special_interview .video_slider_wrap .arr_r { left: 4.5rem}
    .by_special_interview .video_slider_wrap .arr_r:before { content: ""; width: 1px; height: 1rem; background: var(--black); position: absolute; left: -0.75rem; top: 50%; transform: translateY(-50%)}

    .oral_left_wrap { width: calc(100% + 1.6rem); margin-left: -0.8rem; margin-bottom: 1.5rem; padding: 2rem 1rem;}
    .oral_left_wrap .img_wrap { aspect-ratio: 1/1; max-width: 15rem; margin: 0 auto 1.5rem}
    .oral_left_wrap .tab_menu { position: relative; right: 0; top: 0; flex-flow: row nowrap; width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 0.5rem; gap: 0.5rem}
    .oral_left_wrap .tab_menu .tab_item { flex: 0 0 auto}
    .oral_left_wrap .tab_menu .tab_item .inn { width: 8.5rem; height: 3rem; border-radius: 1.5rem; background: var(--gray30); display: flex; text-align: center; justify-content: center; font-size: 1.1rem;}
    .oral_left_wrap .tab_menu .tab_item .inn .line_dot_tit,
    .oral_left_wrap .tab_menu .tab_item .inn .txt { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center}
    .oral_left_wrap .tab_menu .tab_item .tit.line_dot_tit:after,
    .oral_left_wrap .tab_menu .tab_item .tit.line_dot_tit:before { display: none}
    .oral_left_wrap .tab_menu .tab_item.on .inn { background: var(--primary); color: var(--black)}

    .oral_left_wrap .name_wrap { font-size: 2rem; margin-bottom: 2rem;}
    .oral_left_wrap .info_wrap .info { font-size: 1rem;}
    .oral_left_wrap .info_wrap.ty_01 .info:before { width: 0.4rem; height: 0.4rem; margin: 0 0.9rem}
    .oral_left_wrap .oral_info_wrap { margin-top: 1.5rem; margin-bottom: 4rem;}
    .oral_left_wrap .oral_info_wrap .oral_info_trigger { height: 3rem; font-size: 0.9rem; padding: 0 1rem}
    .oral_left_wrap .oral_info_wrap .oral_info_trigger .svg_icon { width: 0.8rem; height: 0.8rem}
    .oral_left_wrap .oral_info_wrap .oral_info_trigger:after { width: 0.85rem; height: 0.75rem; right: 1rem}

    .oral_left_wrap .oral_info_wrap { position: relative; z-index: 13}
    .oral_left_wrap .oral_info_wrap .trigger { z-index: 13}
    .oral_left_wrap .oral_info_wrap .trigger_toggle { position: absolute; left: 0; top: 2rem; padding: 1.5rem 0 0.25rem; background: var(--white); z-index: 12; border-radius: 0 0 0.4rem 0.4rem}

    .oral_info_page_wrap .oral_record_video_list_wrap { flex-flow: column; max-height: initial; padding: 1rem}
    .oral_info_page_wrap .oral_record_list_wrap { max-height: 14rem}
    .oral_info_page_wrap .list_box_ty_02 .list_box_line { flex-flow: column}
    .oral_info_page_wrap .list_box_ty_02 .list_box_line .list_box_tit { border-top: 1px solid var(--gray40); }
    .oral_info_page_wrap .list_box_ty_02 .list_box_line .split { border-right: none;}
    /* [E] 기록콘텐츠 > 구술기록 */
    /* [S] 기록 속 의정사 > 12.3 비상계엄 */
    .martial_law_tab_con_wrap { width: calc(100% + 1.6rem); margin-left: -0.8rem; overflow: hidden; padding: 0 0.8rem; margin-bottom: -5.6rem;}
    .martial_law_timeline,
    .martial_law_by_law,
    .martial_law_in_history { padding-bottom: 5.6rem;}

    /* 12.3 비상계엄 개요 */
    .martial_law_overview .con_list { display: flex; flex-flow: column; gap: 5rem}
    .martial_law_overview .con_list .con_item,
    .martial_law_overview .con_list .con_item:nth-child(even) { flex-flow: column; gap: 1rem}
    .martial_law_overview .con_list .con_item_01,
    .martial_law_overview .con_list .con_item_02,
    .martial_law_overview .con_list .con_item_03,
    .martial_law_overview .con_list .con_item_04 { margin: 0}
    .martial_law_overview .con_list .con_item .img_wrap img { width: 100%}
    .martial_law_overview .con_list .con_item_04 .trigger_toggle .img_wrap { display: block; width: 100%; box-shadow: none; border: none; margin-bottom: 1.5rem;}
    .martial_law_overview .con_list .con_item_04 .img_switch { display: none}

    /* 12.3 비상계엄 타임라인 */
    .martial_law_timeline .tit_wrap .tit { padding: 0 2rem}
    .martial_law_timeline .time_line_item_inn { flex-flow: column}
    .martial_law_timeline .time_line_item_inn .ic_time_wrap { border-right: none; margin-bottom: 0.75rem; padding-right: 0; margin-right: 0;}
    .martial_law_timeline .time_line_item_inn .ic_time_wrap:after { content: ""; width: 1px; height: 1rem; border-right: 1px solid var(--gray40); display: inline-flex; flex-shrink: 0; margin: 0 0.75rem}
    .martial_law_timeline .time_line_item_inn .ic_time_wrap .time { flex-shrink: 0}
    .martial_law_timeline .time_line_item_inn.trigger .txt { padding-right: 2rem;}
    .martial_law_timeline .time_line_item_inn.trigger .arr_wrap { position: absolute; width: 1.5rem; right: 1rem; top: 50%; transform: translateY(-50%)}
    .martial_law_timeline .time_line_item_inn.trigger .arr_wrap .svg_icon { width: 1rem; height: 1rem}
    .martial_law_timeline .time_line_item .trigger_toggle .item_list .item .item_txt { font-size: 1rem; padding-top: 0; margin-top: -0.1rem;}
    .martial_law_year_timeline_menu_list .swiper-slide-active .inn .year_tit{ font-size: 1.3rem;}
    .martial_law_year_timeline_menu_list .swiper-slide .inn .year_con_tit { font-size: 1.8rem;}
    .martial_law_in_history .slide_wrap .list_ty_02 .inn{ padding: 0.75rem 1rem;}

    /* 법률로 보는 비상계엄 */
    .martial_law_by_law .tit_wrap .tit { top: 50%; padding: 0 5rem}
    .martial_law_by_law .law_by_law_link_list { grid-template-columns: repeat(1, 1fr)}
    .martial_law_by_law .law_by_law_link_item { aspect-ratio: 100/32.5757}
    .martial_law_by_law .law_by_law_link_item .inn { background-position: top center; padding: 0 6% 0 18%; display: flex; align-items: center}
    .martial_law_by_law .law_by_law_link_item .txt_wrap { width: auto; padding-right: 2.75rem;}
    .martial_law_by_law .law_by_law_link_item .txt_wrap .txt { margin-top: 1.3rem;}
    .martial_law_by_law .law_by_law_link_item.link_item_01 .inn { background-image: url("../../img/user_new/sub/bg_law_by_law_01_mo.jpg")}
    .martial_law_by_law .law_by_law_link_item.link_item_01 .inn:hover { background-image: url("../../img/user_new/sub/bg_law_by_law_01_mo_hover.jpg")}
    .martial_law_by_law .law_by_law_link_item.link_item_02 .inn { background-image: url("../../img/user_new/sub/bg_law_by_law_02_mo.jpg")}
    .martial_law_by_law .law_by_law_link_item.link_item_02 .inn:hover { background-image: url("../../img/user_new/sub/bg_law_by_law_02_mo_hover.jpg")}
    .martial_law_by_law .law_by_law_link_item.link_item_03 .inn { background-image: url("../../img/user_new/sub/bg_law_by_law_03_mo.jpg")}
    .martial_law_by_law .law_by_law_link_item.link_item_03 .inn:hover { background-image: url("../../img/user_new/sub/bg_law_by_law_03_mo_hover.jpg")}
    /* 역사 속의 비상계엄 */
    /* 기록으로 보는 12.3 비상계엄 */
    /* [E] 기록 속 의정사 > 12.3 비상계엄 */
    /* [S] 이용·신청 > 기록물 열람 */
    .list_line_wrap .list_group { padding: 1rem}
    .list_line_wrap .ic_box_wrap .ic_box { width: 3rem; height: 3rem}
    .list_line_wrap .ic_box_wrap { gap: 0.75rem}
    .list_line_wrap .ic_box_wrap .ic_box img { max-width: 45%; left: 0.15rem; top: 0}
    .list_line_wrap .box_con.use_guide { padding: 0.75rem 1.5rem}
    .list_line_wrap .box_con.use_guide .txt_03 { width: 100%; display: block; margin-left: 0; margin-top: 0.5rem;}
    .box_ty_con .box_ty_con_txt { padding: 0.75rem 1.5rem 1.5rem}
    .box_ty_con .box_ty_con_txt .dot_list.ty_03 { flex-flow: column; gap: 0.5rem}
    .record_type_list { margin-top: 1.5rem; gap: 0.5rem; grid-template-columns: repeat(1, 1fr)}
    /* [E] 이용·신청 > 기록물 열람 */
    
    /* [S] 기관소개 > 기관장 인사말 */
	.director_message { flex-flow: column}
	.director_message .img_wrap{ width: 100%; aspect-ratio: 3/4; max-width: 20rem; margin: 0 auto;}
	/* [E] 기관소개 > 기관장 인사말 */    
	
    /* [S] 기관소개 > CI */
    .ci_wrap{ flex-flow: column}
    .ci_wrap .right{ width: 100%}
    .ci_wrap .ci_list .ci_item .item_list.row .item:first-child{ grid-column: span 2}
    .ci_wrap .ci_list .ci_item .item_list.row .item:first-child img{ max-width: calc((100% - 1.5rem) / 2)}
    /* [E] 기관소개 > CI */
}
@media ( max-width: 500px ) {
    /* [S] 기록 속 의정사 > 국회연표 */
    .assembly_term_tit_wrap .assembly_term_tit .trigger_toggle { right: -2rem; width: 80vw}
    /* [E] 기록 속 의정사 > 국회연표 */
    /* [S] 이용·신청 > 국회 정보공개 시스템 */
    .ext_sys_list { grid-template-columns: repeat(1, 1fr) }
    /* [E] 이용·신청 > 국회 정보공개 시스템 */
    /* [S] 기관소개 > 기관소개 */
/*    .org_chart .children_01 { gap: 1.5rem 0.5rem}*/
/*    .org_chart .children_02 { gap: 1rem 0.5rem}*/
    .org_chart_new .node_03_sp { width:  45%}
    .org_chart_new .org_chart_depth_03_item.sp:after { width: 5%}
    /* [E] 기관소개 > 기관소개 */
    /* [S] 기록콘텐츠 > 구술기록 */
    .legend_wrap{ align-items: flex-end}
    .legend_wrap .left{ flex-flow: column; align-items: flex-start; gap: 1rem}
    .legend_list{ margin-left: 0; flex-wrap: wrap;}
    .legend_list:before{ display: none}
    .legend_item{ gap: 0.3rem; flex-shrink: 0;}
    
    .oral_record_ty_08 .table colgroup{ display: none;}
    .oral_record_ty_08 .table,
    .oral_record_ty_08 .table thead,
    .oral_record_ty_08 .table tbody,
    .oral_record_ty_08 .table tr,
    .oral_record_ty_08 .table th,
    .oral_record_ty_08 .table td{ display: block; max-width: 100%; width: 100% !important;}
    .oral_record_ty_08 .table tr td:first-child{ display: flex; justify-content: center;}
	/* [E] 기록콘텐츠 > 구술기록 */
}