@charset "utf-8";

/********** 레이아웃 CSS **********/
#wrap{position:relative; width:100%;min-width: 320px;}
#container{ margin:0 auto;}
#headerWr .header,
#content .contentWrap,
#footer .footerWrap,
#bottom .bottomWrap{width: 1000px; margin:0 auto;}

.contentWrap2 {width: 1200px; margin:0 auto;}

/* Header */
#headerWr{position: absolute; left:0; top:0; width:100%; height: 94px; z-index:10;border-bottom: 1px solid #ddd;}
#headerWr .topWrap{}
#headerWr .header{position:relative;  padding-top: 10px; min-height:84px;z-index: 1000;}
#headerWr .header .logo1{display:none;}

/* CONTENT */
#container{position:relative; margin:0 auto; padding-top: 94px; z-index:5; }
.bg_sub_top{height:263px; background: url(../images/bg_sub1.jpg) no-repeat center top; border-bottom: 1px solid #d3360b}
#content .contentWrap .lnb{width: 195px; float: left}
#content .contentWrap .cont_wrap{width: 780px; float: right; border: 1px solid #ededed; border-top: none; border-bottom: none; position: relative;min-height: 700px;  /* background: #fcfcfc; */padding-bottom: 60px;}
#content .contentWrap .cont_wrap .location{position: absolute; top: 75px; right: 20px}
#content .contentWrap .cont_wrap .sub_cont { margin:0 auto;padding-top: 50px; text-align: justify;position: relative;}
#content .contentWrap .cont_wrap .sub_cont2 { margin:0 auto;padding-top: 10px; text-align: justify; position: relative; }
.sub_cont1 {width:100%; margin:0 auto;padding-top: 20px; padding-bottom: 30px; text-align: justify;position: relative;}
.sub_cont1 img{float:left;max-width:100%}
/*BOTTOM*/
#bottom{background:#464646;}
#bottom .bottomWrap{height: 270px;padding-top: 30px;}

/* FOOTER */
#footer{position:relative; z-index:99; background: #303030}

#footer .footerWrap{padding-top: 39px; height: 100px;  position:relative}
#footer .footerWrap2{padding-top: 39px; height: 100px;  position:relative;height: 310px;}



/*미디어쿼리*/
/*1024px 이하의 디바이스*/

@media all and (max-width: 1024px) {
	#headerWr .header,
	#content .contentWrap,
	#footer .footerWrap,
	#bottom .bottomWrap{width:auto;}
	#headerWr .header .logo{display:none;}
	#headerWr .header .logo1{display:block;padding-left:10px;}
	#headerWr .header .gnb{text-align:center; float: none;}
	.depth01 {display:none;}
	#content .contentWrap .lnb{display:none}
	#content .contentWrap .cont_wrap{width: auto; float: none; padding: 0 1.5%;}
	#content .contentWrap .cont_wrap .sub_cont {}
	.sub_cont1 {width:100%; margin:0 auto;padding-top: 0px;  padding-bottom: 30px; text-align: justify;position: relative;}
	#content .contentWrap .cont_wrap .sub_cont img{max-width:100%}
	.sub_cont1 img{float:left;max-width:100%}
	#section2 .bbs{clear:both}
	#section2 .bbs .board{padding-left:30px;}
	#section2 .bbs .board:first-child{border-bottom:none; }
	#bottom .bottomWrap{display:none}
	.bg_sub_top{height: 170px; background-size: cover; }
	.spec_nav_wrap{display: none!important;}
}
/*767px 이하의 디바이스*/
 @media all and (max-width: 767px) {
	 #content .contentWrap .cont_wrap .sub_cont .sub_cont1{width:auto!important;}
	 .sub_cont1 {width:100%; margin:0 auto;padding-top: 0px; padding-bottom: 30px; text-align: justify;position: relative;}
	 .sub_cont1 img{float:left;max-width:100%}
	 #footer .footerWrap{height: auto;text-align: center;padding-top: 19px;}
	 #headerWr .header .logo{display:none;}
	 #headerWr .header .logo1{display:block;padding-left:10px;}
 }

 

 /*479px 이하의 디바이스*/
 @media all and (max-width: 479px) {
 	#content .contentWrap .cont_wrap .location{position: static;    border-bottom: 1px solid #ddd;    overflow: hidden;    padding-bottom: 7px;}
	.sub_cont1 {float:left;width:100%; margin:0 auto;padding-left: 10px; padding-top: 0px; padding-bottom: 30px; text-align: justify;position: relative;}
	.sub_cont1 img{float:left;max-width:100%;}
	.bg_sub_top{height: auto}
	#headerWr .header .logo{display:none;}
	#headerWr .header .logo1{display:block;padding-left:10px;}
}
/*320px 이하의 디바이스*/
 @media all and (max-width: 320px) {
}
