@charset "utf-8";

/* 메인비주얼 */
.visual {
	position:relative;
	text-align: center;
}
.visual:focus-visible {
	outline-style: dashed;
	outline-width: 3px;
	outline-offset: 4px;
}	/*20230303 웹 접근성 2차*/
.visual_txt {
	position: absolute;
	z-index:9;
	top:0;
	left:50%;
	margin-left:-600px;
	top:0;
}
.visual_txt_box {

}
.visual_txt_box p.tit_slogan {
	font-size:31px;
	color:#fff;
	line-height:1.1em;
	font-weight:500;
	padding-top:80px;
	text-shadow:1px 2px 3px #000;
}
.visual_txt_box p.tit_apfs {
	font-size:45px;
	color:#fff;
	line-height:1.4em;
	font-weight:600;
	text-shadow:1px 2px 3px #000;
	margin-top:7px;
	letter-spacing:-2px;
}
ul.visual_paging {
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	font-size:0;
	text-align:center;
	z-index:99;
}
ul.visual_paging li {
	display:inline-block;
	margin:0 3px;
	background:#4d4d4d;
	border-radius:100%;
}
ul.visual_paging li.swiper-pagination-bullet a.btn_paging {
	display:block;
	width:18px;
	height:18px;
/* 	border-radius:100%; */
	/*border-color:#999999;*/
	opacity:0.5;
	/* background-color:#0b63ae; */
}
ul.visual_paging li.swiper-pagination-bullet-active a.btn_paging {
	/* background-color:#fff; */
	background-color:#1325ad;	/*23년 웹접근성*/
	border:none;
/* 	outline:3px dashed #3F48CC; */
	opacity:1;
}
/*	메인 화면 > 상단 슬라이드 : 재생/정지 버튼 추가 CSS   2020.10.23   */
.main_visual_control {
	position:relative;
	left:0;
	right:0;
	margin-top:15px;
	bottom:8px;
	/*bottom:8px; 230719 퍼블리싱 원본*/
	font-size:0;
	text-align:center;
	z-index:99;
}
.main_visual_control ul.visual_paging {
	position:static;
	display:inline-block;
	vertical-align:top;
	width:auto;
}
.main_visual_control ul.visual_paging li.swiper-pagination-bullet a.btn_paging {
	opacity:1;
	border-color: #4d4d4d;
	border-width:1px;
	/*border-color:rgba(255,255,255,0.7);*/
	/*box-shadow:1px 1px 4px rgba(0,0,0,0.4);*/
	outline-offset:1px;
	/* -webkit-box-shadow:0px 0px 5px 5px rgba(255, 255, 255,0.6);
	box-shadow:0px 0px 5px 5px rgba(255, 255, 255,0.6); */
}
.main_visual_control .autoplay_cnt {
	display:inline-block;
	vertical-align:top;
	margin-right: 8px;
}
.main_visual_control .autoplay_cnt a {
	display:inline-block;
	vertical-align:top;
	margin-top:-2px;
	/* width:11px;
	height:11px;
	border-radius:100%;
	background-color:#fff;
	margin:0 7px; */
	/* box-shadow:1px 1px 4px rgba(0,0,0,0.4); */
}
.main_visual_control .autoplay_cnt .start {
	display:none;
}
/* .main_visual_control .autoplay_cnt a {
	-webkit-box-shadow:0px 0px 5px 5px rgba(255, 255, 255,0.6);
	box-shadow:0px 0px 5px 5px rgba(255, 255, 255,0.6);
} */
.main_visual_control .autoplay_cnt a img {
	/* vertical-align:top; */
}
ul.visual_paging > li {
	vertical-align:top;
}

/*하단 sns start*/
	.apfs_sns{
		position: relative;
	    background: #fff;
	    border: 1px solid #dedede;
	    border-radius: 20px;
	    color: #2d2d2d;
	    font-weight: 500;
	    line-height: 40px;
	    width:50%;
	    margin: 20px auto 20px;
		max-width:870px;
	}
	.apfs_sns .info{
	    position: relative;
		padding:0px 30px 10px 30px;
		font-weight:bold;
		font-size:18px;
		text-align:center;
	}
	.apfs_sns .list ul{
		display: flex;
		margin: 0 55px;
	}
	.apfs_sns .list ul li a{
		display:grid;
		justify-items:center;
	}
	.apfs_sns .list ul li span{
		text-align:center;
		font-size:18px;
	}
	.apfs_sns img{
		width:70%;
		display:flex;
	}
