@charset "utf-8";
@import url('../../jejusi/portal/main_basic.css');

#wrap {overflow: hidden;}
.content-box > .container {width: auto; margin: 0;}
.container {margin-top: 0 !important;}
#contents_area {width: 100%; margin: 0;}
#container_wrap,
#contents {margin: 0;}


/** Mobile **/
@media screen and (max-width: 480px) {
    /* 사용자별 맞춤서비스 */
    .user_services .services_url ul li {display: block;}

    /* 시정뉴스/문화행사 */
    .gallery_post_area .post_list li img {height: 160px !important;}
}

@media screen and (max-width: 580px) {
    /* 최근게시물 */
    .latest_post_area > ul > li {width: 100% !important; margin-left: 0 !important;}
}

@media screen and (max-width: 640px) {
    /* 메인 이미지 */
    .main_img_area .main_key_img .web {display: none;}
}

@media screen and (min-width: 480px) and (max-width: 640px) {
    /* 사용자별 맞춤서비스 */
    .user_services .services_url ul li {width: 46%;}
}

@media screen and (min-width: 641px) {
    /* 메인 이미지 */
    .main_img_area .main_key_img .mbi {display: none;}
    .main_img_area {min-width: 641px;}
    .main_img_area .main_key_img {
    left: 50%;
    float: left;
    margin-left: -960px;
    width: 1920px;
    }

    /* 사용자별 맞춤서비스 */
    .user_services .services_url ul li {width: 30%;}
}


/** Tablet **/
@media screen and (max-width: 767px) {
    /* 메인 이미지 */
    .main_img_area .pager_btn {margin-top: -15px;}
    .main_img_area .pager_btn > span a {width: 30px; height: 30px; background-size: 30px;}
    .main_img_area .pager_btn .bx-prev {background-image: url(../../../images/jejusi/btn/prev_btn08.png);}
    .main_img_area .pager_btn .bx-next {background-image: url(../../../images/jejusi/btn/next_btn08.png);}
}

@media screen and (min-width: 768px) {
    /* 메인 이미지 */
    .main_img_area .pager_btn {margin-top: -40px;}
    .main_img_area .pager_btn > span a {width: 80px; height: 80px; background-size: 80px;}
    .main_img_area .pager_btn .bx-prev {background-image: url(../../../images/jejusi/btn/prev_btn07.png);}
    .main_img_area .pager_btn .bx-next {background-image: url(../../../images/jejusi/btn/next_btn07.png);}
}

@media screen and (max-width: 980px) {
    /* 메인 이미지 */
    .main_img_area .main_key_img .slogan img {max-width: 640px;}

}

@media screen and (min-width: 768px) and (max-width: 1199px) {

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .jejusi_now_area,
    .jejusi_info_area,
    .citizen_area {padding-left: 15%; padding-right: 15%;}

}

