/* 서브 컨텐츠 */
#container {max-width:1300px; padding:0 20px; margin:40px auto 40px;}
#content-area, #preface, #content {width:calc(100% - 300px);}

/* lnb */
#lnb, #lnb_president {width:250px;} /* 2024-08-01 추가 */
#lnb h2, #lnb_president h2 {position:relative; z-index:1; background:#1d6cd6; padding:12% 0; height:90px; font-weight:500; border-radius:15px; font-size:30px; line-height:1;} /* 2024-08-01 추가 */
#lnb nav, #lnb_president nav {border:1px solid #e5e5e5; border-radius:0 0 15px 15px; position:relative; top:-15px;} /* 2024-08-01 추가 */
#lnb nav>ul, #lnb_president nav>ul {border-radius:0 0 15px 15px; padding-top:30px;} /* 2024-08-01 추가 */
#lnb nav>ul>li, #lnb_president nav>ul>li {border:none; border-bottom:1px solid #e5e5e5; margin:0 4px;} /* 2024-08-01 추가 */
#lnb nav>ul>li>a, #lnb_president nav>ul>li>a {font-size:18px; color:#555; font-weight:500; line-height:1.1; padding:14px 20px;} /* 2024-08-01 추가 */
#lnb nav>ul>li.active, #lnb_president nav>ul>li.active {border-color:#e5e5e5;} /* 2024-08-01 추가 */
#lnb nav>ul>li.active>a, #lnb_president nav>ul>li.active>a {background:none; color:#1d6cd6; font-weight:500;} /* 2024-08-01 추가 */
#lnb nav>ul>li.active.depth>a, #lnb_president nav>ul>li.active.depth>a {color:#000;} /* 2024-08-01 추가 */
#lnb nav>ul>li.active.depth>ul, #lnb_president nav>ul>li.active.depth>ul {padding:18px 0;} /* 2024-08-01 추가 */
#lnb nav>ul>li.active.depth>a, #lnb_president nav>ul>li.active.depth>a {border-bottom:1px solid #e5e5e5;} /* 2024-08-01 추가 */
#lnb nav>ul>li.depth>a::after, #lnb_president nav>ul>li.depth>a::after {display: none;} /* 2024-08-01 추가 */
#lnb nav>ul>li.depth>a::before, #lnb_president nav>ul>li.depth>a::before {content:''; display:inline-block; background:url("../images/icon_depth_open.png") no-repeat !important; width:11px; height:7px; margin-top:auto; top:50%; margin-top:-3.5px; right:23px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} /* 2024-08-01 추가 */
#lnb nav>ul>li.active.depth>a::before, #lnb_president nav>ul>li.active.depth>a::before {transform: rotate(180deg); -webkit-transform: rotate(180deg);} /* 2024-08-01 추가 */
#lnb nav>ul>li:last-child, #lnb_president nav>ul>li:last-child {border-bottom:none; border-radius:0 0 15px 15px;} /* 2024-08-01 추가 */
#lnb nav>ul>li:last-child a, #lnb_president nav>ul>li:last-child a {border-radius:0 0 15px 15px;} /* 2024-08-01 추가 */
#lnb nav>ul>li>ul>li, #lnb_president nav>ul>li>ul>li {margin-bottom:14px;} /* 2024-08-01 추가 */
#lnb nav>ul>li>ul>li:last-child, #lnb_president nav>ul>li>ul>li:last-child {margin-bottom:0;} /* 2024-08-01 추가 */
#lnb nav>ul>li>ul>li>a, #lnb_president nav>ul>li>ul>li>a {font-size:16px; color:#555; padding:0 25px; line-height:1.1;} /* 2024-08-01 추가 */
#lnb nav>ul>li>ul>li>a::before, #lnb_president nav>ul>li>ul>li>a::before {display: none;} /* 2024-08-01 추가 */
#lnb nav>ul>li>ul>li.active>a::after, #lnb_president nav>ul>li>ul>li.active>a::after {content:''; display:inline-block; position:absolute; background:url("../images/icon_depth_here.png") no-repeat; width:7px; height:10px; right:25px; top:3px;} /* 2024-08-01 추가 */

/* 네비 */
#preface nav {margin-bottom:25px;}
#preface nav ol li {padding:12px 14px 12px 0; margin-right:3px; line-height:1.2;}
#preface nav ol li::after, .president_page #preface > ol li::after {background:url("../images/icon_his_arrow.png") no-repeat; width:9px; height:8px; background-size:auto !important; margin-top:-4px;}/* 2024-01-04 선언 추가 */
#preface nav ol li:nth-child(1)::after, .president_page #preface > ol li:nth-child(1)::after {background:url("../images/icon_home_arrow.png") no-repeat; width:9px; height:15px; margin-top:-7.5px;}/* 2024-01-04 선언 추가 */

