﻿/*########################################################################
이 주석에는 업데이트사항과 여러 개발기반정보등를 기입하는 부분입니다.
무단 소스 구조변경 및 위치변경을 금합니다.
최종 업데이트 : 2007-10-17
Created by dahnworld.com (Department of Internet)
Administrator : Design Team - GilHa.Lee
########################################################################*/

/* !Import */
@import url(HomeDetail.css);
@import url(SubDetail.css);
@import url(pop.css);




* { padding: 0; margin: 0; }

 hr { display: none }
 a { text-decoration: none; }
 fieldset {border:0}

/*######## Begin : Speical ########*/
.clear { clear: both; background: none; }
.displayNo { display: none !important; }
.displayBlock { display: block !important; }
.hidden { visibility: hidden !important; }
.borderNo { border: 0 !important; } 
.borderLeftNo { border-left: 0 !important; } 
.borderRightNo { border-right: 0 !important;	}
.borderTopNo { border-top: 0 !important;	}
.borderBottomNo { border-bottom: 0 !important;	}
.radioCheck { vertical-align: middle; }
/*######## End : Speical ########*/









/*######## Begin : Common-ButtonLink ########*/
/* Begin : Button A-type */
input { font-family:굴림, 굴림체; }
input.diaryWrite { width: 164px; height: 39px; border: 0; background: url(/Img/buttonA16439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
input.checkSave { width: 424px; height: 39px; border: 0; background: url(/Img/buttonA42439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
input.checkSave02 { width: 447px; height: 39px; border: 0; background: url(/Img/buttonA44739.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
input.ending { width: 620px; height: 39px; border: 0; background: url(/Img/buttonA62039.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
input.apply { width: 620px; height: 39px; border: 0; background: url(/Img/buttonA62039.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
Input.apply01 { width: 620px; height: 59px; border: 0; background: url(/Img/buttonA62059.gif) no-repeat left top; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer; }
input.apply02 { width: 164px; height: 39px; border: 0; background: url(/Img/buttonA16439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
input.writeNo { width: 164px; height: 39px; border: 0; background: url(/Img/buttonA16439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
input.writeYes { width: 164px; height: 39px; border: 0; background: url(/Img/buttonA16439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
input.yes { width: 164px; height: 39px; border: 0; background: url(/Img/buttonA16439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer;  }
input.no { width: 164px; height: 39px; border: 0; background: url(/Img/buttonA16439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer;  }
input.cancel {  width: 164px; height: 39px; border: 0; background: url(/Img/buttonA16439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer;  }
input.send {  width: 164px; height: 39px; border: 0; background: url(/Img/buttonA16439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
input.modify { width: 164px; height: 39px; border: 0; background: url(/Img/buttonA16439.gif) no-repeat left top; color: #fff; font-weight: bold; cursor: pointer; }
/* End: Button A-type */

/* Begin : Button B-type */
a.login01 { display: block; width:140px; height:27px; background: url(/Img/buttonBLogin.gif) no-repeat left top; border: 0; }
a.lectureView { display: block; width: 140px; height: 27px; background: url(/Img/buttonBOpenLecture.gif) no-repeat left top; }
a.reward { display: block; width: 103px; height: 24px; background: url(/Img/buttonBReward.gif) no-repeat left top; }
a.openDiary { display: block; width: 143px; height: 27px; background: url(/Img/buttonBOpenDiary.gif) no-repeat left top; }
a.diaryWrite { display: block; width: 90px; height: 27px; background: url(/Img/buttonBDiaryWrite.gif) no-repeat left top; }
a.diaryClose { display: block; width: 115px; height: 27px; background: url(/Img/buttonBClose.gif) no-repeat left top; }
a.diaryModify { display: block; width: 110px; height: 27px; background: url(/Img/buttonBDiaryModify.gif) no-repeat left top; }
a.diaryRecommended { display: block; width: 90px; height: 27px; background: url(/Img/buttonBRecommend.gif) no-repeat left top; }
a.list { display: block; width: 90px; height: 27px; background: url(/Img/buttonBList.gif) no-repeat left top; }
a.postscriptWrite { display: block; width: 90px; height: 27px; background: url(/Img/buttonBPostscriptWrite.gif) no-repeat left top; }
a.postscriptModify { display: block; width: 110px; height: 27px; background: url(/Img/buttonBPostscriptModify.gif) no-repeat left top; }
a.openDiary:hover { background-position: -143px 0; }
a.diaryWrite:hover { background-position: -90px 0; }
a.diaryModify:hover { background-position: -110px 0; }
a.diaryClose:hover { background-position: -115px 0; }
a.diaryRecommended:hover { background-position: -90px 0; }
a.list:hover { background-position: -90px 0; }
a.postscriptWrite:hover {  background-position: -90px 0; }
a.postscriptModify:hover { background-position: -110px 0; }
/* End : Button B-type */

/* Begin : Button C-type */
input.search { width: 50px; height:20px; border: 0; background: url(/Img/buttonC5020.gif) no-repeat left top; color: #383a2e; font-weight: bold; font-size: 11px; font-family: 돋움, 돋움체; cursor: pointer; }
input.saveReply { width:70px; height:48px; border: 0; background:URL(/Img/buttonC7048.gif) no-repeat left top; color: #383a2e; font-size: 11px; font-weight: bold; cursor: pointer; }
/* End : Button C-type */

/* Begin : Button D-type */
span.hline01 { display: block; width: 2px; margin: 0 6px; height: 12px; background: url(/Img/hline01.gif) no-repeat left top;}
span.guide03 { margin: 0 0 0 10px; padding: 2px 0 2px 20px; background: url(/Img/iconAttention.gif) no-repeat left top; color: #604b2d; font-size: 11px;}
a.modify{ display: block; width: 13px; height: 12px; background: url(/Img/iconPencil.gif) no-repeat left top; }
a.delete{ display: block; width: 15px; height: 12px; background: url(/Img/iconTrash.gif) no-repeat left top; }
/* End : Button D-type */

/* Begin : Button E-type */
input.modify04 { width: 45px; height: 20px; padding: 0 0 0 15px; background: url(/Img/buttonEModify.gif) no-repeat left top; border: 0; color: #604b2d; font-size: 11px; font-family:돋움, 돋움체; cursor: pointer;}
input.delete04 { width: 45px; height: 20px; padding: 0 0 0 15px; background: url(/Img/buttonEDelete.gif) no-repeat left top; border: 0; color: #604b2d; font-size: 11px; font-family:돋움, 돋움체; cursor: pointer;}
input.cancel04 { width: 45px; height: 20px; padding: 0 0 0 15px; background: url(/Img/buttonECancel.gif) no-repeat left top; border: 0; color: #604b2d; font-size: 11px; font-family:돋움, 돋움체; cursor: pointer;}
input.dateModify { width: 75px; height: 20px; padding: 0 0 0 17px; background: url(/Img/buttonEDateModify.gif) no-repeat left top; border: 0; color: #f04505; font-size: 11px; font-family:돋움, 돋움체; cursor: pointer;}
* html input.modify04 { padding-top: 4px; }/*IE6.0*/
* html input.delete04 { padding-top: 4px; }/*IE6.0*/
* html input.cancel04 { padding-top: 4px; }/*IE6.0*/
* html input.dateModify { padding-top: 4px; }/*IE6.0*/
*:first-child+html input.modify04 { padding-top: 2px; }/*IE7.0*/
*:first-child+html input.delete04 { padding-top: 2px; }/*IE7.0*/
*:first-child+html input.cancel04 { padding-top: 2px; }/*IE7.0*/
*:first-child+html input.dateModify { padding-top: 2px; }/*IE7.0*/
/* End : Button D-type */

/* Begin : Button HSP-type */
input.btn_zipfind { width: 90px; height: 20px; background: url(/images/board/btn_zipfind.gif) no-repeat left top; border: none; cursor: pointer; }
/* End : Button HSP-type */
/*######## End : Common-Form, Common-ButtonLink ########*/










body#homeSection {
background: #163a7a url(/Img/backHomeSky.jpg) no-repeat left top;
font-family: 돋움, 돋움체, Arial;
font-size: 12px;
}
body#subSection {
min-height: 100%;
background: #163a7a url(/Img/backHomeSky.jpg) no-repeat left top;
font-family: 돋움, 돋움체, Arial;
font-size: 12px;
color: #787a6d;
}

#wrapper { margin: 0 auto; width: 846px; }
  /*######## Begin : Header########*/
  #header { position: relative; width: 846px; height: 116px; color: #333; }
    #header ul.globalMenu{ position: absolute; float: right; right:0; bottom: 0; list-style: none;  }
    #header .globalMenu li{ float: left; margin: 0 0 0 2px; background: #ddd; }
    #header .globalMenu a{ display: block; height: 32px; }
    #header .globalMenu a.gmenu01{ width: 39px; background: url(/Img/gmenu01Out.jpg) no-repeat left top; }
    #header .globalMenu a.gmenu02{ width: 109px; background: url(/Img/gmenu02Out.jpg) no-repeat left top; }
    #header .globalMenu a.gmenu03{ width: 79px; background: url(/Img/gmenu03Out.jpg) no-repeat left top;}
    #header .globalMenu a.gmenu04{ width: 109px; background: url(/Img/gmenu04Out.jpg) no-repeat left top; }
    #header .globalMenu a.gmenu05{ width: 79px; background: url(/Img/gmenu05Out.jpg) no-repeat left top; }
    #header .globalMenu a.gmenu06{ width: 109px; background: url(/Img/gmenu06Out.jpg) no-repeat left top; }   
    .section01 #header .globalMenu a.gmenu01{ background: url(/Img/gmenu01On.jpg) no-repeat left top; }/*Select Menu*/
    .section02 #header .globalMenu a.gmenu02{ background: url(/Img/gmenu02On.jpg) no-repeat left top; }/*Select Menu*/
    .section03 #header .globalMenu a.gmenu03{ background: url(/Img/gmenu03On.jpg) no-repeat left top; }/*Select Menu*/
    .section04 #header .globalMenu a.gmenu04{ background: url(/Img/gmenu04On.jpg) no-repeat left top; }/*Select Menu*/
    .section05 #header .globalMenu a.gmenu05{ background: url(/Img/gmenu05On.jpg) no-repeat left top; }/*Select Menu*/
    .section06 #header .globalMenu a.gmenu06{ background: url(/Img/gmenu06On.jpg) no-repeat left top; }/*Select Menu*/
    #header ul.utility{ position: absolute; float: right; right:0; top: 12px; list-style: none; }
    #header ul.utility li{ float: left; padding: 0 0 0 20px; color: #d1d9e5;}
    #header ul.utility li a{ color: #d1d9e5; }
    #header ul.utility li a:hover{ color: #d1d9e5; text-decoration: underline; }
  /*######## End : Header ########*/










  /*######## Begin: Column ########*/
  #faux {
  overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
  width: 822px;
  min-height: 580px;
  padding: 16px 12px 16px 12px;
  background: #fff;
  }
  #faux-home {
  clear:both;
  }

    #mainColumn { 
    position: relative;
    display:inline;
    float: left;
    /*width: 623px;*/
    width: 620px;
    }
    #mainColumn-home { 
    position: relative;
    display: inline;
    float: left;
    width: 100%;
    line-height: 1;
    }
    #sidecolumn { 
    display: inline;
    float: right;
    width: 187px;
    }
  /*######## End: Column ########*/










  /*######## Begin: Footer ########*/
  #homeSection #footer { 
  clear: both;
  border-bottom: #5478a0 solid 1px;
  border-top: #5478a0 solid 1px;
  color: #fff;
  }
  #subSection #footer { 
  clear: both;
  padding-top:68px;
  border-top: #5478a0 solid 0px;
  border-bottom: #5478a0 solid 1px;
  background: url(/Img/bottomSub.png) no-repeat left top;
  color: #fff;
  }
    #footer span { float: left; margin: 11px 0;}
    #footer ul { float: right; list-style:none;  margin: 11px 0; font-size: 11px;}
    #footer li { float: left; padding: 0 0 0 22px;}
    #footer a { color: #fff; text-decoration: none; }
    #footer a:hover { color: #fff; text-decoration: underline; }
  /*######## End: Footer ########*/