/*하단 sns end*/

/*사이드바 sns start*/
.sns_wrap{
	position: fixed;
    width: 60px;
    left: 52%;
    height: 426px;
    border: 1px solid #e2e5e9;
    display: inline-block;
    right: 50px;
    top: auto;
    bottom: 235px;
    background: #fff;
    margin-left: 810px;
    z-index: 99;
    border-radius:15px;
}
.sns_wrap ul{
	display: flex;
    flex-direction: column;
    width: 48px;
    margin: 20px auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e5e9;
}
.sns_wrap ul li{
	margin-bottom: 12px;
    text-align: center;
}
.sns_wrap .top{
	display: block;
    width: 48px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
}
.sns_wrap .top img{
	display: block;
    margin: 0 auto 8px;
}
/*사이드바 sns end*/

/*	메인 화면 > 상단 슬라이드 : 재생/정지 버튼 추가 CSS   2020.10.23   */

#section1 {
	position:relative;
	max-width:1280px;
	width:100%;
	margin:0 auto 55px;
}
#section2 {
	clear:both;
	position:relative;
	max-width:1280px;
	width:100%;
	margin:0 auto 60px;
	overflow:hidden;
}
#section3 {
	clear:both;
	position: relative;
	background-color:#e9eef1;
	/* height:221px; */
	padding:0;
}
	.section3_inner {
		position:relative;
		max-width:1280px;
		width:100%;
		margin:0 auto;
	}

/*주요업무*/
.main_business {
	overflow:hidden;
	margin: 0px auto 0;
	padding:28px 0;
	border-radius:15px;
	background-color:#0b63ae;
}
	.main_business ul {
		display:flex;
		justify-content:space-around;
	}
	.main_business ul li {
		position:relative;
		width:14.28%;
		padding:0 28px;
	}
	.main_business ul li::before {
		content:'';
		width:1px;
		height:100%;
		position:absolute;
		top:0;
		margin-left:-28px;
		background-color:#3c82be;
	}
	.main_business ul li:last-child {
		
	}
	.main_business ul li a {
		display:block;
		outline-color:#fff
	}
	.main_business ul li a:hover span {
		/* text-decoration:underline; */
	}
	.main_business ul li a::after {
		content:"";
		display:block;
		background-repeat:no-repeat;
		background-position:right bottom;
	}
	.main_business ul li:nth-child(1) a::after {
		height:62px;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_znva_zrah_1.cat);
	}
	.main_business ul li:nth-child(2) a::after {
		height:63px;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_znva_zrah_2.cat);
	}
	.main_business ul li:nth-child(3) a::after {
		height:60px;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_znva_zrah_3.cat);
	}
	.main_business ul li:nth-child(4) a::after {
		height:61px;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_znva_zrah_4.cat);
	}
	.main_business ul li:nth-child(5) a::after {
		height:60px;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_znva_zrah_5.cat);
	}
	.main_business ul li:nth-child(6) a::after {
		height:58px;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_znva_zrah_6.cat);
	}
	.main_business ul li:nth-child(7) a::after {
		height:56px;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_znva_zrah_7.cat);
	}
	.main_business ul li a span {
		display:block;
		min-height:51px;
		line-height:1.4;
		text-align:left;
		margin:5px 0 30px;
		font-size:18px;
		color:#fff;
		font-weight:700;
		letter-spacing:-1px;
	}

