@charset "utf-8";

/* html5를 인식하지 못하는 브라우져일 경우 신규로 추가된 TAG를 정의 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, mark, meter, output, progress, time, video { display: block }
 
@import url("../../../../fonts.googleapis.com/earlyaccess/nanumgothic.css"); 
html { font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic","돋움","Dotum","굴림","Gulim,Helvetica","sans-serif"; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, 
header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0;  vertical-align:baseline; background:transparent; }
body { font-size:0.75em; line-height:1.5em; color:#333; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }

@media all and (min-width:1195px) {    /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
	#main-nav {display:none;}
	#wrap { width:100%; margin:0 auto;  }
	#util {background-color:#fff; text-align:right; }
	#util div.util_Area { width:1200px; margin:0 auto; padding:4px 0 ; }
	#util div.util_Area a{ color:#333; padding:0 15px 0 12px; border-right:1px solid #333; }
	#util div.util_Area a.sitemap{ border-right:0px; }
	#headerWrap {height:100px; width:1200px;  margin:0 auto;}/*로고가 있던 자리인데 로고를 position absolute 하고 이자리를 높이를 0으로 해놨다*/
	#header div.mobileMenu {display:none;}
	#header .logo { padding:10px 0 0 0px;}
	#header h1.logo {float: left; }
	#header .top_banner {float:right; }


	#btnPrev {display:none;}
	#visualWrap { width:100%; background-color:#ebebeb; border-bottom:1px solid #e1e1e1; }
	.main_top {width:100%;margin:0 auto;height:350px;}
	.slider {float:left;width:700px;height:352px;}
	#visualWrap #mainVisual { position:relative;  width:700px;height:100%; }
	#visualWrap #mainVisual div.visual_txt { position:absolute; top:50px; left:740px; z-index:5;display:none; }

	.main_banner {float:left;width:300px;}
	.banner1 {clear:both;width:300px;height:88px;}
	.banner2 {clear:both;width:300px;height:88px;}
	.banner3 {clear:both;width:300px;height:88px;}
	.banner4 {clear:both;width:300px;height:88px;}

	#contentWrap { overflow:hidden; width:1200px; margin:0 auto; }
	#contentWrap #mainContent { clear:both;width:1200px;border-top:1px solid #000;}
	#contentWrap #mainmiddle { clear:both;width:1200px;border-top:1px solid #000;}
	#mid_banner {width:1000px;margin:0 auto;}
	#mid_banner .mid_banner_div {float:left;width:50%;}

	/*#contentWrap { overflow:hidden; width:993px; margin:0 auto; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
	#contentWrap #mainContent { clear:both;  }
	#contentWrap #mainContent #mainNotice { float:left;   width:368px; height:135px;  margin:25px 30px; }
	#contentWrap #mainContent #mainNotice h1 { float:left; height:41px;   }
	#contentWrap #mainContent #mainNotice .notice_more { float:right;  }
	#contentWrap #mainContent #mainNotice .notice_list { clear:both; margin:0; }

	#contentWrap #mainContent #boxCont1 a{ float:left; border-left:1px solid #e1e1e1; width:281px; height:185px; background:url("/img/bg_business.jpg") 80px bottom no-repeat;  }
	#contentWrap #mainContent #boxCont2 a{ float:right; border-left:1px solid #e1e1e1;  width:281px;  height:185px; background:url("/img/bg_product.jpg") 95px bottom no-repeat; }
	#boxCont1 h1,#boxCont2 h1 { padding-left:15px; padding-top:12px; margin:0;  }
	#boxCont1 .txt,#boxCont2 .txt { display:block; padding:0px 0 7px 15px; }
	#boxCont1 .btn_link,#boxCont2 .btn_link { padding-left:23px; margin:0; display:block; }

	#contentWrap #mainContent #boxCont3 a{ float:left; width:282px; width:428px; height:185px; border-top:1px solid #e1e1e1; background:url("/img/bg_company.png") 20px center no-repeat; background-color:#d4e8b6; }
	#boxCont3 h1 { padding-left:210px; padding-top:33px; margin:0;  }
	#boxCont3 .txt{ padding-left:210px; padding-top:8px; margin:0; display:block;  }
	
	#contentWrap #mainContent #boxCont4 { float:left; width:281px; height:185px; border-left:1px solid #e1e1e1;  border-top:1px solid #e1e1e1; }
	#contentWrap #mainContent #boxCont5 { float:right; width:281px; height:185px; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1;  background:url("/img/bg_customer.png") 20px center no-repeat; background-color:#e8dacb; }
	#boxCont5 h1 { padding:28px 0 0 22px; padding-top:28px; margin:0;  }
	#boxCont5 .num, #boxCont5 .txt{ padding:6px 0 0 86px; padding-top:6px; margin:0; display:block;  }*/

	#contentWrap #mainContent #boxCont1 { float:left; border-left:1px solid #e1e1e1; width:299px; height:150px; background:url("/img/main_bannerbg01.jpg") 90px bottom no-repeat; }
	#contentWrap #mainContent #boxCont2 { float:left; border-left:1px solid #e1e1e1; width:299px;  height:150px; background:url("/img/main_bannerbg02.jpg") 90px bottom no-repeat; }
	#contentWrap #mainContent #boxCont3 { float:left; border-left:1px solid #e1e1e1; width:299px;  height:150px; background:url("/img/main_bannerbg03.jpg") 90px bottom no-repeat; }
	#contentWrap #mainContent #boxCont4 { float:left; border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; width:298px;  height:150px; background:url("/img/main_bannerbg04.jpg") 90px bottom no-repeat; }

	#contentWrap #mainmiddle #section1 { float:left; border-left:1px solid #e1e1e1; width:299px; height:150px; background:url("/img/main_bannerbg01.jpg") 50px bottom no-repeat; }
	#contentWrap #mainmiddle #section2 { float:left; border-left:1px solid #e1e1e1; width:299px;  height:150px; background:url("/img/main_bannerbg02.jpg") 50px bottom no-repeat; }
	#contentWrap #mainmiddle #section3 { float:left; border-left:1px solid #e1e1e1; width:299px;  height:150px; background:url("/img/main_bannerbg03.jpg") 50px bottom no-repeat; }
	#contentWrap #mainmiddle #section4 { float:left; border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; width:298px;  height:150px; background:url("/img/main_bannerbg04.jpg") 50px bottom no-repeat; }
	
	#contentWrap #mainContent #boxCont5 { float:right; width:281px; height:185px; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1;  background:url("/img/bg_customer.png") 20px center no-repeat; background-color:#e8dacb; }
	#boxCont5 h1 { padding:28px 0 0 22px; padding-top:28px; margin:0;  }
	#boxCont5 .num, #boxCont5 .txt{ padding:6px 0 0 86px; padding-top:6px; margin:0; display:block;  }

	#contentWrap #mainBottom3 {  clear:both;width:1000px;}
	#contentWrap #mainBottom3 .sct1 {float:left;width:480px;padding-top:15px; border-bottom:1px solid #ddd;margin:10px;}
	#contentWrap #mainBottom3 .sct2 {float:left;width:230px;padding-top:15px; border-bottom:1px solid #ddd;margin:10px;}
	#contentWrap #mainBottom3 .sct3 {float:left;width:230px;padding-top:15px; border-bottom:1px solid #ddd;margin:10px;}

	#contentWrap #mainBottom2 {  clear:both;width:1200px;}
	#contentWrap #mainBottom2 .sct1 {float:left;width:500px;padding-top:15px;}
	#contentWrap #mainBottom2 .sct2 {float:left;width:350px;padding-top:15px;}
	#contentWrap #mainBottom2 .sct3 {float:left;width:350px;padding-top:15px;}
	
	#contentWrap #mainBottom {  clear:both;width:1200px;border-top:1px solid #5e5e5e;margin-bottom:10px;border-bottom:1px solid #5e5e5e;}
    /*갤러리가 없을때*/
	#contentWrap #mainBottom .sct1 {float:left;width:399px;margin-top:15px;padding-bottom:20px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
	#contentWrap #mainBottom .sct2 {float:left;width:398px;margin-top:15px;padding:0px 0 20px 0;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
	#contentWrap #mainBottom .sct3 {float:left;width:399px;margin-top:15px;border-left:1px solid #ddd;padding-bottom:20px;border-bottom:1px solid #ddd;}

     /*갤러리가 있을때*/
	/*
	#contentWrap #mainBottom .sct1 {float:left;width:275px;padding-top:15px;border-bottom:1px solid #333;}
	#contentWrap #mainBottom .sct2 {float:left;width:450px;padding-top:20px;}
	#contentWrap #mainBottom .sct3 {float:left;width:275px;padding-top:15px;border-bottom:1px solid #333;}
	*/

    #mid_bannertop_out {width:100%; height:158px; background:url('/img/bg_bn.jpg');padding:0px;border:0px;margin:0px;margin-top:-1px;}
	#mid_bannertop_out .mid_bannertop {width:1000px;margin:0 auto;}
	#mid_bannertop_out .mid_bannertop .mid_banner_div {float:left;width:50%;}

    /*
	#contentWrap #mainBottom {  float:left;width:1000px;border-top:1px solid #ddd; }
	#contentWrap #mainBottom .sct1 {float:left;width:275px;padding-top:15px;}
	#contentWrap #mainBottom .sct2 {float:left;width:450px;padding-top:20px;}
	#contentWrap #mainBottom .sct3 {float:left;width:275px;padding-top:15px;}
    */

	/*#contentWrap #mainLink ul { list-style-type:none; padding:0; margin:0;   }
	#contentWrap #mainLink ul li {height:42px; border-right:1px solid #efefef; float:left; width:30.5%; padding-top:1px; margin:16px 0 5px 25px; background:url("/img/bg_quick.jpg") 235px top no-repeat; }
	#contentWrap #mainLink ul li.last { border-right:0px; }
	#contentWrap #mainLink ul li img { display:block; }
	#contentWrap #mainLink ul li a { display:block; }*/



	/*비쥬얼 이미지 롤링*/
	#jqb_object { 	position: relative;	width: 100%;height:100%;overflow: hidden; padding-bottom: 0%; }
	#jqb_object .jqb_bar{ position:absolute;	width:100%; height: 100%;	right:0px ; background:#1577b6;	opacity:0.7; filter:alpha(opacity=70);	
		color: #ffffff;	 font-weight: bold;	font-size: 2.5em;	letter-spacing: -1px;display:none;}
	#jqb_object .jqb_slide{	position:absolute; width:100%;  font-weight: bold;   }
	#jqb_object .jqb_info{ height:225px; padding: 72px 30px 2px 30px;	display:inline-block; line-height:1.5em; color:#fff;  }
	#jqb_object .btn_box{ position:absolute; left:17px; top:130px;  width:100%; }
	#jqb_object .jqb_btn{ float:left;	 }
	#jqb_object .jqb_btn_prev{ width: 43px;	 height: 51px; }
	#jqb_object .jqb_btn_next{  position:absolute; right:0; width: 43px; height: 51px;  }

	#jqb_object div.jqb_bar .jqb_btn2{  margin: 3px 20px 0 0px;	float: right; border:0px solid #fff;  }
	#jqb_object div.jqb_bar .jqb_btn_pause{ width: 50px; height: 16px; cursor:pointer; background-image:url(../../img/main/stop.png); }
	#jqb_object div.jqb_bar .jqb_btn_play{ width: 50px; height: 16px; cursor:pointer; background-image:url(../../img/main/play.png);  }

	#myshit {}

	
}

