@charset "utf-8";

@font-face {
	font-family: 'font-H';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(./woff2/Pretendard-Black.woff2) format('woff2'), url(./woff/Pretendard-Black.woff) format('woff');
}


@font-face {
	font-family: 'font-B';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(./woff2/Pretendard-Bold.woff2) format('woff2'), url(./woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'font-R';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(./woff2/Pretendard-Regular.woff2) format('woff2'), url(./woff/Pretendard-Regular.woff) format('woff');
}

#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;
    font-family: 'font-R';
}
section {
	padding: 0 0;
	overflow: hidden;
}

	section h4 {
		font-family: 'SEBANG_Gothic_Bold';
		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';font-weight: 100 !important;}
.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; font-family: 'Pretendard-Regular4';font-weight: 200;}
.t51{font-size: 14px;color:inherit; font-family: 'Pretendard-Regular4';font-weight: 200}
.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;
} 

/* 특장점 섹션 스타일 */
.section-a777 {
    padding: 100px 0;
}

.bg-light-a777 {
    background-color: #F8F9FA;
}

.container-a777 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.section-header-a777 {
    margin-bottom: 4rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.text-center-a777 {
    text-align: center;
}

.title-a777 {
    font-size: 2.5rem;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.title-a777:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #1F78FF;
}

.subtitle-a777 {
    font-size: 1.1rem;
    color: #6C757D;
    margin-bottom: 1rem;
}

.features-grid-a777 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 30px;
}

.feature-card-a777 {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
}

.feature-card-a777:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(31, 120, 255, 0.2);
}

.feature-image-a777 {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.feature-body-a777 {
    padding: 1.5rem;
}

.feature-title-a777 {
    margin-bottom: 1rem;
    color: #1F78FF;
    font-size: 1.5rem;
    font-weight: 700;
    transition: all 0.3s ease;
}

.feature-text-a777 {
    color: #6C757D;
    margin-bottom: 0;
    line-height: 1.6;
}

/* 반응형 스타일 */
@media (max-width: 992px) {
    .features-grid-a777 {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

@media (max-width: 768px) {
    .features-grid-a777 {
        grid-template-columns: 1fr;
    }
    
    .title-a777 {
        font-size: 2rem;
    }
}


/* 프로그램 섹션 스타일 */
.programs-section-a7778 {
    padding: 100px 0;
    background-color: #f8f9fa;
}

.container-a7778 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-header-a7778 {
    text-align: center;
    margin-bottom: 50px;
}

.section-title-a7778 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #222831;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 15px;
}

.section-title-a7778:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #1F78FF;
}

.section-description-a7778 {
    font-size: 1.1rem;
    color: #6C757D;
    max-width: 800px;
    margin: 0 auto;
}

.programs-wrapper-a7778 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
}

.programs-row-a7778 {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    width: 100%;
}

.program-card-a7778 {
    flex: 1;
    min-width: 0; /* 필수: flex 아이템이 내용물의 최소 너비보다 작아질 수 있도록 함 */
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.program-card-a7778:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(31, 120, 255, 0.15);
}