/*메인 공지사항, 보도자료, 채용행사, 해명설명*/
.news_area { 
	position:relative;
	float:left;
	/* width:753px; */
/* 	width:calc(100% - 527px); */
	width:calc(100% - 550px);
	height:355px;
	margin-top:5px;
	margin-left:2px;	/*2023년 웹접근성*/
}
.news_area ul.list {
	display:flex;
	width:100%;
	height:51px;
	border-bottom:2px solid #0b63ae;
}
	li.news01,
	li.news02,
	li.news03,
	li.news04 {
		/* position:absolute; */
		width:100%;
		/* left:0; */
		/* top:0px; */
		z-index:9
	}
	li.news01 p { 
	}
	li.news01 p.tit,
	li.news02 p.tit,
	li.news03 p.tit,
	li.news04 p.tit {
	padding:0px 1px 0px 1px;
		/* position:absolute;
		top:0;
		left:0; */
	}
	li.news02 p.tit {
		left:189px;
	}
	li.news03 p.tit {
		left:378px;
	}
	li.news04 p.tit {
		left:567px;
	}
	li.news01 p.tit a,
	li.news02 p.tit a,
	li.news03 p.tit a,
	li.news04 p.tit a {
		display:block;
		/* width:186px; */
		height:49px;
		padding:16px 0px 12px 0px;
		font-weight:700;
		color:#333; 
		text-align:center;		
		border:1px solid #bbb;
		border-bottom:1px solid #fff;
		border-right:0 none;
		border-radius:10px 10px 0 0;
	}
	li.news04 p.tit a {
		border-right:1px solid #bbb;
	}
	li.news01 p.tit a.hover,
	li.news02 p.tit a.hover,
	li.news03 p.tit a.hover,
	li.news04 p.tit a.hover {
		display:block;
		/* width:186px; */
		height:56px;
		margin-top:-5px;
		padding:18px 0px 15px 0px;
		font-size:18px;
		color:#333;
		text-decoration:none;
		text-align:center;
		border:2px solid #0b63ae;
		border-bottom:2px solid #fff;
		border-radius:10px 10px 0 0;
		letter-spacing:-1px;
	}
	.news01 .more,
	.news02 .more,
	.news03 .more,
	.news04 .more {
		position:absolute;
		top:0px;
		right:0;
		z-index:999
	}   /* 2021.05.06 top:-70px 수정 */
	.news01 .more a,
	.news02 .more a,
	.news03 .more a,
	.news04 .more a {
		
	}
	.news_list {
		position:absolute;
		left:0px;
		top:95px;
		width:100%;
	}
	.news_list li {
		margin-bottom:20px;
		line-height:1.4;
		overflow:hidden;
	}
	.news_list li a {
		display:flex;
		position:relative;
		align-items:center;
		justify-content:flex-start;
		font-size:17px;
		color:#333;
		letter-spacing:-1px;
	}
	.news_list li a strong {
		width:100%;
		font-weight:500;
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
	}
	.news_list li img {
		position:absolute;
		left:-15px;
		top:5px;
		vertical-align: inherit
	}
	.news_list li a .date {
		flex:0 0 100px;
		text-align:right;
		/* float:right;
		font-size:17px;
		color:#333 */
	}

/* 팝업존 (수정171227) */
#popupzone h3,
#popupzone .popup_control,
#popupzone .popup_control li {
	
}
#popupzone {
	overflow:hidden;
	position:relative;
	float:right;
/* 	width:487px; */
	width:530px; /*2024 웹 접근성*/
/* 	margin-top:17px; */
	margin-top:14px;
}
#popupzone .mh_group {
	float:left;
/* 	margin-bottom:15px; */
	margin-top:5px;	/*2024 웹 접근성*/
}
#popupzone .mh_group h3 {
	font-size:18px;
	color:#333;
	font-weight:700;
}
#popupzone .auto_btn {
	height:29px;
	float:right;
}
#popupzone .auto_btn button {
	width:29px;
	height:29px;
	border:2px solid #e3e3e3;
	border-radius:100%;
	background-color:#fff;
	text-indent:-10000em;
}
#popupzone .auto_btn button.play {
	margin-top:5px;	/*2024 웹 접근성*/
	background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Svpb_cbchc_cynl.cat') center center no-repeat;
}
#popupzone .auto_btn button.stop {
	margin-top:5px;	/*2024 웹 접근성*/
	background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Svpb_cbchc_fgbc.cat') center center no-repeat;
}
#popupzone .slide-list {
	margin-top:-10px;
/* 	margin-top:-22px;	2024 웹 접근성 */
	height:350px;
	float:right;
	margin-right:4px;
}
#popupzone .slide-list dt {
	margin-top:7px;
