/*////////////////////////////////////////////////////////////////////
body 공통 속성
//////////////////////////////////////////////////////////////////*/

@charset "utf-8";


html, body {
    height: 100%;
    width: 100%;
}
html {
    overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, input {
    margin: 0;
    padding: 0;
}

body {font-family:normal 'Nanum Barun Gothic',  dotum,'돋움', sans-Serief; color:#474747;font-size:75%;line-height:1.5; background:#ffffff url() repeat-x left top; background-size:cover;text-align: center;vertical-align:bottom;}

ul,ol,dl {list-style:none;padding:0; margin:0;}

img, fieldset, iframe {
    border:0 none;vertical-align:top;
}

.hand { cursor:pointer; }


#body a{font: 12px 'Nanum Barun Gothic', dotum, '돋움';color:black;text-decoration:none;}
#body a:hover{font: 12px 'Nanum Barun Gothic', dotum, '돋움';color:black;text-decoration:underline;}
#body a:active{font: 12px 'Nanum Barun Gothic', dotum, '돋움';color:black;text-decoration:none;}
#body a:visited{font: 12px 'Nanum Barun Gothic', dotum, '돋움';color:black;text-decoration:none;}

.header_bg{
/*	background:url('../images/menu_bg.gif') repeat-x; */
}

.body_bg{
	background:url('../images/body_bg.gif') repeat-x;
	padding:0 0 30px 0;
}

.footer{
	background: #333;
	border-top:2px solid #000;
	padding:0 0 30px 0;
}

.ko_14{
	font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic;
	font-size:14px;
	line-height: 200%;
	color:#666;
}

.ko_13{
	font-family:verdana,tahoma,'Nanum Barun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic;
	font-size:13px;
	line-height: 135%;
	color:#a1a1a1;
}

.ko_20{
	font-family:'Nanum Barun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic;
	font-size:20px;
	line-height: 150%;
	color:#666;
}

.ko_30{
	font-family:'Nanum Barun Gothic';
	font-size:30px;
	line-height: 150%;
	color:#ed1c24;
}

.en_11{
	font-family:verdana,tahoma,'Nanum Barun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic;
	font-size:11px;
	line-height: 135%;
	color:#a1a1a1;
}
.border_sub{
	border-bottom:1px solid #e6e6e6;
	}

.border_dot_bottom{
	border-bottom:1px dotted #e6e6e6;
	padding:3px 0 3px 0;
	font-family:verdana,tahoma,'Nanum Barun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic;
	color:#777777;
	}

.border_1_grey{
	border:1px solid #83918c;
	}

.contents_tit{
	color:#43a015;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-0.05em;
	padding:3px 0 3px 0;
	}
.contents_tit_bk{
	color:#000000;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-0.05em;
	padding:3px 0 3px 0;
	}
.date_num_10 {
	font-family: verdana,tahoma Sans-serif;
	font-size: 10px;
	font-weight:none;
	color:#7c7c7c;
	letter-spacing:-0.00em;
	}
.en_666{
	font-family:verdana,tahoma,'Nanum Barun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic;
	font-size:11px;
	line-height: 135%;
	color:#666666;
	}
.en_333{
	font-family:verdana,tahoma,'Nanum Barun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic;
	font-size:11px;
	line-height: 135%;
	color:#333333;
	}
.en_15px{
	font-family:verdana,tahoma,'Nanum Barun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic;
	font-size:13px;
	line-height: 135%;
	font-weight:bold;
	letter-spacing:-0.05em;
	color:#444547;
	vertical-align:top;
	}
.en_13px{
	font-family:verdana,tahoma,'Nanum Barun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic;
	font-size:12px;
	line-height: 135%;
	font-weight:bold;
	letter-spacing:-0.05em;
	color:#747474;
	vertical-align:top;
	}
.en_ed {
	font-family:verdana,tahoma,'Nanum Barun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic;
	font-size:11px;
	line-height: 180%;
	letter-spacing:-0.05em;
	color:#ed1c24;
	font-weight:bold;
	}
.ko_12b {
	font-size:12px;
	line-height: 180%;
	letter-spacing:-0.05em;
	color:#333333;
	font-weight:bold;
	}


.sub_bg_01{
	padding:0 0 0 80px;
	margin:0;
	height:200px;
	background-image:url("../images/sub_bg01.jpg");
	background-attachment:scroll;  /*이미지위치고정*/
	background-repeat:no-repeat;
	background-position-x:50%;
	background-position-y:0px;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:#333;
	}
.sub_bg_02{
	padding:0 0 0 100px;
	margin:0;
	height:200px;
	background-image:url("../images/sub_bg02.jpg");
	background-attachment:scroll;  /*이미지위치고정*/
	background-repeat:no-repeat;
	background-position-x:50%;
	background-position-y:0px;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:#333;
	}
.sub_bg_03{
	padding:0;
	margin:0;
	height:200px;
	background-image:url("../images/sub_bg03.jpg");
	background-attachment:scroll;  /*이미지위치고정*/
	background-repeat:no-repeat;
	background-position-x:50%;
	background-position-y:0px;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:#333;
	}
.sub_bg_04{
	padding:0 0 0 100px;
	margin:0;
	height:200px;
	background-image:url("../images/sub_bg04.jpg");
	background-attachment:scroll;  /*이미지위치고정*/
	background-repeat:no-repeat;
	background-position-x:50%;
	background-position-y:0px;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:#333;
	}
.sub_bg_05{
	padding:0;
	margin:0;
	height:200px;
	background-image:url("../images/sub_bg05.jpg");width:1920px; 
	background-attachment:scroll;  /*이미지위치고정*/
	background-repeat:no-repeat;
	background-position-x:50%;
	background-position-y:0px;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:#333;
	}
.main_bg_01{
	padding:0;
	margin:0;
	height:500px;
	background-image:url("../images/main_bg_04.jpg");
	background-attachment:scroll;  /*이미지위치고정*/
	background-repeat:no-repeat;
	background-position-x:50%;
	background-position-y:0px;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:#333;
	}

.main_bg_02{
	padding:0;
	margin:0;
	height:500px;
	background-image:url("../images/main_bg_02.jpg");
	background-attachment:scroll;  /*이미지위치고정*/
	background-repeat:no-repeat;
	background-position-x:50%;
	background-position-y:0px;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:#333;
	}


/***********메인페이지***********/

/*main css*/
#main{width:100%; height:500px;}
#main img{height:500px;}
#main ul.mainslider{width:100%; height:500px; overflow:hidden;}
#main ul.mainslider li{position:relative; height:500px;}
#main ul.mainslider li img{position:absolute; top:0; left:0; width:100%; height:500px; z-index:-1;}

#main .bx-wrapper{height:500px !important;} 
#main .bx-viewport{height:500px !important;}

/*고정*/
.mbg{width:1920px; height:500px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; position:relative;}

/*이미지 추가시*/
.m01{background-image:url('../images/main_bg_04.jpg');}
.m02{background-image:url('../images/main_bg_02.jpg');}
.m03{background-image:url('../images/main_bg_01.jpg');}
.m04{background-image:url('../images/main_bg_03.jpg');}

.mbg::after{content:""; display:block; position:absolute; top:0; left:0; background:url("../images/main/main-w-logo2.png")no-repeat; width:100%; height:500px; background-position:50% 50%;}


@media all and (max-width:1024px) {
#main ul.mainslider li img{object-fit:cover; object-position:50% 50%;}
}

@media all and (max-width:800px){

}

@media all and (max-width:650px){

.mainslider li:nth-child(1){background-color:#65c4c0;}
.mbg::after{background-size:contain; width:50%; height:12%; top:45%; left:26%;}

}

@media all and (max-width:375px){

}

@media all and (max-width:320px){

}