@import url(/css/font.css);

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0
}

body {
line-height:1.5;
font-size:12px;
background:url(/css/img/bg_sub1.gif) center top no-repeat
}

table {
border-collapse:separate;
border-spacing:0
}

caption,th,td {
text-align:left;
font-weight:400
}

table,td,th {
vertical-align:middle
}

blockquote:before,blockquote:after,q:before,q:after {
content:""
}

a img {
border:none
}

a:link,a:visited,a:hover {
text-decoration:none;
color:#000
}

.small {
font-size:.8em;
margin-bottom:1.875em;
line-height:1.875em
}

.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em
}

.quiet {
color:#666
}

.loud {
color:#000
}

.highlight {
background:#ff0
}

.added {
background:#060;
color:#fff
}

.removed {
background:#900;
color:#fff
}

.first {
margin-left:0;
padding-left:0
}

.last {
margin-right:0;
padding-right:0
}

.top {
margin-top:0;
padding-top:0;
width:35.58em
}

.bottom {
margin-bottom:0;
padding-bottom:0;
width:54.58em
}

.container {
width:78.67em;
position:relative;
margin:0 auto
}

.showgrid {
background:url(src/grid.png)
}

div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10 {
float:left;
margin-right:1.33em
}

div.last {
margin-right:0
}

.span-1 {
width:6.66em
}

.span-2 {
width:14.66em
}

.span-3 {
width:22.66em
}

.span-4 {
width:30.66em
}

.span-5 {
width:38.66em
}

.span-6 {
width:46.66em
}

.span-7 {
width:54.66em
}

.span-8 {
width:62.66em
}

.span-9 {
width:70.66em
}

.span-10,div.span-10 {
width:78.67em;
margin:0
}

.append-1 {
padding-right:8em
}

.append-2 {
padding-right:16em
}

.append-3 {
padding-right:24em
}

.append-4 {
padding-right:32em
}

.append-5 {
padding-right:40em
}

.append-6 {
padding-right:48em
}

.append-7 {
padding-right:56em
}

.append-8 {
padding-right:64em
}

.append-9 {
padding-right:72em
}

.prepend-1 {
padding-left:8em
}

.prepend-2 {
padding-left:16em
}

.prepend-3 {
padding-left:24em
}

.prepend-4 {
padding-left:32em
}

.prepend-5 {
padding-left:40em
}

.prepend-6 {
padding-left:48em
}

.prepend-7 {
padding-left:56em
}

.prepend-8 {
padding-left:64em
}

.prepend-9 {
padding-left:72em
}

div.border {
padding-right:7px;
margin-right:8px;
border-right:1px solid #eee
}

div.colborder {
padding-right:73px;
margin-right:72px;
border-right:1px solid #eee
}

.pull-1 {
margin-left:-8em
}

.pull-2 {
margin-left:-16em
}

.pull-3 {
margin-left:-24em
}

.pull-4 {
margin-left:-32em
}

.pull-5 {
margin-left:-40em
}

.pull-6 {
margin-left:-48em
}

.pull-7 {
margin-left:-56em
}

.pull-8 {
margin-left:-64em
}

.pull-9 {
margin-left:-72em
}

.pull-10 {
margin-left:-80em
}

.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10 {
float:left;
position:relative
}

.push-1 {
margin:0 -8em 1.5em 8em
}

.push-2 {
margin:0 -16em 1.5em 16em
}

.push-3 {
margin:0 -24em 1.5em 24em
}

.push-4 {
margin:0 -32em 1.5em 32em
}

.push-5 {
margin:0 -40em 1.5em 40em
}

.push-6 {
margin:0 -48em 1.5em 48em
}

.push-7 {
margin:0 -56em 1.5em 56em
}

.push-8 {
margin:0 -64em 1.5em 64em
}

.push-9 {
margin:0 -72em 1.5em 72em
}

.push-10 {
margin:0 -80em 1.5em 80em
}

.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10 {
float:right;
position:relative
}

.box {
margin-bottom:1.5em;
background:#E5ECF9;
padding:1.5em
}

hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:.1em;
border:none;
margin:0 0 1.45em
}

hr.space {
background:#fff;
color:#fff
}

.clearfix:after,.container:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

.clearfix,.container {
display:block
}

* html .clearfix,* html .container {
height:1%
}

.clear {
clear:both
}

#grid-bg {
background:url(/css/img/body_bg.gif) top center repeat;
padding-top:1.33em
}

#header {
height:6.66em
}

#header a:link,#header a:visited,#header a:hover {
font:1.08em/1 wooriDotum90c1;
color:#000;
text-decoration:none
}

#search {
margin-bottom:6px
}

#query {
width:10em;
margin-right:.66em;
float:left;
display:inline
}

#query input {
width:100%;
height:1.42em;
font:1.08em/1 wooriDotum90c1;
border:.07em solid #989A9C;
background:#fff url(/css/img/red.gif) top right no-repeat
}

#searchbtn {
width:3.17em;
height:1.85em;
border:1px solid #eee;
background:#000;
font:1.08em/1 wooriDotum90c1;
color:#fff;
float:right
}

#copyright {
font:1.08em/1 wooriDotum90c2
}

#menu {
position:relative;
top:-1.17em
}

#menu ul {
list-style:none
}

#menu li {
margin-bottom:.83em
}

#menu li a:link,#menu li a:visited,#menu li a:hover {
font:1.08em/1 wooriSoyoung;
color:#000
}

#menu ul ul {
display:none;
margin:1em 0 0
}

#menu li li {
margin-bottom:.3em;
height:1.2em;
overflow:hidden
}

#menu li li a:link,#menu li li a:visited,#menu li li a:hover {
font:1.08em/1.2 wooriDotum90c1;
padding-left:3.33em;
color:#000;
display:block
}

#menu li li.selected a:link,#menu li li.selected a:visited,#menu li li.selected a:hover,#menu li li a:hover {
background:#FAD2D3
}

#zoom {
position:absolute;
top:13.33em;
right:0
}

#zoom a {
margin-left:.5em
}

#content {
margin:9.33em 0 9em
}

#cont-wrap {
border:2px solid #000;
background:#fff;
overflow:hidden;
height:1%
}

#footer span,#footer a:link,#footer a:visited,#footer a:hover {
font:1.08em/1 wooriDotum90c1;
color:#000
}

#company-info {
background:#81827E;
height:6.66em
}

#company-info p {
margin-top:3.16em;
font:1.08em/1.41em wooriDotum90c1;
color:#FFF
}

#intro {
margin:0 7.83em
}

#intro h3 {
font:1.33em/1.5em wooriSaebom;
margin-bottom:1.5em
}

#vision {
margin:4.66em 0 0 7.83em
}

#vision h3 {
font:1.33em/1.5em wooriDotum90c1;
margin:0
}

.vision_img1 {
background:url(/css/img/page/vision_img1.jpg) 0 16.25em no-repeat;
float:left
}

.vision_img2 {
margin:0 0 3.83em
}

.vision_img3 {
background:url(/css/img/page/vision_img3.jpg) 0 9.5em no-repeat
}

.slogan1 div {
margin-left:3.33em
}

.slogan2 {
width:22.5em;
float:left;
padding-top:8em
}

.slogan2 div {
margin-right:3.33em
}

.para {
float:left;
width:34.5em
}

#intro p#spirit-logo {
color:#ED1C24;
font:5.16em/.76em wooriSinmoon;
text-align:center;
margin:1em 0 .77em
}

.spirit p {
text-align:justify
}

.spirit .col_1st p {
margin-right:.53em
}

.spirit .col_2nd p {
margin-left:.53em
}

#spirit-logo span {
color:#000;
line-height:.6em;
font-family:wooriSinmoon
}

#tab {
margin-top:5em
}

#tab ul {
background:url(/css/img/deco/tab_border.gif) bottom left repeat-x;
height:2.83em
}

#tab li {
float:left;
display:inline;
margin-right:.66em;
overflow:hidden
}

