@charset "utf-8";
/**************************************************
프로그램ID : layout.css
프로그램명 : Layout Cascading Style Sheets
작  성  자 : 신세연(seyoun1205@nate.com)
최초작성일 : 2009/10/19
최종작성일 :
참고  사항 : 서브페이지 가이드
****************************************************/

 

 

/*Common*/
* {
 margin:0;
 padding:0;
 /*
 color:#939393;*/
 font-family:dotum,"돋움",verdana;
 font-size:11px;
 line-height:15px;
}

html, body {
 margin:0;
 padding:0;
 background:#ffffff;
}

a:active, a:link, a:visited {
 text-decoration:none;
 color:#939393;
 font-family:dotum,"돋움",verdana;
}
a:hover {
 text-decoration:underline;
 color:#4e4e4e;
 font-family:dotum,"돋움",verdana;
}

input, select {vertical-align:middle;}
input.text {
 height:16px;
 line-height:15px;
 padding:2px 0px 0 0px;
 border:1px solid #dfdfdf;
 background:#fff;
 color:#b5b5b5;
 vertical-align:middle;
}
div, p, u, span {
 margin:0;
 padding:0;
 font-family:dotum,"돋움",verdana;
 font-size:12px;
 line-height:18px;
}
table, thead, tbody, tr, th, td {
 margin:0;
 padding:0;
}
ul, ol, li, dl, dt, dd {
 list-style:none;
 margin:0;
 padding:0;
 vertical-align:top;
 /*font-size:0; line-height:0;*/
}
img {
 display:inline;
 font-size:0;
 line-height:0;
 border:0;
 vertical-align:top;
}
form {
 margin:0;
 padding:0;
}
 input {
 }
 select {
  color:#b1b1b1;
  font-family:dotum,"돋움",verdana;
  font-size:12px;
  line-height:15px;
 }
 textarea {
  color:#626262;
  font-family:dotum,"돋움",verdana;
  font-size:12px;
  line-height:18px;
  border:1px solid #dedede;
 }
 textarea.bgcolor {
  padding:10px;
  color:#626262;
  font-family:dotum,"돋움",verdana;
  font-size:12px;
  line-height:18px;
  border:1px solid #ffffff;
  background:#eeeeee;
 }

.fl {float:left; text-align:left;}
.fc {float:center; text-align:center;}
.fr {float:right; text-align:right;}
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;

}
.clearfix {clear:both; display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.png24 {tmp:void(setPng24(this));}

 

/*Layout*/
/*가운데 정렬*/
#wrapCenter {
 margin:0 auto;
 width:950px;
 text-align:center;
}

#wrapCenter_LC {
 margin:0 auto;
 width:920px;
 text-align:center;
}

#wrapCenter_L {
 margin:0 auto;
 width:920px;
 text-align:left;
}

#wrapTop {
 z-index:1;
 width:100%;
 height:200px;
 /*height:190px;*/
}

#wrapMid {
 z-index:1;
 clear:both;
 width:100%;
 margin:-55px 0 0 0;
 padding:0 0 50px 0;
 background:#ffffff;
 min-height:400px;
 _height:400px;
}

#wrapMid_LC {
 z-index:1;
 clear:both;
 width:100%;
 margin:10px 0 0 0;
 padding:0 0 50px 0;
 background:#ffffff;
}


 #leftMenu {
  float:left;
  width:200px;
  color:#333333;
  font-family:dotum,"돋움",verdana;
  font-size:12px;
  line-height:20px;
 }
 #rightContent {
  float:left;
  width:750px;
  margin:0 0 50px 0;
  *margin:0;
  _margin:0;
  text-align:left;
  overflow-x:hidden;
 }
 
 
 /*2010/01/13 Lecture Detail */
 #rightContent_lecture {
  float:left;
  width:920px;
  margin:0 0 50px 0;
  *margin:0;
  text-align:left;
 }
 
 #rightContent_order {
 float:left;
 width:950px;
 margin:0 0 50px 0;
 *margin:0;
 text-align:left;
 }
 
 /*2010/01/13 and */
  
  .tlc {
   width:750px;
   height:31px;
   margin-bottom:40px;
  }
   .tlc h1 {
    float:left;
    padding-right:10px;
   }
   .tlc .loca {
    padding:1px 0 0 0;
    height:12px;
    color:#939393;
    font-family:dotum,"돋움",verdana;
    font-size:11px;
    line-height:15px;
   }
    .loca a.depth {
     color:#939393;
     font-family:dotum,"돋움",verdana;
     font-size:11px;
     line-height:15px;
    }
    .loca span.depth_last {
     color:#7dba06;
     font-family:dotum,"돋움",verdana;
     font-size:11px;
     line-height:15px;
     font-weight:bold;
     text-decoration:underline;
    }
   .tlc .copy {
    padding:3px 0 0 0;
    height:15px;   
   }
   
   
