@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 }
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;*/  }
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;}
.video{float:left;text-align:center; font-size:16px;font-weight:bold; line-height:30px}
.video:nth-child(2){float:right}
.submenu_title{display:none}
.contentBox1{padding-top:20px}
.sub_01 {
    width: 100%;
    max-width: 800px;
    /* float: left; */
    margin: 0 auto;

}
.sub_01:after {
	content:"";
	clear:both;
	display:block;}
.sub_01_ex01 {width:50%; float:left; margin-bottom:5%;}
.sub_01_ex02 {width:50%; float:left; margin-bottom:5%;}
.sub_02_ex01 {width:100%; float:left; margin-bottom:5%;}
.sub_01_ex03 {width:100%; float:left; margin-bottom:5%;}
#subMenu ul li a{display:block;}
#contentWrap #content h1.conTit {  
	font-size: 1.8em;border-bottom: solid 10px #20658e;background: #0077bf;margin-top: 0px;line-height:50px;padding-left: 1%;height: 50px;border-radius: 5px;color: #fff;
	font-weight: bold;font-family: "Nanum Gothic","맑은 고딕","Malgun Gothic";letter-spacing: -1px;
}
#subMenu ul li.select_on > a{color:#f17922;}
#subMenu ul li.select2_on {color:#df0915;}

.about_us_logo {width:30%; float:left;}
.about_us_content {width:69%;float:right;}
.about_us_content p{width:60%;font-size:12px; word-break: keep-all; padding-left: 24%;margin-top: 2%;}

.about_us_content p:after {
	content:"";
	background:#bcbcbc;
	display:block;
	width:100%;
	height:1px;
	margin-top:5%;

	}
.about_us_content span {    width: 69%;
    /* float: right; */
    margin-top: 2%;
    font-weight: bold;
    /* margin-right: 0px; */
    display: block;
    padding-left: 15%;
    margin-right: 0%;
    text-align: right;}



.sub_text h1 {font-size:30px;}
.sub_text h1:after {
	content:"";
	 background: #000;
	width:20%;
	display:block;
	height:4px;
	margin-top:10px;}


.sub_title{margin-top:5%;}