/* 	padding-left:2px; */
	text-align:center;
	font-size:11px;
	float:left;
	position:relative;
	z-index:10;
	padding:10px;
}
#popupzone .slide-list dt a {
	display:block;
	/*background:#dbdbdb;*/
	background:#4d4d4d;
	width:8px;
	height:8px;
	color:black;
	border-radius:100%;
	font-size:0;
	margin:2px;		/*231116 23년 웹접근성*/
	padding:10px;
	outline-offset:1px;
}

#popupzone .slide-list dt a.on {
	background:#1325ad;	/*231116 23년 웹접근성*/
	width:20px;
	height:20px;
	padding:10px;
	border-radius:0%;
/* 	outline:3px dashed #3F48CC; */
}
#popupzone .slide-list dd {
	position:absolute;
	top:38px;
	left:0;
	width: 530px;
	height:280px;
	border-top:2px solid #adadad;
}
#popupzone .slide-list dd img {
	width: 530px;
	height:280px;
}
#popupzone .slide-list dd a.on {
	display:block;
}

/* 팝업존 */
.pzone_area {
	float:right;
	width:350px;
	height:234px;
}
	.pzone_area h3 {
		font-size:20px;
		color:#000;
		font-weight:600;
		padding-bottom:15px;
	}
	.pzone {
		position:relative;
	}

	ul.pzone_paging {
		position:absolute;
		left:0;
		top:-25px;
		text-align:right;
		width:100%;
		font-size:0;
		z-index:9;
	}
	ul.pzone_paging li {
		display:inline-block;
		margin:0 1px;
	}
	ul.pzone_paging li.swiper-pagination-bullet a.btn_paging {
		display:block;
		width:18px;
		height:18px;
		border-radius:100%;
		border:3px solid #7a7a7a;
		opacity:0.5;
	}
	ul.pzone_paging li.swiper-pagination-bullet-active a.btn_paging {
		background-color:#7a7a7a;
		border: none;
		opacity:1;
	}

/*고객참여*/	
.m_communi {
	overflow:hidden;
	margin:0 auto 0;
	padding:30px 0;
	box-sizing:border-box;
}
	/* .m_communi h3 {
		font-size:20px;
		color:#000;
		font-weight:600;
		padding:10px 0 20px;
		background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_pbzzhav_gvg.cat) no-repeat 80px 0;
	} */
	.m_communi ul {
		display:flex;	/*240208 테스트중*/
/* 		display: grid;		240208 테스트중 */
/*     	grid-template-rows: 1fr 1fr;	240208 테스트중 */
/*     	grid-template-columns: 1fr 1fr 1fr 1fr;	240208 테스트중 */
		align-items:flex-start;
		justify-content:space-around;
		width:100%;
	}
	.m_communi ul li {
 		width:25%;	/*240208 테스트중 */
/* 		width:70%;*/	/*240208 테스트중 */
		padding:0 10px;
/* 		padding:10px; */	/*240208 테스트중 */
	}
	.m_communi ul li a {
		display:flex;
		flex-direction:column;
		padding:25px 0px;
		background-color:#fff;
		border-radius:15px;
		box-shadow:0 0 10px rgba(0,0,0,0.2);
		height:170px;
	}
	.m_communi ul li a::after {
		content:"";
		display:block;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.m_communi ul li:nth-child(1) a::after {
		height:100%;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_2.cat);
	}
	.m_communi ul li:nth-child(2) a::after {
		height:100%;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_3.cat);
	}
	.m_communi ul li:nth-child(3) a::after {
		height:100%;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_4.cat);
	}
	.m_communi ul li:nth-child(4) a::after {
		height:100%;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_5.cat);
	}
	.m_communi ul li:nth-child(5) a::after {
		height:100%;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_1.cat);
		}
	.m_communi ul li:nth-child(6) a::after {
		height:100%;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_6.cat%3Sire%3Q1);
		}
	.m_communi ul li:nth-child(7) a::after {
		height:100%;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_7.wct);
		}
	.m_communi ul li:nth-child(8) a::after {
		height:100%;
		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_250211.wct);
		}
/* 	.m_communi ul li:nth-child(7) a::after { */
/* 		height:48px; */
/* 		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_6.cat%3Sire%3Q1); */
/* 	}.m_communi ul li:nth-child(8) a::after { */
/* 		height:48px; */
/* 		background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_freivpr_6.cat%3Sire%3Q1); */
/* 		} */
	.m_communi ul li a span {
		display:flex;
		justify-content:center;
		align-items:center;
		min-height:47px;
		margin-bottom:15px;
		line-height:1.3;
		text-align:center;
		color:#424242;
		font-weight:700;
		font-size:15px;
/* 		letter-spacing:-1px; */
	}

