@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic Extra';
  font-style: normal;
  font-weight: 800;
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

/* 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;   background:transparent; }
body { font-size:0.75em; line-height:1.5em; color:#333; }
a:link, a:visited, a:hover, a:actgive, a:focus { text-decoration:none; color:inherit; cursor:pointer; }

#contentWrap .bannertext{display:block !important;}

#contentWrap #mainContent div {
    float: left;
    max-width: 323px;
    width: calc(25% - 1px);
    max-height: 275px;
}
	#contentWrap #mainContent #boxCont1,#contentWrap #mainContent #boxCont3{background:#eee;}
	#contentWrap #mainContent .box{border-left: 1px solid #d2d2d2;}
	#contentWrap #mainContent img{margin:30px auto 20px;display:block;}
	#contentWrap #mainContent p {
    padding: 0 0 35px 0;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #444;
}
	#contentWrap #mainContent a:hover p{
    color: #0c54a4;
	font-weight:600;
}
	#contentWrap { overflow:hidden; max-width:1180px; width:100%; margin:0 auto; }
	#contentbg {
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
}

	#contentWrap #mainContent { clear:both;width:calc(100% - 1px); max-width:1180px;margin:0;border-right: 1px solid #d2d2d2; }
@media all and (min-width:995px) {    /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */

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

	#visualWrap3 { width:100%;  } /*background-color:#ebebeb;border-bottom:1px solid #e1e1e1; */
	.main_top {width:100%;height:500px;}
	.slider {width:100%;height:500px;;margin:0 auto}
	#visualWrap3 #mainVisual3 { position:relative;  width:800px;height:100%;float:left; }
	#visualWrap3 #mainVisual3 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 #mainContent:after {display:block;visibility:hidden;clear:both;content:""}
	#contentWrap #mainContent_bottom { clear:both; width:100%; max-width:1180px;margin-bottom:20px; }
	#contentWrap #mainContent_bottom:after {display:block;visibility:hidden;clear:both;content:""}
	#contentWrap .bannertext{display:none !important;}
	/*#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 #boxCont1 img,#contentWrap #boxCont2 img,#contentWrap  #boxCont3 img,#contentWrap  #boxCont4 img{display:block;}

	#contentWrap #mainContent #boxContN1 { float:left; width:313px;height:220px; }
	#contentWrap #mainContent #boxContN2 { float:left; width:313px;height:220px;margin-left:30px; }
	#contentWrap #mainContent #boxContN3 { float:left; width:313px;height:220px;margin-left:30px;display:block; }
	
	#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 #mainBottom {  float:left;max-width:1180px;width:100%:margin-top:10px;margin-bottom:20px; }
	
	#contentWrap #mainBottom .sct1 {float:left;width:500px;padding-top:15px;border-right:1px solid #ddd;}
	#contentWrap #mainBottom .sct2 {float:left;width:250px;padding-top:15px;} /*width:250px;*/
	#contentWrap #mainBottom .sct3 {float:left;width:499px;padding-top:15px;}
	#contentWrap #mainBottom .sct4 {float:left;width:500px;padding-top:15px;}
	#contentWrap #mainBottom .sct5 {float:left;width:250px;padding-top:15px;}
	#contentWrap #mainBottom .sct6 {float:left;width:250px;padding-top:15px;}
	#contentWrap #mainBottom .sct7 {float:left;width:300px;padding-top:15px;}

	.sec_ttl {width:300px;height:30px;font-size:20px;font-family:'Nanum Gothic Extra';padding:15px 0 5px 0;text-align:center;background-color:#333;color:#fff;}
	.sec_cnt {width:280px;font-size:14px;font-family:'Nanum Gothic Bold';padding:10px;text-align:center;background-color:#eee;color:#333;}
	.sec_cnt:after {display:block;visibility:hidden;clear:both;content:""}

	
	#contentWrap #mainContent_bottom #boxCont1 { float:left; width:274px; height:150px; background:url("/img/main_bannerbg05.jpg") 50px bottom no-repeat; }
	#contentWrap #mainContent_bottom #boxCont2 { float:left; width:274px;   height:150px; background:url("/img/main_bannerbg06.jpg") 50px bottom no-repeat; }
	#contentWrap #mainContent_bottom #boxCont3 { float:left; width:274px;  height:150px; background:url("/img/main_bannerbg07.jpg") 50px bottom no-repeat; }
	#contentWrap #mainContent_bottom #boxCont4 { float:left; width:273px;  height:150px; background:url("/img/main_bannerbg08.jpg") 50px bottom no-repeat; }

	
    /*
	#contentWrap #mainBottom {  float:left;width:1180px;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;left: 50%;margin-left: -952px;}
	#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:0px; top:230px;  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 {}
	#myshit .main_tab { float: left; width: 100%;} /*background-color: #5576b4; */
	#myshit .main_tab ul{margin:0 auto; width:100%; max-width:1180px;list-style:none;background:#42515a;height:50px; } 
	#myshit .main_tab ul:after {display:block;visibility:hidden;clear:both;content:"";}
	#myshit .main_tab ul :hover{color:red;;}
	#myshit .main_tab ul li {float:left;color:#fff;width:149.2px;margin-top:15px;border-left:1px solid #9e9e9e;padding-left:100px;}
	#myshit .main_tab ul li:first-child {border:none;}
	#myshit .main_tab ul li a{font-size: 1.25em;}
	#myshit .main_tab ul li:first-child {border:0px;}

	.board_latest {width:221px;}
	.right_banner {width:300px;height:125px;}
	.tablewidth {width:100%; max-width:1180px;}

	
}
@media (max-width:1130px) {  
.main_img_center img{width:40%; max-width:397px;}
}
@media (max-width:995px) {  /* 이 코드는 995px 이하의 해상도에서 해석 됩니다 */ 

.main_img_center img {width: 60%;}
	#contentWrap #mainContent div{    margin-right: 0;
    float: left;
    max-width: none;
    width: 25%;
    max-height: none;}
	#contentWrap #mainContent .box{border:0;}
	#contentWrap #mainContent img {
    margin: 20px auto 10px;
    display: block;
}
	#contentWrap  {  overflow: hidden; max-width:none; width: 100%; margin: 0 auto;}
	#contentWrap #mainContent {   clear: both;width: 100%;max-width:none;    margin:0; display:inline-block}
	#contentWrap #mainContent div p{height:50px;     line-height: 50px;padding:0 0 10px 0;}

	#wrap { float: left;  width: 100%;  transition: width 0.1s ease;  }
	#util {display:none;}
	#headerWrap {height:70px;border-bottom: 1px solid #ddd; }
	#header div.mobileMenu {}
	#subMenuWrap {display:none;}
	#header h1.logo {}
	.menu_wrap {display:none;}
	.menu {display:none;}
	#header div.mobileMenu { background-color:#fff; border-left:1px solid #e1e1e1; height:60px; width:70px; float:right; text-align:center;  font-size:30px; padding-top:10px; }

	#btnPrev {display:none;}
	.main_top {clear:both;width:100%;border-top:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;}
	.slider {clear:both;width:100%;}
	#mainVisual img {width:100%;}
	#mainVisual3 img {width:100%;}


	#contentWrap #mainContent_bottom { 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_bottom #boxCont1 { background: rgba(0, 0, 0, 0) url("/img/main_bannerbg05.jpg") no-repeat scroll right bottom;clear: both;height: 75px;width: 100%; }
	#contentWrap #mainContent_bottom #boxCont2 { background: rgba(0, 0, 0, 0) url("/img/main_bannerbg06.jpg") no-repeat scroll right bottom;border-top: 1px solid #ddd;clear: both;height: 75px;width: 100%; }
	#contentWrap #mainContent_bottom #boxCont3 { background: rgba(0, 0, 0, 0) url("/img/main_bannerbg07.jpg") no-repeat scroll right bottom;border-top: 1px solid #ddd;clear: both;height: 75px;width: 100%;}
	#contentWrap #mainContent_bottom #boxCont4 { background: rgba(0, 0, 0, 0) url("/img/main_bannerbg08.jpg") no-repeat scroll right bottom;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;clear: both;height: 75px;width: 100%; }

	#contentWrap #mainContent #boxContN1 { float:left; border:1px solid #e1e1e1; width:47.5%;height:200px; }
	#contentWrap #mainContent #boxContN2 { float:left; border:1px solid #e1e1e1; width:47.5%;height:200px;margin-left:4%; }
	#contentWrap #mainContent #boxContN3 { float:left; border:1px solid #e1e1e1;width:310px;height:200px;margin-left:30px;display:none; }

	#contentWrap #mainContent_bottom #boxContN1 { float:left; border:1px solid #e1e1e1; width:47.5%;height:200px; }
	#contentWrap #mainContent_bottom #boxContN2 { float:left; border:1px solid #e1e1e1; width:47.5%;height:200px;margin-left:4%; }
	#contentWrap #mainContent_bottom #boxContN3 { float:left; border:1px solid #e1e1e1;width:310px;height:200px;margin-left:30px;display:none; }

	.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 #mainBottom {  float:left;width:100%; }
	#contentWrap #mainBottom .sct1 {float:left;width:50%;}
	#contentWrap #mainBottom .sct2 {display:none;}
	#contentWrap #mainBottom .sct3 {float:left;width:50%;}
    #contentWrap #mainBottom .sct4 {display:none;}
	#contentWrap #mainBottom .sct5 {float:left;width:50%;}
	#contentWrap #mainBottom .sct6 {float:left;width:50%;}

    
	/*
	#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:990; 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: 50%; }
	#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);}


	#myshit {}
	#myshit .main_tab { background-color: #3f3f3f; float: left; height: 50px; width: 100%;}
	#myshit .main_tab ul{margin:0 auto; width:100%;} 
	#myshit .main_tab ul :hover{color:red;}
	#myshit .main_tab ul li {float:left;color:#fff;width:20%;margin-top:15px;border-left:1px solid #9e9e9e;padding-left:4%;}
	#myshit .main_tab ul li:first-child {border:none;}
	#myshit .main_tab ul li a{font-size: 1.0em;}
	#myshit .main_tab ul li:first-child {border:0px;}

	.board_latest {width:100%;}
	.tablewidth {width:100%;}

} 

@media (max-width:699px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	#main_img{height:350px !important; overflow:hidden;}
	#contentWrap #mainContent img {width:40%;font-size:1.2em;}
	#contentWrap #mainContent p{font-size:1.4em;}

	#contentWrap #mainContent div p{font-size:1.2em;height: 40px;line-height: 30px; padding: 0;letter-spacing:-0.2em;}

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

	.main_top {clear:both;width:100%;}
	.slider {clear:both;width:100%;}
	#mainVisual img {width:100%;}
	#mainVisual3 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 {}
	#contentWrap #mainContent_bottom {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; }
	#contentWrap #mainContent #boxCont3 { clear:both; width:100%; height:75px; background:url("/img/main_bannerbg03.jpg") right bottom no-repeat; }
	#contentWrap #mainContent #boxCont4 { clear:both; width:100%; height:75px; background:url("/img/main_bannerbg04.jpg") right bottom no-repeat;border-bottom:1px solid #ddd; }*/

	#contentWrap #mainContent #boxContN1 { clear:both; border:1px solid #e1e1e1; width:95%;height:200px;margin:5% 2% 0 2%; }
	#contentWrap #mainContent #boxContN2 { clear:both; border:1px solid #e1e1e1; width:95%;height:200px;margin:5% 2% 0 2%; }
	#contentWrap #mainContent #boxContN3 { clear:both; border:1px solid #e1e1e1;width:95%;height:250px;margin:5% 2% 0 2%;display:block; }


	#boxCont1 .txt,#boxCont2 .txt,#boxCont3 .txt,#boxCont4 .txt { display:none; }
	#boxCont1 .btn_link,#boxCont2 .btn_link,#boxCont3 .btn_link,#boxCont4 .btn_link {  display:none; }

	.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 #mainBottom {  clear:both;width:98%; }
	#contentWrap #mainBottom .sct1 {width:100%}
	#contentWrap #mainBottom .sct2 {display:none}
	#contentWrap #mainBottom .sct3 {width:100%}
    #contentWrap #mainBottom .sct4 {display:none;}
	#contentWrap #mainBottom .sct5 {float:left;width:50%;}
	#contentWrap #mainBottom .sct6 {float:left;width:50%;}

    /*
	#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; 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);}

	.ul_inside li {margin-bottom:20px;}
	#btn_submit {width:100%}
}

@media (max-width:320px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	.main_img_center img{width:80%;}
	#contentWrap #mainContent div p{margin-right:0px;}
	#contentWrap { overflow:hidden; }
	#btnPrev {display:none;}

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

	
	/*비쥬얼 이미지 롤링*/
	#jqb_object { background-color:#ebebeb;	position: relative;	width: 100%;	overflow: hidden; 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_bottom #boxCont1 { clear:both; width:100%;}
	#contentWrap #mainContent_bottom #boxCont2 { clear:both; width:100%;}
	#contentWrap #mainContent_bottom #boxCont3 { clear:both; width:100%;}
	#contentWrap #mainContent_bottom #boxCont4 { clear:both; width:100%;}

	#contentWrap #mainBottom {  clear:both;width:100%;height:500px; }
	#contentWrap #mainBottom .sct1 {width:50%;}
	#contentWrap #mainBottom .sct2 {width:25%;}
	#contentWrap #mainBottom .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;}
    */
	
	.delTHName {display:none;}
}

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

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