.sub_title h2{ display: block; font-size: 18px; color: #6b6b6b;}
.sub_title .sub_content{}
ul.sub_con_01{width:100%; display:inline-block; margin-top:2%;}
ul.sub_con_01 li{width:23%; float:left; margin-right:1%; border:1px solid #ccc;}
ul.sub_con_01 li img{width:100%;}
ul.sub_con_02{width:100%; display:inline-block; margin-top:2%;}
ul.sub_con_02 li{width:23%; float:left; margin-right:1%; border:1px solid #ccc;}
ul.sub_con_02 li img{width:100%;}
ul.sub_con_03{width:100%; display:inline-block; margin-top:2%;}
ul.sub_con_03 li{width:23%; float:left; margin-right:1%; border:1px solid #ccc;}
ul.sub_con_03 li img{width:100%;}
ul.sub_con_04{width:100%; display:inline-block; margin-top:2%;}
ul.sub_con_04 li{width:23%; float:left; margin-right:1%; border:1px solid #ccc;}
ul.sub_con_04 li img{width:100%;}







.sub_text h1 {font-size:30px;}
.sub_text h1:after {
	content:"";
	 background: #000;
	width:20%;
	display:block;
	height:4px;
	margin-top:10px;}

.sub_product_01{width:100%;}
.sub_product_01 img{margin:0 auto; display: block; margin-top: 5%;}

.sub_text_con {width:100%;}
.sub_text_con span {width:100%;font-size:16px; padding-left:10%;}
.sub_text_con p {width:80%;font-size:14px; margin: 0 auto; line-height: 19px; margin-top: 1%;}

.product_tb01 {width:100%; margin-top:5%;}
.product_tb01 table.tg {width:80%; margin:0 auto; margin-top:10px; text-align: center;}
.product_tb01 span {width:100%;font-size:16px; padding-left:10%;}

.product_tb02 {width:100%; margin-top:5%;}
.product_tb02 .tg {width:80%; margin:0 auto; margin-top:10px; text-align: center;}
.product_tb02 span {width:100%;font-size:16px; padding-left:10%;}


.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:4px 22px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:1px 17px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-bzl5{font-weight:bold;background-color:#ffcb2f;color:#000000;text-align:center}
.tg .tg-sxk2{font-weight:bold;background-color:#ffcb2f;color:#000000;text-align:center;vertical-align:top}



.tg .tg-vqm3{font-weight:bold;background-color:#ffcb2f;text-align:center}
.tg .tg-odj0{font-weight:bold;background-color:#ffcb2f;vertical-align:top}
.tg .tg-yw4l{vertical-align:top}


	
@media all and (min-width:995px) {    /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
	#header .logo {margin: 0 auto;width:100%;}
	#header .logo a img {max-width:251px; display: inline-block;vertical-align: middle; float:left;}
	#subMenuWrap {  overflow:hidden;  margin:0 auto; padding:0px;}
	                 /*width:100%; background:url("/img/subvisual_txt.jpgggg")  right top no-repeat;*/
	#left_vertical {line-height:0px; }
	#subMenu ul { padding:0; margin:0; list-style-type:none; }
	#subMenu ul li {line-height:39px;border-bottom:1px solid #ddd;font-weight:bold; font-size:15px;}
	#subMenu > ul > li > a{padding-left:15px;}
	#subMenu ul li.submenu_mn2 a{padding-left:30px;}
	#subMenu ul ul{margin: -5px 0 0;}
	#subMenu ul li.submenu_mn2 {border:0; height: 30px;line-height:30px;font-size:12px;color:#555}

	#contentWrap { overflow:hidden; width:100%; max-width:1180px; padding:30px 0 35px 0; margin:0 auto;}
	#btnPrev {display:none;}
	.sub_img100 #content img{width:100%;}
	#contentWrap #subTit1 { float:left; width:210px; max-width: 210px; width: 19%;} /*height:450px; background:url("/img/subvisual_01.jpg") 10px 40px no-repeat;*/
	#contentWrap #subTit2 { float:left; width:210px; max-width: 210px; width: 19%;} /*height:450px;*/
	#contentWrap #subTit3 { float:left; width:210px; max-width: 210px; width: 19%;} /*height:450px;*/
	#contentWrap #subTit4 { float:left; width:210px; max-width: 210px; width: 19%;} /*height:450px;*/
	#contentWrap #subTit5 { float:left; width:210px; max-width: 210px; width: 19%;} /*height:450px;*/
	#contentWrap #subTit6 { float:left; width:210px; max-width: 210px; width: 19%;} /*height:450px;*/
	.submenu_title{display: block;width: 95%;height: 48px;background: #eee;color: #333;    border: solid 1px #ddd;line-height: 50px;font-size: 18px;padding-left: 5%;margin-bottom: 15px;}
	#contentWrap #content { float:right; width:930px;width: 78%;max-width: 930px;}
	#contentWrap #content .loc{float:right;margin-top:-44px;padding-left:20px;padding-right:1%;/*background:url(/img/ico_home.gif) no-repeat 0% 70%;*/color:#fff;}
	#contentWrap #content #location { text-align:right; }
	#contentWrap #content #contentsArea  { margin:0px}
	#contentWrap #content #contentsArea iframe.map{ height:450px; }

}

@media (max-width:995px) {  /* 이 코드는 980px 이하의 해상도에서 해석 됩니다 */ 
	.tell_info{display:none;}
	.video{width:100%;float:left;text-align:center; font-size:16px;font-weight:bold; line-height:30px}
	.video:nth-child(2){}
	#wrap { float: left;  width: 100%;  transition: width 0.1s ease;  }
	#util {display:none;}
	#headerWrap {height:70px; }
	#header h1 a {width:100%}
	#header h1 a img {width:45%}

	.menu_wrap {display:none;}
	.menu {display:none;}

	#subMenuWrap { background-color:#efefef; overflow:hidden; width:100%; }
	#left_vertical {display:none}
	#subMenu{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}
	#subMenu ul { padding:0; margin:0; list-style-type:none;display:block;}
	#subMenu ul li {padding:0; margin-right:10px; font-weight:bold;display:inline-block;vertical-align:top;margin:0;}
	#subMenu ul li > a{padding:7px 10px 9px;}
	#subMenu ul li.submenu_mn2 {}
	#subMenu ul li.select_on > a{background-color: #f17922; color: #fff;}
	#subMenu ul li ul{display:none;}
	#subMenu ul li.select_on{max-width: 88px;}
	#subMenu ul li.select_on ul{display:block;}

	#contentWrap { overflow:hidden;  width:100%;  }
	#contentWrap #subTit,#contentWrap #subTit2,#contentWrap #subTit3,#contentWrap #subTit4,#contentWrap #subTit5,#contentWrap #subTit6 { background-color:#efefef; }
	#contentWrap #content { padding:0 0 20px 0;  }
	#contentWrap #content img{ max-width:100%;  }
	#contentWrap #content h1.conTit {font-size: 1.7em;height: 42px;}
	#contentWrap #content .loc{display:block;text-align:right;}
	#contentWrap #content #location { display:none; }
	#contentWrap #content #contentsArea  { margin:25px auto; width:95%; }
	#contentWrap #content #contentsArea iframe.map{ padding:0 5px; height:450px; }

	/*#footerWrap { width:100%;  height:80px;  border-top:1px solid #e1e1e1; text-align:center; }
	#footerWrap #footer { padding:16px 0 0 0px; }
	#footerWrap #footer p { padding:0; margin:0; padding-top:2px; } */

	/* 모바일메뉴 */
	.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; }
	.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: 1em; 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; }

	.tbl_head01 .delTHHit {display:none;}
} 

@media (max-width:699px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	#wrap { float: left;  width: 100%;  transition: width 0.1s ease;  }
	#util {display:none;}
	#headerWrap {height:70px; }
	#header #menu {display:none;}
	#contentWrap #content #contentsArea  { margin:25px auto; width:98%; }
	#contentWrap #content #contentsArea iframe.map{ padding:0; height:380px; }
	.about_us_logo {width:100%; float:left;}
.about_us_content {width:69%;float:right;}
.about_us_content p{width:80%;font-size:12px; word-break: keep-all; padding-left: 24%;margin-top: 2%;}

}

@media (max-width:480px) {
	.about_us_logo {width:100%; float:none; text-align:center;}
	.about_us_content {width:100%;float:none;}
	.about_us_content p {

    padding-left: 9%;
    margin-top: 9%;
    /* padding: 0; */
}
.tg td {

    padding: 4px 6px;

}

.product_tb02 .tg {
    width: 97%;

}
ul.sub_con_01 li {
    width: 80%;
    float: none;
    /* margin-right: 1%; */
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-bottom: 10px;
}

ul.sub_con_02 li {
    width: 80%;
    float: none;
    /* margin-right: 1%; */
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-bottom: 10px;
}

ul.sub_con_03 li {
    width: 80%;
    float: none;
    /* margin-right: 1%; */
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-bottom: 10px;
}

ul.sub_con_04 li {
    width: 80%;
    float: none;
    /* margin-right: 1%; */
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-bottom: 10px;
}






	}

@media (max-width:400px) { /* 이 코드는 400px 이하의 해상도에서 해석 됩니다 */ 
	#subMenu ul li{font-size:10.5px !important;}
	#content>span{display:none}
	#footer div img{width:100%; max-width:160px;}
}
@media (max-width:320px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	.tbl_head01 .delTHName {display:none;}
	.tbl_head01 .delTHDate {display:none;}
	.tbl_head01 .delTHHit {display:none;}
}

/*content*/
#contentWrap #content #contentsArea .img_c {text-align:center; }
#contentWrap #content #contentsArea p.txtP { padding-bottom:20px; }
#contentWrap #content #contentsArea ul.sitemap_box { padding:0; margin:0;  }
#contentWrap #content #contentsArea .sitemap_list { list-style-type:none; float:left; width:190px; padding:0 15px; height:170px; }
#contentWrap #content #contentsArea .sitemap_list h3 { font-size:1.9em; font-weight:normal; border-bottom:1px solid #e1e1e1;  padding:15px 5px; margin:0 0 5px 0; }
#contentWrap #content #contentsArea ul.sitemap_con { list-style-type:none;  padding:0; margin:0; }
#contentWrap #content #contentsArea ul.sitemap_con li{ padding-top:10px; padding-left:5px; }


/* board */
.table_02   { width:100%; border-top:2px #444547 solid; border-bottom:0px #4fb3d2 solid; border-left:0;  }
.table_02 td  { border-bottom:1px #e5e5e5 solid; border-right:0px; height:38px; }
.table_02 td.board_bgcolor  { background-color:#F7F7F7; border-right:0px; width:150px; }
.table_02 td.board_desc {  width:550px;  } 
.table_03   { width:100%; padding-top:5px; border-top:2px #444547 solid; border-bottom:1px #e1e1e1 solid; border-left:0px;  border-right:0px;  }
.table_03 td  { border-bottom:1px #e5e5e5 solid; border-right:0px #e5e5e5 solid; padding:20px 4px 20px 4px; }
.table_03 td table td { border-bottom:0px ; padding:5px 0 0 0; }
div.category {padding-bottom:10px;}
table #search_table { padding-top:10px; }

.bbsnewf5 { height:38px; font-size:12px; }
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}
td.board_admin_bgcolor {padding:10px 5px 0 5px; font-size:12px;font-family:굴림,돋움;}

.paging {font-size:14px;font-family:굴림,돋움;color:#FF5500;font-weight:bold; clear:both; display:block; text-align:center; padding:15px; }
.paging b { font-size:14px; background-color:#7d7d7d; color:#fff; padding:5px 8px;}
.paging a:link{font-size:12px;font-family:굴림,돋움;color:#555;font-weight:normal;text-decoration:none}
.paging a:visited{font-size:12px;font-family:굴림,돋움;color:#555;font-weight:normal;text-decoration:none}
.paging a:hover{font-size:12px;font-family:굴림,돋움;color:#555;font-weight:normal;text-decoration:underline}