@charset "utf-8";

/**
* OLYM Cascading Style Sheets
* File Name : default.css
* Description : GRM default style sheet
* Author : Web business Team / Jeon Hyeon Jeong
* Email : design@olymcompnay.com
* Date : 2010.04.29
* Update : 2010.04.29
* Copyright(c) 2010 OLYM Communications. All Rights Reserved.
*/



/* Type Selector */
html,body {width:100%; height:100%;}
* {margin:0; padding:0;}
body {margin:0; padding:0; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#838282; font-size:12px; background:url(../image/bg_default.jpg) center top;}
img, fieldset, button {border:none; margin:0; padding:0;}
hr, button img{display:none; margin:0;}
ul, li, th, td, dd, dl, dt, h, ol {list-style:none; margin:0; padding:0;}
a {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}
textarea {overflow:auto;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */

/* 롤오버 이미지 */
  a.rollover img { display:inline; border-width:0; }
  a.rollover img.over { display:none; }
  a.rollover:hover { border:0 }
  a.rollover:hover img { display:none; }
  a.rollover:hover img.over { display:inline; }




/* Layout Selector */
*html #container {
    height: 100%;
}

#wrap {
  height: 100%;
  width: auto;
  background:url(../image/bg_default.jpg) center repeat-y;
}
#header {
  height:652px;
    width:100%;
  background:url(../image/bg_top.jpg) top center no-repeat;
}
#container {
  width:100%;
  min-height:100%;

}
#container_body {
  clear:both;
  margin:0 auto;
  width:980px;
  height:100%;
}

#contents {
  width:980px;
  height:100%;
  float:left;
  margin-top:-43px;
  padding-bottom:50px;
}

#space {
  clear:both;
  font-size:0;
  height:0;
}

#footer {
  clear:both;
  margin:0 auto;
  height:100px;
  background:#ebedef;
  padding:30px 0 30px 0;
}

/* HEADER Layout */
.top {width:980px; clear:both; margin:auto;}
.top h1 {float:left; padding:34px 0 0 17px;}
.top .cs {float:right; padding:40px 20px 0 0;}


/* CONTENTS Layout */
.step01 h2 {padding:0 0 22px 11px;}
.step02 h2 {padding:55px 0 9px 11px;}
.step02 .circle_img { padding-left:37px;}
.step03 {width:548px; float:left;}
.step03 h2 {padding:55px 0 22px 11px;}
.step03 .t {padding:0 0 38px 32px;}
.con_right {float:right; padding-right:16px;}
.step04 h2 {padding:55px 0 22px 11px;}
.step04 .t {padding-left:30px;}
.step05 h2 {padding:38px 0 22px 11px;}
.step05 .t {padding-left:30px;}
.step06 h2 {padding:38px 0 22px 11px;}
.step06 .t {padding-left:30px;}
.step06 .btn { padding:34px 0 0 25px;}

/* FOOTER Layout */
.footer_text {width:980px; clear:both; margin:auto; height:113px; padding-left:31px;}
.footer_text h1 {padding-bottom:13px;}
.footer_text li {float:left; padding:0 16px 6px 0; }
.footer_text .copy {float:left; width:980px;}