@charset "utf-8";



#nav{border-bottom:1px solid #eee}
#nav .nav_wr{margin:0 auto;max-width:1280px;text-align:left;padding: 0 ;line-height:50px;}
#nav a{color:#fff;background:#333;display:inline-block;width:50px;text-align:center}
#nav span{display:inline-block;padding:0 20px;border-right:1px solid #eee}



.wrap {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	min-width: 320px;
}
section {
	padding: 0 0;
	overflow: hidden;
}

	section h4 {
		font-family: 'yg-jalnan';
		padding-top:-20px;
		font-size: 25px;
		font-weight: 700;
		text-align: center;
	}

	section h41 {
	  font-family: 'S-CoreDream-3Light';
		padding-top:-20px;
		font-size: 25px;
		font-weight: 700;
		text-align: center;
	}

	section .sub_title {
		padding-top:-20px;
		font-size: 15px;
		font-weight: 700;
		text-align: center;
		color:#5B5B5B;
	}

.sub_title1{
		 font-family: 'S-CoreDream-3Light';
		padding-top:-20px;
		font-size: 15px;
		font-weight: 400;
		text-align: center;
	    border:0px solid green;
}
.table4 {
	
	margin: 10px auto;
	max-width: 1280px;
	min-width: 320px;
}
.table4_tr {
	width: 24%;
	text-align: center;
	float: left;

	margin:3px;
    border:0px solid #D1D1D1;


}


.table3 {
	
	margin: 10px auto;
	max-width: 1280px;
	min-width: 320px;
}
.table3_tr {
	width: 32%;
	text-align: center;
	float: left;
	padding: 10px;
	margin:3px;
    border:0px solid #D1D1D1;


}

.table2 {

	margin: 10 auto;
	max-width: 1280px;
	min-width: 320px;
}
.table2_tr {
	width: 49%;
	text-align: left;
	float: left;
	padding: 5px;
	margin:3px;
    border:0px solid #D1D1D1;
	display: block;
	

}


.worry {
	position: relative;
	margin: 40px auto 0 auto;
	max-width: 1200px;
	min-width: 320px;
}

.worry_card {
	width: 33.33%;
	text-align: center;
	float: left;
	padding: 0 0 0 35px;

}

	.worry_card p {
		font-weight: 700;
		margin-bottom: 10px;
		line-height: 1.2em;
		font-family: 'yg-jalnan';
	}

	.worry_card div {
		background: white;
		padding: 30px;
		border:1px solid #D1D1D1;
			cursor: pointer;
		
	}
