/* [S] main common */
.main_section{ padding: 3rem 0}
.main_inner{ position: relative}
.main_section_tit{ font-size: 1.1rem; font-weight: 700; color: var(--black); margin-bottom: 1rem;}
.main_more_btn{ position: absolute; right: 1rem; top: 0.1rem; display: inline-flex; align-items: center; gap: 0.5rem; color: #a3a3a3; font-size: 0.72rem;}
.main_more_btn .svg_icon{ width: 0.6rem; height: 1.1rem; background: #a3a3a3; mask-size: 80% auto}
/* [E] main common */

/* [S] main_visual_wrap */
.main_visual_wrap{ position: relative}
.main_visual_slide{ height: 100vh; min-height: 40rem; max-height: 40rem; position: relative}
.main_visual_slide .swiper-slide{ position: relative}
.main_visual_slide .swiper-slide:before{ content: ""; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; z-index: 1}
.main_visual_slide .swiper-slide .inner{ position: relative; z-index: 2}

.main_visual_txt_wrap{ margin-top: 10rem;}
.main_visual_txt{ color: var(--white); font-size: 1.1rem;}
.main_visual_tit{ color: var(--white); font-size: 3rem; font-weight: 700; margin-top: 0.8rem;}
.main_visual_link{ color: var(--primary); font-size: 0.75rem; font-weight: 700; display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 0.25rem;}
.main_visual_link .svg_icon{ background: var(--primary)}
.main_visual_slide .main_visual_slide_dot{ position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); width: 59.2rem; max-width: 100%; height: 0.65rem; display: inline-flex; align-items: center; justify-content: flex-start; padding: 0 1rem}
.main_visual_slide .swiper-pagination-bullet{ width: 0.65rem; height: 0.65rem; border-radius: 0.15rem; background: #C6C9CB; opacity: 0.5}
.main_visual_slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 1.1rem; opacity: 1; background: var(--white)}
.main_visual_slide .arr:after{ color: var(--white)}
.main_visual_slide .arr_l{ left: 1.75rem}
.main_visual_slide .arr_r{ right: 1.75rem}

.main_recommend_keyword_wrap{ padding: 1.35rem 2.4rem 0; display: flex; gap: 1.2rem}
.main_recommend_keyword_tit{ font-size: 0.9rem; font-weight: 600; color: var(--white); flex-shrink: 0}
.main_recommend_keyword_list{ display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; min-height: 2.6em}
.main_recommend_keyword{ color: var(--white); font-size: 0.85rem; font-weight: 500;}
/* [E] main_visual_wrap */

/* [S] main_section :: 계엄과 함께한 우리의 이야기 */
.story_section{ overflow: hidden}
.story_section .main_more_btn{ right: auto; left: 5.5rem}
.story_section .main_story_controls{ position: absolute; right: 1rem; top: 0.1rem; display: inline-flex; align-items: center; gap: 0.75rem}
.story_section .main_story_controls .main_story_pagination{ font-size: 0.6rem; line-height: 100%;}
.story_section .main_story_controls .main_story_prev .svg_icon{ transform: rotate(180deg); width: 0.72rem}
.story_section .main_story_controls .main_story_next .svg_icon{ width: 0.72rem}
.story_section .main_story_controls .swiper-button-disabled{ opacity: 0.5}
.main_story_slide .main_story_slide_item{ transition: transform 0.3s ease; border-radius: 1.5rem}
.main_story_slide .main_story_slide_item .inn{ display: block; position: relative; border-radius: 1.5rem; overflow: hidden}
.main_story_slide .main_story_slide_item .inn:after{ content: ""; width: 100%; display: block; padding-bottom: 86.74%}
.main_story_slide .main_story_slide_item .inn:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); z-index: 2}
.main_story_slide .main_story_slide_item img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; z-index: 1}
.main_story_slide .main_story_slide_txt_wrap{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 3; padding: 0 2rem 1.2rem}
.main_story_slide .main_story_slide_txt{ line-height: 140%; font-size: 1.2rem; font-weight: 600; color: var(--white);}
.main_story_slide .main_story_slide_loca{ font-size: 0.8rem; color: var(--gray40); margin-top: 0.8rem;}
.main_story_slide .main_story_slide_loca .underline{ text-decoration: underline; text-underline-position: under }

.main_story_slide .main_story_slide_item.hover { transform: scale(1.05); border: 2px solid var(--primary); box-shadow: 0.25rem 0.5rem 1rem rgba(0, 0, 0, 0.4);}
/* [E] main_section :: 계엄과 함께한 우리의 이야기*/