@media (max-width:1195px) {  /* 이 코드는 995px 이하의 해상도에서 해석 됩니다 */ 
	#wrap { float: left;  width: 100%;  transition: width 0.1s ease;  }
	#util {display:none;}
	#headerWrap {height:60px; }
	#header div.mobileMenu {}
	#subMenuWrap {display:none;}
	#header h1.logo {float: left;  height:30px; }
	.menu_wrap {display:none;}
	.menu {display:none;}
	#header div.mobileMenu { background-color:#fff; border-left:1px solid #e1e1e1; height:57px; width:70px; float:right; text-align:center;  font-size:30px; padding-top:20px; }
	#header .top_banner {display:none; }

	#btnPrev {display:none;}
	.main_top {clear:both;width:100%;}
	.slider {clear:both;width:100%;}
	#mainVisual img {width:100%;}

	#contentWrap { overflow:hidden;clear:both;  }
	#contentWrap #mainContent { clear:both;  height:420px; }
	#contentWrap #mainContent #mainNotice { clear:both;  height:145px;  width:100%; border-bottom:1px solid #e1e1e1;   }
	#contentWrap #mainContent #mainNotice h1 { float:left; margin:15px 0 0 25px; }
	#contentWrap #mainContent #mainNotice .notice_more { display:none;  }
	#contentWrap #mainContent #mainNotice .notice_list { clear:both; padding:6px 0 0 25px; }

	/*#contentWrap #mainContent #boxCont1 a{ float:left;  width:50%; height:125px; background:url("/img/bg_business.jpg") right bottom no-repeat;  }
	#contentWrap #mainContent #boxCont2 a{ float:right;  border-left:1px solid #e1e1e1;   width:49.8%;  height:125px; background:url("/img/bg_product.jpg") right bottom no-repeat; }
	#boxCont1 h1,#boxCont2 h1 { padding-left:15px; padding-top:12px; margin:0;  }
	#boxCont1 .txt,#boxCont2 .txt { display:block; padding:0px 0 7px 15px; }
	#boxCont1 .btn_link,#boxCont2 .btn_link { display:none; }

	#contentWrap #mainContent #boxCont3 a{ float:left; width:282px; width:50%; height:125px; background:url("/img/bg_company.png") right bottom no-repeat; background-size:auto 120px;  background-color:#d4e8b6; }
	#boxCont3 h1 { padding-left:15px; padding-top:12px; margin:0;  }
	#boxCont3 .txt{ padding-left:15px; margin:0;   }
	
	#contentWrap #mainContent #boxCont4 { display:none; }
	#contentWrap #mainContent #boxCont5 { float:right; width:50%; height:125px;   background:url("/img/bg_customer.png") right center no-repeat; background-color:#e8dacb; }
	#boxCont5 h1 { padding:20px 0 0 20px; margin:0;  }
	#boxCont5 .num{  padding:6px 0 0 20px; margin:0; display:block; }
	#boxCont5 .txt{ display:none;  }*/

	#contentWrap #mainContent #boxCont1 { float:left; width:50%; height:210px; background:url("/img/main_bannerbg01.jpg") right bottom no-repeat; }
	#contentWrap #mainContent #boxCont2 { float:left; border-left:1px solid #e1e1e1; width:49.8%;  height:210px; background:url("/img/main_bannerbg02.jpg") right bottom no-repeat; }
	#contentWrap #mainContent #boxCont3 { float:left; width:50%;  height:210px; background:url("/img/main_bannerbg03.jpg") right bottom no-repeat; }
	#contentWrap #mainContent #boxCont4 { float:left; border-left:1px solid #e1e1e1; width:49.8%;  height:210px; background:url("/img/main_bannerbg04.jpg") right bottom no-repeat; }

	
    #mid_bannertop_out {width:100%; height:120px; background:url('/img/bg_bn.jpg');padding:0px;border:0px;margin:0px;margin-top:-1px;}
	#mid_bannertop_out .mid_bannertop {width:100%;margin:0 auto;}
	#mid_bannertop_out .mid_bannertop .mid_banner_div {float:left;width:50%;}

	.main_banner {clear:both;width:100%;}
	.banner1 {float:left;width:50%;}
	.banner1 img {width:100%;}
	.banner2 {float:left;width:50%;}
	.banner2 img {width:100%;}
	.banner3 {float:left;width:50%;}
	.banner3 img {width:100%;}
	.banner4 {float:left;width:50%;}
	.banner4 img {width:100%;}

	/*#contentWrap #mainLink {  width:100%;   }
	#contentWrap #mainLink ul { list-style-type:none; padding:0; margin:0;   }
	#contentWrap #mainLink ul li {height:32px; border-right:1px solid #e1e1e1; float:left; width:33.1%;  text-align:center; margin:13px 0;  }
	#contentWrap #mainLink ul li.last { border-right:0px; }
	#contentWrap #mainLink ul li img.txt { display:none; }
	#contentWrap #mainLink ul li a { display:block; padding:5px 0; }*/
	#contentWrap #mainBottom2 {  float:left;width:100%; }
	#contentWrap #mainBottom2 .sct1 {display:none;}
	#contentWrap #mainBottom2 .sct2 {float:left;width:50%;}
	#contentWrap #mainBottom2 .sct3 {float:left;width:50%;}

	#contentWrap #mainBottom3 {  float:left;width:100%; border-top:1px solid #ddd;}
	#contentWrap #mainBottom3 .sct1 {display:none;}
	#contentWrap #mainBottom3 .sct2 {float:left;width:50%;}
	#contentWrap #mainBottom3 .sct3 {float:left;width:50%;}

	#contentWrap #mainBottom {  float:left;width:100%; }
	#contentWrap #mainBottom .sct1 {width:50%;padding-top:15px;float:left}
	#contentWrap #mainBottom .sct2 {float:left;width:100%;padding-top:20px;height:200px;overflow:hidden;}
	#contentWrap #mainBottom .sct3 {width:49.5%;padding-top:15px;float:left;border-left:1px solid #ddd;}

    
	/*
	#contentWrap #mainBottom {  float:left;width:100%; }
	#contentWrap #mainBottom .sct1 {float:left;width:50%;padding-top:15px;}
	#contentWrap #mainBottom .sct2 {float:left;width:50%;padding-top:20px;height:120px;overflow:hidden;}
	#contentWrap #mainBottom .sct3 {clear:both;;width:50%;display:none;}
    */



	/* 모바일메뉴 */
	.main-nav {  font-size: 1.25em; z-index:10; position: fixed;  top: 0; right:0;  width: 0;  height: 100%;  background: #3B3B3B;  overflow-y: auto;  transition: width 0.1s ease; color:#ffffff; }
	.main-nav a { font-weight:bold; display: block; background: linear-gradient(#3e3e3e, #383838); border-top: 1px solid #484848; border-bottom: 1px solid #2E2E2E; color:#ffffff !important; padding: 15px;}
	.close-menu {  display: none; font-size: 2em;  text-align:center;}
	#main-nav:target {  width: 30%; }
	#main-nav:target + #wrap {  width: 100%;}
	#main-nav:target + #wrap .open-menu {  display: none;}
	#main-nav:target + #wrap .close-menu {  display: block;}

	/*비쥬얼 이미지 롤링*/
	#jqb_object { background-color:#ebebeb;	position: relative;	width: 100%; height: 0;	overflow: hidden; padding-bottom: 25%; clear:both; }
	#jqb_object .jqb_bar{	position:absolute;	width:100%; height: 32px; padding-top:5px;	left:0px;	bottom:0px;	background:#000000;	opacity:0.7; filter:alpha(opacity=70);	
		color: #ffffff;	font-weight: bold;	font-size: 1.6em ;display:none;}
	#jqb_object .jqb_slide{ position:absolute; width:100%;  font-weight: bold;   text-align: left;}
	#jqb_object .jqb_info{	position:absolute;	padding: 2px 10px 2px 25px;	float: left; }
	#jqb_object .jqb_btn{  margin: 3px 8px 0 0px;	float: right;  }
	#jqb_object .jqb_btn_next{ width: 15px; height: 14px; background-image:url(../../img/main/btn_next.gif); }
	#jqb_object .jqb_btn_prev{ width: 15px;	 height: 14px; background-image:url(../../img/main/btn_prev.gif);}
	#jqb_object .jqb_btn_pause{ width: 15px; height: 14px; background-image:url(../../img/main/btn_stop.gif);}
	#jqb_object .jqb_btn_play{ width: 15px; height: 14px; background-image:url(../../img/main/btn_play.gif);}

} 

@media (max-width:699px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	#contentWrap { overflow:hidden;  }
	#btnPrev {display:none;}
	#header .top_banner {display:none; }
	#header h1.logo img{position:absolute;width:70%}

	.main_top {clear:both;width:100%;}
	.slider {clear:both;width:100%;}
	#mainVisual img {width:100%;}

	#contentWrap #mainContent #mainNotice { clear:both;  height:145px;  width:100%; border-bottom:1px solid #e1e1e1;   }
	#contentWrap #mainContent #mainNotice h1 { float:left; margin:15px 0 0 15px; }
	#contentWrap #mainContent #mainNotice .notice_more { display:none;  }
	#contentWrap #mainContent #mainNotice .notice_list { clear:both; padding:6px 0 0 15px; }

	/*#contentWrap #mainContent #boxCont1 a{ border-bottom:1px solid #e1e1e1; width:100%; height:75px; background:url("/img/bg_business.jpg") right bottom no-repeat;  }
	#contentWrap #mainContent #boxCont2 a{  width:100%;  height:75px; background:url("/img/bg_product.jpg") right bottom no-repeat; }
	#boxCont1 h1,#boxCont2 h1 { padding-left:8px; padding-top:15px; margin:0;  }
	#boxCont1 .txt,#boxCont2 .txt { display:none; }
	#boxCont1 .btn_link,#boxCont2 .btn_link {  display:none; }

	#contentWrap #mainContent #boxCont3 { display:none; }
	#boxCont3 h1 { padding-left:15px; padding-top:12px; margin:0;  }
	#boxCont3 .txt{ display:none;}
	
	#contentWrap #mainContent #boxCont4 { display:none; }
	#contentWrap #mainContent #boxCont5 { float:left; width:100%;  height:75px;   background:url("/img/bg_customer.png") right center no-repeat;  background-color:#e8dacb; }
	#boxCont5 h1 { padding-left:10px; padding-top:5px; margin:0;  }
	#boxCont5 .num{  padding-left:10px; padding-top:0; margin:0; display:block; }
	#boxCont5 .txt{ display:none;  }*/

	#contentWrap #mainContent {height:300px;}
	#contentWrap #mainContent #boxCont1 { clear:both; width:100%; height:75px; background:url("/img/main_bannerbg01.jpg") right bottom no-repeat; }
	#contentWrap #mainContent #boxCont2 { clear:both; width:100%; height:75px; background:url("/img/main_bannerbg02.jpg") right bottom no-repeat;border-top:1px solid #ddd; }
	#contentWrap #mainContent #boxCont3 { clear:both; width:100%; height:75px; background:url("/img/main_bannerbg03.jpg") right bottom no-repeat;border-top:1px solid #ddd; }
	#contentWrap #mainContent #boxCont4 { clear:both; width:100%; height:75px; background:url("/img/main_bannerbg04.jpg") right bottom no-repeat;border-top:1px solid #ddd;border-bottom:1px solid #ddd; }

	#boxCont1 h1,#boxCont2 h1,#boxCont3 h1,#boxCont4 h1 { padding-left:8px; padding-top:15px; margin:0;  }
	#boxCont1 .txt,#boxCont2 .txt,#boxCont3 .txt,#boxCont4 .txt { display:none; }
	#boxCont1 .btn_link,#boxCont2 .btn_link,#boxCont3 .btn_link,#boxCont4 .btn_link {  display:none; }

	
    #mid_bannertop_out {width:100%; height:80px; background:url('/img/bg_bn.jpg');padding:0px;border:0px;margin:0px;margin-top:-1px;}
	#mid_bannertop_out .mid_bannertop {width:100%;margin:0 auto;}
	#mid_bannertop_out .mid_bannertop .mid_banner_div {float:left;width:50%;}

	.main_banner {clear:both;width:100%;margin:0;padding:0;}
	.banner1 {float:left;width:50%;margin:0;padding:0;}
	.banner1 img {width:100%;}
	.banner2 {float:left;width:50%;margin:0;padding:0;}
	.banner2 img {width:100%;}
	.banner3 {float:left;width:50%;margin:0;padding:0;}
	.banner3 img {width:100%;}
	.banner4 {float:left;width:50%;margin:0;padding:0;}
	.banner4 img {width:100%;}

	/*#contentWrap #mainContent #boxCont1 { float:left;width:50%; height:210px;margin:0;padding:0;border:0; }
	#contentWrap #mainContent #boxCont2 { float:left;width:50%; height:210px;margin:0;padding:0;border:0; }
	#contentWrap #mainContent #boxCont3 { float:left;width:50%; height:210px;margin:0;padding:0;border:0; }
	#contentWrap #mainContent #boxCont4 { float:left;width:50%; height:210px;margin:0;padding:0;border:0; }*/

	
	#contentWrap #mainBottom2 {  clear:both;width:100%; }
	#contentWrap #mainBottom2 .sct1 {display:none}
	#contentWrap #mainBottom2 .sct2 {width:50%}
	#contentWrap #mainBottom2 .sct3 {width:50%}


	#contentWrap #mainBottom3 {   clear:both;width:100%;}
	#contentWrap #mainBottom3 .sct1 {display:none;}
	#contentWrap #mainBottom3 .sct2 {width:50%;}
	#contentWrap #mainBottom3 .sct3 {width:50%;}


	#contentWrap #mainBottom {  float:left;width:100%; }
	#contentWrap #mainBottom .sct1 {width:50%;padding-top:15px;float:left}
	/* #contentWrap #mainBottom .sct2 {float:left;width:50%;padding-top:20px;height:120px;overflow:hidden;display:none;} */
	#contentWrap #mainBottom .sct3 {width:49.5%;padding-top:15px;float:left;border-left:1px solid #ddd;}
    /*
	#contentWrap #mainBottom {  clear:both;width:100%; }
	#contentWrap #mainBottom .sct1 {clear:both;width:96%;padding-top:15px;padding-left:30px;}
	#contentWrap #mainBottom .sct2 {clear:both;width:96%;padding-top:20px;height:260px;padding-left:30px;}
	#contentWrap #mainBottom .sct3 {clear:both;width:100%;display:none;}
     */


	/*비쥬얼 이미지 롤링*/
	#jqb_object .jqb_bar{	position:absolute;	width:100%; height: 26px; padding-top:4px;	left:0px;	bottom:0px;	background:#000000;	opacity:0.7; filter:alpha(opacity=70);	
		color: #ffffff;	font-weight: bold;	font-size: 1.3em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;display:none; }
	#jqb_object .jqb_info{	position:absolute;	padding: 2px 10px 2px 10px;	float: left; }	
	#jqb_object .jqb_btn{ display:none; }


	/*비쥬얼 이미지 롤링*/
	#jqb_object { background-color:#ebebeb;	position: relative;	width: 100%;overflow: hidden; padding-bottom: 25%; clear:both; }
	#jqb_object .jqb_slide { position:absolute; width:100%;  font-weight: bold;   text-align: left;}
	#jqb_object .jqb_info {	position:absolute;	padding: 2px 10px 2px 25px;	float: left; }
	#jqb_object .jqb_btn { margin: 3px 8px 0 0px;	float: right;  }
	#jqb_object .jqb_btn_next { width: 15px; height: 14px; background-image:url(../../img/main/btn_next.gif); }
	#jqb_object .jqb_btn_prev { width: 15px;	 height: 14px; background-image:url(../../img/main/btn_prev.gif);}
	#jqb_object .jqb_btn_pause { width: 15px; height: 14px; background-image:url(../../img/main/btn_stop.gif);}
	#jqb_object .jqb_btn_play { width: 15px; height: 14px; background-image:url(../../img/main/btn_play.gif);}

}

@media (max-width:320px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 

	#contentWrap { overflow:hidden;}
	#btnPrev {display:none;}

	.main_top {clear:both;width:100%;}
	.slider {clear:both;width:100%;}
	#mainVisual img {width:100%;}

	
	/*비쥬얼 이미지 롤링*/
	#jqb_object { background-color:#ebebeb;	position: relative;	width: 100%;	overflow: hidden; padding-bottom: 35%; clear:both; }
	#jqb_object .jqb_slide { position:absolute; width:100%;  font-weight: bold;   text-align: left;}
	#jqb_object .jqb_info {	position:absolute;	padding: 2px 10px 2px 25px;	float: left; }
	#jqb_object .jqb_btn { margin: 3px 8px 0 0px;	float: right;  }
	#jqb_object .jqb_btn_next { width: 15px; height: 14px; background-image:url(../../img/main/btn_next.gif); }
	#jqb_object .jqb_btn_prev { width: 15px;	 height: 14px; background-image:url(../../img/main/btn_prev.gif);}
	#jqb_object .jqb_btn_pause { width: 15px; height: 14px; background-image:url(../../img/main/btn_stop.gif);}
	#jqb_object .jqb_btn_play { width: 15px; height: 14px; background-image:url(../../img/main/btn_play.gif);}

	.main_banner {clear:both;width:100%;margin:0;padding:0;}
	.banner1 {float:left;width:100%;margin:0;padding:0;}
	.banner1 img {width:100%;}
	.banner2 {float:left;width:100%;margin:0;padding:0;}
	.banner2 img {width:100%;}
	.banner3 {float:left;width:100%;margin:0;padding:0;}
	.banner3 img {width:100%;}
	.banner4 {float:left;width:100%;margin:0;padding:0;}
	.banner4 img {width:100%;}

	
	#contentWrap #mainContent #boxCont1 { clear:both; width:100%; height:210px; background:url("/img/bg_business.jpg") right bottom no-repeat; }
	#contentWrap #mainContent #boxCont2 { clear:both; width:100%; height:210px; background:url("/img/bg_product.jpg") right bottom no-repeat; }
	#contentWrap #mainContent #boxCont3 { clear:both; width:100%; height:210px; background:url("/img/bg_company.jpg") right bottom no-repeat; }
	#contentWrap #mainContent #boxCont4 { clear:both; width:100%; height:210px; background:url("/img/bg_customer.jpg") right bottom no-repeat; }

	#contentWrap #mainBottom2 {  clear:both;width:100%;height:500px; }
	#contentWrap #mainBottom2 .sct1 {width:50%;}
	#contentWrap #mainBottom2 .sct2 {width:25%;}
	#contentWrap #mainBottom2 .sct3 {width:25%;}
	
	#contentWrap #mainBottom {  clear:both;width:100%;height:500px; }
	#contentWrap #mainBottom .sct1 {clear:both;width:96%;padding-top:15px;padding-left:30px;}
	#contentWrap #mainBottom .sct2 {clear:both;width:96%;padding-top:20px;height:260px;padding-left:30px;}
	#contentWrap #mainBottom .sct3 {clear:both;width:96%;padding-top:15px;padding-left:30px;display:block;}


    /*
	#contentWrap #mainBottom {  clear:both;width:100%;height:500px; }
	#contentWrap #mainBottom .sct1 {clear:both;width:96%;padding-top:15px;padding-left:30px;}
	#contentWrap #mainBottom .sct2 {clear:both;width:96%;padding-top:20px;height:260px;padding-left:30px;}
	#contentWrap #mainBottom .sct3 {clear:both;width:96%;padding-top:15px;padding-left:30px;display:block;}
    */
	
	.delTHName {display:none;}
}

/* 추출 게시판 스타일 */

.board_output_1_tr .bd_out1 { padding-bottom:3px; padding-left:3px;  }
.board_output_1_tr img { vertical-align:middle; }