/*자주찾는서비스*/
.quick_service {
	float:right;
	overflow: hidden;
	width:280px;
}
	.quick_service h3 {
		width:280px;
		font-size:20px;
		color:#000;
		font-weight:600;
		padding:10px 0 20px;
		background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Sot_dhvpx_gvg.cat) no-repeat 150px 0;
	}
	.quick_service li {
		width:280px;
		background:#fff;
		border:1px solid #ddd;
		margin-bottom:2px;
	}
	.quick_service li a {
		display:block;
		margin:12px 0 12px 15px;
		font-size:14px;
		font-weight:500;
	}
	.quick_service li.icon_quick01 a {
		background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Svpba_dhvpx01.cat) no-repeat right 0;
		margin-right:10px;
	}
	.quick_service li.icon_quick02 a {
		background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Svpba_dhvpx02.cat) no-repeat right 0;
		margin-right:10px;
	}
	.quick_service li.icon_quick03 a {
		background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Svpba_dhvpx03.cat) no-repeat right 0;
		margin-right:10px;
	}
	.quick_service li.icon_quick04 a {
		background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Svpba_dhvpx04.cat) no-repeat right 0;
		margin-right:10px;
	}
	.quick_service li.icon_quick05 a {
		background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ncsf.xe%2Svzntrf%2Sznva%2Svpba_dhvpx05.cat) no-repeat right 0;
		margin-right:10px;
	}

@media screen and (max-width: 1300px) {
	/* 비주얼 */
	.main_visual_control {
		/* bottom:30px; */
	}
	/* section1 */
	#section1 {
		max-width:100%;
		margin:0;
	}
	.main_business { 
		margin:0 auto 0;
		padding:20px 0;
		background:0 none;
		border-radius:0px;
	}
	.main_business .scroll {
		overflow-x:auto;
	}
	.main_business ul {
		display:inline-block;
		min-width:1300px;
		/* min-height:178px; */
		margin:0 20px;
		overflow-y:hidden;
	}
	.main_business .scroll::-webkit-scrollbar {
		display: none;
	}
	.main_business ul li {
		float:left;
		width:13.48%;
		min-height:179px;
		margin:0 0.4%;
		padding:15px 20px;
		background-color:#0b63ae;
		border-radius:15px;
	}
	.main_business ul li::before {
		display:none;
	}
	
	/* section2 */
	#section2 {
		
	}
	
}

@media screen and (max-width: 1280px) {
	/* section2 */
	#section2 {
		margin:0 auto 40px;
		padding:0 25px;
	}
	/* section3 */
	.m_communi {
		padding:30px 15px;
	}
	
/*하단 sns start*/
	.apfs_sns{
		position: relative;
	    background: #fff;
	    border: 1px solid #dedede;
	    border-radius: 20px;
	    color: #2d2d2d;
	    font-weight: 500;
	    line-height: 40px;
	    width:100%;
	    margin: 20px auto 20px;
	}
	.apfs_sns .info{
	    position: relative;
		padding:0px 30px 10px 30px;
		font-weight:bold;
		font-size:18px;
		text-align:center;
	}
	.apfs_sns .list ul{
		display: flex;
		margin: 0 55px;
	}
	.apfs_sns .list ul li a{
		display:grid;
		justify-items:center;
	}
	.apfs_sns .list ul li span{
		text-align:center;
		font-size:18px;
	}
	.apfs_sns img{
		width:70%;
		display:flex;
	}
/*하단 sns end*/
}

