@charset "utf-8";

/** slide common **/
[class*="wrap_control_"]{overflow:hidden;position:absolute;z-index:2}
[class*="wrap_control_"] [class*="swiper-button"]{display:block;text-indent:-9999px}
[class*="wrap_control_"] .swiper_move{position:absolute;margin:0;z-index:30}
[class*="wrap_control_"] [class*="swiper-button-next"]{transform:rotate(180deg)}
[class*="wrap_control_"] [class*="btn_"]{display:none;position:absolute;background-repeat:no-repeat;background-position:0 0;z-index:20}
[class*="wrap_control_"] [class*="btn_"].on{display:block}

/** slider 컨트롤버튼 **/
.wrap_slider a[class*="bx-"]{display:inline-block;width:22px;height:22px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%}
.wrap_slider a[class*="bx-"].active{display:none}
.wrap_slider [class*="bx-controls-auto"] div{display:inline-block}

.wrap_slider .bx-controls-direction{display:flex;justify-content:space-between}
.wrap_slider .bx-start,.wrap_slider .bx-stop{position:absolute;top:0;left:50%;transform:translateX(-50%)}
.wrap_slider .bx-prev,.wrap_slider .bx-next{background-image:url(/images/place2016/scmo/main/bul_btn_move.png)}
.wrap_slider .bx-next{transform:rotate(180deg)}
.wrap_slider .bx-start{background-image:url(/images/place2016/scmo/main/bul_btn_play.png)}
.wrap_slider .bx-stop{background-image:url(/images/place2016/scmo/main/bul_btn_stop.png)}

