@charset 'utf-8';
/**
 * CSS Reset by WebPDP
 * ---------------------------------------------------------------------------------------------- */
html,body{width:100%;height:100%}html{overflow-y:scroll}html,body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,img,object,iframe,pre,form,fieldset,legend,label,table,caption,thead,tfoot,tbody,tr,th,td,a,address,blockquote,q,abbr,b,bdo,cite,code,del,dfn,em,i,ins,kbd,pre,samp,small,strong,sub,sup,var{margin:0;padding:0;border:0;outline:0;background:transparent;font-style:normal;font-size:100%;text-decoration:none;vertical-align:baseline}body{background-color:#ffffff;*word-break:break-all;-ms-word-break:break-all;cursor:default}legend{*width:0}html:first-child select{height:20px;padding-right:6px}option{padding-right:6px}button,input,select{margin:0;padding:0;vertical-align:middle}button,label{cursor:pointer}button *{position:relative}button img{left:-3px;*left:auto}table{border-collapse:collapse;border-spacing:0}li{list-style:none}img{vertical-align:top}hr{display:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration:line-through}:focus{outline:0}
/**
 * Font Reset by WebPDP
 * ---------------------------------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,button,input,select,option,table,th,td{font-size:11px;font-family:'돋움',dotum,helvetica,sans-serif;color:#969696}
/**
 * Link Reset by WebPDP
 * ---------------------------------------------------------------------------------------------- */
a {color:#969696;text-decoration:none}
a:hover {color:#efefef;text-decoration:underline}

/**
 * Layout
 * ---------------------------------------------------------------------------------------------- */
body {background-color:#292929}
.wrap {min-width:1600px}
.aside {float:left;width:408px;min-height:692px}
.aside .footer {clear:both}
.aside .logo {width:217px;height:108px;margin-left:35px;background:left top no-repeat url('/images/logo.png')}
.aside .logo a {display:block;width:217px;height:108px}
.aside .menu {margin-top:65px;margin-left:34px}
.aside .menu {display:block;height:13px}
.aside .menu>li {float:left;margin-right:1px}
.aside .submenu {display:none;margin-top:1px}
.aside .submenu>li {height:12px;margin-top:1px}
.contents {float:left;width:880px;min-height:400px;padding-top:147px}
.footer {clear:both;min-width:1600px;border-top:1px solid #424242}
.footer address {display:block;float:left;width:448px;height:19px;margin-top:6px;margin-left:35px;background:no-repeat url('/images/address.png')}
.footer a {display:block;float:left;width:228px;height:23px;margin-top:8px;margin-left:4px}

/**
 * Background
 * ---------------------------------------------------------------------------------------------- */
.background {position:absolute;top:0;left:0;z-index:-1;min-width:1600px;height:100%}
.background div {position:absolute;min-width:1600px;height:100%;background-position:left top;background-repeat:no-repeat}
.bg1 {background-image:url('/images/bg1.jpg')}
.bg2 {background-image:url('/images/bg2.jpg')}
.bg_company {background-image:url('/images/bg_company.jpg')}
.bg_service {background-image:url('/images/bg_service.jpg')}
.bg_portfolio {background-image:url('/images/bg_portfolio.jpg')}
.bg_community {background-image:url('/images/bg_community.jpg')}

/**
 * Common
 * ---------------------------------------------------------------------------------------------- */
.center {text-align:center}
.blind {visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;font-size:0;line-height:0}

/**
 * Main Page
 * ---------------------------------------------------------------------------------------------- */
.aside .side_text {margin-top:183px;margin-left:35px}
.aside .notice {margin-top:6px;margin-left:35px}
.aside .notice ul {margin-top:3px}
.aside .notice li {margin-top:1px}
.aside .recent {margin-top:26px;margin-left:34px}
.aside .recent p {margin-top:5px}
.aside .recent .photo {width:310px;height:63px;border:2px solid #686868}
.aside .request {margin-top:23px;margin-left:34px}
.aside .request p {margin-top:4px}

/**
 * Company - About
 * ---------------------------------------------------------------------------------------------- */
.about h1 {height:26px;background:left top no-repeat url('/images/t_about.png')}
.about p {margin-bottom:18px;font-size:12px;line-height:18px;color:#ffffff}
.about p.sign {height:50px;background:280px 12px no-repeat url('/images/sign.png')}

/**
 * Company - Organization
 * ---------------------------------------------------------------------------------------------- */
.organization h1 {height:26px;background:left top no-repeat url('/images/t_organization.png')}
.organization ul.img {width:700px;height:520px;background:left top no-repeat url('/images/c_organization.png')}

/**
 * Company - History
 * ---------------------------------------------------------------------------------------------- */
.history h1 {height:26px;background:left top no-repeat url('/images/t_history.png')}
.history div.area {width:700px;height:484px;padding:36px 35px 0 35px;background:left top no-repeat url('/images/c_history.png')}
.history div.area .tab li {float:left;width:126px;height:28px;margin-right:1px;background-repeat:no-repeat;cursor:pointer}
.history div.area .tab li.current {cursor:default}
.history div.subtab {display:none;clear:both;padding:48px 0 0 14px}
.history div.subtab h2 {height:70px;background-repeat:no-repeat}
.history div.subtab li {float:left;width:152px;height:24px;font-size:12px;color:#ffffff}
.history div.current {display:block}
.history div.t2005 {width:350px}
li.t2005 {background-image:url('/images/t2005.gif')}
li.t2006 {background-image:url('/images/t2006.gif')}
li.t2008 {background-image:url('/images/t2008.gif')}
li.t2010 {background-image:url('/images/t2010.gif')}
li.t2012 {background-image:url('/images/t2012.gif')}
div.t2012 h2 {background-image:url('/images/t2012.png')}
div.t2010 h2 {background-image:url('/images/t2010.png')}
div.t2008 h2 {background-image:url('/images/t2008.png')}
div.t2006 h2 {background-image:url('/images/t2006.png')}
div.t2005 h2 {background-image:url('/images/t2005.png')}

/**
 * Company - Contact
 * ---------------------------------------------------------------------------------------------- */
.contact h1 {height:26px;background:left top no-repeat url('/images/t_contact.png')}
.contact dl {width:700px;height:400px;background:left top no-repeat url('/images/c_contact.png')}

/**
 * Service - Process
 * ---------------------------------------------------------------------------------------------- */
.process h1 {height:26px;background:left top no-repeat url('/images/t_process.png')}
.process ol {width:700px;height:520px;background:left top no-repeat url('/images/c_process.png')}

/**
 * Portfolio
 * ---------------------------------------------------------------------------------------------- */
.portfolio h1 {float:left;width:119px;height:26px;background:left top no-repeat url('/images/t_portfolio.png')}
.portfolio h2 {float:left;width:69px;height:26px;margin-left:5px;background:0 6px no-repeat url('/images/t_interior.png')}
.portfolio .tab {float:left;margin:4px 0 0 316px}
.portfolio .tab li {float:left;height:12px;padding:0 10px 0 9px;background:right center no-repeat url('/images/tab_side.gif')}
.portfolio .tab li:last-child {padding:0 9px;background:none}
.portfolio .container {width:752px;height:459px;margin-top:26px;padding:6px;background-color:#000000}
.portfolio .container .side {float:left;width:143px;height:459px;overflow:hidden}
.portfolio .container .side ul {margin:4px 6px 0 6px}
.portfolio .container .side li {width:120px;overflow:hidden;padding-top:5px;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
.portfolio .container .side a {margin-top:5px;color:#9c9c9c}
.portfolio .container .side a:hover {color:#ffffff}
.portfolio .container .side a.current {color:#ffffff;text-decoration:underline}
.portfolio .container .zone {position:relative;float:left;width:609px;height:459px;overflow:hidden}
.portfolio .container span.image {display:block;width:609px;height:206px;padding-top:185px}
.portfolio .container .image {width:609px;height:391px;text-align:center;}
.portfolio .container .prev {display:block;position:absolute;top:178px;left:0;width:15px;height:41px;background:center center no-repeat url('/images/prev.png');cursor:pointer}
.portfolio .container .next {display:block;position:absolute;top:178px;right:0;width:15px;height:41px;background:center center no-repeat url('/images/next.png');cursor:pointer}
.portfolio .container .list {position:absolute;left:0;width:1500px;height:38px;margin-top:6px;overflow:hidden}
.portfolio .container .list li {position:relative;float:left;margin:0 3px 6px 0;cursor:pointer}
.portfolio .container .list span {display:none;position:absolute;width:42px;height:26px;border:3px solid #9f9f9f}
.portfolio .container .list span.current {border:3px solid #9f9f9f;cursor:default}
.portfolio .container .page {display:none;float:right;margin-top:56px}
.portfolio .container .page span {color:#ffffff}
.portfolio .container .page .current {display:inline-block;width:10px;height:10px;background:0 0 no-repeat url('/images/page_c.gif')}
.portfolio .container .page .button {display:inline-block;width:10px;height:10px;background:0 0 no-repeat url('/images/page.gif');cursor:pointer}

/**
 * Service
 * ---------------------------------------------------------------------------------------------- */
.news h1 {height:26px;background:left top no-repeat url('/images/t_news.png')}
.qa h1 {height:26px;background:left top no-repeat url('/images/t_qa.png')}
.board {width:655px;min-height:350px;padding:22px;background-color:#1d1d1d}
.board table {width:100%;border-collapse:collapse;border-spacing:0}
.board caption {height:0;overflow:hidden;line-height:0}
.board .list thead th {height:25px;background-color:#3e3e3e;background-position:center center;background-repeat:no-repeat}
.board .list thead #l_num {width:60px;background-image:url('/images/tb_num.gif')}
.board .list thead #l_title {background-image:url('/images/tb_title.gif')}
.board .list thead #l_author {width:80px;background-image:url('/images/tb_author.gif')}
.board .list thead #l_write {width:80px;background-image:url('/images/tb_write.gif')}
.board .list thead #l_read {width:60px;background-image:url('/images/tb_read.gif')}
.board .list tfoot td {padding:14px 0;font-size:12px;color:#ffffff}
.board .list tfoot td.paging {text-align:center}
.paging a {background-position:0 0;background-repeat:no-repeat;color:#ececeb;vertical-align:top}
.paging span.current {font-weight:bold;color:#d878bf}
.paging a:hover {color:#d878bf;text-decoration:none}
.paging a.first {display:inline-block;width:16px;height:12px;margin-right:2px;background-image:url('/images/btn_first.gif')}
.paging a.prev {display:inline-block;width:12px;height:12px;margin-right:10px;background-image:url('/images/btn_prev.gif')}
.paging a.next {display:inline-block;width:12px;height:12px;margin-left:10px;background-image:url('/images/btn_next.gif')}
.paging a.last {display:inline-block;width:16px;height:12px;margin-left:2px;background-image:url('/images/btn_last.gif')}
.board tfoot td.buttons {padding:10px 0;text-align:right;vertical-align:top}
.board tfoot td.buttons a {display:inline-block;width:80px;padding:8px 0 5px 0;background-color:#515151;font-size:12px;color:#ffffff;text-align:center}
.board tfoot td.buttons a:hover {background-color:#3e3e3e;text-decoration:none}
.board .list tbody td {max-width:350px;overflow:hidden;padding:8px 0 6px 0;border-bottom:2px groove #2d2d2d;font-size:12px;color:#cdcdcd;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
.board .list tbody td span.rep {display:inline-block;width:23px;height:11px;margin-right:5px;background:0 0 no-repeat url('/images/icon_reply.gif')}
.board .list tbody td a {color:#cdcdcd}
.board .list tbody td.nodata {padding:100px 0;text-align:center}
.board .view tbody th {width:75px;height:25px;background-color:#3e3e3e;background-position:center center;background-repeat:no-repeat}
.board .view tbody #v_title {background-image:url('/images/tb_title.gif')}
.board .view tbody td {padding:6px 5px 0px 5px;border-bottom:2px groove #2d2d2d;font-size:12px;color:#cdcdcd}
.board .view tbody td.head {border:0;background-color:#3e3e3e}
.board .view tbody td.content {height:340px;padding:10px;overflow-y:auto}
.board .write tbody th {width:75px;height:25px;border-bottom:2px groove #2d2d2d;background-color:#1d1d1d;background-position:center center;background-repeat:no-repeat}
.board .write tbody th.first {border-top:2px groove #2d2d2d}
.board .write tbody td {padding:4px 0;border-bottom:2px groove #2d2d2d}
.board .write tbody td.first {border-top:2px groove #2d2d2d}
.board .write tbody #w_author {background-image:url('/images/tbw_author.png')}
.board .write tbody #w_title {background-image:url('/images/tbw_title.png')}
.board .write tbody #w_content {background-image:url('/images/tbw_content.png')}
.board .write tbody input {padding:4px 5px 2px 5px;margin:0;border:0;background-color:#393939;font-size:12px;color:#efefef}
.board .write tbody textarea {width:100%;height:100%;overflow-y:auto;margin:0;border:0;background-color:#393939;font:12px/16px '돋움',Helvetica,Sans-serif;color:#efefef;resize:none}
.qa .board .view tbody th {width:75px;height:25px;border-bottom:2px groove #2d2d2d;background-color:#1d1d1d;background-position:center center;background-repeat:no-repeat}
.qa .board .view tbody th.first {border-top:2px groove #2d2d2d}
.qa .board .view tbody td {padding:7px 0 0 0;border-bottom:2px groove #2d2d2d}
.qa .board .view tbody td.first {border-top:2px groove #2d2d2d}
.qa .board .view tbody #v_author {background-image:url('/images/tbw_author.png')}
.qa .board .view tbody #v_title {background-image:url('/images/tbw_title.png')}
.qa .board .view tbody #v_content {background-image:url('/images/tbw_content.png')}
.qa .board .view tbody td.content div {max-height:330px;overflow-y:auto}
input#author {width:180px}
input#title {width:570px}
input.submit {display:inline-block;width:80px;padding:8px 0 5px 0;border:0;background-color:#515151;font-size:12px;color:#ffffff;vertical-align:top}
input.submit:hover {background-color:#3e3e3e;text-decoration:none}
textarea#content {width:570px;height:300px;padding:5px}