@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* skipNav */
.skipNav {position:absolute;top:-1000px;left:0;z-index:100;font-size:16px;background:#fafafa;color:#222;display:block;width:100%;height:30px;line-height:30px;text-align:center;text-decoration:none;font-weight:600}
.skipNav:focus,.skipNav:hover,.skipNav:active {top:0;color:#222 !important;text-decoration:none}

/* reset css */
html,body{margin:0;padding:0;height:100%;}
body{font:13px/1.5 "Nanum Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#666; background-color:#fff; letter-spacing:-.5px;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th{font:13px/1.5 "Nanum Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#666;vertical-align:middle; letter-spacing:-.5px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{max-width:100%;border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:#767676;text-decoration:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #cfcfcf;line-height:16px;text-indent:5px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #cfcfcf;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;padding:5px;border:1px solid #cfcfcf;background:#fff;resize:none;}
select{border:1px solid #cfcfcf;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Layout */
#wrap{min-width:900px;height:100%;}
#header{height:136px; position:relative; background:#2d2e33; z-index:10;}
#header h1{margin-left:-53px; position:absolute; left:50%; top:21px;}
#header .body{width:900px; margin:0 auto;}
.language_nav,.gnb{font:100 0/18px Verdana;min-width:20%;}
.language_nav{margin:50px 0 0; float:left;}
.language_nav li{margin-right:17px; display:inline-block; zoom:1; *display:inline; font-size:11px;}
.language_nav li a{height:18px; padding:0 0 0 28px; display:inline-block; background-image:url('image/ico_lang.png'); background-repeat:no-repeat; color:#a9a9a9; text-decoration:none;}
.language_nav li.kr a{background-position:0 0;}
.language_nav li.en a{background-position:0 -18px;}

.gnb{margin:52px 0 0 -8px; float:right; overflow:hidden;}
.gnb li{padding:0 8px; display:inline-block; zoom:1; *display:inline; font-size:11px; background:url('image/gnb_part.png') left center no-repeat;}
.gnb li:first-child{background:none;}
.gnb li a{color:#a9a9a9; text-decoration:none;}

.lnb_wrap{width:100%; height:49px; position:absolute; left:0; top:86px; border-top:1px solid #424348; background:#fbfbfb url('image/lnb_bg.png') top repeat-x; overflow:hidden;}
.lnb_wrap .inner{width:900px; margin:0 auto; display:table; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.lnb{display:table-row;}
.lnb>li{display:table-cell; border-right:1px solid #e5e5e5;}
.lnb>li:first-child{border-left:1px solid #e5e5e5;}
.lnb>li>a{width:100%; height:49px; margin-left:-1px; display:block; text-align:center; line-height:49px; overflow:hidden; border-left:1px solid #424348; border-right:1px solid #424348; position:relative;}
.lnb li ul{padding:16px 0 14px 18px;}
.lnb li ul li{padding:4px 0; font-size:13px;}
.lnb li ul li a{color:#555; text-decoration:none;}
.lnb li ul li a:hover{font-weight:bold;}
.lnb li ul li.active a{font-weight:bold; color:#f06009;}

#container{position:relative; z-index:0;min-height: 100%;	margin: -136px 0 -147px;}
.main #container{margin:0;}
.main #container #contents{padding:0;}
#contents{padding: 136px 0 147px;}

#footer{position:relative;background:#eeeff2;}
#footer .body{width:900px; margin:0 auto; padding:35px 0 45px; overflow:hidden; font-size:13px;}
#footer .f_logo{width:120px; padding:0 0 0 9px; float:left;}
#footer .f_group{float:right;}
#footer .cont{float:left;}
#footer .fnb{margin-bottom:8px; font-size:0;}
#footer .fnb li{display:inline; margin-right:8px; font-size:13px; line-height:15px; font-weight:bold;}
#footer .fnb li a{color:#333;}
#footer .info{line-height:22px; color:#767676;}
#footer .info strong{font-weight:bold; color:#333;}

#quick{margin:0 0 0 502px; position:fixed; left:50%; top:310px; z-index:11;}
.areawrap {border-top:3px solid #f06d2c;}
.areawrap textarea {border:1px solid #cfcfcf;border-top:none;}
.areawrap div {border:1px solid #cfcfcf;border-top:none;}
.area {overflow:auto;width:88.1%;height:500px;padding:50px;}
.area h3 {padding-bottom:3px;font-size:15px;color:#555;font-weight:bold;}
.area2 {width:88.1%;padding:50px;}
.area2 h3 {padding-bottom:3px;font-size:15px;color:#555;font-weight:bold;}

/* main */
#contents_main{}
#contents_main .m_hd{padding:50px 0; text-align:center;}

.gallery_wrap{width:100%; height:600px; margin-bottom:50px; position:relative;}
.gallery_wrap .control a{width:69px; height:69px; display:block; margin-top:-35px; position:absolute; top:50%; z-index:3; overflow:hidden;}
.gallery_wrap .control a:hover img{margin-top:-69px;}
.gallery_wrap .control a.links_prev{left:-35px;}
.gallery_wrap .control a.links_next{right:-35px;}
.gallery_wrap .inner {overflow:hidden;width:100%;}
.gallery{position:relative;width:100000px;}
.gallery li{float:left;}
.mainCont{padding:0 0 70px; overflow:hidden;}
.mainCont .section{width:280px; margin:0 0 0 30px; float:left; position:relative;}
.mainCont .section:first-child{margin-left:0;}
.mainCont h3.m_title{}
.mainCont .more{position:absolute; right:6px; top:0;}
.m_bbs{padding:12px 5px 0;}
.m_bbs li{padding:3px 0 3px 8px; overflow:hidden; background:url('image/main/bullet.png') left center no-repeat}
.m_bbs li p{width:210px; float:left; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.m_bbs li p a{color:#767676; text-decoration:none;}
.m_bbs li p a:hover{color:#333; text-decoration:underline;}
.m_bbs li span{float:right; font-size:12px; color:#999;}
.m_company{padding:23px 0 0 4px;}
.m_company img{max-width:none;}
.m_customer{padding:29px 0 0 6px;}



/* page */
body #bbslist .info .topcate {float:left;}
body #bbslist .info .topcate a {display:inline-block;margin-right:6px;padding:10px 0;width:165px;background:#7c7c7c;color:#fff;font-size:15px;font-weight:bold;text-align:center;}
body #bbslist .info .topcate a.on {background:#f06009;}
body #bbslist .info .rigbox1 {float:right;padding-top:20px;}
body #bbslist .info .rigbox1 .article {}
body #bbslist .info .rigbox1 .article .num1 {font-size:13px;}
body #bbslist .searchform_1 {float:right;padding:0 0 0 15px;}

.cen {text-align:center;}
.lef {text-align:left;}

.ptop20 {padding-top:20px;}






/* page common */
#contents{width:900px; margin:0 auto;}
.location{width:100%; height:50px; position:absolute; left:0; top:137px; background:url('image/sub/location_bg.png') repeat-x; border-bottom:1px solid #eee;}
.location .inner{width:900px; padding:17px 0 0; margin:0 auto; font-size:0;}
.location a{padding:0 19px 0 37px; display:inline-block; zoom:1; *display:inline; background:url('image/sub/ico_location.png') left center no-repeat; font-size:13px; line-height:18px; color:#555; text-decoration:none; position:relative; z-index:2;}
.location a:first-child{padding:0 19px 0 46px; background:url('image/sub/ico_home.png') 22px center no-repeat;}
.location a.current{font-weight:bold; color:#f06009;}

.contBody{padding:0 20px 100px;}
.contBody .title{height:112px; margin-bottom:30px; padding:95px 0 0; position:relative; z-index:1;}
.contBody .title.ver1{background:url('image/sub/title_bg01.png') no-repeat;}
.contBody .title.ver2{background:url('image/sub/title_bg02.png') no-repeat;}
.contBody .title.ver3{background:url('image/sub/title_bg03.png') no-repeat;}
.contBody .title.ver4{background:url('image/sub/title_bg04.png') no-repeat;}
.contBody .title.ver5{background:url('image/sub/title_bg05.png') no-repeat;}
.contBody .title.ver6{background:url('image/sub/title_bg06.png') no-repeat;}

.table_form{display:table;width:100%;border-collapse:collapse;border-spacing:0;}
.table_form .tr{display:table-row;}
.table_form .td{display:table-cell;vertical-align:middle;}
.table_form .td.top {vertical-align:top;}
.table_form.v-top .td{vertical-align:top;}


.col1 {color:#f06009;}

@media print{
	
}