@media all and (max-width:999px)
{
.section00 {
	height: 420px;
	width:100%
	margin:0 auto;
}
.section00 .slogon {
	top: 10%;
}
.section00 .slogon img {
	width: 342px;
}
.section00 .vi_control {
	width:100%;
	left:50%;
	margin-left:-35px;
	padding:0px;
	bottom:50px;
}
.section00 .visual li {
	background-size: cover !important;
}
.section00 .visual li.bg1 {
	background: url("../images/bg_1_s.jpg") no-repeat left top;
}
.section00 .visual li.bg2 {
	background: url("../images/bg_2_s.jpg") no-repeat left top;
}
.section00 .visual li.bg3 {
	background: url("../images/bg_3_s.jpg") no-repeat left top;
}
.section00 .wave {
	animation:none; background-size: auto 43px; -webkit-animation: none;
}
.section00 .vi_control { 
	left: 50%;transform: translateX(-50%);  bottom: 40px; width: 125px; height: 20px; position: absolute; z-index: 20; max-width: 1280px;
}
.section00 .vi_control ul li a {
	background: rgb(170, 170, 170); border-radius: 15px; transition:0.5s; width: 20px; height: 20px; text-indent: -10000px; overflow: hidden; display: block; -webkit-border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -webkit-transition: all .5s ease; -moz-box-shadow: 0 1px 0px #4e4e4e; -ms-box-shadow: 0 1px 0px #4e4e4e; -o-box-shadow: 0 1px 0px #4e4e4e; -webkit-box-shadow: 1px 1px 0px #4e4e4e;
}

.section01 {
	width:95%;
	position: relative;
	top:30px;
	margin:0 auto;
	
}
.section01 .al_box:after {
	clear: both; display: block; content: "";
}
.section01 .stats {
	width:100%;
	padding-right:0px;
/*	overflow:hidden;*/
/*	height:300px;*/
}
.section01 .stats a.info_but {
	width: 100%;
    padding: 5px 0 5px 0;
    top: 20px;
    
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    background: #f9750c;
    text-decoration: none;
    margin: 0px 0 10px 0;
    display: block;
    float: left;
}
.section01 .info {
	width:100%;
	height:405px;
    
	padding-left:0px;
	margin-top:30px;
	overflow:hidden;
	position: relative;
}
.section01 .info ul{
	top:30px;
	left:25%;
	position: relative;
	padding-left:100px;
	background:url("../images/tel_ico.png") 0px 15px no-repeat;
}
    .section01 .stats > .info_but.jjso01 {
    width: 100%;
    padding: 5px 0 5px 0;
    top: 20px;
    color: #fff;
        left: 0%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    background: #f9750c;
    text-decoration: none;
    margin: 0px 0 10px 0;
    display: block;
    float: left;
}
    
    .section01 .stats > .info_but.jjso02 {
    width: 100%;
    padding: 5px 0 5px 0;
    top: 20px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
        left: 0%;
    position: relative;
    background: #f9750c;
    text-decoration: none;
    margin: 0px 0 10px 0;
    display: block;
    float: left;
}
    
    .section01 .stats > .info_but.jjso03 {
    width: 100%;
    padding: 5px 0 5px 0;
    top: 20px;
    color: #fff;
    text-align: center;
    font-size: 20px;
        left: 0%;
    font-weight: 600;
    position: relative;
    background: #f9750c;
    text-decoration: none;
    margin: 0px 0 10px 0;
    display: block;
    float: left;
}
    
.section02 {
	width:95%;
	position: relative;
	top:0px;
	margin:0 auto;
	padding:0px;
	background:none;
}
.section02 .notice {
	width:100%;
	float:left;
	background:#fff;
	border:1px solid #bbb;
	box-sizing:border-box;
}
.section02 .notice:first-child {
	margin-bottom:20px;
}
.section02 .notice:nth-child(1) {
	margin-right:0px;
}
.section02 .notice:nth-child(2) {
	margin-left:0px;
}

.section03 { 
	width:100%;
	padding: 0px 0px;
}
.con_infor { 
	width: 100%; height: auto; margin: 0px; float: left;
}
.con_infor::after {
	clear: both; display: block; content: "";
}
.con_infor li {
	width:100%;
	float: left;
	position:relative;
}
.con_infor li div {
	padding: 0px; border-image: none; width: auto; position: relative;height:223px;
}
.con_infor li .con_1 {
	width:100%;
	color:#000;
	background:url("../images/contents_bg01.png") right 90px no-repeat #44672a;
}
.con_infor li .con_2 {
	width:100%;
	background:url("../images/contents_bg02.png") right 90px no-repeat #70a328;
}
.con_infor li .con_3 {
	width:100%;
	background:url("../images/contents_bg03.png") right 80px no-repeat #44672a;
}

.con_infor li div p.title {
	padding: 30px 0px 5px 30px; line-height: 30px; font-size: 22px; font-weight: 600; color:#fff;
}
.con_infor li div p.title2 {
	padding: 30px 0px 5px 0px; line-height: 30px; font-size: 22px; font-weight: 600; color:#fff;text-align:center; color:#fff;
}
.con_infor li .title3 {
	width:100%;font-size:22px; color:#523b27; text-align:center;padding-top:95px;
}
.con_infor li .title3:hover {
	color:#fff;
}
.con_infor li div p.title4 {
	padding: 30px 0px 5px 30px; line-height: 30px; font-size: 22px; font-weight: 600; color:#523b27;text-align:left;
}
.con_infor li div ul {
	padding: 0px 0px 0px 20px; line-height: 20px; font-size: 14px; font-weight: 400; color:#fff;
}

.con_infor li div .b_txt {
	padding: 20px 0px 0px 30px; line-height: 18px; font-size: 15px; font-weight: 400; color:#fff;text-decoration: none;
}
.con_infor li div .b_but {
	padding:5px 15px;position:absolute;bottom:30px;left:30px;background:#fff;color:#44672a;
}

.con_infor li div ul {
	margin: 0px; border: 0px currentColor; border-image: none; width: auto; float: none;padding:10px 0 0 30px;
}
.con_infor li a div ul  {
	text-decoration:none;
}
.con_infor li div ul li {
	background: url("../images/sns_infor_bul.gif") no-repeat 1px 12px; padding: 0px 0px 0px 10px; width: auto; float: none;
}
.con_infor li div ul li a {
	color:#523b27;padding: 2px 0px; width: auto; overflow: hidden; font-family: "ulR", "NanumBarunGothic", "나눔고딕", Dotum, Helvetica, Verdana, Arial, sans-serif; vertical-align: top; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100%;
}
.con_infor li a {
	text-decoration: none;
}
.con_infor li div.more_but {
	color:#523b27;
	width:51px;
	height:50px;
	font-size:15px;
	position:absolute;
	top:0px;
	right:0px;
	background: url("../images/more.png") no-repeat center right;
}
}
@media all and (max-width:640px)
{
.section00 {
	max-height: 250px;
}
.section00 .slogon {
	top: 10%;
}
.section00 .slogon img {
	width: 342px;
}
.section00 .vi_control {
	margin-top:160px;
	margin-left:-40px;
	width:100%;
}
.section00 .visual li {
	background-size: cover !important;
}
.section00 .visual li.bg1 {
	background: url("../images/bg_1_s.jpg") no-repeat left top;
}
.section00 .visual li.bg2 {
	background: url("../images/bg_2_s.jpg") no-repeat left top;
}
.section00 .visual li.bg3 {
	background: url("../images/bg_3_s.jpg") no-repeat left top;
}
.section00 .wave {
	animation:none; background-size: auto 43px; -webkit-animation: none;
}
.section00 .vi_control { 
	width:100%;left: 62%;transform: translateX(-50%);  bottom: 15px; width: 120px; height: 18px; position: absolute; z-index: 20; max-width: 1280px;
}
.section00 .vi_control ul li {
	left: auto; top: auto; width: auto; height: auto; margin: 0 5px; float: left; display: block; position: relative; z-index: 20;
}
.section00 .vi_control ul li a {
	background: rgb(170, 170, 170); border-radius: 15px; transition:0.5s; width: 18px; height: 18px; text-indent: -10000px; overflow: hidden; display: block; -webkit-border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -webkit-transition: all .5s ease; -moz-box-shadow: 0 1px 0px #4e4e4e; -ms-box-shadow: 0 1px 0px #4e4e4e; -o-box-shadow: 0 1px 0px #4e4e4e; -webkit-box-shadow: 1px 1px 0px #4e4e4e;
}
.section01 {
	overflow:hidden;
}
.section01 .stats_tit {
	color:#f9750c;
	font-size:18px;
	font-weight:600;
}
.section01 .stats_tit span {
	color:#828282;
	font-size:15px;
	font-weight:normal;
}
.section01 .stats h3{
	font-size:18px;
	font-weight:600;
}
.section01 .stats .stats_date {
	font-size:15px;
}
.section01 .stats .stats_txt {
	font-size:16px;
	margin-top:3px;
}
.section01 .stats a.info_but {
	width:100%;
	height:30px;
	padding:3px 0;
	bottom:0px;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:600;
	background:#f9750c;
	text-decoration:none;
}
.section01 .info {
	width:100%;
	height:250px;
	padding-left:0%;
	overflow:hidden;
	position: relative;
}
.section01 .info_tit {
	color:#f9750c;
	font-size:18px;
	font-weight:600;
}
.section01 .info_tit span {
	color:#828282;
	font-size:15px;
	font-weight:normal;
}
.section01 .info ul{
	top:15px;
	left:20px;
	position: relative;
	padding-left:70px;
	background:url("../images/tel_ico.png") 0px 10px no-repeat;
	background-size:50px;
}
.section01 .info ul li{
	color:#333;
	font-size:22px;
	font-weight:600;
}
.section01 .info .info_mail {
	color:#666;
	font-size:16px;
	font-weight:normal;
	margin-top:20px;
	position: absolute;
	left:0px;
}
.section01 .info_but {
	width:100%;
	padding:3px 0;
	bottom:0px;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:600;
	position: absolute;
	background:#f9750c;
	text-decoration:none;
}
.section02 {
	top:60px;
	position: relative;
	padding-bottom:30px;
}
.section02 .notice_tit {
	height:55px;
	border-bottom:1px solid #bbb;
	position: relative;
}
.section02 .notice_tit h3 {
	color:#666;
	font-size:20px;
	font-weight:normal;
	top:15px;
	left:20px;
	position: absolute;
	padding:0 8px 5px;
	border-bottom:4px solid #ff9c00;
}
.section02 .notice_tit .more {
	width:22px;
	height:22px;
	top:22px;
	right:20px;
	position: absolute;
	background:url("../images/more.png") 0 0 no-repeat;
	background-size:18px;
}
.section02 .notice ul {
	margin:30px;
	color:#666;
	font-size:16px;
	font-weight:normal;
}
.section02 .notice ul li {
	padding-bottom:10px;
	overflow:hidden;
}
.section02 .notice ul li:last-child {
	padding-bottom:0px;
}
.section02 .notice .notice_list{
	width:65%;
	float:left;
}
.section02 .notice .notice_date{
	width:35%;
	float:left;
	text-align:right;
	padding-right:0px;
}
.con_infor li {
	width:100%;
	float: left;
	position:relative;
}
.con_infor li div {
	padding: 0px; border-image: none; width: auto; position: relative;height:223px;
}
.con_infor li .con_1 {
	width:100%;
	color:#000;
	background:url("../images/contents_bg01.png") right 90px no-repeat #44672a;
}
.con_infor li .con_2 {
	width:100%;
	background:url("../images/contents_bg02.png") right 90px no-repeat #70a328;
}
.con_infor li .con_3 {
	width:100%;
	background:url("../images/contents_bg03.png") right 80px no-repeat #44672a;
}

.con_infor li div p.title {
	padding: 30px 0px 5px 30px; line-height: 30px; font-size: 22px; font-weight: 600; color:#fff;
}
.con_infor li div p.title2 {
	padding: 30px 0px 5px 0px; line-height: 30px; font-size: 22px; font-weight: 600; color:#fff;text-align:center; color:#fff;
}
.con_infor li .title3 {
	width:100%;font-size:22px; color:#523b27; text-align:center;padding-top:95px;
}
.con_infor li .title3:hover {
	color:#fff;
}
.con_infor li div p.title4 {
	padding: 30px 0px 5px 30px; line-height: 30px; font-size: 22px; font-weight: 600; color:#523b27;text-align:left;
}
.con_infor li div ul {
	padding: 0px 0px 0px 20px; line-height: 20px; font-size: 14px; font-weight: 400; color:#fff;
}

.con_infor li div .b_txt {
	padding: 20px 0px 0px 30px; line-height: 18px; font-size: 15px; font-weight: 400; color:#fff;text-decoration: none;
}
.con_infor li div .b_but {
	padding:5px 15px;position:absolute;bottom:30px;left:30px;background:#fff;color:#44672a;
}

.con_infor li div ul {
	margin: 0px; border: 0px currentColor; border-image: none; width: auto; float: none;padding:10px 0 0 30px;
}
.con_infor li a div ul  {
	text-decoration:none;
}
.con_infor li div ul li {
	background: url("../images/sns_infor_bul.gif") no-repeat 1px 12px; padding: 0px 0px 0px 10px; width: auto; float: none;
}
.con_infor li div ul li a {
	color:#523b27;padding: 2px 0px; width: auto; overflow: hidden; font-family: "ulR", "NanumBarunGothic", "나눔고딕", Dotum, Helvetica, Verdana, Arial, sans-serif; vertical-align: top; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100%;
}
.con_infor li a {
	text-decoration: none;
}
.con_infor li div.more_but {
	color:#523b27;
	width:51px;
	height:50px;
	font-size:15px;
	position:absolute;
	top:0px;
	right:0px;
	background: url("../images/more.png") no-repeat center right;
}
}

@media all and (max-width:414px)
{
.section02 .notice .notice_list{
	width:60%;
	float:left;
}
.section02 .notice .notice_date{
	width:40%;
	float:left;
	text-align:right;
	padding-right:0px;
}
}