@charset "utf-8";
/* 메인, 서브 공통사용 클래스 */
@import url(/css/common.css);
@import url(/css/button.css);
@import url(/css/tabstyle.css);

/* NanumBarunGothic */
@font-face { font-family: "NanumBarunGothic"; font-weight: normal; src: url("./font/NanumBarunGothic.eot"); src: url("./font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./font/NanumBarunGothic.woff") format("woff"), url("./font/NanumBarunGothic.ttf") format("truetype"); }
@font-face { font-family: "NanumBarunGothic"; font-weight: bold; src: url("./font/NanumBarunGothicBold.eot"); src: url("./font/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"), url("./font/NanumBarunGothicBold.woff") format("woff"), url("./font/NanumBarunGothicBold.ttf") format("truetype"); }
@font-face { font-family: "NanumBarunGothic";font-weight:200; src: url("./font/NanumBarunGothicLight.eot"); src: url("./font/NanumBarunGothicLight.eot?#iefix") format("embedded-opentype"), url("./font/NanumBarunGothicLight.woff") format("woff"), url("./font/NanumBarunGothicLight.ttf") format("truetype"); }
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

/* Common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button, fieldset, legend {margin:0; padding:0;}

body {margin:0 auto; color:#2f2f2f; font-size:13px; line-height:1.6; font-family:"NanumBarunGothic","Nanum Gothic",AppleGothic, Sans-serif;background-color:#fff;}

li{list-style:none;}
hr{display:none;}
form,button{border:0;/* vertical-align:top;*/}
img {border:0;}
em, address{font-style:normal;}
/*
input, select{font-size:12px; line-height:15px; font-family:"돋움", Dotum, AppleGothic, Sans-serif; vertical-align:middle;}
*/
a{color:#2f2f2f; text-decoration:none;}
a:visited {color:#6E4987;}
a:active{color:#2f2f2f;}
a:hover{text-decoration:underline;}
a.visit {color:#2f2f2f !important; text-decoration:none; }
a.visit:visited {color:#2f2f2f !important;}
a.visit:active{color:#2f2f2f !important;}
a.visit:hover{text-decoration:underline;}
a strong{letter-spacing:-1px;}

a.rollover img { border:0pt none; display:inline;}
a.rollover img.over { display:none;}
a.rollover:hover { border:0pt none;}
a.rollover:hover img { display:none;}
a.rollover:hover img.over { display:inline;}

.png  {_display:inline-block;}
.png  img  {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
* html  .png24  {tmp:expression(setPng24(this))}

#wrap {width:100%;height:100%;margin:0 auto;}
#wrapM {width:100%;height:100%;margin:0 auto;}

#wrap_pop { margin:10 auto; text-align:left; }
#header, #headerM{margin: 0 auto;position: relative;text-align: left;}

#header{width:100%;height:172px;margin:0 auto;background:url("/images/psd_35.gif") repeat-x scroll 0 0 transparent;}
#headerM{width:100%;height:237px;margin:0 auto;background:url("/images/psd_27.gif") repeat-x scroll 0 0 transparent;}
#hd_wrap {position:relative; width:800px;margin:0 auto;}


#main{margin: 0 auto;position: relative;text-align: left;width: 728px;clear: both;overflow: hidden;display: block;padding:20px 36px 60px 36px;}
#mainM{margin: 0 auto;position: relative;text-align: left;width: 800px;clear: both;overflow: hidden;display: block;padding-bottom:60px;}

#logbox {
	position:absolute;
	width:650px;
	height: 22px;
	margin:0 auto;
	overflow: hidden;
	right:0;
	top:0;
}
#logbox ul{float:right;}
#logbox ul li {float:left;letter-spacing: 0px;padding: 2px 10px 0px 9px;height:23px;}
#logbox ul li.bg_none {background:none repeat scroll 0 0 transparent;padding: 2px 0 0 9px;}
#logbox ul li {background:url("img/tline.png") no-repeat scroll right 9px transparent;}
#logbox ul li a {font-size:11px;letter-spacing: 0px;color:#444;text-decoration:none;height:21px;line-height:21px;}


#SearchBox{position: absolute;float:right;padding-top:10px; height:35px; right:10px;}
#SearchBox ul li {display:inline; padding:0 1px 0 3px; white-space:nowrap; letter-spacing:-1px;}
#SearchBox .input_text {
	border:1px solid #16890A;
	font-size:12px;
	height:16px;
	width:150px;
	line-height:14px;
	padding:1px 2px 2px;
}
#SearchBox2 .input_text {
	border:1px solid #CCCCCC;
	font-size:12px;
	height:16px;
	width:150px;
	line-height:14px;
	padding:1px 2px 2px;
}

#Topmenu {position:relative;overflow: hidden;margin:0;padding:0;width:100%;height:32px;background:url("/images/bg.jpg") repeat-x scroll 0 0 transparent;}
.Tright {position: absolute;right:0;top:0;list-style: none;margin: 0; padding: 0; border:0;}
.Tright li { float: left; list-style: none; display: block; background: none; position: relative; margin: 0;}

/* @group core nav menu */
#Tmenu {position: relative; margin: 0; padding:0; list-style: none;}
#Tmenu li { float: left; list-style: none; display: block; background: none; position: relative; z-index: 999; margin: 0;text-align:center;}
#Tmenu li.mfirst {margin:0 2px 0 10px;}
#Tmenu li a {display: inline-block;font-size:15px; font-weight: normal;letter-spacing: 0;line-height:18px; height:18px; text-decoration: none; color: #444;margin:0;padding: 7px 20px;}
#Tmenu li a:hover, #Tmenu li a.hov {color: #FFF;background-color:#f15e25;}
#Tmenu li a.hovx {color: #f15e25;background-color:#FFF;}

#Tmenu #sel a {color: #f15e25;background-color:#FFF;}

/* @group subnav */
#Tmenu ul {position: absolute;min-width:165px; left:0;top:38px;list-style: none;display: none; margin: 0; padding: 15px 0; border:0;background-color: #f15e25;}
#Tmenu ul.sfirst {left:0px;}
#Tmenu ul.sm1 {left:0px;}
#Tmenu ul li {display: block;float: none;text-align: left; padding:0 15px 0 0;margin:0;white-space:nowrap;}
#Tmenu ul li a {display: block; height: auto; line-height: 16px; padding: 7px 10px 7px 20px;margin:0; color: #FFF; text-transform:uppercase; font-size:15px;font-weight: normal;}
#Tmenu ul li a:hover, #Tmenu ul li a.hov, #Tmenu ul li a.hovx {color: #f15e25;background-color:#FFF;}

* html #Tmenu ul { margin: 0 0 0 -2px; }
/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* sub menu*/
#smenu1{position: relative;margin-top:20px;}
#smenuBox1 {width:185px;padding-left: 5px;}
#smenuBox1 dl {position: relative;margin:0; padding: 0 0 20px;}
#smenuBox1 dt {height:80px; padding-left:30px;margin:0;}
#smenuBox1 dt p.tl{font-size:1.7em;font-weight:normal;color:#FFF; padding: 0;margin-bottom:0px;}
#smenuBox1 dt p.eng{font-size:12px;font-weight:bold;color:#9ae0dc;line-height:22px;min-height:22px; padding: 2px 0 0;margin-bottom:0px;}

#smenuBox1 dd {vertical-align:middle;line-height:31px;height:31px; padding:0; margin:0;}
#smenuBox1 dd a{padding-left:37px;color: #666;font-weight: normal;text-decoration:none;display: inline-block;font-size:14px;}
#smenuBox1 dd:hover {background: url(/images/bb/smbg_ov.png) no-repeat left bottom;}
#smenuBox1 dd:hover a {color: #FFF;}

#smenuBox1 dd.sel {background: url(/images/bb/smbg_ov.png) no-repeat left bottom;}
#smenuBox1 dd.sel a {display:block;font-weight: normal;color: #FFF;letter-spacing:0;}
#smenuBox1 dd.last {background:none;}


#mainM #cptxt {position:absolute;right:5px;top:20px;width: 500px;height:260px;}
#mainM #CtsCenter {position:relative;float:left; margin:15px 32px;border:0px solid #DDD;}

/*메인메뉴 컨텐츠 2단 레이아웃*/
#mainM #CtsLeft {float:left;width: 390px;overflow: hidden;}
#mainM #CtsMain {float:right;width: 416px; min-height:540px;_height:540px;overflow: hidden;}


/* footer */
#footer {margin: 0 auto;position: fixed;bottom:0;width: 100%;background-color:#EAEAEA;z-index:999;border-top:3px solid #009999;}

#main #smenuBox {position:absolute;right:58px;top:50px;}

/*서브메뉴 컨텐츠 2단 레이아웃*/
#main #subCtsLeft {position:absolute;left:0;width: 230px;min-height:750px;}
#main #subCtsMain {position:relative;float:right;width: 780px;min-height:750px; overflow: hidden;}
#subCtsMain #contsBoxLeft {float:left;width: 780px;overflow: hidden; margin-left:0px;padding:30px 0px 0 0;}
#subCtsMain #contsBoxRight {float:right; width: 60px; overflow: hidden;padding-top:65px;}

/*커뮤니티 서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCommLeft {float:left;width: 130px;overflow: hidden;}
#main #subCommCenter {float:left;width: 620px;margin-left: 10px;_margin-left: 8px;overflow: hidden;}
#main #subCommRight {float:right;width: 200px;overflow: hidden;}

/* slide 만 있는 레이아웃 박람회 */
#main #subSlideCenter {float:left;width: 880px;overflow: hidden;}
#main #subSlideRight {float:right;width: 85px;overflow: hidden;background-color: #FFCC00}

/*상단아이콘*/
#pageNavi{position:relative;height:55px; border-bottom:#D0D0D0 solid 1px;padding-bottom:10px;margin-bottom:20px;}
#pageNavi #naviLeft {float: left;}
#pageNavi #naviLeft #subTitle{display: block;font-size:22pt; font-weight: 800;line-height: 38px;color: #444;}
#pageNavi #naviRight {float: right;padding-top:35px;}
#pageNavi #naviRight .naviTitle{position:absolute;right:5px;padding: 0 0px 0 16px;font-size:11px;background: url('/images/main/ico_nav.gif') no-repeat scroll 10px 7px transparent;display: block;}

/* 포토갤러리 */
.photo_viewtype2smll {clear:both;overflow:hidden;background:#FFFFCC; margin-bottom:5px; width:240px;}
.photo_viewtype2smll .big_list { float:left; width:232px; padding:4px; overflow:hidden; background:#E88686;}
.photo_viewtype2smll .big_list .photo { position:relative;overflow:hidden; width:232px; height:125px;}
.photo_viewtype2smll .big_list .ptxta { position:relative; width:232px; height:30px;}
.photo_viewtype2smll .big_list .ptxta a {position:absolute; z-index:20;  bottom:5px; left:5px; display:block;color:#000000; font-size:12px;color:#fff; cursor:pointer}

.photo_viewtype2smll ul { float:right; background:#E88686; width:240px; margin:0px; }
.photo_viewtype2smll ul li { display:inline; float:left; width:75px; height:55px; margin:2px;}
.photo_viewtype2smll ul li.f{margin-left:3px;}
.photo_viewtype2smll ul li a { border:2px solid #E88686; display:block;}
.photo_viewtype2smll ul li a:hover { border:2px solid #3366FF;}


/*연혁*/
.historyview {float:left;width:100%;margin-bottom:15px;clear:both;}
.historyview .y {float:left;padding:17px 15px 0 3px;min-height:48px;width:62px;background: url('img/hbg.png') no-repeat scroll left top transparent;}
.historyview h1 {font-family: Helvetica,Arial,sans-serif;font-size: 20px;color:#666;text-align:center;}

.historyview .conts {float:left;padding:22px 0 0 20px;font-size: 14px;}
.historyview .conts li{line-height: 20px;overflow: hidden;padding-bottom: 9px;}
.historyview .m {float:left;padding:0;empty-cells:show;width:55px;color:#007cbc;}
.historyview .his {float:left;padding:0;empty-cells:show;width:395px;}

.section3 {position:relative;border: 0px solid #DDD;clear:both;color:#464646;}
.section3 .tab{position:absolute;margin:0px;z-index:12;}
.section3 .tab ul{height:24px;background:url(img/tab_260_s3_g.png) no-repeat; overflow:hidden}
.section3 .select {color: #fff;letter-spacing:-1px;}
.section3 .tab ul li{float:left; font-weight: normal;font-size:11px;padding-top:6px;letter-spacing:-1px;text-align:center}
.section3 .tab ul li a{color:#666}
.section3 .tab ul.selected0{background-position:0 0}
.section3 .tab ul.selected1{background-position:0 -24px}
.section3 .tab ul.selected2{background-position:0 -48px}
.section3 .tab ul.selected3{background-position:0 -72px} 
.section3 .list{position:absolute;top:23px;width:100%;z-index:11;display: block;}


.table1 {border:1px solid #DDD;margin:0 auto;border-collapse:collapse;}
.table1 th, .table1 td{text-align:center; padding: 8px 1px;border:1px solid #E1E1E1;font-size:14px;color:#232323;}
.table1 thead {background-color:#ccffff;font-size:16px;}
.table1 th {color:#585858;}
.table1 .tleft {text-align:left;padding-left:5px;overflow: hidden;letter-spacing:-1px;}
.table1 .bg {background-color:#EEE;}


.icotl{background: url(/images/bb/ico_stl.png) no-repeat 0px 3px; padding:0 0 10px 30px;clear:both;line-height:19px;font-size:19px;}
.icostl{background: url(/images/main/icon_try_oj.gif) no-repeat 0px 7px; padding-left: 10px;clear:both;line-height: 20px;}
.icostl1{background: url(/images/main/icon_won2.gif) no-repeat 0px 7px; padding-left: 8px;clear:both;line-height: 20px; margin-top:10px;}
.icostl2{background: url(/images/main/icon_g.png) no-repeat 0px 10px; padding-left: 10px;clear:both;line-height: 25px; margin-top:10px;}


.pro_ulli li {float:left;margin:0 17px;position:relative;display: block;width:210px;height:180px;overflow: hidden;}
.pro_ulli li:hover {opacity: 1;filter: alpha(opacity=100);}

.pro_ulli li.f {margin-left:0;}
.pro_ulli li.e {margin-right:0;}
.pro_ulli li .btn {position:absolute;top:10px;left:0;}
.pro_ulli li a {display: block;}
.pro_ulli li .btn span {position:absolute;top:8px;left:10px;color:#FFF;font-size:15px;}
.pro_ulli li .btn span:hover {color:#FFF;}

.pro_ulli li .info {position:absolute;top:70px;left:10px;}
.pro_ulli li p.etc{background:url("img/arrow_r.gif") no-repeat scroll left 6px transparent; display:block;float:left;padding:0px 0 0px 10px;margin-left:5px;clear: both;color:#ddd;}

.box_notice{position:relative;float:left;background-color:#FFF;width:352px;padding:0px;}
.box_notice a{display: block;color:#444;padding:3px 0;}
.box_notice td{color:#444;}


/*iss line 뉴스 */

.issHD {position:relative; margin:5px 0 0;height:80px;overflow: hidden;}
.issHD dt {position:relative; float:left; width:90px; height:80px; margin-right:10px;overflow: hidden;}
.issHD dt img {margin:0 3px 0 0; vertical-align:top;}
.issHD dt a {color:#004080;}
.issHD dd {overflow: hidden;padding:3px 0 0;}
.issHD dd h1{font-size:18px; line-height: 16px;padding:10px 0;color:#0b609e}
.issHD dd h1 a{color:#0b609e}
.issHD dd p{font-size:14px; line-height: 14px;}
.issHD dd a{color:#4B4B4B;display: block;}

.m_tl{float: left;margin: 0;clear: both;}
.m_tl h1{font-size:20px; color:#777;padding-left:5px;}

.m_product{float: left;margin: 0 auto;clear: both;width:100%;height:180px;overflow: hidden;border:1px solid #eee;}
.m_product h1{padding-top:0px;}
.m_product h1 a{font-size:18px;color:#f15e25;display: block;}

.m_product div {width:205px;height:150px; float: left; margin:0;padding:15px;}
.m_product div p{width:110px;font-size:11px; color:#999; margin:0;padding:10px 0 0;}

.m_product .p1{border-right:1px solid #eee;background:url("/images/bb/p1bg.png") no-repeat scroll right bottom transparent;}
.m_product .p2{border-right:1px solid #eee;background-color: #fdfdfd;background-image:url("/images/bb/p2bg.png"); background-repeat: no-repeat;background-position: right bottom;}
.m_product .p3{border-right:1px solid #eee;background:url("/images/bb/p3bg.png") no-repeat scroll right bottom transparent;}
.m_product .p4{border-right:1px solid #fdfdfd;background-color: #fdfdfd;background-image:url("/images/bb/p4bg.png"); background-repeat: no-repeat;background-position: right bottom;}

.m_photo{margin: 0 auto;clear: both;width:100%;height:230px;overflow: hidden;border:1px solid #eee;}
.m_photo li{width:87px;height:95px; float: left; margin:0;padding:10px 15px;}
.m_photo .img{display: block;width:87px;height:60px; margin:0;padding:0;}
.m_photo .img img{width:87px;min-height:60px;}
.m_photo p{text-align:center;font-size:13px;padding-top:5px;width:87px;height:28px;line-height:14px;overflow: hidden;}

.m_footer{float: left;margin: 0 auto;clear: both;width:100%;height:300px;overflow: hidden;}
.m_footer h1{font-size:18px;color:#444;padding-top:5px;}
.m_footer .f_aus{width:250px;height:300px; float: left; margin-right: 27px;padding:0 30px;background-color:#EEE;}
.m_footer .f_aus p{color:#999;padding-right:0px;}
.m_footer .f_cus{width:290px; float: left; margin-right: 27px;}
.m_footer .f_cert{width:290px; float: left; margin:0;overflow: hidden;}
.m_footer .f_cert ul{margin-bottom: 17px;list-style: outside none none;height:122px;}
.m_footer .f_cert li{border: 1px solid #DDD;display: block;float: left;height: 100px;width: 110px;list-style: outside none none;padding:10px;}
.m_footer .f_cert li.f{margin-right:20px;}

.m_footer2{float: left;margin: 0 auto;clear: both;width:100%;height:100px;overflow: hidden;}
.m_footer2 h1{font-size:18px;color:#444;padding-top:5px;}
.m_footer2 .f_1{width:250px;height:50px; float: left; margin-right: 27px;padding:15px 30px;background-color:#5aaaa3;}
.m_footer2 .f_2{width:250px; float: left; margin-right: 27px;padding:15px 20px;background-color:#eee;}
.m_footer2 .f_3{width:250px; float: left; margin:0;overflow: hidden;padding:15px 20px;background-color:#eee;}

.dlF {position:relative; margin:0;height:50px;overflow: hidden;}
.dlF dt {position:relative; float:left; width:50px; height:50px; margin-right:10px;overflow: hidden;}
.dlF dt img {margin:0 3px 0 0; vertical-align:top;}
.dlF dt a {color:#004080;}
.dlF dd {overflow: hidden;padding:3px 0 0;}
.dlF dd h1{font-size:18px; line-height: 16px;padding:7px 0;color:#444}
.dlF dd h1 a{color:#444}
.dlF dd p{font-size:12px; line-height: 14px;color:#444;}
.dlF dd a{color:#444;display: block;}