.program-image-a7778 {
    height: 180px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.program-body-a7778 {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.program-title-a7778 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1F78FF;
    margin-bottom: 12px;
}

.program-description-a7778 {
    font-size: 0.95rem;
    color: #6C757D;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.program-button-a7778 {
    display: inline-block;
    padding: 8px 20px;
    background-color: transparent;
    color: #1F78FF;
    font-weight: 600;
    font-size: 0.9rem;
    border: 2px solid #1F78FF;
    border-radius: 50px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.program-button-a7778:hover {
    background-color: #1F78FF;
    color: #fff;
}

.navigation-buttons-a7778 {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.nav-button-a7778 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #1F78FF;
    color: white;
    border: none;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(31, 120, 255, 0.3);
}

.nav-button-a7778:hover {
    background-color: #0657D0;
    transform: scale(1.1);
}

.nav-button-a7778:focus {
    outline: none;
}

/* 반응형 스타일 */
@media (max-width: 1200px) {
    .program-card-a7778 {
        min-width: calc(25% - 15px);
    }
}

@media (max-width: 992px) {
    .programs-row-a7778 {
        flex-wrap: wrap;
    }
    
    .program-card-a7778 {
        min-width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
    }
}

@media (max-width: 768px) {
    .section-title-a7778 {
        font-size: 2rem;
    }
    
    .program-card-a7778 {
        min-width: 100%;
        flex: 0 0 100%;
    }
}

@media (max-width: 576px) {
    .program-image-a7778 {
        height: 150px;
    }
    
    .program-title-a7778 {
        font-size: 1.2rem;
    }
    
    .section-title-a7778 {
        font-size: 1.8rem;
    }
}
       .container_main99 {
            display: flex;
            flex-direction: row;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            font-family: 'Noto Sans KR', sans-serif;
        }
        
        .left_section_main99 {
            flex: 1;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .title_main99 {
            font-size: 24px;
            margin-bottom: 5px;
            color: #333;
        }
        
        .subtitle_main99 {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #0066cc;
        }
        
        .description_main99 {
            font-size: 18px;
            margin-bottom: 20px;
            color: #555;
        }

        .description_main999 {
            font-size: 14px;
            font-weight: 400 !important;
            margin-bottom: 50px;
            color: #555;
        }
        
        .button_main99 {
            display: inline-flex;
            align-items: center;
            background-color: transparent;
            border: 1px solid #0066cc;
            color: #0066cc;
            padding: 6px 10px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s ease;
            width: fit-content;
        }
        
        .button_main99:hover {
            background-color: #0066cc;
            color: white;
        }
        
        .button_icon_main99 {
            margin-right: 8px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #0066cc;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px;
        }
        
        .right_section_main99 {
            flex: 1;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 15px;
        }
        
        .image_card_main99 {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 200px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        
        .image_card_main99::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            z-index: 1;
            transition: background-color 0.9s ease;
        }
        
        .image_card_main99:hover::after {
            background-color: rgba(0, 0, 0, 0);
        }
        
        .image_card_main99 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.9s ease;
            position: relative;
            z-index: 0;
        }
        
        .image_card_main99:hover img {
            transform: scale(1.1);
        }
        
        .card_label_main99 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 18px;
            font-weight: bold;
            transition: all 0.9s ease;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
            text-align: center;
            width: 100%;
            z-index: 2;
        }
        
        .image_card_main99:hover .card_label_main99 {
            color: greenyellow;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        /* Media Queries for Responsive Design */
        @media (max-width: 768px) {
            .container_main99 {
                flex-direction: column;
            }
            
            .right_section_main99 {
                margin-top: 30px;
                grid-template-columns: repeat(2, 1fr);
            }
            
            .image_card_main99 {
                height: 150px;
            }
            
            .title_main99 {
                font-size: 20px;
            }
            
            .subtitle_main99 {
                font-size: 24px;
            }
            
            .description_main99 {
                font-size: 16px;
            }
        }
        
        @media (max-width: 480px) {
            .right_section_main99 {
                display: flex;
                flex-direction: column;
            }
            
            .mobile_row_main99 {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 15px;
                margin-bottom: 15px;
            }
            
            .image_card_main99 {
                height: 120px;
            }
            
            .title_main99 {
                font-size: 18px;
            }
            
            .subtitle_main99 {
                font-size: 22px;
            }
            
            .description_main99 {
                font-size: 14px;
                margin-bottom: 20px;
            }
            
            .card_label_main99 {
                font-size: 16px;
            }
        }

.sf-features-section-main7a {
    padding: 5px 20px 50px;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #f0f4f8;
}

.sf-section-title-main7a {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

.sf-section-desc-main7a {
    text-align: center;
    margin-bottom: 40px;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.sf-features-grid-main7a {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.sf-feature-card-main7a {
    background-color: white;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.sf-feature-card-main7a:hover {
    transform: translateY(-5px);
}

.sf-feature-icon-main7a {
    width: 60px;
    height: 60px;
    background-color: #1a73e8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    transition: transform 0.5s ease;
}

.sf-feature-card-main7a:hover .sf-feature-icon-main7a {
    animation: rotate 1s ease;
}

.sf-feature-card-main7a:hover .sf-feature-title-main7a {
    color: greenyellow;
    transition: color 1s ease;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.sf-icon-main7a {
    font-size: 26px;
    color: white;
    font-weight: bold;
}

.sf-feature-title-main7a {
    font-size: 18px;
    font-weight: bold;
    color: #1a73e8;
    margin-bottom: 15px;
    transition: color 0.3s ease;
}

.sf-feature-description-main7a {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* 반응형 스타일 */
@media (max-width: 992px) {
    .sf-features-grid-main7a {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .sf-features-grid-main7a {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .sf-section-title-main7a {
        font-size: 24px;
    }
    
    .sf-feature-card-main7a {
        padding: 15px;
    }
    
    .sf-feature-icon-main7a {
        width: 50px;
        height: 50px;
    }
    
    .sf-icon-main7a {
        font-size: 20px;
    }
    
    .sf-feature-title-main7a {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .sf-feature-description-main7a {
        font-size: 12px;
    }
}


.cmain7-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif;
}

.cmain7-top-section {
    display: flex;
    margin-bottom: 30px;
    align-items: flex-start;
}

.cmain7-details-image {
    flex: 0 0 40%;
    padding-right: 20px;
    margin-right: 15px;
}

.cmain7-details-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}

.cmain7-details-content {
    flex: 0 0 60%;
    padding-top: 0;
}

.cmain7-content-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 8px;
    margin-top: 0;
}

.cmain7-content-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #1F78FF;
}

.cmain7-details-content p {
    color: #666;
    line-height: 1.5;
    margin-bottom: 15px;
    font-size: 0.95rem;
    margin-top: 0;
}

.cmain7-details-list {
    list-style: none;
    margin-bottom: 20px;
    padding-left: 0;
}

.cmain7-details-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    color: #333;
    line-height: 1.4;
    font-size: 0.95rem;
}

.cmain7-details-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #1F78FF;
    font-weight: 700;
}

.cmain7-btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    font-size: 0.95rem;
    text-decoration: none;
}

.cmain7-btn-primary {
    background-color: #1F78FF;
    color: white;
}

.cmain7-btn-primary:hover {
    background-color: #0657D0;
    color: white;
}

.cmain7-bottom-section {
    width: 100%;
    margin-top: 10px;
}

.cmain7-table-title {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
    font-weight: 700;
}

.cmain7-table-responsive {
    overflow-x: auto;
}

.cmain7-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.cmain7-table th, 
.cmain7-table td {
    padding: 12px 15px;
    text-align: center;
    border: none;
}

.cmain7-table th {
    background-color: #1F78FF;
    color: white;
    font-weight: 700;
}

.cmain7-table tr:nth-child(even) {
    background-color: #f2f7ff;
}

.cmain7-table td:last-child {
    font-weight: 700;
    color: #1F78FF;
}

.cmain7-table tr:last-child {
    background-color: #e6f0ff;
}

.cmain7-table tr:last-child td {
    font-weight: 700;
}

@media (max-width: 768px) {
    .cmain7-top-section {
        flex-direction: column;
        padding: 15px;
    }
    
    .cmain7-details-image {
        flex: 0 0 100%;
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 25px;
    }
    
    .cmain7-details-content {
        flex: 0 0 100%;
        padding: 0 5px;
    }
    
    .cmain7-content-title {
        text-align: center;
        margin-bottom: 15px;
    }
    
    .cmain7-content-title:after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .cmain7-details-content p {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .cmain7-details-list {
        margin-left: 10px;
    }
    
    .cmain7-btn-primary {
        display: block;
        margin: 0 auto;
        max-width: 200px;
    }
    
    .cmain7-table th, 
    .cmain7-table td {
        padding: 8px;
        font-size: 0.85rem;
    }
}

  .title_su789 {
        text-align: center;
        color: #fff;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    
    .subtitle_su789 {
        text-align: center;
        color: #fff;
        font-size: 18px;
        margin-bottom: 30px;
    }
    
    .slider_wrapper_su789 {
        position: relative;
        width: 100%;
        height: 230px;
        overflow: hidden;
    }
    
    .slider_container_su789 {
        display: flex;
        transition: transform 0.3s ease-in-out;
    }
    
    .service_card_su789 {
        background: #fff;
        border-radius: 10px;
        padding: 20px;
        margin: 0 10px;
        text-align: center;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        min-width: 180px;
        width: 180px;
        flex-shrink: 0;
    }
    
    .service_icon_su789 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    
    .service_title_su789 {
        color: #333;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 8px;
    }
    
    .service_desc_su789 {
        color: #666;
        font-size: 12px;
        line-height: 1.2;
    }
    
    .arrow_button_su789 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: rgba(0,0,0,0.3);
        color: #fff;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        transition: background 0.3s ease;
    }
    
    .arrow_button_su789:hover {
        background: rgba(0,0,0,0.5);
    }
    
    .arrow_left_su789 {
        left: 10px;
    }
    
    .arrow_right_su789 {
        right: 10px;
    }
    
    @media (max-width: 768px) {
        .service_card_su789 {
            min-width: 150px;
            width: 150px;
        }
    }
    
    @media (max-width: 480px) {
        .service_card_su789 {
            min-width: 130px;
            width: 130px;
        }
        
        .service_icon_su789 {
            font-size: 30px;
        }
        
        .service_title_su789 {
            font-size: 14px;
        }
        
        .service_desc_su789 {
            font-size: 12px;
        }
    }

/* 기본값: PC에서 보이도록 */
.pc {
  display: block;
}
.mobile {
  display: none;
}

/* 화면 너비가 768px 이하일 경우 (모바일) */
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .mobile {
    display: block;
  }
}