.scroll_top p{font-size:0}

.area_visual, .area_visual ul li{position:relative; height:500px; width:100% !important; background-position:50%; background-size:cover;}
.area_visual ul li .text{position: absolute; top: 50%; left:0; right: 0; width:100%; transform: translate(0,-50%); color:#fff; text-align:center;}
.area_visual ul li .text h2{font-size:40px; font-weight:500;}
.area_visual ul li .text h2 b{display:block; font-size:95px; font-weight:600;}
.area_visual ul li .text p{margin:10px 0 0 0; font-size:55px; font-weight:bold; }
.area_visual ul li .text span{z-index:9; position:relative; display:inline-block; font-size:18px;}
.area_visual ul li .text span:before{z-index:-1; content:''; display:block; position:absolute; left:-80px; top:-15px;width:125px; height:85px; background:url(../images/main/simbol.svg) no-repeat;}
.area_visual .bx-controls-direction{display:none;}
.area_visual .bx-controls.bx-has-pager{position:relative; width:1200px; margin:0 auto;}
.area_visual .bx-pager.bx-default-pager{z-index:98; position:absolute; bottom:200px; right:0;}
.area_visual .bx-pager-item .bx-pager-link{box-sizing:border-box; display:block; width:10px; height:10px; margin:12px 0; border:1px solid #fff; border-radius:50%; text-indent:-9999px; transition:all 0.3s ease-in-out 0s;}
.area_visual .bx-pager-item .bx-pager-link.active{background:#fff; border:1px solid #fff; transition:all 0.3s ease 0s;}
.area_visual .call_banner{position:absolute; bottom:0; right:0; width:580px; z-index:1000;}
.area_visual .call_banner > div{overflow:hidden;}
.area_visual .call_banner .box{width:50%; float:left; padding:30px; box-sizing:border-box;}
.area_visual .call_banner .box a{display:block; color:#fff;}
.area_visual .call_banner .box a h3{font-size:20px; font-weight:300;}
.area_visual .call_banner .box a p{font-size:30px; font-weight:600;}
.area_visual .call_banner .box a span{font-weight:300;}
.area_visual .call_banner .box.one{background:#3b79c2;}
.area_visual .call_banner .box.two{background:#1a51ac;}

.text_ani{padding:10px 25px;z-index:90; position:absolute; top:5%; left:5%;}
h4.demo2{font-size:26px; color:#fff;}

/* 메뉴 */
.area_menulist {overflow:hidden; margin-bottom:50px}
.area_menulist h2{margin-bottom:40px; text-align:center; font-size:40px; font-weight:600}
.area_menulist ul li{position:relative;float:left;width:25%;text-align: center;}
.area_menulist ul li b{/* float:left; */display:inline-block;width:80px;height:80px;background:#f0f8fe;border-radius:50%;transition:0.5s;}
.area_menulist ul li:hover b{background:#16499a; transition:0.5s}
.area_menulist ul li img{display:block; height:40px; margin:20px auto;}
.area_menulist ul li span{display: inline-block;position:relative; height:80px; margin-left:20px; vertical-align: bottom; font-family: 'LotteMartDream';font-weight:600;font-size:20px;color:#111;}
/*.area_menulist ul li span i{line-height: 1.3; display:block; position:absolute; top:50%; transform: translateY(-50%); width: 100%;}*/
.area_menulist ul li:nth-child(3) span,
.area_menulist ul li:nth-child(4) span{line-height: 3;}

/* 민원업무 */
.area_complaint{padding:80px 0; overflow:hidden; clear:both; text-align:center;width:100%; background:#fafafa;}
.area_complaint h2{font-size:40px; font-weight:600;}
.area_complaint h2 b{display:block; font-size:65px; font-weight:600;}
.area_complaint .wrapper ul{}
.area_complaint .wrapper ul li{float:left; width: -webkit-calc(25% - 23px); width: calc(25% - 23px); height:300px; margin-right:30px;}
.area_complaint .wrapper ul li:last-child{margin-right:0;}
.area_complaint .wrapper ul li a{position:relative;  display:block; width:100%; height:100%; transition:0.5s}
.area_complaint .wrapper ul li a:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%;  background:#000; opacity:0.1;}
.area_complaint .wrapper ul li a p{position:absolute; width:100%; top:50%; color:#fff; font-size:24px;  transform: translateY(-50%); font-family: 'LotteMartDream';}
.area_complaint .wrapper ul li a:hover:before{background:#184d9f; opacity:0.8; transition:0.5s}

/* 게시판 */
.area_board{overflow:hidden; margin:50px 0;}
.area_board h2{position:relative; margin-bottom:25px; padding-bottom:25px; background:url('../images/main/line.jpg') repeat-x center bottom;  font-size:20px; color:#111; font-weight:600; text-align: left;}
.area_board h2 .btn_more{display:block; position:absolute; top:0; right:0; width:30px; height:30px; text-indent:100%; font-size:0; border:1px solid #f4f4f4; background-color: #fff; border-radius: 50%; transition:all .5s ease 0s;}
.area_board h2 .btn_more:before,
.area_board h2 .btn_more:after{content:''; display:block; position:absolute; top:50%; left:50%; margin:-2px -5px 0; width:11px; height:3px; background-color:#4d4d4d;}
.area_board h2 .btn_more:after{margin:-6px 0 0 -1px; width:3px; height:11px;}
.area_board > .wrapper > div{box-sizing:border-box; float:left; width: -webkit-calc(25% - 20px); width: calc(25% - 20px); min-height:355px; margin-right:26px; padding:30px 20px ; border:1px solid #e6e6e6;}
.area_board > .wrapper > .notice ul li{overflow:hidden; position:relative; margin-bottom:18px; padding:0 80px 0 10px;word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.area_board > .wrapper > .notice ul li:before{content:''; position:absolute; left:0; top:8px; display:block; width:3px; height:3px; background:#111;}
.area_board > .wrapper > .notice ul li span{position:absolute; right:0; top:0; color:#999; font-size:14px;}
.area_board > .wrapper > .gallery .image{width:100%; height:175px; border-radius:20px;}
.area_board > .wrapper > .gallery p{margin-top:10px; text-align:center;}
.area_board > .wrapper > .search{margin-right:0;}
.area_board > .wrapper > .search .search_wrap{overflow:hidden; }
.area_board > .wrapper > .search .search_wrap select#company{box-sizing:border-box;float: left;width:32%; height:45px;}
.area_board > .wrapper > .search .search_wrap input#main_keyword{box-sizing:border-box;float: left; margin:2px 1%; width:41%; height:45px;}
.area_board > .wrapper > .search .search_wrap input#search_btn_on{box-sizing:border-box;float: left; min-width:auto; width:25%; background:#174ea1; border:1px solid #174ea1;}
.area_board > .wrapper > .search .search_wrap > *{}
/*
.area_board > .wrapper > .search ul{clear:both; margin-top:40px;}
.area_board > .wrapper > .search ul li{overflow: hidden; margin-bottom:15px;}
.area_board > .wrapper > .search ul li span{float:left; line-height: 33px;}
.area_board > .wrapper > .search ul li select{float:right;}
*/

.area_board .btn_list{margin-top:20px;}
.area_board .btn_list li{box-sizing:border-box; float:left; width:100%; padding:15px; margin-bottom:10px; background:#eb9b1e url(../images/main/icon_btn.png) no-repeat center right 20px; }
.area_board .btn_list li a{display:block; width:100%; height:100%; color:#fff; text-align:center;}
.area_board .btn_list li:last-child{margin-bottom:0; background:#33a351 url(../images/main/icon_btn.png) no-repeat center right 20px; }

/* 파트너사 */
.area_partner{ padding:30px 0; border-top:1px solid #ddd;}
.area_partner .wrapper{box-sizing:border-box; position:relative; }
.area_partner .wrapper ul{padding-right:100px;}
.area_partner .slick-next{top:15px; right:0; width:32px; height:32px; background:url(../images/main/btn_right.png) no-repeat 50% 50%; transition: all 0.7s ease-out;}
.area_partner .slick-next:before{display:none !important;}
.area_partner .slick-prev{top:15px; z-index:99; right:50px; left:auto; width:32px; height:32px; margin-left:-5px; background:url(../images/main/btn_left.png) no-repeat 50% 50%; transition: all 0.7s ease-out;}
.area_partner .slick-prev:before{display:none !important;}


@media screen and (max-width:1240px){
	
	.area_visual .bx-controls.bx-has-pager{width:96%;}
	
	.area_board > .wrapper > div{width: -webkit-calc(25% - 8px); width: calc(25% - 8px);  margin-right: 10px;}
	.area_board > .wrapper > .search ul li span{line-height:1.2; width: -webkit-calc(100% - 171px); width: calc(100% - 171px); word-break:keep-all; }
	.area_board > .wrapper > .search .search_wrap select#company{font-size:13px}

}

@media screen and (max-width:1120px){
	.area_board h2{font-size:20px;}

	.area_board > .wrapper > div{width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-right:16px; margin-bottom:20px;}
	.area_board > .wrapper > div:nth-child(2n){margin-right:0}
}

@media screen and (max-width:1023px){
	.area_visual ul li .text h2 b{font-size:45px;}
	.area_board{margin:80px 0;}

	.area_board > .wrapper > div{min-height:371px; width: -webkit-calc(50% - 10px); width: calc(50% - 10px);}
	
	.area_complaint h2,
	.area_menulist h2{font-size:30px}

	.area_menulist ul li b{float:left;}
	.area_menulist ul li span{width: -webkit-calc(100% - 100px); width: calc(100% - 100px); text-align:left;}
	.area_menulist ul li span i{line-height: 1.3; display:block; position:absolute; top:50%; transform: translateY(-50%); width: 100%;}

}

@media screen and (max-width:800px){
	.area_complaint .wrapper ul li{width: -webkit-calc(50% - 5px);  width: calc(50% - 5px); height:250px; margin-right:10px; margin-bottom:14px; background-size:cover !important}
	.area_complaint .wrapper ul li:nth-child(2n){margin-right:0}

	.area_menulist ul li{width:33.3%;}
	
}

@media (max-width: 767px){
	.area_board > .wrapper > .search ul li select,
	body,
	p,
	li,
    a{font-size:14px;font-family: Sans-serif;}

	
	.area_visual, .area_visual ul li{height:300px;}
	.area_visual ul li .text h2{font-size:25px;}
	.area_visual ul li .text span{font-size:15px;}
	.area_visual ul li .text p{font-size:45px;}
	.area_visual ul li .text span:before{ left:-40px; top:-3px; width:70px; height:45px;}

	h4.demo2{font-size:18px;}

	.area_visual .bx-pager.bx-default-pager{width:100%; bottom:30px; text-align:center;}
	.area_visual .bx-pager-item{display:inline-block; margin:0 8px;}

	.area_complaint .wrapper ul li a p{font-size:20px;}

	.area_board > .wrapper > .notice ul li{margin-bottom:8px;}	
	.area_board > .wrapper > div{width:100%; min-height:auto; padding:15px; margin-right:0; margin-bottom:15px;}
	.area_board > .wrapper > div.search{margin-bottom:0}
	.area_complaint h2, .area_menulist h2{font-size:25px;}
	
	.area_board{margin:20px 0 40px 0;}
	.area_complaint{padding:40px 0}

	.area_board h2 .btn_more{top:-5px; width:30px; height:30px; border:0}

	.area_menulist{margin-bottom:15px;}

}

@media screen and (max-width:650px){
	.area_menulist ul li{width:50%; margin-bottom:15px;}
	.area_menulist ul li span{font-size:16px;}

	.area_menulist ul li img{height:35px;}
	.area_board h2{margin-bottom:10px; padding-bottom:10px; font-size:18px;}

	.area_board > .wrapper > .search .search_wrap select#company{width:29%;}
	.area_board > .wrapper > .search .search_wrap input#main_keyword{width:44%;}
	
	.area_visual ul li .text{margin-top:100px;}
	.area_visual, .area_visual ul li{display:none;}

	.area_complaint .wrapper ul li{height:150px;}

}

@media screen and (max-width:500px){

	.area_menulist ul li b{width:60px; height:60px;}
	.area_menulist ul li img{height:20px;}
	.area_menulist ul li span{width: -webkit-calc(100% - 80px); width: calc(100% - 80px);height:60px; font-size:14px;}

	.area_complaint .wrapper ul li a p{font-size:17px;}

	.area_partner .slick-slide img{height:25px;}
	.area_board > .wrapper > .search ul li select{font-size:14px;}
}