@media screen and (max-width: 1023px) {
    .all-paging,
    .scroll-ani {display: none;}


    /* 메인 이미지 */
    .main_img_area .control_area {left: 50%; bottom: 10px; margin-left: -50px;}
    .main_img_area .pager_btn {display: none !important;}

    /* 사용자별 맞춤서비스 */
    .user_services li h4 span {padding-right: 17px;}
    .user_services li:nth-child(1) h4 span {background-size: 21px auto, 7px auto; padding-left: 31px;}
    .user_services li:nth-child(2) h4 span {background-size: 13px auto, 7px auto; padding-left: 23px;}
    .user_services li:nth-child(3) h4 span {background-size: 16px auto, 7px auto; padding-left: 26px;}
    .user_services .services_url {top: 65px;}


    /** 제주시는 지금 **/
    .jejusi_now_area .grid_cell {display: inline-block; width: 100%; vertical-align: top;}


    /* 알리미 목록 */
    .layery_popup_wrap.alimi {
    top: 47px;
    width:calc(100% - 50px);
    width:-webkit-calc(100% - 50px); /* google, safari */
    width:-moz-calc(100% - 50px); /* firefox */
    width:-o-calc(100% - 50px); /* opera */
    padding: 14px;
    margin: 10px;
    text-align: center;
    }
    .layery_popup_wrap.alimi .layery_popup {height: 200px; padding-bottom: 10px;}
    .alimi_list {display: inline-block;}
    .alimi_list li {display: inline-block; margin: 10px 8px; }
    .alimi_list li img {width: 204px;}


    /* 최근게시물 */
    .latest_post_area > ul > li {
    display: inline-block;
    width: 50%;
    width:calc(50% - 9px);
    width:-webkit-calc(5% - 9px); /* google, safari */
    width:-moz-calc(50% - 9px); /* firefox */
    width:-o-calc(50% - 9px); /* opera */
    border-bottom: solid 1px #d3d3d3;
    margin-top: 18px;
    margin-left: 13px;
    padding-bottom: 10px;
    font-size: 1.4rem;
    }
    .latest_post_area > ul > li:first-child,
    .latest_post_area > ul > li:nth-of-type(2n) + li {margin-left: 0;}

    .latest_post_area li h4 a {color: #4475cb;}
    .latest_post_area .latest_post {/*overflow-y: auto; height: 270px;*/ padding: 0 15px;}
    .latest_post_area .post {display: block !important;}
    .latest_post_area .post_list li:nth-child(3),
    .latest_post_area .post_list li:nth-child(4),
    .latest_post_area .post_list li:nth-child(5),
    .latest_post_area .post_list li .date {display: none;}
    .latest_post_area .post_list li a {
    width: 100%;
    width:calc(100% - 23px);
    width:-webkit-calc(100% - 23px); /* google, safari */
    width:-moz-calc(100% - 50px); /* firefox */
    width:-o-calc(100% - 50px); /* opera */
    }

    .latest_post_area li:nth-child(3) .post_iframe iframe {height: 29px; overflow: hidden; margin-top: 10px;}
    .latest_post_area li:nth-child(4) .post_iframe iframe {height: 57px; overflow: hidden; margin-top: 5px;}


    /* 제주시는 지금 Quick Menu */
    .now_quick_menu .web {display: none;}
    .now_quick_menu {width: 100%;}
    .now_quick_menu li {width: 33.33333%;}
    .now_quick_menu li a {display: block;}
    .now_quick_menu li .mbi img {width: 100%;}


    /* 열린시장실 */
    .sijang {
    position: relative;
    float: none;
    width: 100%;
    }
    .sijang .mbi img {width: 100%; min-width: 300px;}

    .sijang h4 {
    position: absolute;
    left: 12px;
    top: 15px;
    z-index: 10;
    width: 100%;
    font-size: 20px; font-size: 2.0rem;
    }
    .sijang p {display: none;}
    .sijang .link {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10;
    width: 100%;
    }
    .sijang .link li {width: 50%; line-height: 33px; background-position: right 8px center;}
    .sijang .link li a {padding-left: 8px;}


    /* 시정뉴스/문화행사 */
    .gallery_post_area {margin-top: 5px; margin-bottom: 20px;}
    .gallery_post_area .gallery_post {
	width: 100%;
	width:calc(100% - 20px);
	width:-webkit-calc(100% - 20px); /* google, safari */
	width:-moz-calc(100% - 20px); /* firefox */
	width:-o-calc(100% - 20px); /* opera */
	/*margin-top: 10px;*/
	}
    .gallery_post_area .post_list li {
    overflow: hidden;
    width: 50%;
    width:calc(50% - 5px);
    width:-webkit-calc(50% - 5px); /* google, safari */
    width:-moz-calc(50% - 5px); /* firefox */
    width:-o-calc(50% - 5px); /* opera */
    margin-left: 10px;
    }
    .gallery_post_area .post_list li .tag {width: 25px; height: 32.5px; background-size: 26px auto; padding: 2px 1px 0 0; line-height: 1.1em;}
    .gallery_post_area .gallery_post.news li .tag {
    background-image: url(../../../images/jejusi/icon/tag_etc_icon01_m.png);
    }
    .gallery_post_area .gallery_post.event li .tag {
    background-image: url(../../../images/jejusi/icon/tag_etc_icon02_m.png);
    }
    .gallery_post_area .post_list li .subject {padding: 3px 2% 5px 2%;}
    .gallery_post_area .post_list li img {height: 190px; }


    /* 분야별 정보 */
    .area_menu .menu_link {margin: 0 30px; overflow-x: auto;}
    .area_menu .menu_link ul {padding: 10px 0 15px 0;}
    .area_menu .menu_link ul li {min-width: 80px;}
    .area_menu .menu_link ul li img {height: 40px;}
    .area_menu .menu_link ul li em {font-size: 14px;}


    /** 제주시 정보 **/
    /* 제주시 정보 Quick Menu */
    .layery_popup_wrap.info_quick {
    width:calc(100% - 100px);
    width:-webkit-calc(100% - 100px); /* google, safari */
    width:-moz-calc(100% - 100px); /* firefox */
    width:-o-calc(100% - 100px); /* opera */
    padding: 18px 39px;
    margin: 0 10px;
    }
    .info_quick_menu .menu_link {overflow-x: auto;}
    .info_quick_menu .menu_link ul {height: 80px; padding: 20px 0 15px 0;}
    .info_quick_menu .menu_link ul li {min-width: 55px;}
    .info_quick_menu .menu_link ul li img {height: 35px;}
    .info_quick_menu .menu_link ul li em {margin-top: 10px; font-size: 14px;}


    /* 민원신고센터 */
    .minwon_center .top > p {display: none;}


    /* 민원안내 */
    .minwon_service .top > p {display: none;}
}


/** Web **/
/* scroll */
@keyframes scroll {
    0%   {bottom: 15px;}
    10%  {bottom: 25px;}
    40%  {bottom: 15px}
    100% {bottom: 20px;}
}

@media screen and (min-width: 1024px) {
    /* All paging (right fixed navi) */
    .all-paging {position: fixed; top: 155px; /*top: calc(35% - 70px);*/ right: 25px; z-index: 99;}
    .all-paging ul {width: 90px; text-align: right;}
    .all-paging ul li {
        display: inline-block; margin-top: 6px;
        background: url("../../../images/jejusi/portal/main/quick1_off.png") no-repeat right center;
        text-align: left;
        transition: all .3s;
    }
    .all-paging ul li:first-child {margin-top: 0;}
    .all-paging ul li,
    .all-paging ul li a {
        width: 49px; height: 40px; border-radius: 50px;
    }
    .all-paging ul li a {display: block; font-size: 0; line-height: 0; overflow: hidden;}
    .all-paging ul li.active,
    .all-paging ul li.active a,
    .all-paging ul li:hover,
    .all-paging ul li:hover a {
        width: 80px; height: 40px;
        padding-left: 10px;
        font-size: 14px; line-height: 40px;
        text-decoration: none; color: #fff;
    }
    .all-paging ul li.news {background-image: url("../../../images/jejusi/portal/main/quick2_off.png");}
    .all-paging ul li.info {background-image: url("../../../images/jejusi/portal/main/quick3_off.png");}
    .all-paging ul li.communication {background-image: url("../../../images/jejusi/portal/main/quick4_off.png");}
    .all-paging ul li.main.active,
    .all-paging ul li.main:hover {background: #426ebd url("../../../images/jejusi/portal/main/quick1_on.png");}
    .all-paging ul li.news.active,
    .all-paging ul li.news:hover {background: #426ebd url("../../../images/jejusi/portal/main/quick2_on.png");}
    .all-paging ul li.info.active,
    .all-paging ul li.info:hover {background: #426ebd url("../../../images/jejusi/portal/main/quick3_on.png");}
    .all-paging ul li.communication.active,
    .all-paging ul li.communication:hover {background: #426ebd url("../../../images/jejusi/portal/main/quick4_on.png");}

    .scroll-ani_area {position: absolute; left: 50%; top: 733px;}
    .scroll-ani {
        position: absolute; left: 50%; bottom: 0; z-index: 990; text-align: center;
        animation: scroll 1s infinite;
    }
    .scroll-ani a {display: inline-block; position: relative; top: 0;}
    .scroll-ani img {display: inline-block;}


    /* 메인 이미지 */
    .main_img_area .control_area {left: 0; bottom: 15px; z-index: 1; width: 100%;}
    .main_img_area .control_area > div {position: relative; width: 1200px; margin: 0 auto;}


    /* 사용자별 맞춤서비스 */
    .user_services {min-height: 70px; margin-top: -70px;}
    .user_services .container {width: 880px; margin: 0 auto;}
    .user_services h3,
    .user_services li h4 {float: left; width: 220px !important; height: 70px; line-height: 70px;}
    .user_services h3 {font-size: 20px;}
    .user_services li h4 {font-size: 18px;}
    .user_services li h4 span {padding-right: 20px;}
    .user_services li:nth-child(1) h4 span {background-size: 30px auto, 8px auto; padding-left: 47px;}
    .user_services li:nth-child(2) h4 span {background-size: 19px auto, 8px auto; padding-left: 36px;}
    .user_services li:nth-child(3) h4 span {background-size: 32px auto, 8px auto; padding-left: 41px;}
    .user_services .services_url {
    width:calc(100% - 267px);
    width:-webkit-calc(100% - 267px); /* google, safari */
    width:-moz-calc(100% - 267px); /* firefox */
    width:-o-calc(100% - 267px); /* opera */
    min-height: 170px;
    background-image: url(../../../images/jejusi/portal/main/user_services_bg01.png);
    background-repeat: no-repeat;
    background-position: 30px bottom;
    padding: 35px 17px 15px 250px;
    }
    .user_services .services_url ul li {background-size: 7px 7px; margin-bottom: 20px; font-size: 16px;}


    /** 제주시는 지금 **/
    .jejusi_now_area {padding-top: 40px;}
    .jejusi_now_area .title_text {margin-bottom: 40px; line-height: 36px; font-size: 36px;}

    .jejusi_now_area .grid_cell {float: left; width: 940px;}


    /* 알리미 */
    .alimi_area {float: left; width: 340px; height: 300px;}


    /* 알리미 목록 */
    .layery_popup_wrap.alimi {padding: 18px 39px;}
    .layery_popup_wrap.alimi .layery_popup {height: 300px; padding: 20px 12px;}
    .alimi_list li {display: inline-block; margin: 0 8px; margin-bottom: 20px;}
    .alimi_list li img {width: 340px;}


    /* SNS */
    .jejusi_sns {float: left; width: 300px;}


    /* 제주시는 지금 Quick Menu */
    .now_quick_menu .mbi {display: none;}


    /* 최근게시물 */
    .latest_post_area {float: left; width: 540px; height: 250px; padding: 25px 30px;}
    .latest_post_area .control_btn {display: none;}
    .latest_post_area li h4 {position: relative; z-index: 10; float: left; border-bottom: solid 1px #d3d3d3; padding-bottom: 13px;}
    .latest_post_area li h4 a {display: block; padding: 0 7px;}
    .latest_post_area li h4.active {border-bottom: solid 3px #4475cb;  padding-bottom: 11px; color: #4475cb;}
    .latest_post_area li h4.active a {color: #4475cb;}
    .latest_post_area .post_list {
    /*display: none;*/
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 1;
    width: 100%;
    border-top: solid 1px #d3d3d3;
    padding-top: 33px;
    }
    /*.latest_post_area li:first-child .post_list {display: block;}*/
    .latest_post_area .post_list li {margin-bottom: 15px;}
    .latest_post_area .post_list li a {width: 370px;}
    .latest_post_area .post_list li .date {float: right;}
    .latest_post_area .post_iframe {
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 1;
    width: 100%;
    border-top: solid 1px #d3d3d3;
    padding-top: 35px;
    }
    .latest_post_area .post_iframe iframe {width: 100%; height: 185px;}
    .latest_post_area li:nth-child(3) .post_iframe iframe {height: 150px; margin-top: 12px;}
    .latest_post_area .more {
    top: -5px;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    }
    .latest_post_area .more a {height: 30px;}


    /* 열린시장실 */
    .sijang {
    float: right;
    width: 240px; height: 425px;
    background: url(../../../images/jejusi/portal/main/sijang_bg.jpg) no-repeat 0 0;
    padding: 35px 0 20px 20px;
    }
    .sijang .mbi {display: none;}
    .sijang .link {margin-top: 248px;}


    /* 시정뉴스/문화행사 */
    .gallery_post_area {margin-top: 40px;}
    .gallery_post_area .gallery_post {float: left;}
    .gallery_post_area .gallery_post.event {margin-left: 31px;}
    .gallery_post_area .post_list li {margin-left: 20px;}
    .gallery_post_area .post_list li:first-child {margin-left: 0;}
    .gallery_post_area .post_list li img {width: 272px; height: 202px;}


    /* 분야별 정보 */
    .area_menu .control_btn {display: none;}


    /** 제주시 정보 **/
    .jejusi_info_area {padding: 40px 0 60px 0;}
    .jejusi_info_area .title_text {margin-bottom: 40px; line-height: 36px; font-size: 36px;}

    .jejusi_info_area .grid_cell {float: left; width: 760px;}


    /* 행복지도서비스 */
    .map_service {
    float: left;
    width: 400px; min-height: 230px;
    background: url(../../../images/jejusi/portal/main/map_service_img.png) no-repeat center bottom;
    background-size: auto;
    }
    .map_service h4 {margin-bottom: 3px; line-height: 24px; font-size: 24px; font-size: 2.4rem;}
    .map_service p {margin-bottom: 5px; font-size: 14px; font-size: 1.4rem;}
    .map_service .go {
    float: right;
    background-position: right 15px center;
    background-size: 7px auto;
    margin-right: 25px;
    padding: 3px 30px 3px 15px;
    font-size: 17px; font-size: 1.7rem;
    }
    .map_service a {height: 190px; padding: 40px 0 0 20px;}


    /* 한눈에 보기 */
    .jejusi_view {
    float: left;
    width: 360px;
    min-height: 230px;
    background: url(../../../images/jejusi/portal/main/jejusi_view_img.png) no-repeat center bottom;
    background-size: auto 230px;
    }
    .jejusi_view h4 {margin-bottom: 3px; line-height: 24px; font-size: 24px; font-size: 2.4rem;}
    .jejusi_view p {margin-bottom: 5px; font-size: 14px; font-size: 1.4rem;}
    .jejusi_view a {height: 190px; padding-top: 40px;}


    /* 제주시 정보 Quick Menu */
    .info_quick_menu {clear: both; height: 130px;}
    .info_quick_menu .menu_link ul {width: 100%; padding: 15px 0;}
    .info_quick_menu .menu_link ul li {min-width: 130px;}
    .info_quick_menu .menu_link ul li a {display: block;}
    .info_quick_menu .menu_link ul li em {margin-top: 5px; font-size: 16px;}
    /*제주시 정보 Quick Menu 목록(레이어팝업)*/
    .layery_popup_wrap.info_quick {
    padding: 18px 39px;
    }
    /*//제주시 정보 Quick Menu 목록(레이어팝업)*/

    /* 사진 DB, 청사안내 등 */
    .info_jejusi_link {display: inline-block; width: 250px;}
    .info_jejusi_link .info_link1,
    .info_jejusi_link .info_link2 {
    display: inline-block;
    width: 100%;
    height: 180px;
    background-position: left 20px center, 0 0;
    background-size: 60px auto, auto auto;
    padding: 0;
    vertical-align: top;
    }
    .info_jejusi_link ul {display: table-cell; width: 130px; height: 180px; padding: 0 0 0 100px; vertical-align: middle;}
    .info_jejusi_link ul li {background-size: 20px; margin: 12px 0; line-height: 20px; font-size: 16px;}


    /* 자주찾는 서비스 */
    .bookmark_service_link {
    float: right;
    width: 190px;
    height: 360px;
    padding: 0;
    }
    .bookmark_service_link .service_link ul {display: table-cell; height: 360px; padding-left: 20px; vertical-align: middle;}
    .bookmark_service_link .service_link ul li {display: block; padding: 10px 0; width: auto; text-align: left;}
    .bookmark_service_link .service_link ul li em {
    display: inline-block;
    width: 90px;
    margin-top: 0;
    vertical-align: middle;
    font-size: 16px;
    }
    .bookmark_service_link .service_link li img {height: 60px; margin-right: 8px;}
    .bookmark_service_link .service_link ul li:nth-child(4) em {width: 100px;}
    .bookmark_service_link .service_link ul li:nth-child(4) em > span {letter-spacing: -0.5px; font-size: 12px;}


    /** 시민소통 **/
    .citizen_area {min-width: 1200px; margin: 0 -250px;}
    .citizen_area .container {
    width: 1200px; margin: 0 auto;
    min-height: 300px;
    background-position: 0 5px, right 110px bottom 10px;
    background-size: auto, auto;
    padding: 40px 250px 60px 250px;
    }
    .citizen_area .title_text {margin-bottom: 40px; line-height: 36px; font-size: 36px;}


    /* 민원신고센터 */
    .minwon_center {
    float: left;
    width: 320px; height: 500px;
    padding: 0 20px;
    }
    .minwon_center .top {
    height: 100px;
    background: url(../../../images/jejusi/portal/main/minwon_deco01.png) no-repeat right 5px;
    padding: 40px 0 0 20px;
    margin-bottom: 35px;
    }
    .minwon_center h4 {font-size: 24px;}
    .minwon_center .top > p {margin-top: 8px; line-height: 1.2em; font-size: 14px; color: #fff;}
    .minwon_center .top > p span {display: block;}
    .minwon_center ul li {padding-bottom: 20px;}
    .minwon_center ul:last-child li {padding-bottom: 40px;}
    .minwon_center ul li em {
    display: inline-block;
    width: 100%;
    width:calc(100% - 45px);
    width:-webkit-calc(100% - 45px); /* google, safari */
    width:-moz-calc(100% - 45px); /* firefox */
    width:-o-calc(100% - 45px); /* opera */
    vertical-align: middle;
    line-height: 1.3em;
    font-size: 15px;
    }
    .minwon_center ul li img {height: 40px; margin-right: 5px;}


    /* 민원안내 */
    .minwon_service {
    float: left;
    width: 440px;
    height: 300px;
    background-image: url(../../../images/jejusi/portal/main/minwon_service_img01.jpg);
    background-size: auto;
    }
    .minwon_service .top {width: 150px; margin-left: 20px;}
    .minwon_service h4 {
    height: 85px;
    padding: 25px 15px 0 15px;
    font-size: 30px;
    }
    .minwon_service h4 span {margin-bottom: 10px; font-size: 16px;}
    .minwon_service .top > p {margin-top: 10px; line-height: 1.4em; font-weight: 700; font-size: 14px; color: #fff;}
    .minwon_service ul {width: 220px; margin-top: 105px; margin-left: 26px;}
    .minwon_service ul li {
    background-position: right 17px center;
    background-size: auto 16px;
    margin-top: 5px;
    font-size: 16px;
    }
    .minwon_service ul li a {padding: 8px 40px 8px 10px;}


    /* 조회 서비스 */
    .inquiry_service {
    float: left;
    width: 380px;
    height: 285px;
    background-size: auto;
    padding: 15px 0 0 20px;
    }
    .inquiry_service ul li {margin-bottom: 10px;}
    .inquiry_service ul li em {
    display: inline-block;
    width: 100%;
    width:calc(100% - 78px);
    width:-webkit-calc(100% - 78px); /* google, safari */
    width:-moz-calc(100% - 78px); /* firefox */
    width:-o-calc(100% - 78px); /* opera */
    vertical-align: middle;
    font-size: 17px;
    }
    .inquiry_service ul li img {height: 60px; margin-right: 18px;}


    /* 기타 서비스 */
    .etc_service {float: left; width: 840px;}
    .etc_service ul li {
    height: 200px;
    background-size: 100% auto;
    font-size: 20px;
    }
    .etc_service ul li a {height: 180px; padding: 20px 20px 0 20px;}
    .etc_service ul li em {
    height: 70px;
    background: url(../../../images/jejusi/icon/arrow_rt_icon07.png) no-repeat right bottom;
    background-size: auto 40px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    /* 사용자별 맞춤서비스 */
    .user_services .container {width: 800px;}
    .user_services li h4 {width: 193px !important;}
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    /** 제주시는 지금 **/
    .jejusi_now_area .grid_cell {float: none; width: auto;}

    /* 알리미 */
    .alimi_area {width: 384px; height: auto;}


    /* 최근게시물 */
    .latest_post_area {width: 540px; height: 289px; padding: 25px 30px;}


    /* SNS */
    .jejusi_sns {width: 344px;}


    /* 제주시는 지금 Quick Menu */
    .now_quick_menu li img {width: 200px;}


    /* 열린시장실 */
    .sijang {height: 405px; margin-top: 20px;}
    .sijang .link {margin-top: 228px;}


    /* 시정뉴스/문화행사 */
    .gallery_post_area {float: left; width: 724px; margin-top: 20px;}
    .gallery_post_area .post_list {display: block;}
    .gallery_post_area .gallery_post.event {/*margin-top: 20px;*/ margin-left: 0;}
    .gallery_post_area .post_list li img {width: 342px; height: 180px;}


    /** 제주시 정보 **/
    .jejusi_info_area .grid_cell {width: 600px;}


    /* 행복지도서비스 */
    .map_service {width: 300px; background-size: auto;}


    /* 한눈에 보기 */
    .jejusi_view {width: 300px;}


    /* 제주시 정보 Quick Menu */
    .info_quick_menu .bx-wrapper {
    width: auto !important;
    max-width: 545px !important;
    height: auto !important;
    margin-left: 20px;
    }
    .layery_popup_wrap.info_quick {
    width:calc(100% - 80px);
    width:-webkit-calc(100% - 80px); /* google, safari */
    width:-moz-calc(100% - 80px); /* firefox */
    width:-o-calc(100% - 80px); /* opera */
    padding: 18px 39px;
    }


    /* 사진 DB, 청사안내 등 */
    .info_jejusi_link {width: 205px;}
    .info_jejusi_link .info_link1, .info_jejusi_link .info_link2 {
    background-position: left 10px center, 0 0;
    background-size: 40px auto, auto auto;
    }
    .info_jejusi_link ul {padding: 0 0 0 60px;}


    /* 자주찾는 서비스 */
    .bookmark_service_link {width: 179px;}
    .bookmark_service_link .service_link li img {height: 40px;}


    /** 시민소통 **/
    .citizen_area .container {width: 1024px;}


    /* 민원신고센터 */
    .minwon_center {width: 302px; height: 494px;}
    .minwon_center .top {
    height: 80px;
    background: url(../../../images/jejusi/portal/main/minwon_deco01.png) no-repeat right bottom;
    background-size: auto 110px;
    }


    /* 민원안내 */
    .minwon_service {width: 380px;}
    .minwon_service .top {width: 144px; margin-left: 15px;}
    .minwon_service h4{font-size: 26px;}
    .minwon_service ul {width: 200px; margin-left: 16px;}
    .minwon_service ul li {
    width: 185px;
    background-position: right 10px center;
    background-size: auto 13px;
    font-size: 15px;
    }
    .minwon_service ul li a {padding-right: 25px;}


    /* 조회 서비스 */
    .inquiry_service {width: 282px; background-size: 70px auto;}
    .inquiry_service ul li {margin-bottom: 15px; font-size: 15px;}
    .inquiry_service ul li img {height: 55px; margin-right: 13px;}


    /*기타 서비스*/
    .etc_service {width: 682px;}
    .etc_service ul li {height: 194px;}

}

@media screen and (min-width: 1200px) {
    /* 분야별 정보 */
    .area_menu .menu_link {width: 1200px; margin: 0 auto;}

}