#wrapBot {
 z-index:2;
 clear:both;
 position:relative;
 bottom:0px;
 width:100%;
 height:150px;
 background:#ffffff;
 border-top:3px solid #dbdbdb;
}
 #wrapBot #wrapCenter {
  position:relative;
  width:920px;
  text-align:left;
 }
 #wrapBot .foLogo {
  position:absolute;
  top:35px;
  left:4px;
 }
 #wrapBot .foUtil {
  position:absolute;
  top:34px;
  left:121px;
  height:15px;
 }
  .foUtil li {
   float:left;
   vertical-align:top;
  }
 #wrapBot .foAddress {
  position:absolute;
  top:58px;
  left:121px;
 }
  .foAddress address {
   height:14px;
   margin:0;
   padding:0;
   
  }
  .foAddress address img {
   margin-right:3px;
  }
 #wrapBot .foCopyright {
  position:absolute;
  top:106px;
  left:121px;
  height:7px;
 }
 #wrapBot .foFamily {
  position:absolute;
  top:28px;
  right:0px;
 }
 #wrapBot .foPrize {
  position:absolute;
  top:62px;
  right:0px;
 }
 
 
 
 
 
  /*2010/12/31 FooterZone */

 #wrapBot .foUtil_02 {
		  position:absolute;
		  top:54px;
		  left:121px;
		  height:15px;
		 }
		  .foUtil_02 li {
		   float:left;
		   vertical-align:top;
		  }		  
					
			#wrapBot .foAddress_02 {
		  position:absolute;
		  top:78px;
		  left:121px;
		 }
		  .foAddress_02 address {
		   height:14px;
		   margin:0;
		   padding:0;
		   
		  }
		  .foAddress_02 address img {
		   margin-right:3px;
		  }
		 #wrapBot .foCopyright_02 {
		  position:absolute;
		  top:127px;
		  left:121px;
		  height:7px;
		 }



#wrapQuick {
 position:absolute;
 top:140px;
 left:50%;
 width:480px;
} 
 #wrapQuick .linkbox {
	margin-left:480px;
	width:74px;
	background:url("../images/Common/layout/quick_bg.gif") no-repeat left 92px;
 }
 #wrapQuick .linkbox ul {
  width:60px;
  height:135px;
  margin:0px 4px 10px 6px;
  padding-top:38px;
 }
 #wrapQuick .linkbox ul li {
  width:60px;
 }
 
 
 
  .tlc_My {
   display: block;
   width:750px;
   height:31px;
   margin-bottom:40px;
  }
  
  .tlc_My ul {
   float:left;
   margin-left:18px;
   /*_margin-top:-1px;*/
  }
  .tlc_My li {
   margin:0;
  }  
  
   .tlc_My h1 {
    /*position:absolute;
    top:0px; left:0px;*/
    display: inline-block;
    float:left;
    height:31px;
   }
   .tlc_My .loca_My {
    /*position:absolute;
    top:1px;*/
    height:12px;
    color:#939393;
    font-family:dotum,"돋움",verdana;
    font-size:11px;
    line-height:15px;
   }
    .loca_My a.depth {
     color:#939393;
     font-family:dotum,"돋움",verdana;
     font-size:11px;
     line-height:15px;
    }
    .loca_My span.depth_last {
     color:#7dba06;
     font-family:dotum,"돋움",verdana;
     font-size:11px;
     line-height:15px;
     font-weight:bold;
     text-decoration:underline;
    }
   .tlc_My .copy {
    /*position:absolute;
    top:16px;*/
    padding-top:3px;
    _padding-top:2px;
    *padding-top:2px;
    height:15px;   
   }