/* 버튼 스타일 */
.button.color1, .accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history, .lawlink-list li .link a {background:#000; border:1px solid #000;}

/* 제출하기 폼 */
.comform {clear:both;}
.sub_com_sch_wrap {padding:0;}
.sub_com_sch {float:right; width:calc(100% - 300px);}

/* 기록물 복원처리 사례 */
/* 기록물 복원처리 사례 */
h5.sub-title.dotted {font-size:112.5%; color:#2062b6;} /* 240613 추가 */
h5.sub-title.dotted + ul {margin-top: 1.25rem !important;} /* 240613 추가 */
h5.sub-title.dotted::before {content:"·"; font-size:1.2rem; margin-top:-0.55em; background:none;} /* 240613 수정, 240610 서브 타이틀 스타일 추가 */
.restore_flow {background:#f2f2f2; border-top: 2px solid #2062b6; padding:2.08%;}
.restore_flow ul {text-align:center;}
.restore_flow ul li {position:relative; display:inline-block; vertical-align:top; width:calc(25% - 14px); text-align:center; margin-right:1.56%; margin-bottom:1.56%;}
.restore_flow ul li:nth-child(4n) {margin-right:0;}
.restore_flow ul li:after {content:''; z-index:1; position:absolute; right:-30px; top:50%; margin-top:-30px; display:inline-block; background:url("../images/icon_flow_arrow.png") no-repeat; width:40px; height:40px; background-size:100% auto;}
.restore_flow ul li:nth-child(4n):after {display: none;}
.restore_flow ul li:last-of-type:after {display: none;} /* 240610 마지막 화살표 삭제 */
.restore_flow ul li img {border:4px solid #fff; box-sizing:border-box;}
.restore_flow ul li span {display: block;}
.process_video {padding:3.13% 2.60%; background: #ebebeb; color: #000; border-top:2px solid #2062b6;}
.process_video .video {float:left; width:46.73%; margin-right:1.875rem;}
.process_video .context {float:left; width:calc(100% - (46.73% + 1.875rem)); font-weight:300; line-height:1.8; padding:0;}
.process_video .context .tit {font-weight:400; line-height:1.2; font-size:112.5%; margin-bottom:1.65%; background:url("../images/icon_video_title.png") 0 1px no-repeat; padding-left:35px;}
.process_video .subtitles {clear:both; padding-top:1.56%;}
.process_video:after {content:''; display:table; line-height:0; clear:both;}
.case_list .case_box {border-top: 2px solid #2062b6; margin-bottom:3.65%;}
.case_list .case_box:last-child {margin-bottom:0;}
.case_list .case_box > .box {border-bottom:1px solid #e1e1e1;}
.case_list .case_box .images {display:inline-block; vertical-align:top; width:calc(46.67% - 2px); background:#f2f2f2; padding:3.65% 2.08% 2.08%; box-sizing:border-box;}
.case_list .case_box .images .before {margin-right:2px;}
.case_list .case_box .images .before img, .case_list .case_box .images .after img {width:100%;}
.case_list .case_box .images .before, .case_list .case_box .images .after {display:inline-block; width:calc(50% - 3px); text-align:center;}
.case_list .case_box .images .before:after, .case_list .case_box .images .after:after {display:block; margin-top:10px; text-align:center; line-height:40px;}
.case_list .case_box .images .before:after {content:'복원처리 전 사진'; color:#000; background:#ccc;}
.case_list .case_box .images .after:after {content:'복원처리 후 사진'; color:#fff; background:#02316b;}
.case_list .case_box .context {display:inline-block; vertical-align:top; width:calc(53.33% - 2px); padding:2.5% 0 2.5% 2.5%; box-sizing:border-box;}
.case_list .case_box .context .tit {position:relative; font-size:112.5%; color:#2062b6; line-height:1.1; cursor:pointer; padding-right:40px;}
.case_list .case_box .context .tit > a {display: block;}
.case_list .case_box .context .tit .arrow {display:inline-block; position:absolute; right:15px; top:5px; background:url("../images/icon_case_tit_arrow.jpg") no-repeat; width:15px; height:10px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; background-size:100% auto;}
.case_list .case_box .context .tit.open .arrow {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.case_list .case_box .context .txt {font-weight:300; line-height:1.5; margin:3.13% 0; /*overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4;*/ -webkit-box-orient: vertical; max-height: 15rem;}
.case_list .case_box .context .count {font-size:112.5%; line-height:1.1;}
.case_list .case_box .list_box {display: none; border-top:1px solid #000;}
.case_list .case_box .list_box ul li dl {border:2px solid #f2f2f2; border-bottom:none; padding:2.08%; box-sizing:border-box; position:relative;} /* 240625 수정 */
.case_list .case_box .list_box ul li dl:last-child {border-bottom:2px solid #f2f2f2;}
.case_list .case_box .list_box ul li dl > a {display: block; position:relative;} /* 240613_2 수정 */
.case_list .case_box .list_box ul li dl dt {display:inline-block; vertical-align:top; width:calc(22.92% - 2px);}
.case_list .case_box .list_box ul li dl dd {display:inline-block; vertical-align:top; width:calc(77.08% - 2px); padding:1.56% 0 0 2.53%; box-sizing:border-box;}
.case_list .case_box .list_box ul li dl dd .tit {position:relative; font-size:112.5%; line-height:1.5; cursor:pointer; padding-right:8%;}
.case_list .case_box .list_box ul li dl dd .tit .blue {color:#2062b6;}
.case_list .case_box .list_box ul li dl dd .tit .arrow {display:inline-block; position:absolute; right:0; top:0px; background:url("../images/icon_pop_arrow.png") no-repeat; width:40px; height:40px; background-size:100% auto;}
.case_list .case_box .list_box ul li dl dd .txt {font-weight:300; margin-top:2.08%; -webkit-box-orient: vertical; max-height: 15rem;}

 /* 240613 추가 시작 (업무안내 > 보존관리 > 기록물 보존.복원처리 사례 > 새로 추가된 탭 > 리스트 내용에서 화살표 삭제. PDF 다운로드 버튼 추가) */
.case_list.alink_none .case_box .list_box ul li dl a, 
.case_list.alink_none .case_box .list_box ul li dl dd .tit,
.case_list.alink_none .case_box .list_box ul li dl dd .txt {cursor:auto;}
.case_list.alink_none .case_box .list_box ul li dl dd .tit .arrow {display: none;}
.case_list.alink_none .case_box .list_box ul li dl dd .pdf_btn {position:absolute; right:2.08%; bottom:5.4%; width:97.92%; text-align:right;} /* 240625 수정 */
.case_list.alink_none .case_box .list_box ul li dl dd .pdf_btn a {display:inline-block; vertical-align:top; border:1px solid #2062b6; padding:1.25%; color:#2062b6; line-height:1.2; font-size:93.8%; text-align:center; background:#fff; cursor:pointer;} /* 240625 수정 (button -> a) */
.case_list.alink_none .case_box .list_box ul li dl dd .pdf_btn a:after {content:''; display:inline-block; background:url("../images/icon_down.png") no-repeat; width:13px; height:13px; background-size:100% auto; margin-left:5px;} /* 240625 수정 (button -> a) */
.case_list.alink_none .case_box .list_box ul li dl dd .pdf_btn a:hover {background:#2062b6; color:#fff;} /* 240625 수정 (button -> a) */
.case_list.alink_none .case_box .list_box ul li dl dd .pdf_btn a:hover:after {background:url("../images/icon_down_hover.png") no-repeat; width:13px; height:13px; background-size:100% auto;} /* 240625 수정 (button -> a) */
 /* // 240613 추가 끝 (업무안내 > 보존관리 > 기록물 보존.복원처리 사례 > 새로 추가된 탭 > 리스트 내용에서 화살표 삭제. PDF 다운로드 버튼 추가) */

/* 팝업 */
.popup-modal .container>.header {padding:2.08% 0;}
.popup-modal .container>.header .title {/*line-height:1.2;*/ /* 231226 line-height 주석 */ font-size:1.375em;}
.popup-modal .container>.header .close {background:url("../images/btn_pop_close.png") 0 0 no-repeat; width:29px; height:29px; background-size:100% auto; margin-top:-14.5px;}
.popup-modal .container>.content {padding:4.58% 5.73%;}
/* 230914 수정 */
.popup-modal .container>.content .cont_head {margin-bottom:2.6%;}
.popup-modal .container>.content .tit {width:calc(69% - 2px); line-height:1.1; display:inline-block; vertical-align:middle;}
.popup-modal .container>.content .tit .blue {color:#2062b6;}
.popup-modal .container>.content .btn_wrap {width:calc(31% - 2px); display:inline-block; vertical-align:top; text-align:right;}
.popup-modal .container>.content .btn_wrap a {display:inline-block; vertical-align:top; border:1px solid #2062b6; padding:3%; color:#2062b6; line-height:1.2; font-size:93.8%; text-align:center;}
.popup-modal .container>.content .btn_wrap a:after {content:''; display:inline-block; background:url("../images/icon_down.png") no-repeat; width:13px; height:13px; background-size:100% auto; margin-left:5px;}
.popup-modal .container>.content .btn_wrap a:hover {background:#2062b6; color:#fff;}
.popup-modal .container>.content .btn_wrap a:hover:after {background:url("../images/icon_down_hover.png") no-repeat; width:13px; height:13px; background-size:100% auto;}
/* // 230914 수정 */
.popup-modal .container>.content .tit {margin-bottom:2.6%; line-height:1.1;}
.popup-modal .container>.content .tit .blue {color:#2062b6;}
.popup-modal .container>.content .case_slide {position:relative; border:1px solid #e1e1e1; box-sizing:border-box; padding:30px 50px; width:100%; table-layout:fixed; display:table;}
.popup-modal .container>.content .case_slide .swiper-button-prev {background:url("../images/btn_pop_prev_on.png") no-repeat; width:15px; height:24px; left:10px; background-size:100% auto;}
.popup-modal .container>.content .case_slide .swiper-button-prev.swiper-button-disabled {opacity:1; background:url("../images/btn_pop_prev_off.png") no-repeat; background-size:100% auto;}
.popup-modal .container>.content .case_slide .swiper-button-prev:after {display: none;}
.popup-modal .container>.content .case_slide .swiper-button-next {background:url("../images/btn_pop_next_on.png") no-repeat; width:15px; height:24px; right:10px; background-size:100% auto;}
.popup-modal .container>.content .case_slide .swiper-button-next.swiper-button-disabled {opacity:1; background:url("../images/btn_pop_next_off.png") no-repeat; background-size:100% auto;}
.popup-modal .container>.content .case_slide .swiper-button-next:after {display: none;}


/* 대통령 이야기 메인 / 2024-01-04 title문제로 수정 밑 추가 */
.president_page.pp_main #preface nav {margin-bottom:0; border-bottom:0;}/* 2024-01-04 수정 */
.president_page #preface {width:100%; float:none; z-index:22; /* margin-top:-15px; */}/* 2024-08-01 수정, 2024-01-04 수정 */
.president_page #preface nav {margin-bottom:25px;}/* 2024-01-03 수정 */
.president_page #preface nav > ol, .president_page #preface > ol {/* width:calc(17.14% - 3px); */ width:100%; margin-bottom:25px; border-bottom:1px solid #e1e1e1}/* 2024-01-04 수정 */
.president_page #preface nav.nav-tabmenu2 {display: none;}
.president_page #preface #lnb_president {/* width:calc(82.86% - 3px); */ position:relative; width:100%; float:none; display:inline-block; vertical-align:bottom;}/* 2024-08-01 수정, 2024-01-03 수정 */
.president_page #preface #lnb_president h2 {display: none;} /* 2024-08-01 수정 */
.president_page #preface #lnb_president nav {border:none; margin-bottom:0; top:auto; border-radius:0; text-align:right;} /* 2024-08-01 수정 */
.president_page #preface #lnb_president nav > ul {padding-top:0; border-radius:0; margin:0 0 50px 0; display:flex; justify-content:space-between;}/* 2024-08-01 수정, 2024-01-04 수정 */
.president_page #preface #lnb_president nav > ul li {display: inline-block; width:calc(8.3% - 1.5px); vertical-align:top; border-bottom:0; margin:0; /* margin-left:-2px; */}/* 2024-08-01 수정, 2024-01-03 수정 */
.president_page #preface #lnb_president nav > ul li a {display: block; text-align:center; color:#000; padding:0; background:#ebebeb; border-radius:20px 20px 0 0; line-height:40px; font-size:20px;} /* 2024-08-01 수정 */
.president_page #preface #lnb_president nav > ul li a::before {display: none;} /* 2024-08-01 수정 */
.president_page #preface #lnb_president nav > ul li.active a {background:#2062b6; color:#fff;} /* 2024-08-01 수정 */
.president_page #preface #lnb_president nav > ul > li.active.depth > a {border-bottom:none;} /* 2024-08-01 수정 */
.president_page #preface #lnb.mo_top_menu {display: none;}
.president_page #content {width:100%; float:none;}
/* .president_page.pp_main #content #preface nav {border-bottom:0; margin-bottom:-20px;} 2024-01-04 삭제 */
.president_page.pp_main #preface #lnb_president nav > ul {margin-bottom:10px;}/* 2024-08-01 수정, 2024-01-04 추가 */
.president_page.pp_main #preface {margin-top:0;}/* 2024-08-01 수정, 2024-01-04 추가 */

.president_page .president_main {position:relative;}
.president_page .president_main .img > img {width:100%;}
.president_page .president_main .img.pc {display: block;}/* 2024-01-03 수정 */
.president_page .president_main .img.mo {display: none;}
.president_page .president_main .left_menu {position:absolute; width:auto; top:0; left:0; padding:3.41% 0 0 4.29%;}
.president_page .president_main .left_menu .name {font-size:16px; font-weight:300; color:#fff; margin-bottom:5px;}
.president_page .president_main .left_menu .name span {font-size:26px; font-weight:500; letter-spacing:5px; margin-left:10px; vertical-align:sub;}
.president_page .president_main .left_menu ul li {line-height:1.1; background:url("../images/left_menu_line.png") left bottom no-repeat;}
.president_page .president_main .left_menu ul li a {display: block; padding:15px 0; font-size:18px; color:#fff; font-weight:400;}
.president_page .president_main .left_menu ul li a:focus {outline-color:#fff !important;}/* 2024-01-10 추가 */
.sub_com_sch.w100 {width:100%;}

/* 대통령이야기 서브페이지 */
.president_page aside#lnb h2 {background:url("../images/story/president_lnb.png") no-repeat; font-size:16px; padding:20px 0; line-height:1.2; font-weight:300; letter-spacing:-0.5px;}
.president_page aside#lnb h2 .name {display: block; font-size:30px; font-weight:500;}
.president_page aside#lnb + #content {float:right; width: calc(100% - 300px);}
.president_page aside#lnb + #content #content_detail {margin-top:1rem;} /* 231106 추가 */
.president_page aside#lnb nav > ul {padding-top:15px;}
.president_page aside#lnb nav > ul > li > a {background:url("../images/story/president_lnb_dot.png") 20px center no-repeat; padding-left:50px; color:#000;}
.president_page aside#lnb nav > ul > li.active > a {color:#2062b6;}
.president_page .nav-tabmenu2 ul.new_tab li {width:calc(16.6% - 2px); border:none; margin-right:2px; margin-bottom:2px; flex:none; display:inline-block; font-weight:500;}
.president_page .nav-tabmenu2 ul.new_tab li a {padding:0.5rem; background:#ebebeb;}
.president_page .nav-tabmenu2 ul.new_tab li.active a {background:#1d6cd6; color:#fff; font-weight:400;}
/* 대통령이야기 > 기본약력사항 */
.president_page .profileGroup .profile {width: calc(100% - 264px); padding-left: 3%; box-sizing: border-box;}
/* 대통령이야기 > 관련기관 */
.president_page .site_table .board-search1 {border-top:none; background:none;}
.president_page .site_table > .sch_right {float:right; width:50%; margin-bottom:1.125rem;}
.president_page .site_table > .sch_right:after {content:''; display:block; clear:both;}
.president_page .site_table > .sch_right .field {padding:0;}
.president_page .site_table > .sch_right #notice_sel {min-width:7rem;}
.president_page .site_table > .sch_right #searchKeyword {min-width:40%;}
.president_page .site_table > .sch_right button {min-width:5rem;}

/* 역대 대통령기록관장 현황. 231227 추가 & 231228 수정 */
.direc_history {margin-top:20px;}
.direc_history ul li {position:relative; display:inline-block; vertical-align:top; text-align:left; width:calc(33.333% - 13px); margin-right:16px; margin-bottom:18px; border:1px solid #ccc; box-sizing:border-box; padding:20px 15px 16px; line-height:1.2; background-color:rgba(2, 50, 107, 0.04);}
.direc_history ul li:nth-child(3n) {margin-right:0;}
.direc_history ul li span {display:inline-block; vertical-align:top; line-height:1.5;}
.direc_history ul li span.num {text-align:center; font-size:14px; border:1px solid #000; box-sizing:border-box; min-width:60px; background-color:rgba(255, 255, 255, 0.8);}
.direc_history ul li span.name {font-weight:500; font-size:17px; margin-left:5px; line-height:1.3;}
.direc_history ul li span.date {font-size:14px; color:#313131; text-align:right; display:block; margin-top:10px; color:#666;}

@media (max-width: 1280px) {
    /* 대통령 이야기 메인 */
    .president_page #preface #lnb nav > ul li a {font-size:18px;}
    /* 대통령이야기 서브페이지 */
    .president_page .nav-tabmenu2 ul.new_tab li a {font-size:15px;}
    .president_page .nav-tabmenu2 ul.new_tab li.s_txt a {font-size:14px;}
    /* 대통령이야기 > 관련기관 */
    .president_page .site_table > .sch_right {width:60%;}

    /* 역대 대통령기록관장 현황. 231227 추가 */
}

@media (max-width: 980px) {
    /* 서브 컨텐츠 */
    #container {padding: 1.75rem 1rem 2.85rem; margin:0;}
    #content-area, #preface, #content {width:auto;}

    /* lnb */
    #lnb,  #lnb_president {width:auto;} /* 2024-08-01 추가 */
    #lnb nav, #lnb_president nav {top:auto; border:none;} /* 2024-08-01 추가 */
    #lnb nav>ul>li, #lnb_president nav>ul>li {margin:0;} /* 2024-08-01 추가 */
    #lnb nav>ul>li>a, #lnb_president nav>ul>li>a {font-size:15px; padding:10px 0;} /* 2024-08-01 추가 */
    #lnb nav>ul>li>ul>li, #lnb_president nav>ul>li>ul>li {margin-bottom:auto; padding:10px 0;} /* 2024-08-01 추가 */
    #lnb nav>ul>li>ul>li>a, #lnb_president nav>ul>li>ul>li>a {font-size:15px;} /* 2024-08-01 추가 */
    #lnb nav>ul>li.active>a, #lnb_president nav>ul>li.active>a {padding:10px 0; margin:0;} /* 2024-08-01 추가 */
    #lnb nav>ul>li.active.depth>ul, #lnb_president nav>ul>li.active.depth>ul {padding:0;} /* 2024-08-01 추가 */
    #lnb nav>ul>li.depth>a::before, #lnb_president nav>ul>li.depth>a::before {right:18px;} /* 2024-08-01 추가 */
    #lnb nav>ul>li>ul>li.active>a::after, #lnb_president nav>ul>li>ul>li.active>a::after {right:20px;} /* 2024-08-01 추가 */
    #lnb nav.active>ul, #lnb_president nav.active>ul {padding-top:0;} /* 2024-08-01 추가 */

    /* 제출하기 폼 */
    .sub_com_sch {width:100%;}


    /* 팝업 */
    .popup-modal .container>.header .title {font-size:1.25rem;}
    .popup-modal .container>.header .close {width:22px; height:22px; margin-top:-11px;}

    /* 대통령이야기 페이지 / 2024-01-04 수정 start */
    .president_page #preface {display: block;}
    .president_page.pp_main #preface nav {margin-bottom:0.5rem;}
    .president_page #preface nav {display: block; border-bottom:none; margin-bottom:0; position:relative; z-index:22;}
    .president_page #preface nav > ol {display: none;}
    .president_page #preface nav.nav-tabmenu2 {margin-bottom:1rem; display: block;}
    .president_page #preface nav.nav-tabmenu2 .toggle {background:#1d6cd6; border:1px solid #1d6cd6; color:#fff;}
    .president_page #preface nav.nav-tabmenu2 .toggle::after {background:url(../images/ico-sprite-layout.png); width: 13px; height: 7px; background-position: -80px -60px; background-size: 120px;}
    .president_page #preface nav.nav-tabmenu2.active .toggle::after {background-position: -100px -60px;}
	.president_page #preface #lnb,
    .president_page #preface #lnb_president {width:calc(100% + 2rem); margin-bottom:0.5rem; z-index:21;} /* 2024-08-01 수정 */
	.president_page #preface #lnb .toggle,
    .president_page #preface #lnb_president .toggle {text-align:center; background:#1d6cd6;} /* 2024-08-01 수정 */
	.president_page #preface #lnb nav > ul li,
    .president_page #preface #lnb_president nav > ul li {display: block; width:100%; margin-left:0; border-bottom:1px solid #e5e5e5;} /* 2024-08-01 수정 */
	.president_page #preface #lnb nav > ul li a,
    .president_page #preface #lnb_president nav > ul li a {border-radius:0; font-size:15px; background:#fff; line-height:1.1; padding:10px 0; color:#555;} /* 2024-08-01 수정 */
	.president_page #preface #lnb nav > ul li.active a,
    .president_page #preface #lnb_president nav > ul li.active a {color:#000; background:#fff;} /* 2024-08-01 수정 */
	.president_page #preface #lnb nav > ul li:last-child,
    .president_page #preface #lnb_president nav > ul li:last-child {border-radius:0;} /* 2024-08-01 수정 */
	.president_page #preface ~ aside#lnb,
    .president_page #preface ~ aside#lnb_president {margin-top:0; padding:0 1rem; margin-bottom:0.5rem; z-index:21;} /* 2024-08-01 수정 */
	.president_page #preface ~ aside#lnb nav .toggle,
    .president_page #preface ~ aside#lnb_president nav .toggle {background:#1d6cd6;} /* 2024-08-01 수정 */
	.president_page #preface ~ aside#lnb nav > ul,
    .president_page #preface ~ aside#lnb_president nav > ul {background:#ebebeb; border-radius:0;} /* 2024-08-01 수정 */
	.president_page #preface ~ aside#lnb nav > ul > li,
    .president_page #preface ~ aside#lnb_president nav > ul > li {border-bottom:none;} /* 2024-08-01 수정 */
    .president_page #preface #lnb.mo_top_menu {display: block; margin-top:0; padding:0 1rem;}
    .president_page #preface #lnb.mo_top_menu nav > ul > li {border-bottom:none;}
    .president_page #preface #lnb.mo_top_menu nav > ul > li > a {background:#ebebeb; color:#000;}
    .president_page .president_main .img.pc {display: none;}
    .president_page .president_main .img.mo {display: block;}
    .president_page .president_main .left_menu .name {display: none;}
    .president_page .president_main .left_menu ul li a {padding:12px 0; font-size:16px;}

    /* 대통령이야기 서브페이지 */
    .president_page aside#lnb + #content {float:none; width:auto;}/* 2024-01-03 추가 */
    .president_page #preface aside#lnb + #content {width:100%;}/* 2024-01-03 수정 */
    .president_page #preface aside#lnb_president nav > ul {padding-top:0; display:none;}/* 2024-08-01 수정, 2024-01-03 수정 */
    .president_page #preface aside#lnb_president nav.active > ul {display:block;}/* 2024-08-01 수정, 2024-01-03 추가 */
    .president_page #preface aside#lnb_president nav > ul > li > a {background:none; padding-left:0;}/* 2024-08-01 수정, 2024-01-03 수정 */
    .president_page nav .toggle::after {right:1rem !important;}
	.president_page aside#lnb nav > ul {padding-top:0;} /* 2024-08-01 추가 */
	.president_page aside#lnb nav > ul > li > a {background:none; padding-left:0;} /* 2024-08-01 추가 */
    /* 대통령이야기 > 기본약력사항 */
    .president_page .profileGroup .profile {width:100%; padding-left:0;}
    /* 대통령이야기 > 관련기관 */
    .president_page .site_table > .sch_right {width:100%; float:none;}
    /* 2024-01-04 수정 end */

    /* 역대 대통령기록관장 현황. 231227 추가 */
    .direc_history ul li {width:calc(50% - 5px); margin-right:5px; padding:10px;}
    .direc_history ul li:nth-child(3n) {margin-right:5px;}
    .direc_history ul li:nth-child(2n) {margin-right:0;}
    .direc_history ul li span.num {font-size:14px;}
    .direc_history ul li span.name {font-size:15px; line-height:1.5;}/*231228 수정*/
    .direc_history ul li span.date {font-size:13px;}
}

@media (max-width: 820px) {
    /* 대통령이야기 > 관련기관 */
    .president_page .site_table .board-list td.img:after {display: none;}
    .president_page .site_table .board-list td.tel,
    .president_page .site_table .board-list td.adr {display: none;}
}

@media (max-width: 751px) {
    /* 대통령이야기 > 관련기관 */
    .president_page .site_table .board-list td.tit:after {display: none;}
}

@media (max-width: 660px) {
    /* 기록물 복원처리 사례 */
    .restore_flow ul li {width:100%; margin:0; margin-bottom:20px;}
    .restore_flow ul li:after {width:35px; height:35px; top:auto; margin-top:auto; right:auto; bottom:-40px; left:50%; margin-left:-20px; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
    .restore_flow ul li:nth-child(4):after {display:inline-block;}
    .restore_flow ul li img {width:100%;}
    .process_video .video {width:100%; margin-right:0;}
    .process_video .context {width:100%;}
    .process_video .context .tit {margin-top:1rem; margin-bottom:1rem; padding-left:25px; background-size:20px auto;}
    .case_list .case_box {margin-bottom:1.875rem;}
    .case_list .case_box .images {width:100%;}
    .case_list .case_box .context {width:100%; padding-left:0;}
    .case_list .case_box .context .tit {font-size:106.3%;}
    .case_list .case_box .context .tit .arrow {width:12px; right:5px;}
    .case_list .case_box .context .count {font-size:106.3%;}
    .case_list .case_box .images .before:after, .case_list .case_box .images .after:after {line-height:30px; height:30px; margin-top:5px;}
    .case_list .case_box .list_box ul li dl dd .tit {font-size:106.3%; padding-right:10%;}
    .case_list .case_box .list_box ul li dl dd .tit .arrow {width:25px; height:25px; top:-5px;}
    .case_list .case_box .list_box ul li dl dd .txt {margin-top:10px;}

    /* 팝업 */
    .popup-modal .container>.content .case_slide .swiper-button-prev {width:12px; height:20px;}
    .popup-modal .container>.content .case_slide .swiper-button-next {width:12px; height:20px;}

    /* 대통령이야기 페이지 */
    .president_page .president_main .left_menu ul li a {padding:10px 0; font-size:14px;}
    .president_page .president_main .left_menu ul li a:focus {color:#fff;}		/*대통령별 메인 포커스 시 css 20231219 웹접근성 추가*/
    /* 대통령이야기 서브페이지 */
    .president_page .nav-tabmenu2 ul.new_tab {padding:0; max-height:none;}
    .president_page .nav-tabmenu2 ul.new_tab li {width:100%; border:none; margin-right:0; margin-bottom:0; flex:none; display:block;}
    .president_page .nav-tabmenu2 ul.new_tab li a {padding:0.5rem; background:#ebebeb;}
    .president_page .nav-tabmenu2 ul.new_tab li.active a {background:#1d6cd6; color:#fff;}
    .schedule-selector.active {z-index:21;} /* 231106 추가 */
    /* 대통령이야기 > 관련기관 */
    .president_page .site_table .board-list td.site {margin-top:0.5rem;}

    /* 역대 대통령기록관장 현황. 231227 추가 */
    .direc_history ul li {width:100%; margin-right:0; padding:10px;}
    .direc_history ul li:nth-child(3n) {margin-right:0;}
    .direc_history ul li:nth-child(2n) {margin-right:0;}
}

@media (max-width: 480px) {
    /* 대통령이야기 페이지 */
    .president_page .president_main .left_menu ul li a {padding:6px 0; font-size:12px;}
}

	/* 231211추가 */
	.search_bar .sch_detail .detail_box .form_box .btn_box {margin-top:20px; text-align:center;}
    .search_bar .sch_detail .detail_box .form_box .form:last-of-type {margin-bottom:0;}
    .search_bar .sch_detail .detail_box .form_list {border-bottom:1px solid #eee; padding:8px 0;}
    .search_bar .sch_detail .detail_box .form_list .txt {border:none;}
    .search_bar .sch_detail .detail_box .form_list .form {border-bottom:none;}
    
    /* 2024-12-18 온라인전시 추가 start */
.exhi-online {position:relative; margin:0;}
.exhi-online .list-online ul li .guide-button-group a {width:100%;}
.exhi-online .list-online ul li .guide-button-group img {width:auto; display:inline-block;}
.slider-online {position:relative; width:100%; max-width:960px; height:100%; max-height:500px; overflow:hidden; line-height: 1;}
.slider-online .item {position:relative; width:100%; height:100%; max-height:500px; text-align:center; display: flex; overflow:hidden; flex-wrap: wrap;}
.slider-online .item > p {position:absolute; z-index:15; display:block; top:0; left:50%; width:680px; margin-top:120px; margin-left:-340px; font-size:30px; color:#fff; font-weight:600; line-height:1.5; text-align:center; text-shadow:2px 2px 3px rgba(0,0,0,1);}
.slider-online .item > a {position:absolute; display:inline-block; top:70%; left:50%; width:auto; height:50px; margin-left:-84px; padding:0 25px; line-height:50px; font-size:18px; color:#fff; text-align:center; background:rgba(51,51,51,.8) !important; border-radius:25px; outline:5px solid transparent; transition: all 0.3s;}
.slider-online .item > a:hover {background:rgba(0,0,0,.8) !important; outline:5px solid rgba(0,0,0,.3);}
.slider-online .item img {max-width:100%; height:100%; object-fit: cover;}
.slider-online .slick-prev, .slider-online .slick-next {top:50%; width:90px; height:100%; background: rgba(0,0,0,.8); z-index:10; transition: all 0.3s;}
.slider-online .slick-prev:hover, .slider-online .slick-next:hover {background: rgba(0,0,0,.6);}
.slider-online .slick-prev:focus, .slider-online .slick-next:focus, .slider-online .item > a:focus {outline-offset:-2px; outline-color:#fff !important; transition: none;}
.slider-online .slick-prev {left:0;}
.slider-online .slick-prev:before {display:block; width:24px; height:44px; margin:auto; color:transparent; background: url(../images/online_ex_arrow_l.png) no-repeat 50% 50%; opacity:1;}
.slider-online .slick-next {right:0;}
.slider-online .slick-next:before {display:block; width:24px; height:44px; margin:auto; color:transparent; background: url(../images/online_ex_arrow_r.png) no-repeat 50% 50%; opacity:1;}
.list-online {position:relative; height:auto; overflow:hidden; margin-top:50px;}
.list-online ul {display:flex; flex-flow:row wrap; flex-wrap:wrap;}
.list-online li {width:calc(33.333% - 20px); max-width:300px; height:100%; margin-left:30px; margin-top:40px;}
.list-online li:nth-child(3n+1) {margin-left:0;}
.list-online li:nth-child(1), .list-online li:nth-child(2), .list-online li:nth-child(3) {margin-top:0;}
.list-online li a {display:block; width:100%; max-height:420px; overflow:hidden; border:1px solid #e5e5e5;}
.list-online li a:focus {outline-offset:-1px;}
.list-online li a > img {display:block; width:100%; transition: all 0.3s ease 0.1s;}
.list-online li a:hover > img {transform: scale(1.08);}
.list-online li > .tit {display:block; margin-top:10px; font-weight:500; line-height:1.4;}
@media (max-width: 1280px) {
    .slider-online .item > p {width:600px; margin-left:-300px; margin-top:15%; font-size:24px;}
}
@media (max-width: 960px) {
    .slider-online .item > p {font-size:1.6rem;}
}
@media (max-width: 768px) {
    .slider-online .item > p {font-size:1.25rem;}
    .slider-online .item > a {font-size:1rem;}
    .slider-online .slick-prev, .slider-online .slick-next {width:40px}
    .list-online li {width:calc(33.333% - 15px); margin-left:20px; margin-top:30px;}
}
@media (max-width: 500px) {
    .slider-online .item > p {margin-top:10%; font-size:1rem;}
    .slider-online .item > a {top:65%; height:40px; line-height:40px;}
    .slider-online .slick-prev:before, .slider-online .slick-next:before {width:20px; height:30px; background-size:70%;}
}
@media (max-width: 500px) {
    .slider-online .item > p {width:340px; margin-left:-170px;}
}
/* 2024-02-02 온라인전시 추가 end */

/* 2025-01-14 추가 시작 */
.poster-grid ul li.online-list .tit {display:block; margin-top:10px; font-weight:500; line-height:1.4;}
.poster-grid ul li.online-list .guide-button-group a {min-width:auto;}
.poster-grid ul li.online-list .guide-button-group a img {width:auto;}
.poster-grid ul li:not(.btm):after {width:500px;}
@media (max-width: 660px) {
    .poster-grid ul li.online-list .guide-button-group a {width:100%;}
}
/* 2025-01-14 추가 끝 */

/* 2024-02-13 전시견학 > 기획전시 둘러보기 > 전시개요 */
.exhibition-description3 {position:relative; background:none; border-top:1px solid #000; padding-left:0; padding-right:0; margin-top:2rem;}
.exhibition-description3 h4 {font-weight:500;}
.exhibition-description3 .data_info p {display:inline-block; vertical-align:top;}
.exhibition-description3 .data_info p span {font-weight:500; margin-right:15px;}
.exhibition-description3 .data_info p span:after {content:''; display:inline-block; width:1px; height:15px; background:#777; position:relative; top:2px; right:-7px;}
.exhibition-description3 .data_info p.date {margin-right:20px;}
.exhibition-description3 .btns {margin-top:1rem; text-align:right;}
.exhibition-description3 .btns a {display:inline-block; margin-bottom:0.5rem; padding:5px 10px; border-radius:20px; border:1px solid #777; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.exhibition-description3 .btns a:hover {background:#777; color:#fff;}
.exhibition-description3 .btns.inline p {display:inline-block;}
.exhibition-description3 .cont {margin-top:1.5rem;}

/* 2024-02-15  전시견학 > 상설 전시관 > 1F 대통령의 상징 버튼추가 */
.exhibition-description4 {position:relative; background:none;  padding-left:0; padding-right:0; margin-top:2rem;}
.exhibition-description4 h4 {font-weight:500;}
.exhibition-description4 .data_info p {display:inline-block; vertical-align:top;}
.exhibition-description4 .data_info p span {font-weight:500; margin-right:15px;}
.exhibition-description4 .data_info p span:after {content:''; display:inline-block; width:1px; height:15px; background:#777; position:relative; top:2px; right:-7px;}
.exhibition-description4 .data_info p.date {margin-right:20px;}
.exhibition-description4 .btns {margin-top:1rem; text-align:right;}
.exhibition-description4 .btns a {display:inline-block; margin-bottom:0.5rem; padding:5px 10px; border-radius:20px; border:1px solid #777; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.exhibition-description4 .btns a:hover {background:#777; color:#fff;}
.exhibition-description4 .btns.inline p {display:inline-block;}
.exhibition-description4 .cont {margin-top:1.5rem;}

.first_txt_wrap {position:relative;}
.first_txt_wrap .exhibition-description4 {position:absolute; top:-10px; right:0; margin-top:0; padding:0;}
.first_txt_wrap .exhibition-description4 .btns {margin:0;}
.first_txt_wrap .exhibition-description4 .btns p a {margin-bottom:0;}


/* 240708 이기록 그순간 수정 시작 */
.board-list-gallery.new { display: flex;flex-flow: row wrap;justify-content: left;border-top:2px solid #2062b6;border-bottom:2px solid #2062b6;padding-bottom:10px;}
.board-list-gallery.new li{width:33.333%;padding:30px 0 20px; margin:0;}
.board-list-gallery.new li:nth-child(3n+1){padding-right:24px;}
.board-list-gallery.new li:nth-child(3n+2){padding-right:12px;padding-left:12px;}
.board-list-gallery.new li:nth-child(3n){padding-left:24px;}
.board-list-gallery.new li .thumnail{display:block;margin-bottom:15px;border:5px solid #f1f1f1; border-radius:15px;} /* 240708 border-radius 추가 */
.board-list-gallery.new li .thumnail img{width:100%; border-radius:10px;} /* 240708 border-radius 추가 */
.board-list-gallery.new li a .subject {height:auto;}

@media ( max-width : 1120px) {
	/* 240708 추가 시작 */
	.board-list-gallery.new li{width:50%; padding-bottom:0;}
	.board-list-gallery.new li:nth-child(1), .board-list-gallery.new li:nth-child(4), .board-list-gallery.new li:nth-child(7){padding-right:0;}
	.board-list-gallery.new li:nth-child(2), .board-list-gallery.new li:nth-child(5), .board-list-gallery.new li:nth-child(8){padding-right:0;padding-left:0;}
	.board-list-gallery.new li:nth-child(3n){padding-left:0;}
	.board-list-gallery.new li:nth-child(2n){padding-left:10px; padding-right:0;}
	.board-list-gallery.new li:nth-child(2n-1){padding-right:10px; padding-left:0;}
	/* 240708 추가 끝 */
}
@media ( max-width : 660px) {
	/* 240708 추가 */
	.board-list-gallery.new li{width:100%; padding-left:0 !important; padding-right:0 !important;}
}
/* 240708 이기록 그순간 수정 끝 */

/* 240729 개인정보처리방침 추가 */
.personal_box  {margin-bottom:50px;}
.personal_box .tit {font-size:1.5rem; text-align:center; color:#f00; font-weight:500; margin-bottom:10px;}
.personal_box ul {font-size:0;}
.personal_box ul li {border:1px solid #ddd; box-sizing:border-box; display:inline-block; vertical-align:top; width:33.3%; padding: 0.625rem; text-align:center; font-size:1rem;}
.personal_box ul li:nth-child(-n+3) {border-bottom:none;}
.personal_box .notice {color:#f00; margin-top:10px;}
.notice_txt {color:#f00; font-weight:500; margin-bottom:10px;}
.notice_txt + .board-list tr td {text-align:left;}
@media (max-width: 820px) {
	.notice_txt + .board-list tr {display:inherit;}
}
@media (max-width: 768px) {
	.personal_box ul li {width:50%;}
	.personal_box ul li .icon {width:55px; margin:0 auto;}
	.personal_box ul li:nth-child(-n+4) {border-bottom:none;}
	.personal_box ul li:nth-child(even) {border-left:none;}
}
.art01 {background:url("../images/pers_01.png") no-repeat; background-size:100% auto; width:30px; height:30px; display:inline-block; vertical-align:text-top;} /* 일반 개인정보 수집 */
.art02 {background:url("../images/pers_02.png") no-repeat; background-size:100% auto; width:30px; height:30px; display:inline-block; vertical-align:text-top;} /* 개인정보 처리목적 */
.art03 {background:url("../images/pers_03.png") no-repeat; background-size:100% auto; width:30px; height:30px; display:inline-block; vertical-align:text-top;} /* 개인정보의 고유기간 */
.art04 {background:url("../images/pers_04.png") no-repeat; background-size:100% auto; width:30px; height:30px; display:inline-block; vertical-align:text-top;} /* 개인정보 처리위탁 */
.art05 {background:url("../images/pers_05.png") no-repeat; background-size:100% auto; width:30px; height:30px; display:inline-block; vertical-align:text-top;} /* 개인정보의 제공 */
.art06 {background:url("../images/pers_06.png") no-repeat; background-size:100% auto; width:30px; height:30px; display:inline-block; vertical-align:text-top;} /* 고충처리부서 */


/* 240919 제 15대 대통령 웹사이트 추가 */
.website_image_map > img {display: block;} 
.website_list {margin-top:30px;}
.website_list .list_con {display:none;} /* 240930 수정 */
.website_list .list_con > img {display: block; border:1px solid #000; box-sizing:border-box;} /* 240930 수정 */

/* 241118 추가 */
@media (max-width : 660px) {
    .board-list-thumnail li.add_site > .images {display: none;}
}

/* 2024-10-10 기록컬렉션 > 해외순방 > 대륙별보기 start */
.land_box {background:#f2f2f2; border:1px solid #ebebeb; font-size:0;}
.land_box .icon_sel {display:inline-block; vertical-align:top; width:79.17%; box-sizing:border-box; background:url("../images/land/icon_sel_bg.png") #f2f2f2 center center no-repeat;}
.land_box .icon_sel .inner {display:table-cell; width:100%; height:420px; vertical-align:middle;}
.land_box .icon_sel ul {font-size:0; text-align:center;}
.land_box .icon_sel ul li {display:inline-block; vertical-align:top; width:18.42%; margin-right:5.92%; cursor:pointer;}
.land_box .icon_sel ul li:nth-child(4n), .land_box .icon_sel ul li:last-of-type {margin-right:0;}
.land_box .icon_sel ul li:nth-child(-n+4) {margin-bottom:1.97%;} 
.land_box .icon_sel ul li .tit {font-size:16px; margin-bottom:10px;}
.land_box .icon_sel ul li .icon {transition:all 0.3s ease;}
.land_box .icon_sel ul li.sel .tit {color:#02316b; font-weight:600;}
.land_box .icon_sel ul li img {width:100%;}
.land_box .land_list {display:inline-block; vertical-align:top; width:20.83%; background:#fff; border-left:1px solid #ebebeb; box-sizing:border-box;}
.land_box .land_list .sel_land {position:relative; background:#4c71b2; line-height:42px; padding-left:20%; box-sizing:border-box; font-size:16px; color:#fff; font-weight:500;}
.land_box .land_list .sel_land .icon {display:inline-block; position:absolute; top:0; left:-20px; width:42px; height:42px;}
.land_box .land_list .sel_land .icon img {vertical-align:top;}
.land_box .land_list ul {padding:10% 0 10% 20%; height:378px; overflow-y:scroll;}
.land_box .land_list ul li {font-size:16px; color:#000; line-height:1.2; margin-bottom:13%; cursor:pointer;}
.land_box .land_list ul li.active {color:#02316b; font-weight:700;} /* 2024-10-18 추가 */
.land_page .board-sort .p_hidden {display:none;}

@media (max-width: 1200px) {
    .land_box .icon_sel ul li .tit {font-size:15px;} /* 2024-10-18 수정 */
    .land_box .land_list .sel_land {font-size:15px;}
    .land_box .land_list ul li {font-size:15px;} /* 2024-10-18 수정 */
}

@media (max-width: 980px) {
    /* .land_box {display:none;} */ /* 2024-10-18 주석 */
    .land_tabmenu2 {display:none;} /* 2024-10-18 추가 */
}

@media (max-width: 660px) {
    .land_box {display:none;}
    .land_tabmenu2 {display:block;} /* 2024-10-18 추가 */
    .land_page .board-sort .m_hidden {display:none;}
    .land_page .board-sort .p_hidden {display:block; width:45%;}
}
/* 2024-10-10 기록컬렉션 > 해외순방 > 대륙별보기 end */


/* 2025-03-31 개인정보처리방침 수정 start */
.personal_box ul li {position:relative; border-left:none;}
.personal_box ul li:nth-child(1),.personal_box ul li:nth-child(4) {border-left:1px solid #ddd;}
.personal_box ul li:hover .tooltip {display:block;}
.personal_box ul li:hover:before {content:''; display:block; border:1px solid #1d6cd6; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.personal_box ul li .tooltip {display:none; position:absolute; top:0; right:100%; background:#fff; border-radius:10px 10px 0 0; width:500px; z-index:10; text-align:left;}
.personal_box ul li .tooltip.left {right:auto; left:100%;}
.personal_box ul li .tooltip .tool_tit {font-size:14px; background:#1d6cd6; color:#fff; padding:0.3rem 1.25rem; border-radius:10px 10px 0 0;}
.personal_box ul li .tooltip .tool_txt {font-size:14px; padding:0.625rem 1.25rem; border:1px solid #ddd; line-height:1.5;}
@media (max-width: 980px) {
    .personal_box ul li .tooltip {right:0;}
}
@media (max-width: 770px) {
    .personal_box ul li .tooltip {left:0; right:auto; width:200%;}
    .personal_box ul li .tooltip.left {left:0;}
    .personal_box ul li:nth-child(2n) .tooltip {left:-100%;}
}
/* 2025-03-31 개인정보처리방침 수정 end */

/* 2025-08-26 업무안내 > 간행물발간등록 > 발간등록번호 신청 페이지 수정 */
.table_new3 td input[type="checkbox"] {height:auto; padding:0; min-width:auto;}

/* 251104 기록컬렉션 하단 배너 start */
.btm_banner {margin-top:2.5rem;}
.btm_banner ul {display:flex; gap:20px; flex-wrap: wrap; justify-content: space-between;}
.btm_banner ul li {width:calc(33.3% - 15px); height:80px;}
@media (max-width: 980px){
    .btm_banner ul {gap:10px;}
    .btm_banner ul li {width:calc(50% - 5px);}
}
/* 251104 기록컬렉션 하단 배너 end */



/* 251107 게시판 검색 영역 체크박스 추가 start */
.board-sort .chk_form {margin-right: 0.625rem;}
.board-sort .chk_form input[type="checkbox"] {border: 2px solid #e1e1e1; width:1.5rem; height:1.5rem; min-width:auto; margin-right:0.25rem; position:relative; top:-0.1em; appearance: none; -webkit-appearance: none; background-size:100%;}
.board-sort .chk_form input[type="checkbox"]:checked {background:url("../images/ico-checked.jpg") center center no-repeat;}
/* 251107 게시판 검색 영역 체크박스 추가 end */