/* 공통 */
[class^="main-"] {letter-spacing:-0.5px;}
[class^="main-"] .more {top:4px; right:0; width:22px; height:22px;}
[class^="main-"] .more::before {width:2px;}
[class^="main-"] .more::after {height:2px;}

/* 스크롤 스타일 */
.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools {width:7px; margin:10px 0;}
.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background:none;}
.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:7px; background:#e1e1e1;}
.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius:0;}

/* 메인 비주얼 */
.main-visual {clear:both; border-bottom:1px solid #000; position: relative; z-index: 10;}
.main-visual .slider .item {height:452px;}
.main-visual .slider .item.first_slide .pc_slide_bg {background:url("../images/mv01_bg.jpg") center center; height:452px;}
.main-visual .slider .item.first_slide ul.list {top:50%;}
.main-visual .slider .item.second_slide .pc_slide_bg {background:url("../images/mv02_bg.jpg") center center; height:452px;}
.main-visual .slider .item.second_slide .btns {position:absolute; width:1260px; top:157px; left:50%; transform:translateX(-50%); text-align:right;}
.main-visual .slider .item.second_slide .btns ul li a {display: inline-block; width: auto;}
.main-visual .slider .item.second_slide .btns ul li img {display: inline-block;}
.main-visual .slider .item.second_slide .btns ul li:first-child {margin-bottom:15px;}
.main-visual .slider .item.third_slide .pc_slide_bg {background:url("../images/mv04_bg.jpg") center center; height:452px;} /* 231219 추가 & 240405 수정*/


.main-visual .slider .item.third_slide > a:focus {outline-offset:-2px;} /* 231219 추가 */


.main-visual .slider_btns {position:absolute; bottom:84px; text-align:center; left:50%; transform: translate(-50%);}
.main-visual .slick-prev,
.main-visual .slick-next {position:relative; top:auto; left:auto; right:auto; transform:none; display:inline-block; vertical-align:middle; width:26px; height:13px; background-size:100% auto !important;}
.main-visual .slick-prev:after,
.main-visual .slick-prev:before,
.main-visual .slick-next:after,
.main-visual .slick-next:before {display:none;}
.main-visual .slick-prev {background:url("../images/btn_slide_prev.png") no-repeat;}
.main-visual .slick-next {background:url("../images/btn_slide_next.png") no-repeat;}
.main-visual .slick-dots {position:relative; bottom:auto; left:auto; right:auto; margin-left:0; margin:0 15px; width:auto; height:auto; display:inline-block; vertical-align:middle;}
.main-visual .slick-dots li {display: none; width:auto; height:auto; line-height:normal; color:#000; font-size:16px; font-weight:500; vertical-align:top; margin:0;}
.main-visual .slick-dots li.slick-active {display: inline-block; width:auto; height:auto;}
.main-visual .slick-dots li span {font-weight:300;}
.main-visual .slick-toggle {position:relative; display:inline-block; vertical-align:middle; right:auto; left:auto; bottom:auto; margin-left:15px; max-width:11px; width:11px; height:13px; background:url("../images/btn_slide_stop.png") no-repeat;} /* 230921 max-width 추가 */
.main-visual .slick-toggle.stop {bottom:auto; background:url("../images/btn_slide_play.png") no-repeat; height:13px;}

/* 메인 컨텐츠 */
#container {margin:0 auto; max-width:none; padding:0; border-top-left-radius:0; border-top-right-radius:0;}
#container .container_inner {max-width:1300px; margin:0 auto; padding:0 20px;}
#container .group {display:block; border-bottom:none; margin-bottom:50px;}
#container .group.last {margin-bottom:40px;}
#container .group section {display:inline-block; vertical-align:top; position:relative !important;} /* 2024-10-21 position 추가 */
#container .group section h2 {font-weight:600; font-size:26px; color:#000; line-height:1.1; margin-bottom:30px; padding-bottom:0;}
#container .group section h2:after {display: none;}
#container .group .group-one {margin:0; padding:0; width:calc(50% - 23px); margin-right:21px;}
#container .group .group-two {margin:0; padding:0; width:calc(50% - 23px); margin-left:21px; position:relative;} /* 231226 position 추가 */

/* 메인 검색 */
#search.main_cont {display: block; background:none; padding:0; box-shadow:none; bottom:-40px;} /* 240729 top:-40px -> bottom:-40px 수정 */
#search.main_cont .inner {width:960px; max-width:100%;}
#search.main_cont .sch_inner {border-bottom:none; border:2px solid #000; background:#fff; border-radius:50px; width:960px;}
#search.main_cont form select {width:190px; height:80px; padding:0 20px 0 50px;}
#search.main_cont form input {height:80px;}
#search.main_cont form button {width:100px; height:100px; background:#000; border-radius:100%; right:-2px; top:-10px; padding:0;}
#search.main_cont form button span {background:url("../images/icon_main_sch.png") center center no-repeat; width:37px; height:36px; background-size:100% auto !important;}
#search.main_cont form button:focus {outline-color:#fff !important;} /* 2024-01-04 추가 */
#search.main_cont .auto {right:120px;}
/* 메인 검색 영역 자동완성 */
#search.main_cont #ark #ark_wrap {float:right; max-width:600px; top:77px; right:120px;}

/* 메인 검색 240801 */
#search_main.main_cont {display: block; background:none; padding:0; box-shadow:none; /* bottom:-40px; */ bottom:auto; /* 2024-10-10 수정 */ position:absolute; width:100%; min-width:100%; z-index:10; margin:0 auto; max-width:inherit;}
#search_main.main_cont .inner {width:960px; max-width:100%; margin:0 auto; position:relative;}
#search_main.main_cont .sch_inner {border-bottom:none; border:2px solid #000; background:#fff; border-radius:50px; width:960px; position:relative; display:inline-block; vertical-align:middle;}
#search_main .toggle {display:none; background:transparent;}
#container #search_main .toggle span {text-indent:-999em; display:inline-block; position:relative; overflow:hidden; line-height:1; background:url("../images/ico-sprite-layout.png"); background-size:150px;}
#search_main form {border:none; background:transparent;}
#search_main form:after {content: '';display: table;line-height: 0;clear: both}
#search_main.main_cont form select {width:190px; height:80px; padding:0 20px 0 50px; float:left; border:0; color:#000; font-size:22px; background:url("../images/btn_sch_arrow.png") right center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#search_main form select option {color:#000;}
#search_main.main_cont form input {height:80px; float:left; padding:0 10px; border:0; width:calc(100% - 267px); color:#000; font-size:22px; padding-left:60px;}
#search_main.main_cont form button {width:100px; height:100px; background:#000; border-radius:100%; right:-2px; top:-10px; padding:0; position: absolute; bottom:18px; float:left; border: 0;}
#search_main.main_cont form button span {background:url("../images/icon_main_sch.png") center center no-repeat; width:37px; height:36px; background-size:100% auto !important; vertical-align:top; text-indent: -9999px; display: inline-block; position: relative; overflow: hidden; line-height:1;}
#search_main.main_cont form button:focus {outline-color:#fff !important; outline-offset: -3px;} /* 2024-12-24 수정 / 2024-01-04 추가 */
#search_main.main_cont .auto {background: url("../images/btn_sch_auto.png") no-repeat 50% 50%; display: inline-block; position:absolute; text-indent: -9999px; width: 18px; height: 30px; top:50%; margin-top:-15px; right:120px; transform:rotate(180deg);}
#search_main.main_cont .auto.on {transform: rotate(0);}
/* 메인 검색 영역 자동완성 */
#search_main.main_cont #ark {width: 100%; position: absolute; top: 0; left: 15px; margin-top: 5px; right:31.5%; height:0;}
#search_main.main_cont #ark #ark_wrap {float:right; max-width:600px; top:77px; right:120px; left:auto; margin:0; position: relative; width:100% !important; border:1px solid #dcdcdc; background:#f3f3f3; z-index: 9999;}


/* 첫번째 그룹 */
#container .group.first {background:#f5f5f5; padding:100px 0 55px 0; margin-bottom:0; position: relative; z-index: 5;}
#container .group.first .inner {max-width:1300px; margin:0 auto; padding:0 20px;}
#container .group.first .group-one {width:calc(70% - 60px); margin-right:4.7%;}
#container .group.first .group-two {width:calc(30% - 4px); margin-left:0;}
/* 자주찾는 정보 */
.main-guide ul li {float:none; width:auto; display:inline-block; vertical-align:top; width:calc(20% - 3px); text-align:center;}
.main-guide ul li:last-of-type {margin-right:0;}
.main-guide ul li:nth-child(odd):after {display: none;}
.main-guide ul li:nth-child(even):after {display: none;}
.main-guide ul li a {padding:0; background:none; font-size:18px; color:#000; word-break:keep-all; line-height:1.2; border-radius:0;}
.main-guide ul li:nth-child(odd) {border-right:none; padding:0;}
.main-guide ul li:nth-child(even) {padding:0;}
.main-guide ul li span.icon {display: block; width:90px; height:90px; margin:0 auto 18px; background-size:100% auto !important;}
.main-guide ul li span.icon_pre {background:url("../images/icon_guide01.png") no-repeat;}
.main-guide ul li span.icon_intro {background:url("../images/icon_guide02.png") no-repeat;}
.main-guide ul li span.icon_notice {background:url("../images/icon_guide03.png") no-repeat;}
.main-guide ul li span.icon_open {background:url("../images/icon_guide04.png") no-repeat;}
.main-guide ul li span.icon_result {background:url("../images/icon_guide05.png") no-repeat;}
/* 전시관 관람 */
.main-view p {font-size:18px; color:#000;}
.main-view p a {width: auto; margin:0; padding:0; background:none; line-height:normal; font-size:18px; color:#000;} /* 230922 추가 */
.main-view a {display: inline-block; font-size:14px; color:#333; background:#e3e3e3; border-radius:5px; padding:0 20px 0 40px; line-height:33px; margin-top:15px;}
.main-view a.exp {margin-right:10px; background-image:url("../images/icon_exp.png"); background-repeat:no-repeat; background-position:10px center;}
.main-view a.child {margin-right:10px; background-image:url("../images/icon_child.png"); background-repeat:no-repeat; background-position:10px center;}

/* 대통령의 오늘 ~ 배너 감싸는 영역 */
#container .container_inner {padding-top:45px;}

/* 대통령의 오늘 */
.main-infomation h3 {font-size:0; background:none; right:0; top:0; padding:0;}
.main-infomation h3 .more {margin-left:0;}
.main-infomation .more {position: absolute; top:4px; right:0 !important;} /* 2024-12-24 추가 */
.main-infomation #content-1 {border-top:1px solid #000; border-bottom:1px solid #000;}
.main-infomation .detail {opacity:0; transition:all 0.1s ease; -webkit-transition:all 0.1s ease;}/* 0926 오늘 스크롤 수정 */
.main-infomation .detail {padding-right:0; overflow:inherit; height:auto;}
.main-infomation .detail > ul {border-top:none;}
.main-infomation .detail>ul>li {padding:0; min-height:auto; border-bottom:1px solid #e5e5e5;}
.main-infomation .detail>ul>li:last-of-type {border-bottom:none;}
.main-infomation .detail>ul>li dt {position:relative; border:none; color:#000; font-weight:500; font-size:18px; left:auto; top:auto; padding:0; display:inline-block; vertical-align:top; line-height:75px; text-align:center; width:20%; min-width:12%;}
.main-infomation .detail>ul>li dd {min-height:75px; display:inline-block; vertical-align:top; line-height:75px; width:calc(80% - 5px); padding-left:0; box-sizing:border-box;}
.main-infomation .detail>ul>li dd ul {padding-left:0;}
.main-infomation .detail>ul>li dd ul li a {height:75px;}
.main-infomation .detail>ul>li ul li {position: relative;}
.main-infomation .detail>ul>li ul li:after {content:''; z-index:-1; display:inline-block; background:url("../images/icon_view_arrow.png") no-repeat; background-size:100% auto; width:40px; height:40px; position:absolute; right:8%; top:50%; transform:translateY(-50%); transform:translateY(-50%);}
.main-infomation .detail>ul>li ul li.today .year {color:#000; width:17%; font-size:18px;}
.main-infomation .detail>ul>li ul li.today .year:after {display: none;}
.main-infomation .detail>ul>li ul li.today p {font-weight:500; font-size:18px; width:calc(83% - 90px); padding-left:0; box-sizing:border-box;}
/* 이기록 그순간 */
.main-moment ul {border-top:1px solid #000; border-bottom:1px solid #000;}
.main-moment ul li:first-child {border-bottom:1px solid #e5e5e5; padding:0 0 3.45% 0;}
.main-moment ul li:last-child {padding:3.45% 0 0 0; border-bottom:none;}
.main-moment ul li .images {width:180px; height:130px; border:none; vertical-align:top;}
.main-moment ul li .content {width:calc(100% - 184px); padding:3.2% 4.5% 0;}
.main-moment ul li .content .subject {margin:0; font-size:18px; line-height:1.1;}
.main-moment ul li:last-child .content {padding-top:2%;}
.main-moment ul li .content .textbox {font-size:16px; margin:16px 0 0 0; max-height:64px;}

/* 대통령의 지시사항 */
.main-direc #content-2 {border:1px solid #ccc; border-radius:15px; box-sizing:border-box;}
.main-direc .detail ul>li>dl {padding:2.65% 4%; border-bottom:1px solid #e5e5e5;}
.main-direc .detail ul>li:last-of-type>dl {border-bottom:none;}
.main-direc .detail ul>li>dl>dt {display:inline-block; vertical-align:top; width:13%; color:#000; font-weight:500; line-height:30px; font-size:18px;}
.main-direc .detail ul>li>dl>dd {display:inline-block; vertical-align:top; width:calc(87% - 10px);}
.main-direc .detail ul>li>dl>dd>ul>li> a {display: block;}
.main-direc .detail ul>li>dl>dd .year {color:#000; font-size:18px;}
.main-direc .detail ul>li>dl>dd .year span {display:inline-block; color:#000; font-size:16px; border:1px solid #000; text-align:center; min-width:64px; height:30px; line-height:28px; border-radius:20px; padding:0 10px; margin-right:20px; box-sizing:border-box;}
.main-direc .detail ul>li>dl>dd p {color:#000; margin-top:10px; font-size:18px; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/* 정책기록 */
.main-policy .detail {border:1px solid #ccc; border-radius:15px; padding:4%; box-sizing:border-box; min-height:302px;} /* 231220 min-height 수정 */
.main-policy .detail .txt {color:#000; font-size:16px;}
.main-policy .detail ul {margin-top:30px;}
.main-policy .detail ul li {display:inline-block; vertical-align:top; margin-right:10px; margin-bottom:10px; padding:0; width:auto; float:none; background:none;}
.main-policy .detail ul li a {background:#f0f0f0; color:#000; padding:0 15px; border-radius:3px; font-size:18px; line-height:40px;}

/* 주요 링크 */
#container .group section.main-link {display: block;}
.main-link ul {padding:30px 0 20px; background:#f5f5f5; border-radius:15px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.main-link ul:before {display: none;}
.main-link ul li {position:relative; width:auto; margin-right:0; margin-bottom:10px; padding:0; border-radius:0; height:auto; background:none !important; margin-right:24px;}
.main-link ul li:last-child {margin-right:0;}
.main-link ul li a {color:#000; font-size:18px; background:url("../images/icon_link_next.png") 99% center no-repeat; background-size:7px 13px; padding-right:28px;}
.main-link ul li span {display:inline-block; vertical-align:middle; width:28px; height:28px; margin-right:15px; background-size:100% auto !important;}
.main-link ul li.n1 span {background:url("../images/icon_link_spe.png") no-repeat;}
.main-link ul li.n2 span {background:url("../images/icon_link_rec.png") no-repeat;}
.main-link ul li.n3 span {background:url("../images/icon_link_spc.png") no-repeat;}
.main-link ul li.n4 span {background:url("../images/icon_link_open.png") no-repeat;}
.main-link ul li.n5 span {background:url("../images/icon_link_let.png") no-repeat;}
.main-link ul li.n6 span {background:url("../images/icon_link_pho.png") no-repeat;}

/* 공지사항 */
.main-news h2 {margin:0;}
.main-news .inner {background:none; padding:0; border-radius:0;}
.main-news ul li {border-bottom:none; height:auto; margin-bottom:15px;}
.main-news ul li:last-child {margin-bottom:0;}
.main-news ul li a {font-size:18px; color:#000; padding:0; line-height:1.2;}
.main-news ul li a .title {font-size:18px; line-height:1.2; color:#000; display:inline-block; vertical-align:top; width:calc(100% - 105px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main-news ul li a .date {position:relative; text-align:right; line-height:1.2; top:auto; right:auto; margin-top:0; font-size:18px; display:inline-block; vertical-align:top; width:100px;}

/* 하단 배너 230921 추가 및 수정 */
.main-banner .slider {border-radius:15px; border:1px solid #ccc;}
.main-banner .slider div, .main-banner .slider div a, .main-banner .slider div a img {border-radius:15px;}
.main-banner .slider_btns {position:absolute; bottom:0; /*right:0;*/ /*right:auto;*/ /* 231226 right 주석 */ left:50%; transform:translate(-50%); -webkit-transform:translate(-50%); /*min-width:127px; height:45px; background:rgba(0,0,0,0.5); border-radius:15px 0 15px 0;*/}
.main-banner .slick-prev,
.main-banner .slick-next {position:relative; top:auto; left:auto; right:auto; transform:none; display:inline-block; vertical-align:middle; width:26px; height:13px; background-size:100% auto !important;}
.main-banner .slick-prev:after,
.main-banner .slick-prev:before,
.main-banner .slick-next:after,
.main-banner .slick-next:before {display:none;}
.main-banner .slick-prev {background:url("../images/btn_slide_prev.png") no-repeat;}
.main-banner .slick-next {background:url("../images/btn_slide_next.png") no-repeat;}
.main-banner .slick-dots {position:relative; bottom:auto; left:auto; right:auto; top:auto; margin-left:0; width:70px; height:auto; display:inline-block; vertical-align:middle;}
.main-banner .slick-dots li {display: none; width:auto; height:auto; line-height:45px; color:#000; font-size:16px; font-weight:500;}
.main-banner .slick-dots li.slick-active {display: inline-block; width:auto; height:auto;}
.main-banner .slick-dots li span {font-weight:200;}
.main-banner .slick-toggle {position:relative; display:inline-block; vertical-align:middle; right:auto; left:auto; bottom:auto; margin-left:15px; width:11px; height:13px; background:url("../images/btn_slide_stop.png") no-repeat; top:auto;}
.main-banner .slick-toggle.stop {bottom:auto; background:url("../images/btn_slide_play.png") no-repeat; height:13px;}
.main-banner .slider_btns button:focus{outline-color:#ff0 !important;} /*2024-01-23 웹접근성 추가*/

/* 2024-10-10 메인수정 start */
.main-guide ul li {width: calc(16% - 5px)}
/*.main-guide ul li:nth-child(3) {margin-right: 1rem;}*/ /* 241120 수정 */
.main-guide ul li:nth-child(4) {margin-right: 1rem;} /* 241120 수정 */
.main-guide ul li:nth-child(4):before {content: ''; display: inline-block; position: absolute; top: 0; right: -1.5rem; width: 1px; height: 90px; background-color: #e5e5e5;} /* 241120 수정 */
.main-guide ul li:nth-child(5) {width:calc(32% - 5px); margin-left:1rem; margin-top:-2rem;} /* 241120 추가 */
.main-guide ul li:nth-child(5) .ban_img {display: block; max-height:125px; margin: 0 auto 15px;} /* 241120 추가 */
.main-guide ul li span.icon_splaw {background: url("../images/icon_guide06.png") no-repeat;}
.main-guide ul li span.icon_vacation {background: url("../images/icon_guide07.png") no-repeat;}
.main-guide ul li span.icon_election {background: url("../images/icon_guide08.png") no-repeat;}
.mCSB_inside > .mCSB_container {margin-right: 0 !important;}
#container .group .main-banner {position: relative !important;}
/* 2024-10-10 메인수정 end */

@media (max-width: 1550px) {
    /* 메인 비주얼 */
    .main-visual .slider .item.first_slide ul.list li {width: calc(8.3% - 6px);}
}

@media (max-width: 1280px) {
    /* 공통 */
    [class^="main-"] {margin-top:auto;}

    /* 메인 비주얼 */
    .main-visual .slider .item.second_slide .btns {width:100%; padding:0 20px; box-sizing:border-box;}
    .main-visual .slider .item.second_slide .btns ul li a {width:90px;}

    /* 메인 컨텐츠 */
    #container .group section h2 {font-size:22px; margin-bottom:20px;}

    /* 메인 검색 */
    #search.main_cont form select {height:65px;}
    #search.main_cont form input {height:65px;}
    #search.main_cont form button {width:85px; height:85px;}
    /* 메인 검색 영역 자동완성 */
    #search.main_cont #ark #ark_wrap {top:62px;}

    /* 메인 검색 240801 */
    #search_main.main_cont form select {height:65px;}
    #search_main.main_cont form input {height:65px;}
    #search_main.main_cont form button {width:85px; height:85px;}
    /* 메인 검색 영역 자동완성 */
    #search_main.main_cont #ark #ark_wrap {top:62px;}

    /* 첫번째 그룹 */
    #container .group.first {padding:80px 0 40px 0;}
    /* 자주찾는 정보 */
    .main-guide ul li a {font-size:16px;}
    .main-guide ul li span.icon {width:80px; height:80px; margin:0 auto 15px;}
    .main-guide ul li:nth-child(5) {margin-top:0;} /* 241120 추가 */
    .main-guide ul li:nth-child(5) .ban_img {max-height:80px; margin:0 auto 15px;} /* 241120 추가 */
    /* 전시관 관람 */
    .main-view p {font-size:16px;}
    .main-view p a {font-size:16px;} /* 230922 추가 */
    .main-view a {font-size:13px;}
    .main-view a.child {margin-top:10px;}

    /* 대통령의 오늘 */
    .main-infomation .detail>ul>li dt {font-size:16px; line-height:70px;}
    .main-infomation .detail>ul>li dd {line-height:70px; min-height:70px;}
    .main-infomation .detail>ul>li dd ul li a {height:70px;}
    .main-infomation .detail>ul>li ul li.today .year {font-size:16px;}
    .main-infomation .detail>ul>li ul li.today p {font-size:16px;}
    .main-infomation .detail>ul>li ul li:after {width:35px; height:35px;}
    /* 이기록 그순간 */
    .main-moment ul li .content .subject {font-size:16px;}
    .main-moment ul li .content .textbox {font-size:15px;}

    /* 대통령의 지시사항 */
    .main-direc .detail ul>li>dl>dt {font-size:16px; width:15%; line-height:25px;}
    .main-direc .detail ul>li>dl>dd {width:calc(85% - 10px);}
    .main-direc .detail ul>li>dl>dd .year {font-size:16px;}
    .main-direc .detail ul>li>dl>dd .year span {height:25px; line-height:23px; font-size:15px;}
    .main-direc .detail ul>li>dl>dd p {font-size:16px; margin-top:8px;}
    /* 정책기록 */
    .main-policy .detail {min-height:auto;}
    .main-policy .detail ul {margin-top:20px;}
    .main-policy .detail ul li a {font-size:16px; line-height:35px;}

    /* 주요 링크 */
    .main-link ul li {margin-right:20px;}
    .main-link ul li a {font-size:17px;}
    .main-link ul li span {margin-right:10px; width:25px; height:25px;}

    /* 공지사항 */
    .main-news ul li {margin-bottom:13px;}
    .main-news ul li a .title {font-size:16px;}
    .main-news ul li a .date {font-size:16px;}

    /* 2024-10-10 메인 수정 start */
    .main-guide ul li:nth-child(4):before {height: 80px;}
    /* 2024-10-10 메인 수정 end */

@media (max-width: 1200px) {
    /* 메인 검색 240801 */
    #search_main form select, #search_main form input {font-size:18px !important;}
}

/* 기존 css 수정 */
@media (min-width: 981px) and (max-width: 1199px) {
    #search #ark {top: auto; width: 100% !important;}
    /* 메인 검색 240801 */
    #search_main #ark {top: 3px; width:100% !important;}
    #search_main #ark_down, #search_main #ark_up {margin: 19px 0px 0px 85% !important;}
    #search_main #ark_img_down, #search_main #ark_img_up {right:auto !important;}
}

@media (max-width: 1100px) {
    /* 주요 링크 */
    .main-link ul li {margin-right:15px;}
    .main-link ul li a {font-size:16px; padding-right:20px;}
}

@media (max-width: 980px) {
    /* 공통 */
    [class^="main-"] .more {width:18px; height:18px;}

    /* 메인 비주얼 */
    .main-visual .slider .item {height:auto;}
    .main-visual .slider .item .pc_slide_bg {display: none;}
    .main-visual .slider .item.first_slide ul.list {top:58%;}
    .main-visual .slider .item.first_slide ul.list li {width: calc(16% - 10px); margin-right: 5px;}
    .main-visual .slider .item.first_slide ul.list li a span:after {display: none;}
    .main-visual .slider .item.second_slide .btns {top:auto; bottom:60px; left:auto; transform:none; -webkit-transform:none; right:30px; width:auto; padding:0;}
    .main-visual .slider .item.second_slide .btns ul li:first-child {margin-bottom:10px;}
    .main-visual .slider .item.second_slide .btns ul li a {width:80px;}
    .main-visual .slider_btns {bottom:10px;}
    .main-visual .slick-dots li {font-size:15px;}

    /* 메인 컨텐츠 */
    #container {margin-bottom:0;}
    #container .container_inner {padding-top:30px;}
    #container .group {margin-bottom:30px;}
    #container .group.last {margin-bottom:20px;}
    #container .group section h2 {font-size:20px;}
    #container .group .group-one {width:calc(50% - 23px); margin-right:15px;}
    #container .group .group-two {width:calc(50% - 23px); margin-left:15px;}

    /* 메인 검색 */
    #search.main_cont {padding:0 20px; display: none;}
    #search.main_cont .sch_inner {width:100%;}
    #search.main_cont form select {width:150px; height:60px;}
    #search.main_cont form input {width:calc(100% - 160px); height:60px;}
    #search.main_cont form button {width:70px; height:70px; top:-5px;}
    #search.main_cont form button span {width:28px;}

    /* 메인 검색 240801 */
    #search_main.main_cont {padding:0 20px; display: none;}
    #search_main.main_cont .sch_inner {width:100%;}
    #search_main.main_cont form select {width:150px; height:60px;}
    #search_main.main_cont form input {width:calc(100% - 160px); height:60px;}
    #search_main.main_cont form button {width:70px; height:70px; top:-5px;}
    #search_main.main_cont form button span {width:28px;}

    /* 첫번째 그룹 */
    #container .group.first .group-one {width:100%; margin-right:0;}
    #container .group.first .group-two {width:100%; margin-top:30px;}
    /* 자주찾는 정보 */
    .main-guide ul li a {font-size:15px;}
    .main-guide ul li span.icon {width:65px; height:65px;}
    .main-guide ul li:nth-child(5) .ban_img {max-height:65px; margin: 0 auto 15px;} /* 241120 추가 */
    /* 전시관 관람 */
    .main-view p {font-size:15px;}
    .main-view p a {font-size:15px;} /* 230922 추가 */
    .main-view a {width:calc(50% - 10px);}
    .main-view a.exp {margin-right:15px;}
    .main-view a.child {margin-right:0;}

    /* 대통령의 오늘 */
    .main-infomation .detail>ul>li dt {line-height:60px; font-size:15px;}
    .main-infomation .detail>ul>li dd {line-height:60px; min-height:60px;}
    .main-infomation .detail>ul>li dd ul li a {height:60px;}
    .main-infomation .detail>ul>li ul li.today .year {font-size:15px;}
    .main-infomation .detail>ul>li ul li.today p {font-size:15px;}
    .main-infomation .detail>ul>li ul li:after {width:30px; height:30px;}
    /* 이기록 그순간 */
    .main-moment ul li .images {width:150px; height:100px;}
    .main-moment ul li .content {width:calc(100% - 155px);}
    .main-moment ul li .content .subject {font-size:15px;}
    .main-moment ul li .content .textbox {font-size:13px; margin:10px 0 0 0;}

    /* 대통령의 지시사항 */
    .main-direc .detail ul>li>dl>dt {font-size:15px; width:18%;}
    .main-direc .detail ul>li>dl>dd {width:calc(83% - 10px);}
    .main-direc .detail ul>li>dl>dd .year {font-size:15px;}
    .main-direc .detail ul>li>dl>dd .year span {font-size:14px;}
    .main-direc .detail ul>li>dl>dd p {font-size:15px; margin-top:6px;}
    /* 정책기록 */
    .main-policy .detail .txt {font-size:15px;}
    .main-policy .detail ul li {margin-bottom:5px; margin-right:5px;}
    .main-policy .detail ul li a {font-size:15px;}

    /* 주요 링크 */
    .main-link ul {padding:0;}
    .main-link ul li, .main-link ul li:last-child {width:calc(50% - 2px); margin-right:0; margin-bottom:0;}
    .main-link ul li {border-bottom:1px solid #ccc; line-height:47px; padding:0 15px; text-align:left; margin-right:-4px; /* margin-right:-4px : 여백 없애기 */}
    .main-link ul li a {font-size:15px;}
    .main-link ul li span {width:20px; height:20px;}
    .main-link ul li:nth-child(odd) {border-right:1px solid #ccc;}
    .main-link ul li.n5, .main-link ul li.n6 {border-bottom:none;}

    /* 공지사항 */
    .main-news ul li {margin-bottom:10px;}
    .main-news ul li a .title {font-size:15px;}
    .main-news ul li a .date {font-size:15px;}
    /* 하단 배너 */
    .main-banner .slider_btns {height:35px;}
    .main-banner .slick-dots {width:50px;} /* 230921 추가 */
    .main-banner .slick-dots li {font-size:15px; line-height:35px;} /* 230921 font-size 변경 */
    .main-banner .slick-play, .main-banner .slick-stop {top:10px;}

    /* 2024-10-10 메인 수정  start */
    html.modal-open {overflow-y: hidden;}
    .main-guide ul li:nth-child(4):before {height: 65px;}
    /* 2024-10-10 메인 수정 end */
}

@media (max-width: 768px) {
    /* 공통 */
    [class^="main-"] .more {width:15px; height:15px;}

    /* 메인 비주얼 */
    .main-visual .slider .item.second_slide .btns ul li a {width:58px;}

    /* 메인 컨텐츠 */
    #container .group {margin-bottom:0;}
    #container .group .group-one {display: block; width:100%; margin-right:0; margin-bottom:30px;}
    #container .group .group-two {display: block; width:100%; margin-left:0; margin-bottom:30px;}
    #container .group section h2 {font-size:18px;}

    /* 메인 검색 */
    #search.main_cont {top:-25px;}
    #search.main_cont form select {width:110px; padding:0 20px; height:50px;}
    #search.main_cont form input {width:calc(100% - 180px); height:50px;}
    #search.main_cont form button {width:60px; height:60px;}
    #search.main_cont form button span {width:25px;}
    /* 메인 검색 240801 */
    #search_main.main_cont {top:-25px;}
    #search_main.main_cont form select {width:110px; padding:0 20px; height:50px;}
    #search_main.main_cont form input {width:calc(100% - 180px); height:50px;}
    #search_main.main_cont form button {width:60px; height:60px;}
    #search_main.main_cont form button span {width:25px;}

    /* 첫번째 그룹 */
    #container .group.first {padding:30px 0 15px 0;}
    #container .group.first .group-one {margin-bottom:0;}
    #container .group.first .group-two {margin-top:0; margin-bottom:0;}
    /* 자주찾는 정보 */
    .main-guide ul li {width:calc(33.3% - 2px); margin-bottom:30px;}
    .main-guide ul li span.icon {width:53px; height:53px; margin:0 auto 10px;}
    .main-guide ul li span.icon_pre {background:url("../images/icon_guide01_m.png") no-repeat;}
    .main-guide ul li span.icon_intro {background:url("../images/icon_guide02_m.png") no-repeat;}
    .main-guide ul li span.icon_notice {background:url("../images/icon_guide03_m.png") no-repeat;}
    .main-guide ul li span.icon_open {background:url("../images/icon_guide04_m.png") no-repeat;}
    .main-guide ul li span.icon_result {background:url("../images/icon_guide05_m.png") no-repeat;}
    .main-guide ul li a {font-size:15px;}
    .main-guide ul li:nth-child(5) {width:calc(66.6% - 2rem); margin-left:0;} /* 241120 추가 */
    .main-guide ul li:nth-child(5) .ban_img {max-height:53px; margin: 0 auto 10px;} /* 241120 추가 */

    /* 대통령의 오늘 ~ 배너 감싸는 영역 */
    #container .container_inner {padding-top:25px;}

    /* 대통령의 오늘 */
    .main-infomation #content-1 {height:125px !important;}
    .main-infomation .detail>ul>li dt {line-height:40px;}
    .main-infomation .detail>ul>li dd {line-height:40px; min-height:40px;}
    .main-infomation .detail>ul>li dd ul li a {height:40px;}
    .main-infomation .detail>ul>li ul li:after {display: none;}
    /* 이기록 그순간 */
    .main-moment ul li .images {width:95px; height:69px;}
    .main-moment ul li .content {width:calc(100% - 100px); padding:10px 0 0 10px;}
    .main-moment ul li .content .subject {margin:0;}
    .main-moment ul li .content .subject a {font-size:15px;}
    .main-moment ul li .content .textbox {max-height:39px; margin-bottom:0; font-size:13px; -webkit-line-clamp:2;}
    .main-moment ul li:first-child {padding:0 0 10px 0;}
    .main-moment ul li:last-child {padding:10px 0 0 0;}
    .main-moment ul li:last-child .content {padding-top:0;}

    /* 대통령의 지시사항 */
    .main-direc #content-2 {height:155px !important;}
    .main-direc .detail ul>li>dl {padding:13px 20px;}
    .main-direc .detail ul>li>dl>dt {font-size:16px; width:18%;}
    .main-direc .detail ul>li>dl>dd {width:calc(82% - 10px);}
    .main-direc .detail ul>li>dl>dd .year {font-size:14px;}
    .main-direc .detail ul>li>dl>dd .year span {min-width:47px; height:23px; line-height:21px; font-size:14px; margin-right:10px;}
    .main-direc .detail ul>li>dl>dd p {font-size:15px; margin-top:8px;}
    /* 정책기록 */
    .main-policy .detail {padding:15px;}
    .main-policy .detail ul {margin-top:10px;}
    .main-policy .detail ul li a {font-size:14px; line-height:30px; padding:0 10px;}

    /* 주요 링크 */
    #container .group section.main-link {margin-bottom:30px;}
    .main-link ul li span {margin-right:5px;} /* 230921 추가 */
    .main-link ul li a {font-size:14px;} /* 230921 추가 */

    /* 공지사항 */
    .main-news ul {height:140px; overflow: hidden;}
    .main-news ul li {margin-bottom:15px;}
    .main-news ul li a .title {width:100%; display: block; margin-bottom:2px;}
    .main-news ul li a .date {width:100%; display: block; text-align:left; font-size:13px;}

    /* 2024-10-10 메인 수정 start */
    .main-guide ul li:nth-child(3) {margin-right: inherit;}
    .main-guide ul li:nth-child(4) {margin-left: inherit;}
    .main-guide ul li:nth-child(4):before {display: none;}
    .main-guide ul li span.icon_splaw {background: url("../images/icon_guide06_m.png") no-repeat;}
    .main-guide ul li span.icon_vacation {background: url("../images/icon_guide07_m.png") no-repeat;}
    .main-guide ul li span.icon_election {background: url("../images/icon_guide08_m.png") no-repeat;}
    /* 2024-10-10 메인 수정 end */
}

@media (max-width: 660px) {
    [class^="main-"] {margin-top:auto;}
}

/* 2024-10-10 메인 수정 start */
@media (max-width: 350px) {
    .main-link ul li {padding: 0 8px;}
}
/* 2024-10-10 메인 수정 end */