#tab a {
display:block;
font:1.33em/1 wooriSoyoung;
border:.12em #DEE0E2 solid;
border-bottom:0;
color:#DEE0E2;
padding:.5em 1em .37em
}

#tab a:hover,#tab .selected a {
border:.12em #000 solid;
border-bottom:0;
background:#fff;
color:#000;
padding:.5em 1em
}

#font .will td {
color:#A7A9AC
}

.history {
margin-top:4.75em
}

.history td {
vertical-align:top;
font:1.16em/1.71em wooriSaebomRC1
}

.history img {
margin-top:.42em;
margin-bottom:.92em
}

#direction .address {
font:1.16em/1.7em wooriSaebomRC1;
margin-top:3.85em
}

#direction .explain {
margin-top:16em
}

#direction .explain h3 {
font:1.33em/1 wooriDotum90c1;
margin-bottom:.28em
}

#direction .explain p {
font:1.16em/1.42em wooriSaebomRC1
}

#org {
position:relative;
background:url(/css/img/deco/line.gif) 3.33em 6.66em no-repeat;
margin:5em 0 0 7.75em
}

.middle {
width:46.58em
}

#org p {
font:1.16em/1.5 wooriSaebom
}

#org .top {
margin-bottom:9.33em
}

#org .top div,#org .middle div {
width:6.66em;
height:6.66em;
color:#fff
}

.top .one {
margin-left:20em
}

#org .top div {
background:#D72034
}

#org .middle {
margin:0 0 13.33em 8em
}

.middle .center {
margin-top:4em
}

#org .middle div {
background:#EEA5AE;
float:left;
display:inline;
margin-right:5.33em
}

#org .bottom div {
width:6.5em;
height:6.5em;
border:.08em solid #D72034;
float:left;
display:inline;
margin-right:6.66em
}

#org .bottom .last {
margin:0
}

#org .one p {
padding:2.07em 0 0 .78em
}

#org .three p {
padding:.78em 0 0 .78em
}

#promotion {
border:1px solid #939598;
margin:5em 7.83em 15.83em;
padding:3.91em
}

#promotion .thumb {
text-align:center;
margin:2.66em .25em .33px
}

#promotion p {
font:1.16em/1.71em wooriSaebomRC1
}

#promotion div {
margin:2.66em 0 0
}

#promotion a {
float:left;
background:#000;
font:1.08em/1.87em wooriSoyoung;
color:#fff;
width:16.61em;
text-align:center
}

#message {
margin:4.66em 7.83em 0
}

#message .content {
margin-bottom:4em
}

.ceo_img {
margin:.33em 0 1em
}

#message p {
font:1.25em/1.6em wooriSaebomRC1;
text-align:justify
}

.col_1st p {
margin-right:.26em
}

.col_2nd p {
margin-left:.26em
}

#message p span {
color:#115E32
}

#message p span.author {
font-family:wooriDotum90c1;
font-style:normal;
display:block;
text-align:right;
color:#000;
margin:0
}

#message h3 {
font:1.41em/1 wooriDotum90c1;
margin:0 0 .29em
}

#video #tab ul {
background:url(/css/img/deco/tab_border.gif) bottom left repeat-x;
margin-bottom:5em;
height:2.82em
}

#video h2 {
font:1.33em/1 wooriSoyoung;
color:#23477A;
margin:10em 0 .25em
}

#video p {
font:1.08em/1.23em wooriDotum90c1;
color:#6D6E71;
margin-bottom:.38em
}

.btn a:link,.btn a:visited,.btn a:hover {
display:block;
background:#939598;
color:#fff;
font:1.08em/1.84em wooriSoyoung;
text-align:center
}

#sisa,#realtv {
margin-bottom:5.33em
}

.hide,#font {
display:none
}

#header .right,#footer .right {
text-align:right
}

#main-content h1,#content h1 {
font:2.58em/1.1 wooriSaebom
}

#intro p,#vision p {
font:1.25em/1.6em wooriSaebomRC1;
margin-bottom:1.6em
}

.history td.img,.history td.date {
width:6.86em
}

#direction,#video {
margin:5em 7.83em 0
}

#promotion a.last,#signature {
float:right
}