@charset "UTF-8";
/* ==============================
  css-guest
=================================
mainTop
---------------------------------
mainBtm
---------------------------------
mainCenter
---------------------------------
inrWrap
---------------------------------
sec
---------------------------------
inrBtm
---------------------------------
btnBack
============================== */

/* ------------------------------
  mainTop
------------------------------ */
#mainTop {
  width: 960px;
}
#mainTop h2 {
  width: 960px;
  height: 68px;
  background: url(/image/contents/member/guest/h2_first.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

/* ------------------------------
  mainBtm
------------------------------ */
#mainBtm {
  width: 960px;
  height: 15px;
  background: url(/image/contents/member/login/main_btm02.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  margin-bottom: 20px;
}

/* ------------------------------
  mainCenter
------------------------------ */
#mainCenter {
  width: 866px;
  background: url(/image/contents/member/login/main_center.gif) repeat-y;
  padding: 30px 47px 40px 47px;
}

#mainCenter p#txt1 {
  width: 866px;
  height: 22px;
  background: url(/image/contents/member/guest/txt01.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
#mainCenter p#txt2 {
  width: 866px;
  height: 141px;
  background: url(/image/contents/member/guest/txt02.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 15px;
}
#mainCenter p.txt3 {
  width: 866px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
#mainCenter p.txt3 a {
  width: 866px;
  height: 54px;
  background: url(/image/contents/member/guest/txt03.jpg) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#mainCenter p.txt3 a:hover {
  background-position: 0 -54px;
}
#mainCenter p#txt4 {
  width: 866px;
  height: 74px;
  background: url(/image/contents/member/guest/txt04.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 18px;
}

/* ------------------------------
  inrWrap
------------------------------ */
#inrWrap {
  width: 866px;
  background: url(/image/contents/member/guest/inr_center.gif) repeat-y;
}
#inrWrap h3#inrTop {
  width: 866px;
  height: 88px;
  background: url(/image/contents/member/guest/inr_top.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

/* ------------------------------
  sec
------------------------------ */
.sec {
  width: 792px;
  padding-left: 37px;
  padding-right: 37px;
}

#sec1 {
  margin-top: -10px;
}
#sec2 {
  margin-top: -230px;
}
#sec3 {
  margin-top: -100px;
}
#sec4 {
  margin-top: -50px;
}
#sec5 {
  margin-top: -90px;
}
#sec6 {
  margin-top: -180px;
}

.sec-inr {
  width: 792px;
  height: 430px; 
  position: relative;
}

.sec-inr h3 {
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  position: absolute;
}
#sec1 h3 {
  width: 449px;
  height: 26px;
  background-image: url(/image/contents/member/guest/sec1h3.gif);
  top: 40px;
  left: 0;
}
#sec2 h3 {
  width: 308px;
  height: 35px;
  background-image: url(/image/contents/member/guest/sec2h3.gif);
  top: 119px;
  left: 467px;
}
#sec3 h3 {
  width: 427px;
  height: 35px;
  background-image: url(/image/contents/member/guest/sec3h3.gif);
  top: 74px;
  left: 0;
}
#sec4 h3 {
  width: 325px;
  height: 75px;
  background-image: url(/image/contents/member/guest/sec4h3.gif);
  top: 104px;
  left: 456px;
}
#sec5 h3 {
  width: 412px;
  height: 26px;
  background-image: url(/image/contents/member/guest/sec5h3.gif);
  top: 93px;
  left: 0;
}
#sec6 h3#sec6h3-1 {
  width: 266px;
  height: 26px;
  background-image: url(/image/contents/member/guest/sec6h3_1.gif);
  top: 72px;
  left: 467px;
}
#sec6 h3#sec6h3-2 {
  width: 268px;
  height: 49px;
  background-image: url(/image/contents/member/guest/sec6h3_2.gif);
  top: 207px;
  left: 498px;
}

.sec-inr p.secTxt {
  color: #656565;
  font-size: 12px;
  position: absolute;
}
#sec1 p.secTxt {
  width: 414px;
  top: 83px;
  left: 0;
}
#sec2 p.secTxt {
  width: 294px;
  top: 180px;
  left: 498px;
}
#sec3 p.secTxt {
  width: 410px;
  top: 134px;
  left: 0;
}
#sec4 p.secTxt {
  width: 290px;
  top: 205px;
  left: 490px;
}
#sec5 p.secTxt {
  width: 380px;
  top: 138px;
  left: 0;
}
#sec6 p.secTxt {
  width: 268px;
  top: 118px;
  left: 498px;
}

.sec-inr p.img {
  position: absolute;
  top: 0;
}
#sec1 p.img,
#sec3 p.img,
#sec5 p.img {
  right: 0;
}
#sec2 p.img,
#sec4 p.img,
#sec6 p.img {
  left: 0;
}

p#btnDemo {
  width: 236px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  position: absolute;
  top: 273px;
  left: 517px;
}
p#btnDemo a {
  width: 236px;
  height: 67px;
  background: url(/image/contents/member/login/btn_Demo.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}

/* ------------------------------
  inrBtm
------------------------------ */
#inrBtm {
  width: 866px;
  height: 10px;
  background: url(/image/contents/member/guest/inr_btm.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  margin-bottom: 40px;
}

/* ------------------------------
  btnBack
------------------------------ */
#btnBack {
  width: 140px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: right;
}
#btnBack a {
  width: 140px;
  height: 23px;
  background: url(/image/contents/member/login/btn_back.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#btnBack a:hover {
    background-position: 0 -23px;
}