@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


*{font-family: 'SBAggroM'; margin: 0; padding: 0; box-sizing: border-box; list-style: none; text-decoration: none; line-height: 1; color:#333; letter-spacing: -0.5px;}


.dv_wrap{position: relative; width:1200px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.clr:after{content:''; display:block; clear: both;}
header{background:#f8efe5 url(https://www.dongnae.go.kr/upload_data/board_data/BBS_0000248/164456906948026.jpg) no-repeat center 0; height:400px;}
header h1{position: absolute; top:25px; left:25px;}
header .vi_text{padding-top:150px; padding-bottom:166px; text-align: center;}

.top_bg{}

.lnb{position: absolute; top:35px; right:10px;}
.lnb a{color:#ae4126; border:1px solid #ae4126; border-radius:30px; padding:8px 15px; font-size:16px; }
.lnb a span{margin-left:5px; background:url(/images/portal/intro/arr_01.png) no-repeat 0 0; width:18px; height:11px; display:inline-block;}


#no1{position: relative; border-top:1px dotted #ae4126; border-bottom:1px dotted #ae4126;}
.notice{font-size:24px; padding:30px 0 30px 45px; font-family: 'SBAggroL'; background:url(/images/portal/intro/icon.png) no-repeat 0 23px; word-break: keep-all;}
.notice span{color:#ae4126; font-family: 'SBAggroB';}


.con{position: relative; background:url(/images/portal/intro/con_bg.gif) repeat-y 0 0; padding-top:37px; padding-bottom:60px; word-break: keep-all;}
.con:after{content:''; display:block; clear: both; }
.point_color{color:#ae4126; }
.m_font{font-family: 'SBAggroM';}

dl{/*float:left; width:48%; */ margin-bottom:50px;}
dl:nth-child(2n){margin-right:0;}
dl dt{font-size:18px; margin-bottom:20px;}
dl dt span{ border-radius:30px; background:#000; color:#fff; padding:13px 30px;  height:44px;line-height: 44px;  }
dl dd{font-size:20px; padding-left:30px}
dl dd ul{margin-bottom:20px;}
dl dd li{position: relative; padding-left:20px; line-height: 30px; font-family: 'SBAggroL';}
dl dd li:after{content:''; width:10px; height:2px; background:#5b5b5a;position: absolute; top:10px; left:0;}

.box_wrap .title{background:#333 url(/images/portal/intro/small_box.png) no-repeat 25px 15px; border-radius:30px 30px 0 0; padding:17px 30px; color:#fff; padding-left:50px; width:500px; box-sizing:border-box}
.box_wrap .title span{color:#faff7b; font-size:23px;}
.box_wrap .box{border:2px dotted #333; border-radius:30px; padding:27px 58px; margin-bottom:50px; background:#ffffff; box-shadow: 5px 10px #edebea; box-sizing: border-box;  width: 97%;}
.box_wrap .box li{position: relative; padding-left:15px; line-height: 30px; font-family: 'SBAggroL';}
.box_wrap .box li:after{content:''; width:7px; height:7px; border-radius:50%; background:#9b9b9b;position: absolute; top:10px; left:0;}

table{width:100%;margin:10px 0;border-top:1px solid #434343; border-collapse:collapse; border-spacing:0; text-align: center;}
table caption{visibility:visible; position:absolute; top:-999px;}
table th {padding:20px;vertical-align:middle;border:1px solid #4e517f; font-weight:normal;}
table td {padding:20px;vertical-align:middle;border:1px solid #cecece; }
table th{text-align:center;background-color:#22255f; color:#fff; font-size:18px; }

table td{background-color:#f5f5f5;color:#333;}
table th:first-child, table td:first-child{border-left:none;}
table .last{border-right:none;}
table tr:first-child th, .tb_t1 tr:first-child td{border-top:none;}
table th:last-child , .tb_t1 td:last-child {border-right:none;}
table .left{text-align:left; padding-left:20px;}


.box1{background:#fff3f3; font-size:18px; color:#333; padding:15px; font-family: 'SBAggroL'; text-align: center; margin-top:20px;}
.box1 span{color:#de0000; }

.btn{text-align: center; border-top:1px solid #ddd; padding-top:40px;}

.btn a {padding:20px 20px 15px 20px;color:#fff; width:300px; display:inline-block; box-sizing:border-box; text-align:center; transition:all .2s; margin-bottom:10px;}
.btn a:nth-child(1) { background:#9517b0; }
.btn a:nth-child(1):hover { background:#610357;}
.btn a:nth-child(2) { background:#0125c2; }
.btn a:nth-child(2):hover { background:#001c97; }


@media only screen and (max-width: 1199px){
	
	.dv_wrap{padding:0 20px; box-sizing: border-box; width:100%;}
	.top_bg{background-size: 500px;}
	.lnb{right:40px;}
	header .vi_text{padding-top: 150px; padding-bottom:145px;}
	header{height:483px;}
	.notice{padding: 30px 20px 30px 65px; background: url(/images/portal/intro/icon.png) no-repeat 20px 23px;}

	
}


@media only screen and (max-width: 960px){
	
	.top_bg{background:none;}
	header{height:350px;}
	header .vi_text{padding-top: 130px;}
	dl{width:100%; margin-right:0; margin-bottom: 30px;}
	dl dd{font-size:18px;}
	.box_wrap .box{padding:30px;}

	.responsive-table{overflow-x:auto;overflow-y:hidden}
	.responsive-table table{width:1000px;}
	
}

@media only screen and (max-width: 600px){
	.notice{font-size: 18px; line-height:22px;}

}

@media only screen and (max-width: 556px){
	header .vi_text{padding-bottom:50px; padding-top:140px;}
	header .vi_text img{width:100%;}
	header{height:auto; }
	.lnb{right: auto; left: 20px; top: 100px;}
	.box_wrap .box{padding:15px;}
	.box_wrap .title{width:100%}
	.box_wrap .title span{display:block; line-height: 22px; font-size:18px;}
	.box_wrap .box{ width:100%;}
}