@media screen and (max-width: 1024px) {
	/* 메인비주얼 */
	.visual_txt{position: absolute; width:auto; left:10px; top:0;  margin-left:0; margin: 0 auto; }
	.visual_txt_box p.tit_slogan { font-size:25px; font-weight:500; padding-top:40px; text-shadow:1px 2px 1px #333; }
	.visual_txt_box p.tit_apfs { font-size:30px; text-shadow:1px 2px 1px #333;  }
	/* ul.visual_paging li.swiper-pagination-bullet a.btn_paging { width:15px; height:15px;} */
	
}

@media screen and (max-width: 1000px) {
	/* section1 */
	.main_business ul {
		min-width:1000px;
	}
	.main_business ul li a span {
		font-size:16px;
	}
	/* section2 */
	#section2 {
		margin:0 auto 10px;
	}
	.news_area {
		width:57%;
	}
	.news_list {
		top:80px;
	}
	.news_list li a .date {
		display: none;
	}
	#popupzone {
		width:40%;
	}
	#popupzone .slide-list {
		height:330px;
	}
	#popupzone .slide-list dd {
		width:100%;
		height:100%;
		top:45px;
	}
	#popupzone .slide-list dd img {
		width:100%;
		height:auto;		
	}
	#popupzone .slide-list dt {
	/*margin-top: -5px;*/
	text-align: center;
    font-size: 11px;
    float: left;
    position: relative;
    z-index: 10;
    padding: 0px;
	}	
}

@media screen and (max-width: 900px) {
	/* section2
	.news_list li {
		margin-bottom:15px;
	}
	.news_list li a {
		font-size:15px;
	}
	*/
	/* section3 */
	.m_communi ul li a span {
		min-height:39px;
		font-size:15px;
	}	
}

@media screen and (max-width: 820px) {
	/* section3 */
	.m_communi ul {
		flex-wrap:wrap;
		justify-content:flex-start;
/* 		all:inherit; */		/*240228 테스트중*/
/* 		list-style-type:none; */	/*240228 테스트중*/
/* 		display: flex; */	/*240228 테스트중*/
/*     	flex-wrap: wrap; */	/*240228 테스트중*/
	}
	.m_communi ul li {
		width:50%;
		margin-bottom:15px;
		padding:0 7px;
	}
	.m_communi ul li:last-child {
		margin-bottom:0;
	}
	.m_communi ul li a {
		padding:25px 30px;
		justify-content:center;
	}
	.m_communi ul li a span {
		position:absolute;
		justify-content:flex-start;
		text-align:left;
		margin-bottom:0;
	}
	.m_communi ul li a::after {
		background-position:right center;
	}
}

@media screen and (max-width: 768px) {
	/* 비주얼 */
	.main_visual_control {
		/* bottom:5px; */
	}
	/* section1 */
	.main_business {
		margin:0 auto;
		padding:15px 0 10px;
	}
	.main_business ul li {
		min-height:141px;
	}
	.main_business ul li a span {
		min-height:45px;
		margin:5px 0 10px;
	}
	.main_business ul li a::after {
		background-size:50% auto;
	}
	.main_business ul li:nth-child(1) a::after {
		height:48px;
	}
	.main_business ul li:nth-child(2) a::after {
		height:47px;
	}
	.main_business ul li:nth-child(3) a::after {
		height:46px;
	}
	.main_business ul li:nth-child(4) a::after {
		height:51px;
		background-size:40% auto;
	}
	.main_business ul li:nth-child(5) a::after {
		height:46px;
		background-size:40% auto;
	}
	.main_business ul li:nth-child(6) a::after {
		height:45px;
		background-size:36% auto;
	}
	.main_business ul li:nth-child(7) a::after {
		height:42px;
		background-size:45% auto;
	}
	/* section2 */

	/* section3 */
	
}

@media screen and (max-width: 640px) {
	/* section1 */
	.main_business ul { 
		min-width:800px;
	}
	.main_business ul li {
		min-height:111px;
		padding:10px 15px;
	}
	.main_business ul li a span {
		min-height:40px;
		font-size:14px;
	}
	.main_business ul li a::after {
		background-size:45% auto;
	}
	.main_business ul li:nth-child(1) a::after {
		height:36px;
	}
	.main_business ul li:nth-child(2) a::after {
		height:35px;
	}
	.main_business ul li:nth-child(3) a::after {
		height:34px;
	}
	.main_business ul li:nth-child(4) a::after {
		height:35px;
		background-size:33% auto;
	}
	.main_business ul li:nth-child(5) a::after {
		height:34px;
		background-size:35% auto;
	}
	.main_business ul li:nth-child(6) a::after {
		height:34px;
		background-size:33% auto;
	}
	.main_business ul li:nth-child(7) a::after {
		height:33px;
		background-size:43% auto;
	}
	/* section2 */
	.news_area {
		float:none;
		width:100%;
		height:270px;
	}
	.news_list {
		top:70px;
	}
	.news_list li {
		margin-bottom:10px;
	}
	.news_list li a {
		font-size:14px;
	}
	.news_list li a .date {
		display: block;
	}
	#popupzone {
		float:none;
		width:100%;
		margin:5px auto 15px;
	}
	#popupzone .slide-list dt {	/*2024 웹 접근성*/
		all:initial;
		margin-top:20px;
		float:left;