.bxslider_pager_num{position:absolute;z-index:999}
.bxslider_pager_num em,.bxslider_pager_num strong{display:inline-block;vertical-align:text-bottom}
.bxslider_pager_num em{position:relative;margin:0 10px 0 0;color:#fff;font-size:1.6rem}
.bxslider_pager_num em:after{content:'';display:block;position:absolute;top:3px;right:-7px;width:1px;height:18px;transform:rotate(18deg);background:rgba(255,255,255,0.75)}
.bxslider_pager_num strong{color:rgba(255,255,255,0.75);font-size:1.4rem;font-weight:500}

/** main common **/
.btn_shortcut{display:flex!important;align-items:center;position:relative;width:95px;padding:5px 30px 5px 15px!important;font-size:14px;letter-spacing:-1px;border:1px solid #fff;border-radius:20px}
.btn_shortcut:before{content:'';display:block !important;position:absolute;top:50% !important;right:17px !important;width:4px !important;height:4px !important;border:2px solid transparent;border-top-color:#fff;border-right-color:#fff;transform:translateY(-50%) rotate(45deg);background:none !important}
.btn_shortcut:hover,.btn_shortcut:focus{border-color:rgba(255,255,255,.7);background:rgba(0,0,0,.08)}
.btn_shortcut:hover:before{right:13px !important}
.btn_shortcut i{color:#fff}

.lst_style li a{position:relative;letter-spacing:-1px;background:#eff6f9}
.lst_style li a:before{content:'';display:block !important;position:absolute;top:calc(50% - 5px);left:calc(100% - 25.1px);width:10px;height:10px;background-image:url(/images/place2016/scmo/bullet/bul_plus_gray.png);background-repeat:no-repeat;background-position:0 0}
.lst_style li a:hover,.lst_style li a:focus{color:#fff;background:#3175c2}
.lst_style li a:hover:before,.lst_style li a:hover:after,.lst_style li a:active:before,.lst_style li a:active:after{-webkit-animation:round 2s ease;animation:round 2s ease;background-image:url(/images/place2016/scmo/bullet/bul_plus_white.png)}
.lst_style li a:focus:before,.lst_style li a:focus:after{background-image:url(/images/place2016/scmo/bullet/bul_plus_white.png)}

#wrap_container.main{padding-top:30px;padding-bottom:0}
#wrap_container.main a[title|='새창']{margin-right:0;padding-right:0}
#wrap_container.main a[title|='새창'] i{padding-right:0}
#wrap_container.main a[title|='새창']:before,#wrap_container.main a[title|='새창'] i:before{display:none}

/** main size **/
.wrap_cont,.wrap_banner{width:100%;max-width:1280px;margin:0 auto}
.wrap_cont{display:flex;flex-wrap:wrap;padding-bottom:25px}

/** main ir common **/
.wrap_banner .bx-controls [class*='bx-controls-'] a:after,
.wrap_banner .more_banner{background-image:url(/images/place2016/scmo/main/bg_iconset.png) !important}

/** main a effect **/
.btn_shortcut,.btn_shortcut:before,
.wrap_service li a,
.wrap_shortcut li a,.wrap_shortcut li a i,
.wrap_org li a,
.wrap_banner .bx-controls [class*='bx-controls-'] a,.wrap_banner .bx-controls [class*='bx-controls-'] a:after,
.wrap_banner .more_banner{transition:all .3s ease}

/** 비쥬얼 이미지 **/
.wrap_visual{overflow:hidden;position:relative;width:calc(100% - 390px);max-width:890px;margin-right:20px;margin-bottom:20px;border-radius:20px}
.wrap_visual > img{width:100%;max-width:100%;height:100%}

/** 서비스 **/
.wrap_service,.wrap_service ul{display:flex;flex-wrap:wrap;}
.wrap_service{align-items:space-between;width:370px;margin-bottom:20px;background:#fff}
.wrap_service h3{margin-bottom:10px;line-height:26px;color:#222;font-size:20px;font-weight:500;letter-spacing:-1px;}
.wrap_service ul{overflow:hidden;position:relative;width:100%;height:calc(100% - 40px);border-radius:8px;}
.wrap_service ul:before,.wrap_service li a i:before{content:'';display:block;position:absolute}
.wrap_service ul:before{top:0;left:50%;width:1px;height:100%;background:#e0e0e0;z-index:1}
.wrap_service li{width:calc(100%/2);min-height:130px}
.wrap_service li:nth-child(n+3){border-top:1px solid #e0e0e0}
.wrap_service li a{display:flex;height:100%;padding:15px 15px 28px!important;text-align:center;justify-content:center;align-items:flex-end;font-size:16px;color:#353535;background-color:#eef5fa;background-repeat:no-repeat;background-position:50% calc(50% - 10px)}
.wrap_service li a:hover,.wrap_service li a:active,.wrap_service li a:focus{color:#fff;background-color:#3175c2}
.wrap_service li a i{position:relative}
.wrap_service li.item01 a{background-image:url(/images/place2016/scmo/main/wrap_service_ic01.png)}
.wrap_service li.item02 a{background-image:url(/images/place2016/scmo/main/wrap_service_ic02.png)}
.wrap_service li.item03 a{background-image:url(/images/place2016/scmo/main/wrap_service_ic03.png)}
.wrap_service li.item04 a{background-image:url(/images/place2016/scmo/main/wrap_service_ic04.png)}

/** wrap_in_area **/
.wrap_in_area{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.wrap_notice,.wrap_greeting,.wrap_popzone{border-radius:10px}

/** 공지사항 tab style common **/
.tab_main> ul,.tab_main> ul> li h3,.tab_main> ul> li h3 a,.tab_main> ul> li div ul li{position:relative}
.tab_main> ul> li h3 a,.tab_main> ul> li h3 a:before,.tab_main> ul> li div ul li i,.tab_main> ul> li.on h3:after,.tab_main> ul> li.on div{display:block}
.tab_main> ul{overflow:hidden;min-height:250px;height:100%}
.tab_main> ul> li{float:left}
.tab_main> ul> li h3{min-width:60px;margin-left:15px;padding-left:15px;;z-index:2}
.tab_main> ul> li h3:before,.tab_main> ul> li.on h3:after{content:'';position:absolute}
.tab_main> ul> li h3:before{top:calc(50% - 2px);left:2px;width:4px;height:4px;background:#b9b9b9}
.tab_main> ul> li:first-child h3{margin-left:0;padding-left:0}
.tab_main> ul> li:first-child h3:before{display:none}
.tab_main> ul> li h3 a{padding:15px 0;color:#767676;font-size:17px;font-weight:400;text-align:center}
.tab_main> ul> li h3 a:hover,.tab_main> ul> li h3 a:active,.tab_main> ul> li h3 a:focus{color:#1d1d1d}
.tab_main> ul> li div{display:none;position:absolute;left:0;width:100%;height:calc(100% - 52px);z-index:1}
.tab_main> ul> li div ul{padding:15px 0 0;border-top:1px solid #d3d3d3}
.tab_main> ul> li div ul li{padding:8px 0;font-size:14px;letter-spacing:-0.02em}
.tab_main> ul> li div ul li a,.tab_main> ul> li div ul li span{vertical-align:text-bottom}
.tab_main> ul> li div ul li a{overflow:hidden;display:inline-block;max-width:100%;color:#454545;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.tab_main> ul> li div ul li span+i{color:#767676;font-size:13px}
.tab_main> ul> li div ul li a:hover span,.tab_main> ul> li div ul li a:active span,.tab_main> ul> li div ul li a:focus span{text-decoration:underline}
.tab_main> ul> li.on h3:after{bottom:-1px;width:calc(100% - 15px);height:3px;background:#00479d}
.tab_main> ul> li.on h3 a{color:#1d1d1d;font-size:18px;font-weight:600}
.tab_main> ul> li:first-child.on h3:after{width:100%}
	/** 더보기 버튼 **/
	.tab_main .more_main,.tab_main .more_main:before,.tab_main .more_main:after{display:block;position:absolute}
	.tab_main .more_main{top:-37px;right:0;width:24px;height:24px;line-height:0;font-size:0;text-indent:-9999px}
	.tab_main .more_main:before,.tab_main .more_main:after{content:'';position:relative;top:6px;left:calc(50% - 1px);width:2px;height:12px;background:#464646}
	.tab_main .more_main:after{top:-6px;transform:rotate(90deg)}
	.tab_main .more_main:hover{-webkit-animation:round 2s ease;animation:round 2s ease}
	.tab_main .more_main:focus{background:#464646}
	.tab_main .more_main:focus:before,.tab_main .more_main:focus:after{background:#fff}

	/** 최신글 **/
	.type_latest {padding-top:0 !important}
	.type_latest a{display:flex !important;flex-wrap:wrap;position:relative;min-height:65px}
	.type_latest strong,.type_latest em{display:flex;flex-wrap:wrap;}
	.type_latest strong{flex-direction:column;justify-content:center;width:63px;height:58px;color:#fff;font-size:13px;font-weight:300;letter-spacing:-1px;text-align:center;border-radius:5px;background:#00479d}
	.type_latest strong b{line-height:15px;font-weight:300;letter-spacing:-0.4px;}
	.type_latest strong i{position:relative !important;padding-top:2px;line-height:25px;color:#fff;font-size:23px}
	.type_latest em{overflow:hidden;width:calc(100% - 63px);max-height:42px;margin:8px 0 8px;padding-left:10px;line-height:20px;font-size:16px;font-weight:500;}
	.type_latest span{display:block;max-height:70px;margin-top:13px;color:#767676}
	.type_latest em,.type_latest span{word-break:break-all;white-space:normal}

/** 공지사항 **/
.wrap_notice{width:calc(100% - 650px);padding:12px 0 20px;background:#fff}
.wrap_notice>ul{min-height:195px}
.wrap_notice>ul>li div ul{height:100%;padding:25px 10px 0 53%}
.wrap_notice>ul>li div ul li{position:relative;padding:3px 0 3px 10px}
.wrap_notice>ul>li div ul li:before{content:'';display:block;position:absolute;top:calc(50% - 2px);left:0;width:3px;height:3px;background:#b9b9b9}
.wrap_notice>ul>li div ul li a{padding-right:45px;color:#666}
.wrap_notice>ul>li div ul li span+i{display:inline-block;position:absolute;right:0}
.wrap_notice .type_latest{position:absolute !important;top:28px;left:0;width:50.8%;max-width:340px;height:calc(100% - 25px);padding:0 20px 10px 0;border-right:1px dotted #c4c4c4}
.wrap_notice .type_latest:before{display:none}
.wrap_notice .type_latest a{padding-right:0 !important;color:#353535}
.wrap_notice .type_latest span{max-height:65px}
.wrap_notice .type_latest a:hover em,.wrap_notice .type_latest a:active em,.wrap_notice .type_latest a:focus em{color:#000}
.wrap_notice .type_latest a:hover strong,.wrap_notice .type_latest a:active strong,.wrap_notice .type_latest a:focus strong{background:#003c84}

/** 청장인사말 **/
.wrap_greeting{position:relative;width:240px;height:265px;padding:40px 30px 60px;color:#fff;background:#00479d url(/images/place2016/scmo/main/bg_pattern01.png) no-repeat 100% 100%}
.wrap_greeting:before,.wrap_greeting:after{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:0 0}
.wrap_greeting:before{top:0;right:35px;width:48px;height:43px;background-image:url(/images/place2016/scmo/main/wrap_greeting_bg01.png)}
.wrap_greeting:after{bottom:78px;left:25px;width:21px;height:20px;background-image:url(/images/place2016/scmo/main/wrap_greeting_bg02.png)}
.wrap_greeting h3{margin-bottom:15px;color:#fff;font-size:20px}
.wrap_greeting p{font-size:15px;font-weight:300}
.wrap_greeting .btn_shortcut{position:absolute;bottom:30px}

/** 알림판 **/
.wrap_popzone{overflow:hidden;position:relative;width:370px}
.wrap_popzone:before{content:'';position:absolute;top:0;left:0;width:100%;height:42px;background:rgba(0,0,0,0.5);z-index:1}
.wrap_popzone a{display:block}
.wrap_popzone h3{display:block;position:absolute;width:100%;padding-left:20px;line-height:42px;color:#fff;font-size:17px;font-weight:400;;z-index:1}
.wrap_popzone img{width:100%;height:100%}
.wrap_popzone .bx-controls{position:absolute;top:8px;right:10px;width:70px;z-index:1}
.wrap_popzone .bx-pager{position:absolute;top:7px;right:15px;z-index:2}
.wrap_popzone .bx-pager div{display:inline-block;margin:0 3px}
.wrap_popzone .bx-pager a{display:inline-block;width:11px;height:11px;vertical-align:middle;text-indent:-9999px;border-radius:50%;box-sizing:content-box;background:#fff}
.wrap_popzone .bx-pager a.active{width:7px;height:7px;border:5px solid #fff;background:#f60}
.wrap_popzone .bxslider_pager_num{top:8px;right:95px}
	.bx-default-pager{top:0 !important;right:0 !important;width:50px;color:#fff;text-align:center}
	.bxslider_popzone{display:flex !important}

/** wrap_bg_pattern **/
.wrap_bg{overflow:hidden;position:relative;padding:40px 0 15px;background-image:url(/images/place2016/scmo/main/wrap_bg_00.png),linear-gradient(180deg,#d2e2f2,#d8edf3);background-repeat:no-repeat,no-repeat}
.wrap_bg:before,.wrap_bg:after{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:0 0;z-index:1;opacity:0.45}
.wrap_bg:before{bottom:0;left:0;width:560px;height:308px;background-image:url(/images/place2016/scmo/main/wrap_bg_01.png)}
.wrap_bg:after{top:220px;left:1495px;width:431px;height:400px;background-image:url(/images/place2016/scmo/main/wrap_bg_02.png)}
.wrap_bg > div{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:2}

/** 국민참여 **/
.wrap_public{position:relative;width:calc(100% - 390px);margin-right:20px;margin-bottom:25px;padding-top:10px}
.wrap_public h3{display:flex;color:#222;font-size:2.2rem;font-weight:500}
.wrap_public h3 span{display:inline-block;position:relative;padding-left:30px;color:#565656;font-size:1.4rem;font-weight:400}
.wrap_public h3 span:before{content:'';display:block;position:absolute;top:calc(50% - 7px);left:14px;width:1px;height:14px;background:#9e9e9e}
.wrap_public ul{display:flex;flex-wrap:wrap;position:relative;min-height:120px;margin-top:10px;margin-left:-8px;padding:0 110px 20px 0;border-bottom:1px solid #d6dee4}
.wrap_public ul:before{content:'';display:block;position:absolute;right:0;bottom:-25px;width:133px;height:128px;background:url(/images/place2016/scmo/main/wrap_public_bg.png) no-repeat 0 0}
.wrap_public li{width:calc(100%/4 - 8.1px);margin:10px 0 0 8px}
.wrap_public li a{display:block;padding:10px 35px 10px 15px;border-radius:3px;box-shadow:0 0 10px #ddd;background:#fff}
.wrap_public li a:hover{border-color:#3175c2}

/** 메뉴 바로가기 **/
.wrap_shortcut{display:flex;flex-direction:column;width:370px}
.wrap_shortcut li{overflow:hidden;width:100%;height:calc(50% - 15px);margin-top:15px;border-radius:15px}
.wrap_shortcut li a{display:flex;align-items:center;width:100%;height:100%;padding:30px !important;color:#fff;font-size:2rem;font-weight:400;background:#047ea7 url(/images/place2016/scmo/main/bg_pattern01.png) no-repeat 100% 100%}
.wrap_shortcut li a i{display:block;width:100%;background:url(/images/place2016/scmo/bullet/bul_arrow01.png) no-repeat right 20px top 50%}
.wrap_shortcut li a:hover,.wrap_shortcut li a:focus{background-color:#00479d}
.wrap_shortcut li a:hover i,.wrap_shortcut li a:focus{background-position-x:100%}

/** 지방관리소목록 & 자주찾는 서비스 common **/
.wrap_org ul,.wrap_quick ul{display:flex;flex-wrap:wrap;position:relative}
.wrap_org a,.wrap_quick a{display:flex;position:relative}

/** 지방관리소 목록 **/
.wrap_org{overflow:hidden;position:relative;width:500px;padding:25px 25px 25px 100px;border-radius:10px;background:#fff}
.wrap_org:before,.wrap_org:after{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:0 0;z-index:1}
.wrap_org:before{top:25px;left:15px;width:73px;height:92px;background-image:url(/images/place2016/scmo/main/wrap_org_bg01.png)}
.wrap_org:after{right:0;bottom:0;width:160px;height:142px;background-image:url(/images/place2016/scmo/main/wrap_org_bg02.png)}
.wrap_org h3{margin-bottom:10px;line-height:2.2rem;color:#222;font-size:2rem}
.wrap_org h3 i{font-weight:500}
.wrap_org ul{overflow:hidden;margin-left:-20px;z-index:2}
.wrap_org li{width:calc(100%/2 - 20px);margin:10px 0 0 20px}
.wrap_org li a{padding:5px 35px 5px 15px;border-radius:15px}

/** 자주찾는 서비스 **/
.wrap_quick{width:calc(100% - 540px);padding:15px 0 0}
.wrap_quick h3{margin-bottom:20px;color:#222;font-size:24px;font-weight:500}
.wrap_quick li{width:calc(100%/5);border-left:1px solid #e0e1e3}
.wrap_quick li:first-child{border-left-width:0}
.wrap_quick a{justify-content:center;padding:114px 15px 5px}
.wrap_quick a:before,.wrap_quick a:after{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.wrap_quick a:before{width:99px;height:99px;border-radius:50%;box-sizing:border-box;background:#fff}
.wrap_quick a:after{width:111px;height:97px;background-repeat:no-repeat;background-position:50% 50%}
.wrap_quick a i{line-height:20px;text-align:center;font-size:15px;color:#555}
.wrap_quick a:hover:before,.wrap_quick a:focus:before{border:3px solid #2fb0d7;box-shadow:0 0 10px #bfbfbf}
.wrap_quick .ic_01:after{background-image:url(/images/place2016/scmo/main/wrap_quick_ic01.png)}
.wrap_quick .ic_02:after{background-image:url(/images/place2016/scmo/main/wrap_quick_ic02.png)}
.wrap_quick .ic_03:after{background-image:url(/images/place2016/scmo/main/wrap_quick_ic03.png)}
.wrap_quick .ic_04:after{background-image:url(/images/place2016/scmo/main/wrap_quick_ic04.png)}
.wrap_quick .ic_05:after{background-image:url(/images/place2016/scmo/main/wrap_quick_ic05.png)}

/** 배너사이즈와 위치 **/
.wrap_banner {position:relative;padding:35px 0 35px 195px;z-index:2}
.wrap_banner> div:first-child{max-width:100% !important}
.wrap_banner .banner li{height:42px;margin-right:15px;border:1px solid #dedede}
.wrap_banner .banner li a{display:block;position:relative;height:100%}
.wrap_banner .banner li a:hover:before,.wrap_banner .banner li a:hover:after{content:'';display:block;position:absolute;top:0;left:0}
.wrap_banner .banner li a:hover:before{width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #dedede}
.wrap_banner .banner li a:hover:after{width:100%;height:100%;background:rgba(0,0,0,0.3)}
.wrap_banner .banner li a img{display:block;width:100%;height:40px}
	.wrap_banner .more_banner{display:block;position:absolute;top:calc(50% - 8px);left:115px;width:17px;height:17px;line-height:0;font-size:0;text-indent:-9999px;background-position-x:-175px}
	.wrap_banner .more_banner:hover:before{content:'';display:block;position:absolute;top:50%;left:50%;width:30px;height:30px;border:1px solid #9a9a9a;border-radius:50%;transform:translate(-50%,-50%)}

	.wrap_banner .bx-controls,.wrap_banner .bx-controls [class*='bx-controls-'] a,.wrap_banner .bx-controls [class*='bx-controls-'] a:after{position:absolute}
	.wrap_banner .bx-controls{top:50%;left:0;width:115px;height:30px;;transform:translateY(-50%);z-index:999}
	.wrap_banner .bx-controls [class*='bx-controls-'] a{display:inline-block;width:30px;height:30px;border:1px solid #fff;text-indent:-9999px;border-radius:50%}
	.wrap_banner .bx-controls [class*='bx-controls-'] a:after{content:'';display:block;top:calc(50% - 9px);left:calc(50% - 5px);width:10px;height:17px;background-position-x:-100px}
	.wrap_banner .bx-controls [class*='bx-controls-'] a.active{display:none}
	.wrap_banner .bx-controls a:hover,.wrap_banner .bx-controls a:active,.wrap_banner .bx-controls a:focus{border-color:#9a9a9a}
	.wrap_banner .bx-controls a.bx-prev{right:82px}
	.wrap_banner .bx-controls a.bx-next{right:10px}
	.wrap_banner .bx-controls a[class*='bx-s']{right:46px}

	.wrap_banner .bx-controls a.bx-next:after{-ms-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateY(180deg)}
	.wrap_banner .bx-controls a.bx-start:after{background-position-x:-150px}
	.wrap_banner .bx-controls a.bx-stop:after{background-position-x:-125px}

/** 1600px 시작 **/
@media screen and (max-width:1600px){
	/**  main size **/
	.wrap_cont{width:calc(100% - 44px)}
}
/** 1600px 끝 **/

/** 1400px 시작 **/
@media screen and (max-width:1400px){
	/** 배너사이즈와 위치 **/
	.wrap_banner{width:calc(100% - 15px);padding-top:20px;padding-bottom:20px}
}
/** 1400px 끝 **/

/** 1280px 시작 **/
@media screen and (max-width:1280px){
	/** wrap common **/
	.wrap_visual,.wrap_public{width:calc(100% - 340px)}
	.wrap_service,.wrap_shortcut{width:320px}

	/** 국민참여 **/
	.wrap_public ul{padding-right:70px}
	.wrap_public li a{padding-top:8px;padding-bottom:8px}
}
/** 1280px 끝 **/

/** 1200px 시작 **/
@media screen and (max-width:1200px){
	/** 서비스 **/
	.wrap_service li a{padding:10px 10px 23px!important;background-position:50% calc(50% - 15px)}

	/** wrap_in_area **/
	.wrap_in_area{flex-direction:column;position:relative;height:335px;}
	.wrap_greeting,.wrap_popzone{position:absolute;right:0;}

	/** 공지사항 tab style common **/
	.type_latest a{flex-direction:column;max-height:inherit;padding-left:85px;}
	.type_latest em i,.type_latest span{overflow:hidden;width:100%;text-overflow:ellipsis;}
	.type_latest strong{position:absolute;left:0;width:70px;height:100%;}
	.type_latest em{width:100%;padding-left:0;white-space:nowrap}

	/** 공지사항 **/
	.wrap_notice{width:calc(100% - 350px);padding-top:0;}
	.wrap_notice .type_latest{position:relative !important;top:inherit;left:inherit;width:100%;max-width:inherit;height:auto;margin-bottom:10px;padding:0 0 15px;;border-right-width:0;border-bottom:1px dotted #c4c4c4;}
	.wrap_notice .type_latest span{height:45px;margin:0 0 5px;padding-right:5px;}
	.wrap_notice>ul{min-height:330px}
	.wrap_notice>ul>li div ul{padding:20px 0 0;}

	/** 청장인사 **/
	.wrap_greeting{top:0;width:320px;height:auto;padding:25px;}
	.wrap_greeting h3{margin-bottom:0;}
	.wrap_greeting p{display:none;}
	.wrap_greeting .btn_shortcut{right:15px;bottom:50%;transform:translateY(50%)}

	/** 알림판 **/
	.wrap_popzone{bottom:0;width:320px;}

	/** 국민참여 **/
	.wrap_public li{width:calc(100%/3 - 8.1px)}

	/** 메뉴 바로가기 **/
	.wrap_shortcut{margin-top:50px;margin-bottom:12px;}

	/** 지방관리소 목록 **/
	.wrap_org{width:100%;margin:20px 0;}
	.wrap_org li{width:calc(100%/3 - 20px);}

	/** 자주찾는 서비스 **/
	.wrap_quick{position:relative;width:100%;padding:15px;border-radius:8px;background:rgba(255, 255, 255, 0.2)}
	.wrap_quick h3{margin:10px 15px}
	.wrap_quick li{border-left:0}
	.wrap_quick a{padding:112px 15px 5px}
	.wrap_quick a:hover:before,.wrap_quick a:focus:before{box-shadow:0 0 0 transparent !important}
}
/** 1200px 끝 **/

/** 1024px 시작 **/
@media screen and (max-width:1024px){
	/** main size **/
	.wrap_cont,.wrap_banner{width:calc(100% - 44px) }
}
/** 1024px 끝 **/

/** 1023px 시작 **/
@media screen and (max-width:1023px){
	/** 국민참여 **/
	.wrap_public ul{padding-right:0}
}
/** 1023px 끝 **/

/** 1000px 시작 **/
@media screen and (max-width:1000px){
	/** common **/
	.wrap_bg{padding-top:30px}

	/** size common **/
	.wrap_visual,.wrap_public,.wrap_service,.wrap_shortcut{width:100%;max-width:inherit;margin-right:0}

	/** 서비스 **/
	.wrap_service:before{display:none}
	.wrap_service li{position:relative;width:calc(100%/4);min-height:140px}
	.wrap_service li:before{content:'';display:block;position:absolute;left:0;width:1px;height:100%;background:#ddd;z-index:1}
	.wrap_service li:first-child:before{display:none}
	.wrap_service li:nth-child(n+3){border-top-width:0}
	.wrap_service li a{padding:10px 10px 25px!important;background-position-y:calc(50% - 15px)}
	
	/** 알림판 **/
	.wrap_popzone .bx-wrapper,.wrap_popzone .bx-viewport,.wrap_popzone .bxslider_popzone,.wrap_popzone .bxslider_popzone a{height:100% !important}

	/** 메뉴 바로가기 **/
	.wrap_shortcut{flex-direction:inherit;justify-content:space-between;margin-top:0;margin-bottom:0;padding-top:10px}
	.wrap_shortcut li{width:49%;height:auto;margin-top:0}

	/** 지방관리소 목록 **/
	.wrap_org{padding-bottom:15px}
}
/** 1000px 끝 **/

/** 950px 시작 **/
@media screen and (max-width:900px){
	/** 공지사항 tab style common **/
	.wrap_in_area{flex-direction:row;height:auto;}

	/** 공지사항 **/
	.wrap_notice{width:100%;}
	.wrap_notice>ul{min-height:260px}
	.wrap_notice>ul>li div ul li:nth-child(n+4){display:none;}

	.wrap_greeting,.wrap_popzone{position:relative;right:inherit;}
	.wrap_greeting{width:calc(100% - 390px);}
	.wrap_greeting h3{margin-bottom:15px;}
	.wrap_greeting p{display:block;}
	.wrap_greeting .btn_shortcut{right:inherit;bottom:30px;transform:translateY(0)}

	/** 알림판 **/
	.wrap_popzone{width:370px;}

	/** 배너사이즈와 위치 **/
	.wrap_banner{padding:20px 0 20px 135px}
	.wrap_banner .bx-controls{left:-20px}
	.wrap_banner .more_banner{left:95px}
}
/** 950px 끝 **/

/** 900px 시작 **/
@media screen and (max-width:900px){
	/** 공지사항 tab style common **/
	.tab_main> ul> li div ul li a{padding-right:50px}
	.tab_main> ul> li div ul li a span + i{display:inline-block;position:absolute;right:8px}

	/** 배너사이즈와 위치 **/
	.wrap_banner{padding:20px 0 20px 135px}
	.wrap_banner .bx-controls{left:-20px}
	.wrap_banner .more_banner{left:95px}
}
/** 900px 끝 **/

/** 800px 시작 **/
@media screen and (max-width:800px){
	/** common **/
	#wrap_container.main{padding:20px 0 0}
	.wrap_cont,.wrap_banner{width:calc(100% - 40px)}
	.wrap_notice,.wrap_greeting,.wrap_popzone{margin-bottom:20px}

	/** 공지사항 **/
	.wrap_notice{padding-bottom:0;}
	.wrap_notice>ul>li div ul li{padding-top:2px;padding-bottom:2px}
	.wrap_notice .type_latest{max-width:100%;padding-right:0;padding-bottom:15px;border-right-width:0;}

	/** 청장인사말 **/
	.wrap_greeting{width:calc(100% - 390px)}

	/** 지방관리소 목록 **/
	.wrap_org{width:100%;padding-bottom:20px}
	.wrap_org ul{margin-left:-15px}
	.wrap_org li{width:calc(100%/2 - 15px);margin-top:10px;margin-left:15px}
}
/** 800px 끝 **/

/** 768px 시작 **/
@media screen and (max-width:768px){
	/** 메뉴 바로가기 **/
	.wrap_shortcut{flex-wrap:wrap;flex-direction:inherit;justify-content:space-between;padding-top:10px}
	.wrap_shortcut li{height:auto;border-radius:6px;}
	.wrap_shortcut li a{padding:20px!important;font-size:1.8rem}
	.wrap_shortcut li a i{background-position-x:calc(100% - 10px);background-size:30px;}
}
/** 768px 끝 **/

/** 730px 시작 **/
@media screen and (max-width:730px){
	/** 서비스 **/
	.wrap_service h3{font-size:18px;margin-bottom:6px;}

	/** 메뉴 바로가기 **/
	.wrap_shortcut li{display:block}

	/** 자주찾는 서비스 **/
	.wrap_quick li{width:calc(100%/3 - 10.1px);margin:5px;border-width:0;border-radius:8px;background:#fff}
	.wrap_quick li a{height:100%;padding-top:76px;padding-bottom:15px}
	.wrap_quick li a:before{top:0px}
	.wrap_quick li a:after{top:5px}
	.wrap_quick li a:before{width:79px;height:79px;background:transparent}
	.wrap_quick li a:after{width:36px;height:79px;background-size:contain}
	.wrap_quick li a:hover:before{width:100%;height:100%;border-radius:8px}
}
/** 730px 끝 **/

/** 667px 시작 **/
@media screen and (max-width:667px){
	/** 배너사이즈와 위치 **/
	.wrap_banner{padding-left:165px}
	.wrap_banner .bx-controls{left:0}
	.wrap_banner .more_banner{left:115px}
}
/** 667px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
	/** 비쥬얼 이미지 **/
	.wrap_visual{overflow:hidden;position:relative;height:260px;;border-radius:15px}
	.wrap_visual > img{position:absolute;width:auto;max-width:inherit}

	/** 서비스 **/
	.wrap_service li{min-height:115px}
	.wrap_service li a{padding:18px 12px!important;font-size:1.5rem;background-size:35%;background-position:50% calc(50% - 15px)}

	/** 청장인사말 **/
	.wrap_greeting{width:100%;height:auto;padding:20px 25px}
	.wrap_greeting h3{margin-bottom:5px}
	.wrap_greeting .btn_shortcut{position:relative;bottom:inherit;margin-top:10px}

	/** 알림판 **/
	.wrap_popzone{width:100%}
	.wrap_popzone,.wrap_popzone .bx-viewport img{height:265px}

	/** 국민참여 **/
	.wrap_public li{width:calc(100%/2 - 8px)}
}
/** 640px 끝 **/

/** 600px 시작 **/
@media screen and (max-width:600px){
	/** common **/
	#wrap_container.main{padding:15px 0 0}
	.wrap_cont,.wrap_banner{width:calc(100% - 30px)}

	/** 공지사항 tab style common **/
	.tab_main .more_main{top:-30px;}
	.type_latest em{display:block;text-overflow:ellipsis;}

	/** 공지사항 **/
	.wrap_notice{margin-bottom:0;padding:0 0 15px;background:none}
	.wrap_notice>ul>li{float:none;margin-bottom:15px;padding:5px 0 0;border-radius:8px;background:#fff}
	.wrap_notice>ul>li:first-child{border-top-width:0}
	.wrap_notice>ul>li h3,.wrap_notice>ul>li h3 a{display:inline-block;margin-left:0;padding-left:0;text-align:left}
	.wrap_notice>ul>li h3 a{padding:5px 0;padding-left:0;text-align:left;color:#1d1d1d;font-size:18px;font-weight:600}
	.wrap_notice>ul>li div{display:block !important;position:relative}
	.wrap_notice>ul>li div ul{padding-top:15px}
	.wrap_notice>ul>li.on h3:after{display:none}
	.wrap_notice>ul>li div ul li:nth-child(n+4){display:block;}

	/** 지방관리소 목록 **/
	.wrap_org{margin-bottom:20px}
	.wrap_org ul{margin-left:0}
	.wrap_org li{width:100%;margin-left:0}

	/** 자주찾는 서비스 **/
	.wrap_quick h3{margin-bottom:10px}
}
/** 600px 끝 **/

/** 568px 시작 **/
@media screen and (max-width:568px){
	/** 자주찾는 서비스 **/
	.wrap_quick li{width:calc(100%/2 - 10px)}
}
/** 568px 끝 **/

/** 540px 시작 **/
@media screen and (max-width:540px){
	/** 메뉴 바로가기 **/
	.wrap_shortcut li{width:100%}
	.wrap_shortcut li:first-child{margin-bottom:12px}

	/** 배너사이즈와 위치 **/
	.wrap_banner{padding-right:20px;padding-left:170px}
}
/** 540px 끝 **/

/** 480px 시작 **/
@media screen and (max-width:480px){
	/** 비쥬얼 이미지 **/
	.wrap_visual{height:auto;padding-bottom:65%}
	.wrap_visual.wrap_slider{padding-bottom:0}

	/** 서비스 **/
	.wrap_service:before{display:block;z-index:1}
	.wrap_service ul:after{content:'';display:block;position:absolute;top:calc(50% + 3px);left:0;width:100%;height:1px;background:#e0e0e0}
	.wrap_service li{width:calc(100%/2);min-height:125px}
	.wrap_service li:before{display:none}
	.wrap_service li a{background-size:auto;background-position:50% calc(50% - 12px)}

	/** 공지사항 tab style common **/
	.type_latest a{padding-left:75px;}
	.type_latest strong{width:60px;}
	
	/** 공지사항 **/
	.wrap_notice>ul>li div ul{padding-top:10px;}
	.wrap_notice>ul>li div ul li i{position:relative;}

	/** 국민참여 **/
	.wrap_public{margin-bottom:15px}
	.wrap_public h3,.wrap_public h3 span{display:block}
	.wrap_public h3 span{padding-left:2px;line-height:22px}
	.wrap_public h3 span:before{display:none}
	.wrap_public ul{margin-left:0;padding-bottom:0;border-bottom-width:0}
	.wrap_public ul:before{display:none}
	.wrap_public li{width:100%;margin-left:0}
	.wrap_public li:first-child{margin-top:0}
}
/** 480px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
	/** 알림판 **/
	.wrap_popzone{min-width:100%}
	.wrap_popzone,.wrap_popzone .bx-viewport img{height:240px}

	/** 메뉴 바로가기 **/
	.wrap_shortcut li a{font-size:1.7rem}

	/** 배너사이즈와 위치 **/
	.wrap_banner{padding:15px 0 40px 0}
	.wrap_banner .bx-controls,.wrap_banner .more_banner{top:inherit}
	.wrap_banner .bx-controls{bottom:-10px;left:calc(50% - 77px)}
	.wrap_banner .more_banner{bottom:12px;left:calc(50% + 40px)}
}
/** 414px 끝 **/

/** 384px 시작 **/
@media screen and (max-width:384px){
	/** 지방관리소 목록 **/
	.wrap_org{padding:25px}
	.wrap_org:before{right:25px;left:inherit;transform:scaleX(-1)}
	.wrap_org h3{padding-right:75px}
}
/** 384px 끝 **/

/** 320px 시작 **/
@media screen and (max-width:320px){
	/** 서비스 **/
	.wrap_service li a{background-size:35%}

	/** 자주찾는 서비스 **/
	.wrap_quick li{width:100%;margin:5px 0}
}
/** 320px 끝 **/