.worry_card div:hover {
	box-shadow: 2px 2px 2px 2px #d1d1d1;
	border:3px solid blue;
	top:10px;
	border-radius: 20px;
	-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
.worry_card div:hover  p{ 
	color:blue;
	font-size:15px;
	font-weight: 900;
	cursor: pointer;
	text-decoration: underline;
		-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}

.worry_card div:hover  span span1{ 
	color:red !important;
	font-size:19px !important;
	font-weight: 900;
	cursor: pointer;
	padding:15px !important;
	text-decoration: underline;
		-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
}

	.worry_card img {
		margin: 0 auto;
	}
.as_master2 {
	margin: -10px 0 0 0px;
	overflow: hidden;
}	
.as_master2 li {
	/*width: 33.33%;*/
	width:48%;
	float: left;

	padding: 0 0 15px 0px;
}

.as_master {
	margin: 40px 0 0 -35px;
	overflow: hidden;
}	
.as_master li {
	/*width: 33.33%;*/
	width:25%;
	float: left;
	min-height: 150px;
	padding: 0 0 35px 35px;
	
}

.as_master div {
	border: 1px solid #eee;
	text-align: center;
	 padding: 0px 0px 50px 0px; 
	background-color:white;
}
	.as_master div img{
		width:100%;
		height:150px;
	}
.as_master p {
	font-family: 'yg-jalnan';
	padding-top: 15px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}	

.intro-banner { position: relative; width: 100%; padding: 75px 70px; overflow: hidden; border-radius: 20px;
background: #20c267 ; /* Old browsers */ /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #20c267  0%,#029b4d  100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear,  left top, left bottom,  from(#20c267 ),to(#029b4d ));
background: -o-linear-gradient(top,  #20c267  0%,#029b4d  100%);
background: linear-gradient(to bottom,  #20c267  0%,#029b4d  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076d1', endColorstr='#5a42ec',GradientType=0 ); /* IE6-9 */ margin-bottom: 50px; }
.intro-banner .tit { position: relative; font-size: 4.3rem; color: #fff; background-image: url(../../../img/sub/hanam/tit_bg.png); background-repeat: no-repeat; background-position: bottom left; background-size: 230px 25px;}
.intro-banner .txt { font-size: 2rem; color: #fff; line-height: 1.5; margin-top: 10px; word-break: keep-all;}
.intro-banner .sub-txt { color: rgba(255,255,255,0.8); line-height: 1.5; margin-top: 10px; word-break: keep-all; font-weight: 100; font-size: 1.3rem; }
.intro-banner img.bn_item { position: absolute; top: 11px; right: 25px; width: 372px;height: auto;}
.intro-banner.intro img.bn_item {top: 43px;}
.intro-banner img.item { position: absolute; }
.intro-banner img.item01 { width: 180px; height: 141px; top: 0; left: -30px; }
.intro-banner img.item02 { width: 182px; height: 78px; bottom: 0; left: 400px; }
.intro-banner img.item03 { width: 83px; height: 101px; top: 57px; right: 30px; }
.intro-banner img.item04 { width: 120px; height: 70px; top: 20px; right: 485px; }

@media all and (max-width: 1024px) {
	.intro-banner { padding: 35px 60px; }
	.intro-banner img.bn_item { opacity: .7; width: 384px; height: 331px; }
	.intro-banner .tit { font-size: 2.8rem; -webkit-background-size: 175px 175px; background-size: 175px;}
	.intro-banner .txt { font-size: 1.5rem; margin-top: 10px;}
}
@media all and (max-width: 768px) {
	.intro-banner { text-align: center; }
	.intro-banner img.bn_item { opacity: .1; }	
	.intro-banner .tit { background-position: bottom center; }
	.intro-banner .btn-wrap { text-align: center; }
	.intro-banner .btn-wrap button { float: none; }
	.intro-banner .btn-wrap .btn-left { float: none; }
}
@media all and (max-width: 550px) {
	.intro-banner { padding: 30px 20px; }
	.intro-banner .txt br { display: none; }
}

.cont-title .box-text { padding: 15px; }
.box-text b { margin-bottom: 5px; display: block; }
.sources { display: block; font-size: 1.2rem; color: #666; margin-top: 5px; }
.cont-title img { margin:  20px auto 0; display: block; max-width: 100%; }
table.normal-table tbody tr td { height: auto; padding: 10px 3px; line-height: 18px; }

/* 마을리빙랩 하남e스스로 프로세스 */
.process-wrap { padding-top: 20px; }
.process-wrap .card { float: left; width: calc(25% - 25px); text-align: center; margin-right: 33.3333px; position: relative; }
.process-wrap .card:last-child { margin-right: 0; }
.process-wrap .card:after { position: absolute; content: ''; width: 30px; height: 30px; background: url(../../../img/common/navi_arrow_next.svg); background-size: 30px; top: 42px; right: -32px; opacity: .2; }
.process-wrap .card:last-child:after { display: none; }
.process-wrap .card .header { padding: 20px 15px; font-size: 1.4rem; background: #000F82; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.process-wrap .card.last .header { padding: 12px 15px; }
.process-wrap .card .content { border: 1px solid #dee3eb; font-size: 1.4rem;  border-top: none; padding: 20px 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
@media all and (max-width: 920px) {
	.process-wrap .card { width: calc(50% - 25px); margin-right: 25px; margin-bottom: 20px; }
	.process-wrap .card:after { position: absolute; content: ''; width: 30px; height: 30px; background: url(../../../img/common/navi_arrow_next.svg); background-size: 30px; top: 42px; right: -28px; opacity: .2; }
	.process-wrap .card:last-child:after { display: none; }
}
@media all and (max-width: 550px) {
	.process-wrap .card { width: calc(100%); margin-right: 0; margin-bottom: 30px; }
	.process-wrap .card:after { position: absolute; content: ''; width: 30px; height: 30px; background: url(../../../img/common/navi_arrow_next.svg); background-size: 30px; top: auto; bottom: -28px; right: 50%; margin-right: -15px; opacity: .2; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); }
	.process-wrap .card .header { padding: 12px 15px; }
}

.clearfix:after { display:block; clear:both; content: ''; }

.cont-layout { position: relative; }
.cont-layout .c-group { position: relative; margin-top: 70px; padding-top: 70px; border-top: 7px solid #eee; }
.cont-layout .c-group .c-title-box { float: left; width: 330px;}
.cont-layout .c-group .c-title-box p { font-size: 22px; font-weight: 700; }
.cont-layout .c-group .c-text-box { float: left; width: calc(100% - 330px); }
.cont-layout .c-group .c-text-box .c-box { position: relative; padding-left: 20px; top: 5px; word-break: keep-all; }
.cont-layout .c-group .c-text-box .c-box:not(:first-child) { margin-top: 30px; }
.cont-layout .c-group .c-text-box .c-box:before { content: ''; display: block; position: absolute; top: 16px; left: 0; width: 8px; height: 8px; border-radius: 10px; background: #00ce84; }
.cont-layout .c-group .c-text-box .c-box:after { content: ''; display: block; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; border-radius: 10px; background: #005fea; }
.cont-layout .c-group .c-text-box .c-box .tit { font-size: 20px; padding-bottom: 20px;}
.cont-layout .c-group .c-text-box .c-box .txt-box {background:#f1f2f4; padding:20px 25px; border-radius: 10px; border:1px solid #dee3eb; line-height: 1.9; font-size: 14px; color:#777; }
.cont-layout .c-group .c-text-box .c-box .txt-box .txt { position: relative; padding-left: 15px;}
.cont-layout .c-group .c-text-box .c-box .txt-box .txt:before { content: ''; position: absolute; top:12px; left:0; width:3px; height: 3px; border-radius:5px; background:#aaa;}
.cont-layout .c-group .c-text-box .c-box .txt-box .txt .wb { width:150px; display: inline-block; }
.cont-layout .c-group .c-text-box .c-box .img-box { margin-top: 20px;}
.cont-layout .c-group .c-text-box .c-box .img-box img { max-width: 100%; }

@media (max-width: 768px) {
	.cont-layout .c-group { padding: 50px 20px 20px; margin-top: 50px; }
	.cont-layout .c-group .c-title-box { float: none; width: 100%; padding-bottom: 30px;}
	.cont-layout .c-group .c-text-box { float: none; width: 100%; }
}
@media (max-width: 480px) {
	.cont-layout .c-group .c-text-box .c-box .txt-box .txt:not(:last-child) { margin-bottom: 15px; }
	.cont-layout .c-group .c-text-box .c-box .txt-box .txt .wb { display: block; }
}

.c-group img.img-mo {display:none}

@media(max-width:500px) {
	.c-group img.img-mo {display:block}
	.c-group img.img-pc {display:none}
}

.content-wrap .intro-banner .btn-wrap button { position: relative; top: 0; font-weight: 600; font-size: 1.5rem; height: 40px; -webkit-box-shadow: 0 15px 25px 0px rgba(0,133,102,0.25); box-shadow: 0 15px 25px 0px rgba(0,133,102,0.25); -webkit-transition: top .2s; -o-transition: top .2s; transition: top .2s; }
.content-wrap .intro-banner .btn-wrap button:hover { top: -3px; }
.content-wrap .intro-banner .btn-wrap button.bd-white { background: #0aa554; color: #fff; border:1px solid #fff; font-weight: 500; font-size: 1.3rem; }
.content-wrap .intro-banner .btn-wrap button.bd-white i { margin-right: 4px; }

/* 홍보영상 레이어팝업 */
.layer-pop-wrap .layer-box { width: 1000px; }
.layer-pop-wrap .layer-box .body {max-height:600px}
	.cont-title { position: relative; margin-top: 70px;font-size:15px; }
.cont-title:first-child { margin-top: 0; }
.cont-title .title {font-size: 18px;position: relative; padding-left: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dee3eb; }
.cont-title .title:before { content: ''; display: block; position: absolute; top: 16px; left: 0; width: 8px; height: 8px; border-radius: 10px; background: #00ce84; }
.cont-title .title:after { content: ''; display: block; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; border-radius: 10px; background: #005fea; }
.cont-title .sub-title {font-size: 14px; margin-top: 10px;}
.cont-title .text { padding-top: 10px;line-height: 1.5;font-size: 12px;}
.cont-title .box-text {padding: 10px;line-height: 1.5;font-size: 12px;background: #f1f1f1;margin-top: 10px; border-radius: 5px;}

/* 서브페이지 body-container */
.body-container .sub-banner-wrap { display: none; }
/*
.body-container .sub-banner-wrap { width: 100%; height: 250px; overflow: hidden; position: relative; background-image: url(../../img/sub/sub-common/sub_banner.png); -webkit-background-size:cover; background-size:cover; background-repeat: no-repeat; background-position: center; }
.body-container .sub-banner-wrap .title-area { position: relative; padding-top: 85px;}
.body-container .sub-banner-wrap .title-area p { font-size: 2.5rem; line-height: 25px; margin-bottom: 17px; font-weight: 100; color: #1f1f1f; }
.body-container .sub-banner-wrap .title-area h1 { font-size: 5rem; font-weight: 400; line-height: 50px; color: #1f1f1f; }
.body-container .sub-banner-wrap .title-area img { position: absolute; top: 20px; right: 60px; width: 405px; }
*/
.body-container .sub-menu-wrap { position: relative; border-bottom: 1px solid #dee3eb; border-top: 1px solid #dee3eb; background: #f3f4f6; }
.body-container .sub-menu-wrap .sub-menu { position: relative; padding: 0;}
.body-container .sub-menu-wrap .sub-menu h2 { position: relative; display: inline-block; padding-right: 45px; font-weight: 600; font-size: 1.5rem; color: #1f1f1f; }
.body-container .sub-menu-wrap .sub-menu h2:before { content: ''; position: absolute; top: 10px; right: 0; width: 5px; height: 5px; background: #ccd1db; }
.body-container .sub-menu-wrap .sub-menu ul { display: inline-block; }
.body-container .sub-menu-wrap .sub-menu ul li { display: inline-block; padding: 17px 23px; font-size: 1.5rem; }
.body-container .sub-menu-wrap .sub-menu ul li a { position: relative; display: inline-block; color: #444;}
.body-container .sub-menu-wrap .sub-menu ul li a:after { width: 0; content: ''; position: absolute; bottom: 0; left: -10px; height: 10px; border-radius: 10px; background: rgba(0,107,214,0.2); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }
.body-container .sub-menu-wrap .sub-menu ul li:hover a:after,
.body-container .sub-menu-wrap .sub-menu ul li.select a:after { width: -webkit-calc(100% + 20px); width: calc(100% + 20px); }

.body-container .content-wrap { width: 100%; position: relative; }
.body-container .content-wrap .content-area { padding-top: 70px; padding-bottom: 70px; }
.body-container .content-wrap .content-area h1.ui-title { margin-top: 50px; }
.body-container .content-wrap .content-area h1.ui-title:first-child { margin-top: 0; }
.body-container .content-wrap .content-area h1.ui-title p { font-size: 1.6rem; margin-top: 10px;}


@media all and (max-width: 1200px) {
	/* 컨텐츠 width 공통 */
	.wrapper .cont-width { width: 100%; padding: 10px;}

	/* header */
	.header-container .nav-wrap { height: 170px; }
	.header-container .nav-wrap .logo-area { float: none; width: 100%; position: absolute; top: 0; left: 0; clear: both; }
	.header-container .nav-wrap ul.gnb-area { width: 50%; top: 40px; }
	.header-container .nav-wrap ul.gnb-area > li ul li a { font-size: 1.3rem; }

	/* 서브페이지 네비 */
	.body-container .sub-menu-wrap .sub-menu { padding: 0 10px; }
	.body-container .sub-banner-wrap .title-area img { width: 310px; }
}

@media all and (max-width: 800px) {
	/* cont-area */
	.body-container .content-wrap .content-area  { padding-top: 40px; padding-bottom: 40px; }

	/* 검색 (셀렉트+인풋+검색버튼) */
	.search-wrap .search-area { float: none; }
	.search-wrap .search-area .input-box { width: calc(100% - 220px); }
	.search-wrap .search-area .input-box input[type="text"].text-input { width: 100%; }

}

@media all and (max-width: 768px) {
	/* header */
	.header-container .nav-wrap ul.gnb-area > li > a { font-size: 1.6rem; }
	.header-container .nav-wrap ul.gnb-area > li ul li a { font-size: 1.3rem; }

	/* 서브페이지 네비 */
	.body-container .sub-menu-wrap .sub-menu { text-align: center;}
	.body-container .sub-menu-wrap .sub-menu h2 { display: none; }
	.body-container .sub-menu-wrap .sub-menu ul li { font-size: 1.5rem; padding: 23px 10px; }

	/* 서브페이지 배너 */
	.body-container .sub-banner-wrap { height: 160px; }
	.body-container .sub-banner-wrap .title-area { padding-top: 50px; text-align: center; }
	.body-container .sub-banner-wrap .title-area p { font-size: 2.2rem; margin-bottom: 2px; }
	.body-container .sub-banner-wrap .title-area h1 { font-size: 3.5rem; }
	.body-container .sub-banner-wrap .title-area img { display: none; }

	/* 검색 (셀렉트+인풋+검색버튼) */
	.text-btn-input .text-input-wrap .btn-wrap { width: 50%; }
	.text-btn-input .text-input-wrap input[type="text"].text-input.num { width: 50%; }
}

@media all and (max-width: 728px) {
	/* header */
	.header-container .nav-wrap ul.gnb-area.right > li:last-child > a { padding: 30px 0 12px; }
}

@media all and (max-width: 600px) {
	/* header */
	.header-container .nav-wrap { height: 76px; }
	.header-container .nav-wrap .mo-hamburger { display: block; }
	.header-container .nav-wrap .logo-area { width: auto; left: 20px; margin: 20px 0;}
	.header-container .nav-wrap .logo-area img { width: 105px; }
	.header-container .nav-wrap .login-area,
	.header-container .nav-wrap ul.gnb-area { display: none; }

	/* 모바일 네비 */
	.header-container .nav-wrap .mo-gnb-area.show .mo-gnb-wrap { width: 80%; }

	/* 서브페이지 네비 */
	.body-container .sub-menu-wrap .sub-menu ul li { padding: 15px 7px; font-size: 1.4rem; }


	/* 검색 (셀렉트+인풋+검색버튼) */
	.search-wrap .search-area .select-box { width: 100px; }
	.search-wrap .search-area .input-box { width: calc(100% - 200px); }

	/* board-wrap list */
	.board-wrap .list .head { display: none; }
	.board-wrap .list .body .row { padding: 20px 0; }
	.board-wrap .list .body .row .td { padding: 0; }
	.board-wrap .list .body .row .td.num { display: none; }
	.board-wrap .list .body .row .td.title,
	.board-wrap.news-board .list .body .row .td.title { width: 100%; margin-bottom: 10px; font-size: 1.4rem;}
	.board-wrap .list .body .row .td { position: relative; padding-right: 20px; font-size: 1.2rem; }
	.board-wrap .list .body .row .td:after { content: ''; position: absolute; top: 4px; right: 10px; width: 1px; height: 10px; background: #aaa; }
	.board-wrap .list .body .row .td.num:after { display: none; }
	.board-wrap .list .body .row .td.title:after { display: none; }
	.board-wrap .list .body .row .td:last-child:after { display: none; }
	.board-wrap .list .body .row .td.date,
	.board-wrap .list .body .row .td.view { width: auto; color: #888; }
	.board-wrap .list .body .row.fix {padding: 20px 10px;}
	.board-wrap .list .body .row.fix .td.title { width: calc(100% - 40px); }
	.board-wrap .list .body .row.fix .td.num { display: block; width: auto; margin-right: 10px; padding: 0; }
	.board-wrap .list .body .row .td .m-tit { display: inline-block; margin-right: 5px; color: #888; }
	.board-wrap.news-board .list .body .row .td.writer {text-overflow:normal; overflow: hidden; white-space: normal; width:auto; }
	
	/* board-wrap archive list */
	.board-wrap .archive .list .head { display: none; }
	.board-wrap .archive .list .body .row { padding: 20px 0; }
	.board-wrap .archive .list .body .row .td { padding: 0; }
	.board-wrap .archive .list .body .row .td.num { display: none; }
	.board-wrap .archive .list .body .row .td.title { width: 100%; margin-bottom: 10px; font-size: 1.4rem;}
	.board-wrap .archive .list .body .row .td { position: relative; padding-right: 20px; font-size: 1.2rem; }
	.board-wrap .archive .list .body .row .td:after { content: ''; position: absolute; top: 4px; right: 10px; width: 1px; height: 10px; background: #aaa; }
	.board-wrap .archive .list .body .row .td.num:after { display: none; }
	.board-wrap .archive .list .body .row .td.title:after { display: none; }
	.board-wrap .archive .list .body .row .td:last-child:after { display: none; }
	.board-wrap .archive .list .body .row .td.date,
	.board-wrap .archive .list .body .row .td.view { width: auto; color: #888; }
	.board-wrap .archive .list .body .row.fix {padding: 20px 10px;}
	.board-wrap .archive .list .body .row .td.file { display: none; }
	.board-wrap .archive .list .body .row.fix .td.title { width: calc(100% - 40px); }
	.board-wrap .archive .list .body .row.fix .td.num { display: block; width: auto; margin-right: 10px; padding: 0; }
	.board-wrap .archive .list .body .row .td .m-tit { display: inline-block; margin-right: 5px; color: #888; }

	/* 게시판 상세페이지 */
	.board-detail .title-area {padding: 15px 0;}
	.board-detail .title-area ul {margin-top:15px;}
	.board-detail .title-area h3 {font-size: 1.8rem;}
	.board-detail .text-area {padding: 30px 0;}

	/* paging */
	.paging ul li { height: 25px; line-height: 27px; width: 25px; margin: 0 1px; font-size: 1.3rem; }	
	.paging ul li.arrow a { border: 0; }

	/* footer */
	.footer-container .footer-wrap { text-align: center; }
	.footer-container .footer-wrap p { font-size: 1.2rem; }
	.footer-container .footer-wrap p.tel,
	.footer-container .footer-wrap p.fax { display: block; }

	/* 검색 (셀렉트+인풋+검색버튼) */
	.text-input-wrap { margin-top: 20px; }
	.text-input-wrap .btn-wrap button { width: calc(50% - 5px); padding: 0 5px;}
	.text-btn-input .btn-wrap button { min-width: auto; margin-left: 5px; }
	.text-btn-input .phone-wrap span.unit { display: none; }
	.text-btn-input .phone-wrap input[type="text"].text-input.phone { margin-right: 3px; width: calc(33% - 22px);}
	.text-btn-input .phone-wrap .select-box { width: calc(33% - 26px); }

	/* 파일인풋 */
	.file-input { width: calc(100% - 70px); }

	/* 레이어팝업 */
	.layer-pop-wrap.open .layer-box { max-width: 95%; min-width: 95%; }
}

@media all and (max-width: 500px) {
	/*페이징*/
	.paging ul li { margin: 0; }

	/* 셀렉트+텍스트인풋 */
	.select-input .select-box { width: 80px; }
	.select-input:after { content: ''; clear: both; display: block; }
	.select-input .input-box { float: left; width: calc(100% - 80px); }
	.select-input .input-box input[type="text"].text-input { width: 100%; }
}

@media all and (max-width: 425px) {
	/* header */
	.header-container .nav-wrap .mo-gnb-area .mo-gnb-wrap { width: 80%; }

	/* 서브페이지 네비 */
	.body-container .sub-menu-wrap .sub-menu ul li { font-size: 1.25rem; }
}

@media all and (max-width: 375px) {
	/* vertic-table */
	table.vertic-table tbody tr th { width: 70px; }
	table.vertic-table tbody tr td { padding: 5px; }
}


	
@media all and (max-width:980px) {
	.as_master li {
		width: 50%;
	}

	.as_master2 li {
		width: 90%;
		padding: 0 0 15px 15px;
	}	
	.as_master2 img {
			width: 90%;
		}
}
	
.t1{font-size: 24px;color:black;}
.t6{font-size: 16px;color:cornflowerblue;}
.t7{font-size: 16px;color:#9E9E9E; line-height: 27px;}
.t8{font-size:22px;color:black;line-height: 29px;  font-family: 'SEBANG_Gothic_Bold';}
.t9{font-size:16px;color:dimgrey;line-height: 20px;  font-family: 'Pretendard-Regular4';}
.t15{font-size: 20px;color:black;}
.t5{font-size: 15px;color:cornflowerblue;}
.t55{font-size: 22px;color:black;}
.t2{font-size: 14px;color:black;display: block;line-height: 22px;}	
.a11{font-size:15px;font-weight: 500;color:;}	
	.big1{font-size: 30px;color:black;}
	
	
@media screen and (max-width: 768px) {
	/**/
	
	
	

	
	.worry_card {
	width: 50%;
	text-align: center;
	float: left;
	padding: 0 20px 0 20px;
}

	section {
		padding: 0px 0px 0px 0px;
		
	}

		section h4 {
			font-size: 20px;
		}
		section h41 {
			font-size: 20px;
		}	

		section .sub_title {
			font-size: 13px;
		}

	h3 {
		font-size: 30px;
		font-weight: 800;
	}

	p {
/*		font-family: 'yg-jalnan';
		font-size: 12px;*/
	}

	span {
		font-size: 11px;
		
	}


	.as_master div {
	/*	padding: 10px 10px 30px 10px;  */
	}



		.as_master li {
	
		}

		.as_master p {
			margin-bottom: 7px;
		}

		.as_master img {
			width: 50%;
		}
	
.table2_tr {
	width: 95%;
	text-align: left;
	float: left;
	padding: 10px;
	margin:10px;
    

}	

	
	.table3_tr {
	width: 95%;
	text-align:center;
	float: left;
	padding: 0 20px 0 20px;
	margin:5px 10px 5px 10px;
    

}	
	
	.table4_tr {
	width: 45%;
	text-align:center;
	float: left;

	margin:5px 7px 10px 7px;
    

}	
	
}	
	
	
	
@media screen and (max-width: 500px) {
	.t1{font-size: 14px;color:black;}
	.t6{font-size: 14px;color:cornflowerblue;}
	.t7{font-size: 16px;color:#9E9E9E; line-height: 27px;}
	.t8{font-size:15px;color:black;line-height: 18px;  font-family: 'SEBANG_Gothic_Bold';}
	.t9{font-size:15px;color:dimgrey;line-height: 17px; font-family: 'Pretendard-Regular4';;}
	.t15{font-size: 13px;color:black;}
	.t5{font-size: 13px;color:cornflowerblue;}	
	.t55{font-size: 13px;color:black;}	

      .big1{font-size: 18px;color:black;}
	
	
.worry_card {
	width: 100%;
	text-align: center;
	float: left;
	padding: 0 20px 0 20px;
}
	
}	

.index0:link    {font-size:11px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#9FCBE4; font-weight:bold;}
.index0:active  {font-size:11px;font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;color: #777777; font-weight:bold;}
.index0:visited {font-size:11px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#9FCBE4; font-weight:bold;}
.index0:hover   {font-size:11px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: nnone ; color:#FFF; font-weight:bold;}


.index_under:link    {font-size:12px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#666; font-weight:bold;}
.index_under:active  {font-size:12px;font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;color: #666; font-weight:bold;}
.index_under:visited {font-size:12px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#666; font-weight:bold;}
.index_under:hover   {font-size:12px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: nnone ; color:#09F; font-weight:bold;}


.index1:link    {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: underline; color:#FFF;}
.index1:active  {font-size:13px;font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;color:#FFF;}
.index1:visited {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: underline; color:#FFF;}
.index1:hover   {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none ; color:#FFF; font-weight:bold;}


.index2:link    {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#000;font-weight:bold;margin-top:-15px;}
.index2:active  {font-size:12px;font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;color:#FFF;}
.index2:visited {font-size:12px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: underline; color:red;}
.index2:hover   {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: underline ; color:red;}

.index4:link    {font-size:12px;  text-decoration: none; color:black;font-weight: 700; }
.index4:active  {font-size:12px; text-decoration: none;color:black;font-weight: 700; }
.index4:visited {font-size:12px;  text-decoration: none; color:black;font-weight: 700;}
.index4:hover   {font-size:12px; text-decoration: underline ; color:#0033AB;font-weight: 700; }

.index_menu  {font-size:17px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#000; }
.index_menu:active  {font-size:17px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#000;}
.index_menu:visited {font-size:17px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#000;}
.index_menu:hover   {font-size:17px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#0571B0; background:url(/site/1/img/main/menu_back3.gif) center top;}




.small_tip {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';margin: 0;padding: 0;font-size: 11px;color:#666;} 
.text1 {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';	margin: 0;	padding: 0;	font-size:12px;color:#999;} 
.text2 {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';	margin: 0;	padding: 0;	font-size:12px;	color:#666;	} 

.small_tip21{FONT-size: 8px; font-family:'Dotum';COLOR: blue;PADDING-TOP: 3px;padding-left: 3px}
.small_tip3{FONT: 8pt Dotum !important;COLOR: #535353;PADDING-TOP: 3px;LETTER-SPACING: 0px}
.small_tip4 {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';margin: 0;padding: 0;font-size: 12px;color:#666; font-weight:600;} 


.btitle1 {font-family: 'yg-jalnan';font-size: 15px;color:#333; font-weight:600;} 
.btitle2 {font-family: 'yg-jalnan';margin: 0;padding: 0;font-size: 13px;color:#666; font-weight:600;} 
.btitle3 {font-family: 'yg-jalnan';margin: 0;padding: 0;font-size: 14px;color:#666; font-weight:600;} 
.btitle4 {font-family: 'yg-jalnan';margin: 0;padding: 0;font-size: 16px;color:black;} 
.btitle5 {font-family: 'yg-jalnan';;margin: 0;padding: 0;font-size: 16px;color:#666; font-weight:600;} 
.btitle6 {font-family: 'yg-jalnan';margin: 0;padding: 0;font-size: 20px;color:black; font-weight:600;} 

.title1{font-family: 'S-CoreDream-3Light';font-size: 13px; color:#313131;font-weight: 600}
.title2{font-family: 'S-CoreDream-3Light';font-size: 15px; color:#313131;font-weight: 600}
.title3{font-family: 'S-CoreDream-3Light';font-size: 16px; color:#313131;font-weight: 600}
.title4{font-family: 'S-CoreDream-3Light';font-size: 17px; color:#313131;font-weight: 600}
.title5{font-family: 'S-CoreDream-3Light';font-size: 18px; color:#313131;font-weight: 600}

.foot-area { border-top: 0px solid #dee3eb; }
.foot-area .foot-top-area { padding: 70px 50px; }
.foot-area .foot-top-area .foot-top { margin: 0 auto; width: 1280px; }
.foot-area .foot-top-area .foot-top a { float: left; width: 380px; height: 175px; padding: 40px 30px; position: relative; background-color: rgba(222,227,235,0.3); overflow: hidden; transition: background .5s ease, background-color .5s ease,box-shadow .25s ease; margin-right: 20px; }
.foot-area .foot-top-area .foot-top a:last-child { margin-right: 0; }
.foot-area .foot-top-area .foot-top a .foot-menu-title { font-size: 16px; font-weight: 800; display: block; margin-bottom: 5px; transition: color .25s ease;  font-family: 'yg-jalnan';text-align: left;}
.foot-area .foot-top-area .foot-top a .exp { font-size: 13px; color: #666; transition: color .25s ease; }
.foot-area .foot-top-area .foot-top a:before { position: absolute; z-index: 1; content: ''; display: block; transition: background .25s ease,opacity .25s ease; }
.foot-area .foot-top-area .foot-top a:hover { background-color: #001ad9; box-shadow: 0 15px 20px 0 rgba(0,0,0,0.2); border-radius: 8px;}
.foot-area .foot-top-area .foot-top a:hover .foot-menu-title { color: #fff; font-size:16px;font-weight: 800}
.foot-area .foot-top-area .foot-top a:hover .exp { color: #fff;font-size:13px; }

.foot-area .foot-top-area .foot-top a .ico-area { position: absolute; z-index: 2; width: 135px; height: 100%; right: 0; top: 0; transition: background .5s ease; }
.foot-area .foot-top-area .foot-top a:nth-child(1) .ico-area { background: url(/img/icon/a3.png); background-repeat: no-repeat; background-position: center; background-size: 60px 62px; }
.foot-area .foot-top-area .foot-top a:nth-child(1):hover .ico-area { background: url(/img/icon/a3.png); background-repeat: no-repeat; background-position: center; background-size: 60px 62px;filter: brightness(0) invert(1); }
.foot-area .foot-top-area .foot-top a:nth-child(2) .ico-area { background: url(/img/icon/a1.png); background-repeat: no-repeat; background-position: center; background-size: 71px 80px; }
.foot-area .foot-top-area .foot-top a:nth-child(2):hover .ico-area { background: url(/img/icon/a1.png); background-repeat: no-repeat; background-position: center; background-size: 70px 80px;filter: brightness(0) invert(1); }
.foot-area .foot-top-area .foot-top a:nth-child(3) .ico-area { background: url(/img/icon/a4.png); background-repeat: no-repeat; background-position: center; background-size: 78px 71px; }
.foot-area .foot-top-area .foot-top a:nth-child(3):hover .ico-area { background: url(/img/icon/a4.png); background-repeat: no-repeat; background-position: center; background-size: 78px 71px; filter: brightness(0) invert(1);}
.foot-area .foot-bot-area { background: #070f1c; padding: 70px 50px; }
.foot-area .foot-bot-area .foot-bot { width: 1180px; margin: 0 auto; }
.foot-area .foot-bot-area .left-area { width: 250px; float: left; }
.foot-area .foot-bot-area .left-area .logo-area { width: 135px; margin-bottom: 25px; }
.foot-area .foot-bot-area .left-area .exp { color: #fff; font-size: 1.3rem; font-weight: 100; display: block; margin-bottom: 100px; }
.foot-area .foot-bot-area .left-area .copy { color: #fff; font-size: 1.2rem; font-weight: 100; display: block; letter-spacing: 0; }

.foot-area .foot-bot-area .right-area { float: left; margin-left: 150px; }
.foot-area .foot-bot-area .right-area .menu-wrap { float: left; margin-right: 100px; }
.foot-area .foot-bot-area .right-area .menu-wrap:last-child { margin-right: 0; }
.foot-area .foot-bot-area .right-area .menu-wrap .title { display: block; font-size: 1.5rem; font-weight: 500; color: #e4e4e4; opacity: .5; margin-bottom: 25px; }
.foot-area .foot-bot-area .right-area .menu-wrap ul li { margin-bottom: 5px; }
.foot-area .foot-bot-area .right-area .menu-wrap ul li a { font-size: 1.4rem; color: #fff; font-weight: 100; padding-left: 10px; position: relative; }
.foot-area .foot-bot-area .right-area .menu-wrap ul li a:before { width: 3px; height: 3px; background: #fff; opacity: .3; left: 0; top: 9px; content: ''; position: absolute; }

@media all and (max-width: 1279px)

{
	.foot-area .foot-top-area { padding: 50px 30px; }
	.foot-area .foot-bot-area .foot-bot { width: 100%; }
	.foot-area .foot-top-area .foot-top { width: 100%; }
	.foot-area .foot-top-area .foot-top a { width: 32%; margin-right: 2%; }
	.foot-area .foot-top-area .foot-top a:last-child { margin-right: 0; }
}
@media all and (max-width: 1079px)
{
	.foot-area .foot-top-area .foot-top a { width: 100%; margin-right: 0; margin-bottom: 10px; }
	.foot-area .foot-bot-area { padding: 50px 30px; }
	.foot-area .foot-bot-area .left-area { display: none; }
	.foot-area .foot-bot-area .right-area { margin-left: 0; }
	.foot-area .foot-bot-area .right-area .menu-wrap { float: none; display: inline-block; margin-right: 50px; margin-bottom: 20px; }
}
@media all and (max-width: 660px)
{
	.foot-area .foot-top-area .foot-top a { padding: 25px 20px; height: 135px; }
	.foot-area .foot-top-area .foot-top a:nth-child(1) .ico-area { background-size: 40px 42px; }
	.foot-area .foot-top-area .foot-top a:nth-child(1):hover .ico-area { background-size: 40px 42px; }
	.foot-area .foot-top-area .foot-top a:nth-child(2) .ico-area { background-size: 32px 60px; }
	.foot-area .foot-top-area .foot-top a:nth-child(2):hover .ico-area { background-size: 32px 60px; }
	.foot-area .foot-top-area .foot-top a:nth-child(3) .ico-area { background-size: 50px 46px; }
	.foot-area .foot-top-area .foot-top a:nth-child(3):hover .ico-area { background-size: 50px 46px; }
	
	.foot-area .foot-bot-area .right-area .menu-wrap .title { margin-bottom: 15px; }
}



.main .icon-lists {
    padding-top: 30px;
	padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .main .icon-lists {
        padding-top: 30px;
	
    }
}

.main .icon-lists ul.lists {
    display: flex;
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
	 font-family: 'S-CoreDream-3Light';
}

@media screen and (max-width: 767px) {
    .main .icon-lists ul.lists {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .main .icon-lists ul.lists {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    .main .icon-lists ul.lists {
     flex-wrap: wrap;
    }
}

.main .icon-lists ul.lists li {
    flex: 1;
    border-right: 0px solid #ddd;
}

/* .main .icon-lists ul.lists li:first-child { */
.main .icon-lists ul.lists li {
    border-left: 0px solid #ddd;
}

@media screen and (max-width: 1024px) {
    .main .icon-lists ul.lists li {
        flex: unset;
        width: 50%;
    }
    .main .icon-lists ul.lists li:nth-child(3) {
        border-left: 0px solid #ddd;
    }
    .main .icon-lists ul.lists li:nth-child(2) ~ li {
        margin-top: 40px;
    }
}
/*
@media screen and (max-width: 767px) {
    .main .icon-lists ul.lists li {
		  flex: 2; 
        width: 50%;
        margin-top: 30px;
        padding-top: 30px;
        border: none;
        border-top: 1px solid red;
    }
    .main .icon-lists ul.lists li:nth-child(2) ~ li {
        margin-top: 30px;
    }
    .main .icon-lists ul.lists li:nth-child(3), .main .icon-lists ul.lists li:first-child {
        border-left: none;
    }
    .main .icon-lists ul.lists li:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
}
*/
.main .icon-lists ul.lists li .inner {
    text-align: center;
	 font-family: 'S-CoreDream-3Light';
}

.main .icon-lists ul.lists li .inner .tit {
    font-size: 18px;
    font-weight: 100;
	font-family: 'yg-jalnan';
	
}

@media screen and (max-width: 767px) {
    .main .icon-lists ul.lists li .inner .tit {
        font-size: 15px;
		font-family: 'yg-jalnan';
	
    }
}


.main .icon-lists ul.lists li .inner .icon {
	font-size:35px;
	color: black;
	font-weight: 100;
	height: 50px;
}

@media screen and (max-width: 767px) {
.main .icon-lists ul.lists li .inner .icon {
	font-size:22px;
	 

}
}

.main .icon-lists ul.lists li .inner .tit.tit01::after {
 /*   background-image: url("/images/icon/icon-main1.gif");*/
}

.main .icon-lists ul.lists li .inner .tit.tit02::after {
  /*  background-image: url("/images/icon/icon-main2.gif");*/
}

.main .icon-lists ul.lists li .inner .tit.tit03::after {
  /*  background-image: url("/images/icon/icon-main3.gif");*/
}

.main .icon-lists ul.lists li .inner .tit.tit04::after {
  /*  background-image: url("/images/icon/icon-main4.gif");*/
}

.main .icon-lists ul.lists li .inner .call {
    margin: 8px 0;
    font-size: 30px;
    font-weight: 900;
}

@media screen and (max-width: 767px) {
    .main .icon-lists ul.lists li .inner .call {
        margin: 6px 0;
        font-size: 20px;
		font-family: 'S-CoreDream-3Light';
    }
}

.main .icon-lists ul.lists li .inner .desc {
    margin-top: 8px;
    padding: 0 10px;
    color: #666;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    word-break: keep-all;
	font-family: 'S-CoreDream-3Light';
	
}

@media screen and (max-width: 767px) {
    .main .icon-lists ul.lists li .inner .desc {
        margin-top: 6px;
        font-size: 14px;
        line-height: 15px;
		font-family: 'S-CoreDream-3Light';
    }
}

.main .icon-lists ul.lists li .inner .btn.btn-md {
    display: block;
    width: 130px;
    margin: 20px auto 0;
    box-shadow: 5px 9px 20px 0px rgba(0, 0, 0, 0.2);
}


.btn{
	padding:10px;
	border:1px solid #7C7C7C;
	border-radius: 5px;
	font-weight: 700;
	color:white;
	background-color: cornflowerblue;

	box-shadow: 2px 2px 2px 2px #FFEFEF;


}
.btn:hover{
	background-color: white;
	color:blue;
	box-shadow: 0px 0px 0px 0px #FFEFEF;
}