@charset "utf-8";
/* 하이웹솔루션 김일규 */
body {font-family: "맑은 고딕","은 봄", Arial, Sans-Serif; font-size:75%; background:#2D2A1F url(../image/bodybg.png) repeat-x; color:#6a3d3d; line-height:1.6em}
* {margin:0; padding:0}
ul {list-style:none; margin-left:10px; padding-left:10px}
ol {margin-left:20px; padding-left:20px}
hr,legend {display:none}
img {border:0}
abbr, acronym {cursor:help; background:#F6F5EE}
blockquote {float:right; margin:30px 6px 0 5px; padding:4px; font-size:140%; line-height:1.5em; color:#777}
p,h2,h3,h4,h5 {margin:2px 15px}
a {color:#736756; text-decoration:underline}
a:hover {color:#842; text-decoration:underline}
:link,:visited {text-decoration:none}
:focus,:active {outline:0}
fieldset {border:none;}
.clear {clear:both}
h1 {float:right; margin-right:40px; text-indent:-5000px}
h1 a {display:block; width:235px; height:100px; background:url(../image/logo.gif)}
h1 a:active {width:235px; height:100px; background-image:url(../image/logo_active.gif)}
h2 {font-size:1.2em;}
h3,h4,h5,h6 {margin-top:10px; margin-left:10px; font-size:1.2em}
table {margin:12px; border:2px solid #EAA17D; border-collapse:collapse; font-size:90%}
caption {padding-bottom:2px; color:#D52200; text-align:right}
th {padding:1px; border-right:1px solid #EAA17D; border-left:1px solid #EAA17D; border-bottom:1px solid #EAA17D; background:#EAD0B8; font-size:100%; color:#6E432B}
td {border-bottom:1px solid #EAA17D; border-left:1px solid #EAA17D; border-right:1px solid #EAA17D; padding-right:7px; text-align:right}
dl {width:420px; padding-top:210px; text-align:right;}
dt {font-size:1.7em; padding-top:10px; font-weight:bold}
dd {font-size:1em;}
/* 접근성네비게이션 */
.accessibility-nav {z-index:2; position:relative; width:100%}
.accessibility-nav a {display:block; overflow:hidden; height:0; color:#fff; text-align:center}
.accessibility-nav a:hover, .accessibility-nav a:focus, .accessibility-nav a:active {background:#F93; padding:.5em; border:3px solid #ff0000; height:auto}
.accessibility-hide {visibility:hidden; overflow:hidden; width:0; height:0}
/* 상단메뉴 */
ul#mainmenu {clear:both; float:right; width:447px; margin:25px 40px 0 450px}
ul#mainmenu li {display:inline; float:left;}
ul#mainmenu li a {display:block; height:23px; overflow:hidden; text-indent:-5000px}
#company a {width:117px; background:url(../image/topmenu_company.png)}
#wcga a {width:97px; background:url(../image/topmenu_wcga.png)}
#portfolio a {width:123px; background:url(../image/topmenu_portfolio.png)}
#contact a {width:110px; background:url(../image/topmenu_contract.png)}
body#tab_company #company a, body#tab_wcga #wcga a, body#tab_portfolio #portfolio a, body#tab_contact #contact a, #nav a:hover,
#company a:hover, #wcga a:hover, #portfolio a:hover, #contact a:hover {background-position:0 -28px}
/* 레이아웃 */
#wrap {background:url(../image/wrapbg.png) no-repeat; height:800px}
#content {width:940px; margin-top:95px; margin-left:45px}
/* 왼쪽 */
#sidebar {float:left; width:400px; padding-left:5px}
#sidebar h2 {background:url(../image/li02.gif) no-repeat 1px 3px; margin:7px 0; text-indent:1em}
#sidebar li {background:url(../image/bullet02.gif) no-repeat 11px; height:21px; padding-top:2px; text-indent:1.8em}
#sidebar ul li.here {background:url(../image/menu_bg_01.png) no-repeat -3px 0; font-weight:bold; text-indent:1.8em; color:#BE3E08}
#sidebar ul li.here2 {background:url(../image/menu_bg_02.png) no-repeat -3px 0; font-weight:bold; text-indent:1.8em; color:#BE3E08}
#sidebar ul li.here3 {background:url(../image/menu_bg_03.png) no-repeat -3px 0; font-weight:bold; text-indent:1.8em; color:#BE3E08}
#sidebar ul li.here4 {background:url(../image/menu_bg_04.png) no-repeat -3px 0; font-weight:bold; text-indent:1.8em; color:#BE3E08}
#sidebar ul li.here5 {background:url(../image/menu_bg_05.png) no-repeat -3px 0; font-weight:bold; text-indent:1.8em; color:#BE3E08}
/* 콘텐츠영역 */
#visual-content {float:right; width:460px}
#visual-content h2 {background:url(../image/li.gif) no-repeat 0 6px; margin-bottom:10px; text-indent:1em; font-size:1.6em}
#visual-content h3 {background:url(../image/check.gif) no-repeat 5px 4px; margin-bottom:5px; text-indent:1.5em;}
#visual-content ul {list-style:disc; padding-left:25px}
#visual-content ul ul {list-style:circle; margin:8px; padding-left:25px}
#visual-content em {font-style:normal; font-size:1.3em; text-decoration:underline}
#visual-content sup {font-size:.9em; font-style:oblique; color:#6A3D5A}
#visual-content strong {padding:0 3px 2px 2px; background:#EAE7D8; border:3px solid #ff0000; color:#330000; font-size:1.5em; font-weight:bold}
#con00 {width:461px; height:351px}
#con01 {background:url(../image/con01.png); width:461px; height:351px}
#con02 {background:url(../image/con02.png) no-repeat; width:358px; height:351px}
#con03 {background:url(../image/con03.png) no-repeat; width:460px; height:341px; margin-top:15px}
#con04 {background:url(../image/con04.png) no-repeat; width:460px; height:341px; margin-top:15px}
#con05 {background:url(../image/con05.png) no-repeat bottom right; width:460px; height:341px; margin-top:15px}
#con06 {width:461px; height:351px; padding:7px 0 0 16px;}
#con07 {background:url(../image/con071.png) no-repeat; width:461px; height:351px; margin-top:10px;}
#con08 {background:url(../image/con081.png) no-repeat top; width:460px; height:180px; margin-top:15px; padding-top:165px;}
#conp01 {padding:10px 0 0 190px; line-height:13px; font-size:.8em; font-style:oblique; color:#fff}
#colum-img {float:left; margin:0 10px 0 0}
#frm {position:absolute; top:200px; left:800px;}
#frm input {background:#EAE7D8; padding:0px; font-family:"맑은 고딕","은 봄", Arial, Sans-Serif; font-size:90%; color:#000}
/* 폰트설정 */
#fontbox {position:absolute; top:170px; left:170px; font-size:90%;}
#fontbox ul li {display:inline; margin-right:4px}
#fontbox ul li.bigger a{background:url(../image/plus.gif) no-repeat 0 1px; padding-left:13px}
#fontbox ul li.default a{background:url(../image/standard.gif) no-repeat 0 1px; padding-left:13px}
#fontbox ul li.smaller a{background:url(../image/minus.gif) no-repeat 0 1px; padding-left:13px}
/* 하단 */
#foot {width:700px; margin:65px 0 0 250px;}
#foot strong a {color:#A6A037;}
#foot h2 {text-align:right; font-size:1.2em; font-family:Arial; font-style:oblique; color:#8D6C41}
#markup ul {position:relative; float:right; width:142px; height:50px; text-indent:-5000px}
#markup ul li#valid-xhtml a{position:absolute; top:30px; left:5px; width:47px; height:17px; background:url(../image/valid-xhtml10.png) no-repeat}
#markup ul li#valid-css a{position:absolute; top:30px; left:52px; width:47px; height:17px; background:url(../image/valid-css.png) no-repeat}
#markup ul li#valid-accessibility a{position:absolute; top:30px; left:99px; width:47px; height:17px; background:url(../image/wcag1AA.png) no-repeat}
address {float:right; margin:30px 10px 0 0; font-size:.9em; font-family:Arial; color:#988D80}