@charset "utf-8";

@font-face{font-family:'NanumBarunGothic'; src:url('../fonts/NanumBarunGothic.woff') format('woff');}
@font-face{font-family:'NanumBarunGothicB'; src:url('../fonts/NanumBarunGothicBold.woff') format('woff');}

@font-face{font-family:'NanumMyeongjo'; src:url('../fonts/NanumMyeongjo.woff') format('woff');}


body { margin: 0; font:12px/1.2em '나눔바른고딕','NanumBarunGothic','돋움',Dotum,sans-serif; color:#000;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a{text-decoration:none;}

form, ul, li, b, h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0; padding:0; list-style:none;}

img, fieldset, iframe { border:0 none; }
table, div { border-collapse: collapse;}

.clear{clear:both;}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* link 속성*/

a:link {text-decoration:none; color:#666; }
a:visited {text-decoration:none; color:#666; }
a:hover {text-decoration:none; color:#666; }
a:active {text-decoration:none; color:#666; }
a:focus {outline: none;}



/* Common */
div,ul,li{margin:0;padding:0;font-size:12px;font-family:'NanumBarunGothic','나눔바른고딕', 'Droid Sans', sans-serif;color:#666;}
table{border:0;border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}

.fDotum {font-family: '돋움',Dotum,sans-serif;}
.fb {font-weight:bold;}
.fc333 {color:#333;}


/* layout */
#wrap { position:relative; width:100%;background:#fff;}

.header_wrap {width:100%; height:90px; text-align:center;  position:relative; border-bottom:3px solid #094093;}
.header {width:1100px;height:90px; position:relative; margin:0 auto;}
.header h1 {float:left; margin-top:30px;}
.header h2 {float:left; line-height:160%; color:#999; font-weight:600; font-size:20px; text-align:left; margin-top:35px; margin-left:15px; letter-spacing:-1px;}
.header h2 .hlite {color:#333;}
.header .header_gnb {float:right; margin-top:40px;}

.header .header_gnb > ul {overflow:hidden; }
.header .header_gnb > ul > li {float:left; }
.header .header_gnb > ul > li > a {text-align:center;text-decoration:none;color: #000;display: block;font-size: 13px;line-height: 30px; padding: 0 10px 0 10px; background: url(/images/menu_bar.png) 0PX 50% no-repeat;}
.header .header_gnb > ul > li > a:hover,
.header .header_gnb > ul > li.selected > a,
.header .header_gnb > ul > li.on > a { padding: 0 10px 0 10px;  background: url(/images/menu_bar.png) 0px 50% no-repeat; }
.header .header_gnb > ul > li > a.none {background-image:none;}
.header .header_gnb > ul > li > a.last {padding: 0 0 0 10px; }



/* navigation */
#navi_wrap { position:relative; width:100%; height:101px; margin:0 auto; z-index:9999;  border-bottom:1px solid #f27824; }


#navi > ul {overflow:hidden; width:1100px; margin:0 auto;}
#navi > ul > li {float:left; }
#navi > ul > li > a {text-align:center; height:101px;text-decoration:none;color: #555;display: block;font-size: 17px; line-height: 100px;padding: 0 50px 0 50px; }
#navi > ul > li > a:hover {color:#f27824; }
#navi > ul > li.on {color:#f27824; }
#navi > ul > li > a.on {color:#f27824; }
#navi > ul > li > a.none {background-image:none;}
#navi > ul > li > a.last {padding: 0 0 0 50px; }
#navi > ul > li > a.first {padding: 0 50px 0 0; }
.navi {width:100%;height:102px;overflow:hidden; border-bottom:1px solid #e3e3e3;    background: url(/images/navi_bg.png)  repeat-x fixed;}

.sub-nav {min-height:297px; text-align:center;  border-right:1px solid #e3e3e3; padding-bottom:8px;}
.sub-nav li a {text-decoration:none; display:block;height:30px; color:#333;font-size:14px;}
.sub-nav li a:hover {color:#f27824; }
.sub-nav li a.on {color:#f27824; }





.itembox {text-align:center; background:#fff; font-size:15px; color:#333; border:1px solid #fff; line-height:70%; }
.main_gallery {margin-top:20px;}
#demos {margin-left:15px;}


#main_hlite {position:absolute; z-index:9999; width:350px; left:50%; margin-left:-550px; top:10px;}


.Main_contents { position:relative; width:1100px;  margin:0 auto; margin-top:45px;}
.Main_contents .bbs_box {float:left; width:370px; margin-right:38px; margin-top:55px;}
.Main_contents .bbs_box h1 {font-size:16px; color:#222; float:left;}
.Main_contents .bbs_box .more {float:right; display:inline-block;}
.Main_contents .bbs_box .bbs_list {border-top:1px solid #d3d3d3; height:100px; margin-top:20px;  padding:10px 0 0 0;}
.Main_contents .bbs_box .bbs_list ul li {list-style:disc; margin-top:10px; font-size:13px; margin-left:15px; }
.Main_contents .bbs_box .bbs_date {float:right;}
.Main_contents .banner_box {float:left; border:1px solid #d4d4cc; width:280px; height:175px; margin-top:55px;}
.Main_contents:after{content:''; display:block; clear:both}

.Main_contents .product_box {position:relative; }
.Main_contents .product_box h1 {font-size:18px; color:#222; float:left;}
.Main_contents .product_box .productL {float:left; margin-right:38px;}
.Main_contents .product_box .productR {float:left;}
.Main_contents .product_box:after{content:''; display:block; clear:both}

.product_list {float:left;}
.product_ul {float:left;}
.product_img {float:left; margin-top:10px;}
.productTab li {float:left; width:100px; height:27px; 
border-top:1px solid #d4d4cc; border-bottom:1px solid #d4d4cc; border-right:1px solid #d4d4cc;
background:#fafafa; font-size:13px; color:#444; text-align:center; line-height:30px;}
.productTab li:first-child {border-left:1px solid #d4d4cc;}

.productTab li.on {background:#f27824; font-size:13px; color:#fff; 
border-top:1px solid #f27824; border-bottom:1px solid #f27824; border-right:1px solid #f27824;}
.productTab li.on a {color:#fff;}




.productListLi {float:left; width:210px; margin-right:10px; margin-top:20px;}

.productListLi >  li {cursor:pointer; width:210px; padding:12px 0 12px 0; color:#555;  font-size:13px; border-bottom:1px solid #cbd1cf; background-image:url("/images/main_li.png"); background-repeat:no-repeat; background-position:200px; }
.productListLi >  li > a:hover,
.productListLi >  li.selected > a,
.productListLi >  li.on > a {  width:210px; color:#df5a2d;   }
.productListLi >  li.sub_on > a:hover,
.productListLi >  li.sub_on > a { width:210px; color:#df5a2d; }





/* contents */
#Contents { position:relative; width:1100px;  margin:0 auto; margin-top:60px;}
.pageNavigation {text-align:left; font-size:12px; color:#666; font-family:"Dotum"}
.hlite_nv {color:#ed6712;font-weight:600;}
.pageTitle {margin-top:60px; font-size:30px; color:#333;font-weight:600;}
#productContents {padding:50px;}
#productContents h1 {margin-top:70px; margin-bottom:30px;  font-size:24px; color:#333;}


#locationContents {padding:70px 50px 50px 50px; }
#locationContents p {font-size:22px; color:#f7801e;font-weight:600; }

.productUl {position:relative;}
.productUl li {
	float:left; font-size:20px; color:#333; width: 488px; margin-bottom: 90px; display: list-item;  
	text-align: -webkit-match-parent; margin-left:20px;  text-align:center;
	border:1px solid #e5e5e5; padding-bottom:10px;;
}
.productUl li img {margin-bottom:15px;}
.productUl li:nth-child(2n+1) { margin-left:0px;}


#lineContents {margin-top:40px; border-top:3px solid #4e4e4e; border-bottom:3px solid #4e4e4e; }
#lineContents h1 {margin-top:40px; margin-bottom:20px;  font-size:22px; color:#f27824;font-weight:600;}
.lineUl {position:relative;}
.lineUl li {
	float:left; font-size:20px; color:#333; width: 355px; margin-bottom: 40px; display: list-item;  
	text-align: -webkit-match-parent; padding-left:15px;  text-align:center;
	border-bottom:1px solid #e6e6e6; ;
}
.lineUl li img {margin-bottom:50px;}
.lineUl li:nth-child(3n+1) { padding-left:0px;}

#lineContents:after{content:''; display:block; clear:both}

#pageContents {position:relative; margin-top:40px;  }
#pageContents h1 {margin-top:70px; margin-bottom:40px;  font-size:24px; color:#333; font-weight:600;}

#ceoContents {position:relative; margin-top:60px;  }
#ceoContents h1 { margin-bottom:40px;  font-size:24px; color:#333; font-weight:600;}


#Contents #contents_main{float:left; width:1100px; margin-left:70px; }


#vision {position:relative; width:100%; background:#f8f8f8; margin-top:40px; height:1050px;}
#visionContents  { width:1100px; margin:0 auto;}


#org {position:relative; width:100%; background:#f8f8f8; margin-top:40px; height:630px;}
#orgContents  { width:1100px; margin:0 auto;}


#productContents {font-size:15px; color:#777; line-height:180%;}
.subTitle {float:left; font-size:35px;  color:#006130; font-weight:600;}


#Contents:after{content:''; display:block; clear:both}
.loc_table {width:1100px; border-top:2px solid #c5c5c5; border-bottom:2px solid #c5c5c5;  margin-top:50px;}
.loc_table th {font-size:15px; color:#444; background:#f7f7f7; font-weight:600; border-bottom:1px solid #e6e6e6; height:70px; text-align:center;}
.loc_table td {font-size:15px; color:#777; border-bottom:1px solid #e6e6e6;text-indent:10px;}


.history_table {width:530px;}
.history_table th {font-size:25px; color:#006130;  font-weight:600;  text-align:left; vertical-align:top; padding-top:7px;}
.history_table td {font-size:14px; color:#777; height:35px;}
.bd_bt1 {border-bottom:1px solid #ccc;}



.licence {position:relative;}
.licence li {
	float:left; font-size:22px; color:#f7801e;font-weight:600;  width: 402px; margin-bottom: 50px; display: list-item;  
	text-align: -webkit-match-parent; margin-left:195px;  
}
.licence li img {margin-top:20px;}
.licence li:nth-child(2n+1) { margin-left:0px;}


.history_L {float:left; width:510px; border-right:1px solid #d3d3d3; text-align:right; padding-right:40px;}
.history_L .year {font-size:24px; color:#999; font-weight:bold; }
.history_L .year2 {font-size:24px; color:#444; font-weight:bold; }
.history_L ul  {float:right;}
.history_L ul li {font-size:14px; color:#999; }
.history_R {float:left; width:549px;}
.history_R .year {font-size:24px; color:#999; font-weight:bold; margin-left:18px; }
.history_R .year2 {font-size:24px; color:#444; font-weight:bold; margin-left:18px; }
.history_R ul li {font-size:14px; color:#999; }
.history_R ul li.listyle_1 {list-style-image: url(/images/history_li_1.png); list-style-position:inside; text-indent:-9px;}
.history_R ul li.listyle_2 {list-style-image: url(/images/history_li_2.png); list-style-position:inside; text-indent:-9px;}
.history_R ul li.listyle_3 {list-style-image: url(/images/history_li_3.png); list-style-position:inside; margin-bottom:5px;}


.history_L:after{content:''; display:block; clear:both}
.history_R:after{content:''; display:block; clear:both}


.yearTable {margin-left:40px; margin-top:10px;}
.yearTable td{font-size:14px; color:#999; }
.yearTable td .hlite1 {color:#016533; font-weight:600;}
.yearTable td li {font-size:14px; color:#999;  }

.yearTableB {margin-left:40px; margin-top:10px;}
.yearTableB td{font-size:14px; color:#666; }
.yearTableB td .hlite1 {color:#016533; font-weight:600;}
.yearTableB td li {font-size:14px; color:#666;  }


.history_L2 {float:left; width:290px; font-size:18px; color:#888; border-right:1px solid #dbe8f6; height:550px;}
.history_L2 h1 {font-size:30px; color:#016533; font-weight:bold; margin-bottom:5px; }
.history_R2 {float:left; font-size:14px; color:#999;}
.history_R2 .year {font-size:25px; color:#333; font-weight:bold;}
.history_R2 ul li {font-size:14px; color:#999;  list-style-position:inside; text-indent:-9px;}

.yearTable2 {margin-left:32px; }
.yearTable2 th{font-size:16px; color:#999; font-weight:600; vertical-align:top; text-align:left;}
.yearTable2 td{font-size:16px; color:#999; }
.yearTable2 td .hlite1 {color:#016533; font-weight:600;}
.yearTable2 td li {font-size:16px; color:#999; list-style-image: url(/images/list_icon2.png); margin-bottom:10px;}



.prod_table {width:1100px; margin-top:10px; border:1px solid #d9d9d9;}
.prod_table th {border-right:1px solid #d9d9d9;}
.prod_table td {background:#f9f9f9; padding:15px 15px 0 15px; vertical-align:top;}
.prod_table .ulDept1 li {font-size:17px; color:#016533; list-style:square; list-style-position:outside; margin-left:20px; font-weight:600;}
.prod_table .ulDept2 li {font-size:14px; color:#777; list-style:disc; list-style-position:outside; margin-left:20px; letter-spacing:-1px; line-height:170%; font-weight:500;}
.hlite2{color:#016533; font-weight:600;}

.ctSubject {font-size:17px; color:#333; font-weight:600;}

.ul1{margin-top:10px;}
.ul1 li{font-size:14px; color:#333; list-style:disc;  margin-left:15px; }
.hlite3{font-size:14px; color:#333; font-weight:600;}


.safeUl {margin-top:10px;}
.safeUl li {float:left; font-size:14px; color:#333; width: 255px; margin-bottom: 40px; display: list-item;
text-align: -webkit-match-parent; margin-left:20px; 
}
.safeUl li img {margin-bottom:10px;}
.safeUl li:nth-child(3n+1) { margin-left:0px;}


/* Left */
#left_menu{float:left; width:225px; min-height:800px;}
#left_menu .left_title {}

#left_menu > ul { }
#left_menu > ul > li { text-indent:10px; cursor:pointer; width:225px; padding:15px 0 15px 0; color:#555;  font-size:15px; border-bottom:1px solid #ddd; line-height:120%;}
#left_menu > ul > li > a:hover,
#left_menu > ul > li.selected > a,
#left_menu > ul > li.on > a { width:225px; color:#016533; font-weight:600;  }
#left_menu > ul > li.sub_on > a:hover,
#left_menu > ul > li.sub_on > a { width:225px; color:#016533; font-weight:600;  background-image:url("/images/left.png"); background-repeat:no-repeat; background-position:10px 20px ;}
#left_menu .left_sub {text-indent:20px; cursor:pointer; width:225px; background:#f7f7f7; padding:13px 0 13px 0; color:#555;  font-size:13px; border-bottom:1px solid #ddd; line-height:120%;}
#left_menu .sub_on {background-image:url("/images/left.png"); background-repeat:no-repeat; background-position:10px 20px ; }




/* footer */
footer {position:relative; width:100%; background:#fafafa; margin-top:70px; border-top:1px solid #dedee0;}
#Footer { position:relative; width:1100px;  margin:0 auto; padding-top:50px; padding-bottom:50px;}
#Footer .footerL{float:left;} 
#Footer .footerR {float:left; margin-left:20px;}
#Footer .footerR .footer_address {font-size:13px;  color:#777; line-height:160%; letter-spacing:-0.5px;}
#Footer .footerE {float:right; } 
#Footer:after{content:''; display:block; clear:both}





.input01 {height:30px; border:1px solid #ddd; font-size:12px; font-family:"돋움"; color:#000;}
.input02 {height:30px; border:1px solid #ccc;}
.input03 {height:30px; }

.loninBtn01 {width:125px; height:30px; border:none;font-size:14px;color:#fff;text-align:center; background:#374C69; margin-top:10px; cursor:pointer;}
.loninBtn02 {width:125px; height:30px; border:none;font-size:14px;color:#fff;text-align:center; background:#062145; cursor:pointer;}
.button01 {width:110px; height:30px;  border:none;font-size:14px;color:#fff;text-align:center; background:#ed6d00; cursor:pointer; font-weight:600;}
.button011 {width:110px; height:30px;  border:none;font-size:14px;color:#333;text-align:center; background:#E3E3E3; cursor:pointer; font-weight:600;}
.button01_ {width:100px; height:40px; border-radius:3px; border:none;font-size:14px;color:#fff;text-align:center; background:#5DA5CF; cursor:pointer; font-weight:600;}

.button02 {width:150px; height:40px; border-radius:3px; border:none;font-size:14px;color:#fff;text-align:center; background:#ed6d00; cursor:pointer; font-weight:600;}
.button03 {width:150px; height:40px; border-radius:3px; border:none;font-size:14px;color:#000;text-align:center; background:#E3E3E3; cursor:pointer; font-weight:600;}
.button04 {width:100%; height:40px; border-radius:3px; border:none;font-size:14px;color:#fff;text-align:center; background:#ed6d00; cursor:pointer; font-weight:600;}


.button021 {width:80px; height:40px; border-radius:3px; border:none;font-size:14px;color:#fff;text-align:center; background:#ed6d00; cursor:pointer; font-weight:600;}
.button031 {width:80px; height:40px; border-radius:3px; border:none;font-size:14px;color:#000;text-align:center; background:#E3E3E3; cursor:pointer; font-weight:600;}


.button05 {width:130px; height:40px; border:none;font-size:15px;color:#fff;text-align:center; background:#6487C7; cursor:pointer;}
.button06 {width:130px; height:40px; border:none;font-size:15px;color:#fff;text-align:center; background:#737373; cursor:pointer;}
.button07 {width:70px; height:20px;  border:none;font-size:12px;color:#fff;text-align:center; background:#5DA5CF; font-family:"돋움"; cursor:pointer; font-weight:normal; border-radius:3px;}

.ac {text-align:center;}
.at {vertical-align:top;}
.font_w_b {font-weight:bold;}



.mgT10 {margin-top:10px;}
.mgT20 {margin-top:20px;}
.mgT5 {margin-top:5px;}
.mgT30 {margin-top:30px;}
.mgT35 {margin-top:35px;}
.mgT40 {margin-top:40px;}
.mgT50 {margin-top:50px;}
.mgT60 {margin-top:60px;}
.mgT70 {margin-top:70px;}
.mgT110 {margin-top:110px;}
/****** paging *******/ 



.bbsTable {width:1100px;  border-top:1px solid #cdcdcd;}
.bbsTable th {background:#f8f8f8; border-bottom:1px solid #cdcdcd; font-size:14px; color:#555;  text-align:center; font-weight:600; height:45px; }
.bbsTable td {background:#FFF; border-bottom:1px solid #EFEFEF; font-size:14px; color:#555;  text-align:center;  height:45px; font-weight:normal;}


.introTable {width:1100px;  border-top:3px solid #4e4e4e; border-bottom:3px solid #4e4e4e;}
.introTable th {background:#fff; border-bottom:1px solid #e6e6e6; font-size:15px; color:#444;  text-align:left; font-weight:600; height:75px; text-indent:30px;}
.introTable td {background:#FFF; border-bottom:1px solid #e6e6e6; font-size:15px; color:#666;  text-align:left;  height:75px; font-weight:normal;}


.locationTable {width:1000px;  border-top:3px solid #4e4e4e; border-bottom:3px solid #4e4e4e; margin-top:50px;}
.locationTable th {background:#fff; border-bottom:1px solid #e6e6e6; font-size:15px; color:#444;  text-align:left; font-weight:600; height:75px; text-indent:10px;}
.locationTable td {background:#FFF; border-bottom:1px solid #e6e6e6; font-size:15px; color:#666;  text-align:left;  height:75px; font-weight:normal; line-height:160%;}



.ciTable {width:1100px;  border-top:3px solid #4e4e4e; border-bottom:3px solid #4e4e4e;}
.ciTable th {background:#fff;  font-size:15px; color:#444;  text-align:left; font-weight:600; text-indent:30px;}
.ciTable td {background:#FFF;  font-size:15px; color:#666;  text-align:left;  height:75px; font-weight:600; line-height:140%;}


.ceoTable {width:1100px;  }
.ceoTable td {background:#FFF;  font-size:16px; color:#666;  text-align:left;    line-height:160%;}
.ceoTable td h1 {font-size:24px; color:#444; font-family:"NanumMyeongjo"; line-height:160%; }
.hlite_ceo2 {font-size:17px; color:#333;}
.hlite_ceo1 {font-size:24px; color:#ed6712; font-family:"NanumMyeongjo";}



.inquiry_table {width:1100px; border-top:1px solid #ebebeb;}
.inquiry_table th{text-align:left; text-indent:35px; height:45px; font-size:14px; color:#555; background:#f8f8f8; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.inquiry_table td {border-bottom:1px solid #ebebeb; text-indent:10px; font-size:14px; color:#555;}
.inquiry_table .tdfirst {border-top:1px solid #ebebeb;}
.input_1 {
  height: 24px;
  border: 1px solid #ebebeb;
}
.input_2 {
  border: 1px solid #ccc;
}


.gallery {position:relative; margin-top:20px;}
.gallery li {
	float:left; font-size:14px; color:#333; width: 260px; margin-bottom: 30px; display: list-item;  
	text-align: -webkit-match-parent; margin-left:19px;   ;
	;
}
.gallery li img {margin-bottom:10px; }
.gallery li:nth-child(4n+1) { margin-left:0px;}
.galleryTable {width:1100px; padding:20px 0 20px 0; border-top:3px solid #333333; border-bottom:3px solid #333333;}



#policy {width:100%; text-align:center;  position:relative;  }
#policy .policyC { width:400px;  position:relative;  margin:0 auto; }


#join {width:100%; text-align:center;  position:relative;  }
#join .joinC { width:400px;  position:relative;  margin:0 auto; }

#joinModify {width:100%; text-align:center;  position:relative;  }
#joinModify .joinModifyC { width:400px;  position:relative;  margin:0 auto; }

#login {width:100%; text-align:center;  position:relative;  }
#login .loginC { width:400px;  position:relative;  margin:0 auto; }

#bbsPwd {width:100%; text-align:center;  position:relative;  }
#bbsPwd .bbsPwdC { width:400px;  position:relative;  margin:0 auto; }

#page_loc {       
	 width: 1100px;
	 height: 22px;
	 margin-bottom: 30px;
	 /*position: relative;*/
	 text-align: center;
	 }


.tot_cnt{float:left;}

#page_num {
	position: relative;
	top: 6px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 13px;
	font-family: Arial; 
	color: #999999; 
	}

#page_num_sel {
	position: relative;
	top: 6px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 13px;
	font-family: Arial; 
	font-weight: bold;
	color: #999999; 
	}
	
#page_num_sel a {
	color: #f27824; 
	}