/*-------------------------------------------------
Author : sehyun oh
Create date : 2020. 09. 01.
-------------------------------------------------*/

/* ========================================== 공통 */

/* 이미지 정렬 */
.horzImg {width:auto !important; height:100% !important;}
.vertImg {width:100% !important; height:auto !important;}

/* ========================================== 팝업존 */

.popup { overflow:hidden; position:relative; height:100%; border-top-left-radius:2.5rem; }
.popup > .inner,
.popup .slick-slide > div { height:100%; }
.popup .item { display:inline-block; height:100%; text-align:center; }
.popup .item img { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:657px; max-width:100%; height:362px; }
.popup .slick_btn { display:block; overflow:hidden; position:absolute; bottom:0; right:0; }
.popup .slick_btn button { float:left; overflow:hidden; position:relative; width:2.5rem; height:2.35rem; padding:0; border-left:1px solid #7a7e82; background-color:rgba(0,0,0,0.8); background-repeat:no-repeat; background-position:center; font-size:1px; color:transparent; }
.popup .slick_btn button:focus { z-index:1; }
.popup .slick_btn .btn_prev { background-image:url("/images/common/00002/main/pop_prev.png"); }
.popup .slick_btn .btn_stop { background-image:url("/images/common/00002/main/pop_stop.png"); }
.popup .slick_btn .btn_play { display:none; background-image:url("/images/common/00002/main/pop_play.png"); }
.popup .slick_btn .btn_next { background-image:url("/images/common/00002/main/pop_next.png"); }
.popup .slick_btn .count { float:left; width:2.5rem; height:2.35rem; padding-top:0.7rem; background:rgba(0,0,0,0.8); /* font-family:"SCDream"; */ font-weight:100; font-size:0.7rem; color:#fff; text-align:center; }
.popup .slick_btn .count .current { font-weight:600; font-size:1.286em; color:#fc3d2e; }
.popup .slick_btn .count .line { margin:0 0.15rem; }

/* ========================================== 팝업존2 */

.popup2 { position:relative; height:100%; }
.popup2 > .inner,
.popup2 .slick-slide > div { height:100%; }
.popup2 .item { display:inline-block; height:100%; text-align:center; }
.popup2 .item img { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:362px; max-width:100%; height:362px; }
.popup2 .slick_btn { display:block; overflow:hidden; position:absolute; bottom:0; right:0; }
.popup2 .slick_btn button { float:left; overflow:hidden; position:relative; width:2.25rem; height:2.25rem; padding:0; border-left:1px solid #7a7e82; background-color:rgba(0,0,0,0.8); background-repeat:no-repeat; background-position:center; font-size:1px; color:transparent; }
.popup2 .slick_btn button:focus { z-index:1; }
.popup2 .slick_btn .btn_prev { background-image:url("/images/common/00002/main/pop_prev.png"); }
.popup2 .slick_btn .btn_stop { background-image:url("/images/common/00002/main/pop_stop.png"); }
.popup2 .slick_btn .btn_play { display:none; background-image:url("/images/common/00002/main/pop_play.png"); }
.popup2 .slick_btn .btn_next { background-image:url("/images/common/00002/main/pop_next.png"); }
.popup2 .slick_btn .count { float:left; width:2.25rem; height:2.25rem; padding-top:0.7rem; background:rgba(0,0,0,0.8); font-weight:100; font-size:0.75rem; color:#fff; text-align:center; }
.popup2 .slick_btn .count .current { font-weight:400; color:#fc3d2e; }
.popup2 .slick_btn .count .line { margin:0 0.15rem; }

/* ========================================== 국민 참여 서비스 */

.m_link { position:relative; height:100%; background:#0098dd; }
.m_link h2 { padding:1.25rem 1.75rem 0; font-size:1.1rem; color:#fff; }
.m_link h2 span { font-weight:600; }
.m_link ul { height:calc(100% - 2.35rem); font-size:0; line-height:0; background:url("/images/common/00002/main/link01_bg.png") no-repeat center; }
.m_link li { display:inline-block; width:50%; height:50%; vertical-align:top; }
.m_link li a { display:table; position:relative; width:100%; height:100%; padding-top:3.7rem; font-size:0.9rem; text-align:center; table-layout:fixed; }
.m_link li a .inner { display:table-cell; vertical-align:middle; }
.m_link li a img { display:block; position:absolute; top:2rem; left:0; right:0; width:43px; height:44px; margin:0 auto; image-rendering:-webkit-optimize-contrast; }
.m_link li a p { overflow:hidden; height:2.444em; padding:0 0.9rem; /* font-family:"SCDream"; */ font-weight:400; line-height:1.25; letter-spacing:-0.06em; color:#fff; word-break:keep-all; word-wrap:break-word; }
.m_link li a:hover { text-decoration:none; }

/* ========================================== 공지사항 */

.notice { position:relative; height:100%; padding:1.25rem 1.75rem; border:1px solid #cacaca; background:#fff; }
.notice:before { content:""; display:block; position:absolute; top:1.9rem; left:0; right:0; width:calc(100% - 7.85rem); height:1px; margin:0 auto; background:#cecece; }
.notice:after { content:""; display:table; clear:both; }
.notice h2 { float:left; position:relative; max-width:33%; padding-right:0.875rem; font-size:1rem; background:#fff; }
.notice h2 ~ h2 { padding-left:0.875rem; }
.notice h2 ~ h2:before { content:""; display:block; position:absolute; top:0; bottom:0; right:calc(100% - 0.125rem); width:0.25rem; height:0.25rem; margin:auto 0; border-radius:50%; background:#5fafff; }
.notice h2 a { display:block; overflow:hidden; white-space:nowrap; /* font-family:"SCDream"; */ font-weight:600; line-height:1.3rem; color:#9c9c9c; }
.notice h2 a.current { color:#006ec1; }
.notice h2 a.current:hover { text-decoration:none; }
.notice .list_box { display:none; position:absolute; top:3.75rem; left:0; width:100%; height:auto; padding:0 1.75rem; }
.notice .list_box.on { display:block; }
.notice .list_box li { position:relative; padding-left:0.65rem; font-size:0.8rem; line-height:2.1875; }
.notice .list_box li:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:4px; height:4px; margin:auto 0; border-radius:50%; background:#0d73ff; }
.notice .list_box li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-right:5rem; letter-spacing:-0.06em; color:#333; }
.notice .list_box li a.new { position:relative; padding-left:1.7rem; }
.notice .list_box li a.new:before { content:"N"; display:block; overflow:hidden; position:absolute; top:0; bottom:0; left:0; width:1.2rem; height:1.2rem; margin:auto 0; background:url("/images/common/00002/main/notice_new_ico.png") no-repeat; background-size:100% 100%; color:transparent; image-rendering:-webkit-optimize-contrast; }
.notice .list_box li a:hover,
.notice .list_box li a:focus { text-decoration:underline; }
.notice .list_box li span { display:block; position:absolute; top:0; right:0; font-size:0.8rem; letter-spacing:-0.05em; color:#777; }
.notice .list_box .btn_more { display:block; overflow:hidden; position:absolute; top:-2.8rem; right:1.5rem; width:1.75rem; height:1.75rem; background:#fff url("/images/common/00002/main/notice_more_ico.png") no-repeat center; color:transparent; }

/* ========================================== 자주 찾는 서비스 */

.m_link2 { position:relative; height:100%; padding:1.4rem 1rem; border:1px solid #cacaca; background:#fff; }
.m_link2 h2 { overflow:hidden; white-space:nowrap; padding-left:0.75rem; /* font-family:"SCDream"; */ font-weight:600; font-size:1rem; color:#333; }
.m_link2 .slider_wrap { position:relative; }
.m_link2 .slick_btn { display:none; }
.m_link2 .items { font-size:0; line-height:0; }
.m_link2 .item { display:inline-block; width:20%; margin-top:1.5rem; text-align:center; vertical-align:top; }
.m_link2 .item a { display:block; }
.m_link2 .item img { width:34px; height:31px; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.m_link2 .item:hover img,
.m_link2 .item:focus img { -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); }
.m_link2 .item p { overflow:hidden; max-height:2.16rem; margin-top:0.55rem; padding:0 0.24rem; /* font-family:"SCDream"; */ font-weight:400; font-size:0.8rem; line-height:1.3; color:#333; word-break:keep-all; word-wrap:break-word; }
.m_link2 .item:hover p,
.m_link2 .item:focus p { text-decoration:underline; }

/* ========================================== 갤러리 */

.gallery { position:relative; height:100%; padding-left:15.8rem; }
.gallery .tit_wrap { display:block; position:absolute; top:0; left:0; width:15.4rem; height:auto; font-size:1.1rem; word-break:keep-all; word-wrap:break-word; }
.gallery h2 { font-size:inherit; font-weight:400; letter-spacing:-0.1em; color:#333; }
.gallery h2 span { display:inline-block; margin-top:0.8rem; /* font-family:"SCDream"; */ font-weight:600; font-size:1.455em; }
.gallery .tit_wrap p { margin-top:1rem; font-weight:200; font-size:0.8rem; line-height:1.5; color:#555; }
.gallery .tit_wrap .btn_link { display:inline-block; position:relative; height:2.2rem; margin-top:1.675rem; padding:0 3.5rem 0 1.25rem; background:#0098dd; font-size:0.8rem; line-height:2.2rem; color:#fff; image-rendering:-webkit-optimize-contrast; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.gallery .tit_wrap .btn_link:hover,
.gallery .tit_wrap .btn_link:focus { background:#30ade6; text-decoration:none; }
.gallery .tit_wrap .btn_link:before { content:""; display:block; position:absolute; top:0; bottom:0; right:1.35rem; width:1.5rem; height:0.4rem; margin:auto 0; background:url("/images/common/00002/main/gallery_link_ico.png") no-repeat; background-size:100%; -webkit-transition:inherit; -ms-transition:inherit; transition:inherit; }
.gallery .tit_wrap .btn_link:hover:before,
.gallery .tit_wrap .btn_link:focus:before { right:1.1rem; }
.gallery .slick_btn { overflow:hidden; }
.gallery .slick_btn button { overflow:hidden; float:left; width:2.5rem; height:2.5rem; margin-top:2.35rem; padding:0; border:1px solid #999; background-repeat:no-repeat; background-position:50% 50%; font-size:inherit; color:transparent; image-rendering:-webkit-optimize-contrast; }
.gallery .slick_btn button + button { border-left:0; }
.gallery .slick_btn button[aria-disabled="true"] { display:none; }
.gallery .slick_btn .btn_prev { background-image:url("/images/common/00002/main/gallery_prev.png"); }
.gallery .slick_btn .btn_next { background-image:url("/images/common/00002/main/gallery_next.png"); }
.gallery .slick-list { margin:0 -0.781vw; }
.gallery .items { overflow:hidden; height:17rem; }
.gallery .items .item { float:left; width:33.33%; height:100%; }
.gallery .items .item a { display:block; overflow:hidden; position:relative; height:100%; margin:0 0.781vw; background:#d3e0f1; }
.gallery .items .item a img { display:block; position:absolute; top:25%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.gallery .items .item a img + .txtbox { height:calc(100% - 8.7rem); margin-top:8.7rem; padding-top:1.25rem; }
.gallery .items .item a .txtbox { position:relative; height:100%; padding:2.5rem 1rem 1.125rem 1rem; background:#fff; }
.gallery .items .item a .txtbox strong { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /* font-family:"SCDream"; */ font-weight:500; font-size:0.9rem; line-height:1.3; color:#333; }
.gallery .items .item a:hover .txtbox strong,
.gallery .items .item a:focus .txtbox strong { text-decoration:underline; }
.gallery .items .item a img + .txtbox .cont { height:2rem; }
.gallery .items .item a .txtbox .cont { overflow:hidden; height:6.15rem; margin-top:0.7rem; font-size:0.75rem; line-height:1.05rem; letter-spacing:-0.05em; color:#6d6d6d; }
.gallery .items .item a .txtbox .info { display:block; position:absolute; bottom:1.5rem; left:1rem; width:calc(100% - 2rem); height:auto; letter-spacing:-0.06em; }
.gallery .items .item a .txtbox .info:after { content:""; display:block; clear:both; }
.gallery .items .item a .txtbox .date { float:left; font-size:0.75rem; color:#6d6d6d; }
.gallery .items .item a .txtbox .view_count { float:right; padding-left:1.1rem; background:url("/images/common/00002/main/view_count_ico.png") no-repeat left 0.175rem; font-size:0.7rem; color:#5e5e5e; image-rendering:-webkit-optimize-contrast; }

@media (max-width: 1440px) {

    /* 팝업존1 */
    .popup .item { position:relative; }
    .popup .item img { position:static; -webkit-transform:none; -ms-transform:none; transform:none; width:100%; height:100%; }

    /* 팝업존2 */
    .popup2 .item img { position:static; -webkit-transform:none; -ms-transform:none; transform:none; width:100%; height:100%; }

    /* 국민 참여 서비스 */
    .m_link h2 { font-size:1rem; }
    .m_link li a { padding-top:5.208vw; font-size:1.23vw; }
    .m_link li a img { top:2.639vw; width:2.986vw; height:3.056vw; }

    /* 갤러리 */
    .gallery { padding-left:23%; }
    .gallery .tit_wrap { width:21.5%; line-height:1.2; }
    .gallery .items .item { width:32%; }
    .gallery .items .item a .txtbox .view_count { background-size:0.85rem; }
}

@media (max-width: 1280px) {

    /* 자주 찾는 서비스 */
    .m_link2 .item { margin-top:1.8rem; }
    /* .m_link2 .item p { font-size:calc(0.5rem + 0.5vw); } 201125 주석처리 */
}

@media (max-width: 1200px) {

    /* 국민 참여 서비스 */
    .m_link { background-image:none; }
    .m_link h2 { margin-bottom:0.238vw; padding-top:1.1em; padding-left:0.8em; font-size:0.95rem; }
    .m_link ul { background:none; }
    .m_link li { display:block; width:auto; height:25%; padding:0 0.7rem; }
    .m_link li a { padding-top:0; font-size:0.85rem; text-align:left; }
    .m_link li + li a { border-top:1px dotted rgba(255,255,255,0.4); }
    .m_link li a img { top:0; bottom:0; right:auto; left:0; width:33px; height:34px; margin:auto 0; }
    .m_link li a p { height:auto; max-height:2.444em; margin-top:0; padding:0 0 0 2.7em; }
    .m_link li a p br { display:none; }
    
    /* 자주 찾는 서비스 */
    .m_link2 .item p { word-break:break-all; word-wrap:normal; }

    /* 갤러리 */
    .gallery .tit_wrap { font-size:0.95rem; }
    .gallery h2 span { margin-top:0.410526rem; }
    .gallery .tit_wrap .btn_link { margin-top:0.72rem; }
    .gallery .slick_btn button { width:1.9rem; height:1.9rem; margin-top:1.368421rem; }
}

@media (max-width: 1024px) {

    /* 국민 참여 서비스 */
    .m_link li a { font-size:calc(0.5rem + 0.5vw); }
    .m_link li a img { width:23px; height:24px; }
    .m_link li a p { padding-left:2.5em; }

    /* 공지사항 */
    .notice { padding-left:1.25rem; padding-right:1.25rem; }
    .notice .list_box { padding:0 1.25rem; }

    /* 자주 찾는 서비스 */
    .m_link2 h2 { padding-left:0; }
    /* .m_link2 .item p { font-size:0.85rem; } 201125 주석처리 */

    /* 갤러리 */
    .gallery { padding-left:30%; }
    .gallery .tit_wrap { width:28.5%; }
}

@media (max-width: 960px) {

    /* 국민 참여 서비스 */
    .m_link h2 { margin-bottom:0.3em; padding-top:0.9em; text-align:center; }
    .m_link li { display:inline-block; width:25%; height:100%; padding:0.6rem 0.2rem; }
    .m_link li a { font-size:0.85rem; }
    .m_link li + li a { border-top:0; border-left:1px dotted rgba(255,255,255,0.4); }
    .m_link li a img { left:0.7rem; }
    .m_link li a p { padding-left:2.7em; }
}

@media (max-width: 768px) {

    /* 갤러리 */
    .gallery { padding-top:1rem; padding-left:0; }
    .gallery h2 { display:inline-block; line-height:1.3; }
    .gallery h2 span { margin-top:0; font-size:1.2em; }
    .gallery .tit_wrap { position:relative; top:auto; left:auto; width:auto; margin-bottom:0.944444rem; }
    .gallery .tit_wrap p { margin-top:0; }
    .gallery .tit_wrap p br { display:none; }
    .gallery .btns { overflow:hidden; margin-top:0.944444rem; }
    .gallery .tit_wrap .btn_link { display:block; float:left; margin-top:0; }
    .gallery .slick_btn { float:right; }
    .gallery .slick_btn button { margin-top:0; }
    .gallery .items .item { width:49%; }
    .gallery .items .item a img { width:auto; height:100%; }
}

@media (max-width: 640px) {

    /* 국민 참여 서비스 */
    .m_link h2 { text-align:left; }
    .m_link li { display:block; width:auto; height:25%; padding:0 0.7rem; }
    .m_link li + li a { border-left:0; border-top:1px dotted rgba(255,255,255,0.4); }
    .m_link li a img { left:0; }
    .m_link li a p { padding-left:2.1em; }

    /* 자주 찾는 서비스 */
    .m_link2 .slick_btn { display:block; position:absolute; top:1rem; right:1rem; }
    .m_link2 button { overflow:hidden; width:1.75rem; height:1.75rem; padding:0; border-radius:50%; border:1px solid #cecece; background-repeat:no-repeat; background-position:center; line-height:1.75rem; color:transparent; image-rendering:-webkit-optimize-contrast; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
    .m_link2 button:hover,
    .m_link2 button:focus { border-color:#043763; }
    .m_link2 .btn_prev { background-image:url("/images/common/00002/main/link02_prev.png"); }
    .m_link2 .btn_next { background-image:url("/images/common/00002/main/link02_next.png"); }
    .m_link2 .item { width:25%; }
    .m_link2 .item p { font-size:0.8rem; }
}

@media (max-width: 540px) {

    /* 팝업존 */
    .popup { border-top-left-radius:8.5vw }

    /* 국민 참여 서비스 */
    .m_link li a { font-size:0.8rem; }

    /* 자주 찾는 서비스 */
    .m_link2 .item { width:33.33%; }
}

@media (max-width: 480px) {

    /* 팝업존2 */
    .popup2.smallImg .item { background-color:#f3f3f3; }
    .popup2.smallImg .item img { display:block; width:auto; height:260px; margin:0 auto; }

    /* 국민 참여 서비스 */
    .m_link li a { padding-top:0.8rem; padding-bottom:0.8rem; }

    /* 갤러리 */
    .gallery .tit_wrap { overflow:hidden; }
    .gallery .tit_wrap .btn_link { float:left; margin:0; }
    .gallery .tit_wrap p { margin-bottom:0.777777rem; }
    .gallery .slick_btn { float:right; position:relative; top:auto; right:auto; height:2.5rem; }
}

@media (max-width: 460px) {

    /* 갤러리 */
    .gallery .items .item { float:none; width:auto; }
    .gallery .items .item + .item { margin-left:0; margin-top:1rem; }
    .gallery .items .item a .txtbox { padding-top:1.25rem; }
}

@media (max-width: 400px) {

    /* 공지사항 */
    .notice { padding-left:0.95rem; padding-right:0.95rem; }
    .notice:before { top:1.85rem; width:calc(100% - 6.5rem); }
    .notice h2 { padding-right:0.505555rem; font-size:0.85rem; }
    .notice h2 ~ h2 { padding-left:0.505555rem; }
    .notice h2 ~ h2:before { width:3px; height:3px; }
    .notice .list_box { top:3.5rem; }
    .notice .list_box li,
    .notice .list_box li span { font-size:0.78rem; }
    .notice .list_box li a.new { padding-left:1.472222rem; }
    .notice .list_box li a.new:before { width:1rem; height:1rem; }
    .notice .list_box .btn_more { top:-2.5rem; right:0.5rem; background-size:20px; }

    /* 자주 찾는 서비스 */
    .m_link2 h2 { font-size:0.85rem; }
    .m_link2 button { width:1.5rem; height:1.5rem; background-size:0.5rem; }
    .m_link2 .item { width:50%; }
}

@media (max-width: 320px) {

    /* 공지사항 */
    .notice h2 { padding-right:0.338888rem; }
    .notice h2 ~ h2 { padding-left:0.338888rem; }

    /* 갤러리 */
    .gallery .tit_wrap { margin-bottom:0; }
    .gallery .slick_btn button { width:2rem; height:2rem; }
    .gallery .tit_wrap .btn_link { height:2rem; line-height:2rem; }
}