/* [S] main_section :: 가장 궁금해하는 질문들 */
.question_section .question_list{ width: 100%}
.question_section .question_item{ width: 100%; display: flex; border-bottom: 1px solid var(--gray50);}
.question_section .question_item .inn{ width: 100%; display: flex; align-items: center; padding: 1rem 0}
.question_section .question_item .inn:focus,
.question_section .question_item .inn:hover{ text-decoration: none}
.question_section .question_item .inn:focus .question_item_link,
.question_section .question_item .inn:hover .question_item_link{ text-decoration: underline}
.question_section .question_item .question_item_num{ flex-shrink: 0; margin-right: 1rem; font-size: 1.6rem; font-weight: 600; color: var(--primary); min-width: 2rem; text-align: center}
.question_section .question_item .question_item_tit{ width: 100%; min-width: 0; font-size: 1.2rem; font-weight: 600; color: var(--gray80)}
.question_section .question_item .question_item_link{ flex-shrink: 0; margin-left: 1rem; font-size: 0.8rem; font-weight: 700; color: #a3a3a3; display: inline-flex; align-items: center; gap: 1rem}
.question_section .question_item .question_item_link .svg_icon{ background: #a3a3a3; width: 0.5rem}
/* [E] main_section :: 가장 궁금해하는 질문들 */

/* [S] main_section :: 국회기록원이 추천하는 오늘의 콘텐츠 */
.today_contents_section{ background: #FCF9F0}
.today_contents_section .main_section_tit{ text-align: center}
.today_contents_section .tab_menu{ margin-bottom: 1.2rem; justify-content: center}
.today_contents_section .tab_menu .tab_item{ padding: 0 1.2rem}
.today_contents_slide_wrap{ padding: 0 3.5rem; position: relative}
.today_contents_slide_wrap .arr:after{ color: #B2B1AC}
.today_contents_slide_item .inn{ display: block; height: 17rem}
.today_contents_slide_item .img_wrap{ border-radius: 1.2rem; overflow: hidden; position: relative; margin-bottom: 0.8rem; aspect-ratio: 100/63.37}
.today_contents_slide.ty_02 .today_contents_slide_item .img_wrap{ aspect-ratio: 100/145.53}
.today_contents_slide_item .img_wrap img{ width: 100%; height: 100%; object-fit: cover; object-position: center}
.today_contents_slide_item .txt_wrap{ padding: 0 0.25rem}
.today_contents_slide_tit{ font-size: 0.85rem; font-weight: 700; margin-bottom: 0.6rem;}
.today_contents_slide_txt{ font-size: 0.725rem; color: #444; line-height: 150%; margin-bottom: 0.6rem;}

.today_contents_slide_item .inn:hover{ text-decoration: none}
.today_contents_slide_item .inn:hover .today_contents_slide_tit,
.today_contents_slide_item .inn:hover .today_contents_slide_txt{ text-decoration: underline}
/* [E] main_section :: 국회기록원이 추천하는 오늘의 콘텐츠 */

/* [S] main_section :: 국회의장 선물 아카이브 */
.gift_section{ position: relative}
.gift_section:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7)}
.gift_section .inner{ position: relative; z-index: 2}
.gift_section .main_section_tit{ color: var(--white); margin-bottom: 1.8rem;}
.gift_section .main_more_btn{ color: var(--white)}
.gift_section .main_more_btn .svg_icon{ background: var(--white)}
.main_gift_slide_item{ width: 100%}
.main_gift_slide_item .inn{ display: flex; gap: 2.25rem; padding: 0.5rem}
.main_gift_slide_item .img_wrap{ position: relative; border-radius: 1rem; box-shadow: 0px 0.05rem 0.7rem 0.15rem rgba(255, 255, 255, 0.28); overflow: hidden; flex-shrink: 0; width: 17.2rem}
.main_gift_slide_item .img_wrap:after{ content: ""; width: 100%; display: block; padding-top: 62.93%}
.main_gift_slide_item .img_wrap img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center}
.main_gift_slide_item .txt_wrap{ width: 100%; display: flex; flex-flow: column; padding: 0.5rem 0; word-break: keep-all}
.main_gift_slide_tit{ font-size: 1.6rem; font-weight: 700; color: var(--white); word-break: keep-all; flex-shrink: 0}
.main_gift_slide_tXt{ font-size: 0.88rem; color: var(--white); opacity: 0.85; margin-top: 0.4rem; line-height: 150%; height: 100%; display: flex; flex-flow: column; justify-content: space-between}
.main_gift_slide_btn_wrap{ margin-top: 2rem; gap: 0.5rem; display: flex}
.main_gift_slide_btn_wrap .btn{ border-radius: 1rem}
.gift_slide_arr { display: flex; align-items: center; gap: 0.4rem; margin-top: 1rem;}
.main_gift_slide .arr:after{ display: none}
.main_gift_slide .arr{ width: 1.8rem; height: 1.8rem; border-radius: 0.15rem; background: rgba(255,255,255,0.2); position: static; margin: 0; transform: translate(0,0)}
.main_gift_slide .arr_l .svg_icon{ transform: rotate(-180deg)}
.main_gift_slide .arr .svg_icon{ background: var(--white)}
/* [E] main_section :: 국회의장 선물 아카이브 */


@media (max-width: 1200px) {
	.today_contents_slide_item .inn{ height: 28vw}
}
@media (max-width: 1024px) {
    /* [S] main_visual_wrap */
    .main_visual_wrap .swiper-slide .inner,
    .main_visual_slide .main_visual_slide_dot{ padding: 0 2.5rem}
    .main_visual_slide{ min-height: 30rem; max-height: 35rem}
    .main_visual_txt_wrap{ margin-top: 6rem; word-break: keep-all}
    .main_visual_tit{ font-size: 2.5rem;}
    .main_visual_link{ margin-top: 0.6rem;}
    .main_visual_slide .main_visual_slide_dot{ top: 52%}
    .main_visual_slide .arr:after{ font-size: 2rem;}
    .main_visual_slide .arr_l { left: 0.5rem}
    .main_visual_slide .arr_r { right: 0.5rem}

    .main_search_wrap{ bottom: 2.5rem}
    .main_search_box .select_box:after{ right: 0.5rem}
    .main_search_select{ padding: 0 1.5rem;}
    .main_search_btn{ right: 1rem}

    .main_recommend_keyword_wrap{ padding: 1rem 1.5rem}
    /* [E] main_visual_wrap */

    /* [S] main_section :: 계엄과 함께한 우리의 이야기 */
    .main_story_slide .main_story_slide_txt_wrap{ padding: 1rem}
    /* [E] main_section :: 계엄과 함께한 우리의 이야기 */

    /* [S] main_section :: 가장 궁금해하는 질문들 */
    .question_section .question_item .question_item_num{ font-size: 1.25rem; margin-right: 0.5rem;}
    .question_section .question_item .question_item_tit{ font-size: 1rem;}
    .question_section .question_item .question_item_link{ font-size: 0.7rem; gap: 0.5rem}
    .question_section .question_item .question_item_link .txt{ display: none}
    .question_section .question_item .question_item_link .svg_icon{ width: 0.8rem; height: 1rem}
    /* [E] main_section :: 가장 궁금해하는 질문들 */

    /* [S] main_section :: 국회기록원이 추천하는 오늘의 콘텐츠 */
    .today_contents_slide_wrap{ padding: 0 2rem}
    .today_contents_section .tab_menu{ padding-right: 0.5rem;}
    .today_contents_section .tab_menu .tab_item{ padding: 0 0.25rem}
    .tab_ty_03 .tab_item .inn{ font-size: 0.85rem;}
    .today_contents_slide_tit{ font-size: 1rem;}
    .today_contents_slide_wrap .arr.arr_l{ left: 0}
    .today_contents_slide_wrap .arr.arr_r{ right: 0}
    .today_contents_slide_wrap .arr:after{ font-size: 2rem;}
    .today_contents_slide_item .inn{ height: 48.5vw}
    /* [E] main_section :: 국회기록원이 추천하는 오늘의 콘텐츠 */

    /* [S] main_section :: 국회의장 선물 아카이브 */
    .main_gift_slide_item .inn{ gap: 1.5rem}
    .main_gift_slide_item .img_wrap{ width: 50%}
    .main_gift_slide_tit{ font-size: 1.4rem;}
    .main_gift_slide_btn_wrap{ margin-top: 0.5rem; flex-flow: column; align-items: flex-start}
    /* [E] main_section :: 국회의장 선물 아카이브 */
}

@media (max-width: 768px) {
    /* [E] main_section :: 국회기록원이 추천하는 오늘의 콘텐츠 */
    .today_contents_slide_item .inn{ height: 69vw}
    /* [E] main_section :: 국회기록원이 추천하는 오늘의 콘텐츠 */
    /* [S] main_section :: 국회의장 선물 아카이브 */
    .main_gift_slide_item .inn { gap: 1.5rem; flex-flow: column-reverse}
    .main_gift_slide_item .img_wrap { width: 100%}
    .main_gift_slide_item .img_wrap { width: 100%}
    .main_gift_slide_tXt{ gap: 1rem}
    /* [E] main_section :: 국회의장 선물 아카이브 */
}