/* 		margin-top:7px; */
	/* 	padding-left:2px; */
/* 		text-align:center; */
/* 		font-size:11px; */
/* 		float:left; */
/* 		position:relative; */
/* 		z-index:10; */
	/* 	padding:17px 17px; */
	}
	#popupzone .slide-list dt a{
		padding:5px;
	}
	#popupzone .slide-list dt a.on{
		width:10px;
		height:10px;
		padding:5px;
	}
	
	
	/* 메인비주얼 */
	.visual_txt{position: absolute; width:auto; left:10px; top:0;  margin-left:0; margin: 0 auto; }
	.visual_txt_box p.tit_slogan { font-size:18px; font-weight:500; padding-top:20px; text-shadow:1px 2px 1px #333; }
	.visual_txt_box p.tit_apfs { font-size:24px; text-shadow:1px 2px 1px #333;  }
	ul.visual_paging { bottom:10px;}
	ul.visual_paging li{ margin:0 2px}
	/* ul.visual_paging li.swiper-pagination-bullet a.btn_paging { width:12px; height:12px; border:2px solid #fff; } */
	
	li.news01 p.tit a.hover,
	li.news02 p.tit a.hover,
	li.news03 p.tit a.hover,
	li.news04 p.tit a.hover {
		font-size:16px;
	}
}

@media screen and (max-width: 600px) {
	/* section3 */
	.m_communi ul li {
		width:100%;
	}
	.m_communi ul li a {
		padding:20px 25px;
		height:100px;
	}
}

@media screen and (max-width: 460px){
	/* 메인비주얼 */
	.visual_txt{position: absolute; width:auto; left:10px; top:0;  margin-left:0; margin: 0 auto; }
	.visual_txt_box p.tit_slogan { font-size:12px; padding-top:20px; text-shadow:1px 1px 1px #333; }
	.visual_txt_box p.tit_apfs { font-size:15px; text-shadow:1px 1px 1px #333; margin-top:2px;  }
	ul.visual_paging { bottom:10px;}
	ul.visual_paging li{ margin:0 2px}
	ul.visual_paging li.swiper-pagination-bullet a.btn_paging { width:12px; height:12px;}
	.main_visual_control .autoplay_cnt a{
		width: 12px;
		height: 12px;
	}
	.main_visual_control{
		bottom: 0px;
	}
	/* section1 */
	.main_business {
		padding:15px 0;
	}
	.main_business ul {
		display:-webkit-box;
		-webkit-line-clamp:1;
		min-width:100%;
	}
	.main_business ul li {
		width:170px;
		min-height:auto;
	}
	.main_business ul li a span {
		min-height:auto;
		margin:5px;
		text-align:center;
	}
	.main_business ul li a span br {
		display:none;
	}
	.main_business ul li a::after {
		display:none;
	}
	.main_business ul li a .spacing {
		letter-spacing:5px;
	}
	
/*하단 sns start*/
	.apfs_sns{
	position: relative;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 20px;
    color: #2d2d2d;
    font-weight: 500;
    line-height: 20px;
    margin: 20px auto 20px;
    width:100%;
	}

	.apfs_sns .info{
	    position: relative;
		padding:0px 30px 10px 30px;
		font-weight:bold;
		font-size:14px;
		text-align:center;
	}
	
	.apfs_sns .list ul{
	display: flex;
	margin: 0 0 15px 0;
	}
	.apfs_sns .list ul li a{
		display:grid;
		justify-items:center;
	}
	
	.apfs_sns .list ul li span{
		text-align:center;
		font-size:18px;
		display:none;
	}
	
	.apfs_sns img{
		width:80%;
		display:flex;
	}
/*하단 sns end*/
}