@charset "utf-8";
html{ margin: 0; padding: 0; font-family:dotum,'돋움';}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
form, ul, li, dl, dt, dd, p { margin:0; padding:0;}
th { text-align: center;}
fieldset, legend { border: none; margin:0; padding:0;}
#accessibility, legend, caption { display: none;}

body{font-size: 12px; color: #666; line-height:160%; margin: 0; padding: 0; overflow-x:hidden; font-weight:normal; font-style: normal;}
img { margin: 0px; padding: 0px; border: 0px none;}
select { margin: 0; padding: 0;}
input { margin: 0; padding: 0;}
ul li { margin:0px; padding:0px; list-style:none; line-height:160%; vertical-align: middle;}

/* li 왼쪽정렬 */
.ul li{ margin:0px; padding:0px; list-style:none; line-height:160%; vertical-align: middle; float:left;} 
/* li 오른쪽 정렬 */
.ur li{ margin:0px; padding:0px; list-style:none; line-height:160%; vertical-align: middle; float:right;} 

/* 이미지 강제 왼쪽 정렬 */
.float { float: left;}

/* 이미지 강제 왼쪽 정렬해제 및 중앙정렬 */
.floatnone { float: none; vertical-align: middle; margin-bottom:2px;}

/* 링크 설정 */
a:link{ color: #666666; border-style: none; text-decoration : none; font-family:dotum,'돋움';}
a:visited{ color: #666666; border-style: none; text-decoration : none; font-family:dotum,'돋움'; }
a:active{ color: #015eb3; text-decoration:none; font-family:dotum,'돋움';}
a:hover{ color: #015eb3; text-decoration:none; font-family:dotum,'돋움';}


/* png 익스6에서 보임 */
.png24 {tmp:expression(setPng24(this));}

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



/*main*/
#hn_bg001 { position: relative; width: 100%; }
#hn_window { width:100%; align: center; float: left; }
#hn_fixWindow { position: relative; width: 100%; margin:0px auto;}

.categoryBox{ position:relative; width:100%; min-height:30px; border-top:3px solid #23aa5b; border-bottom:1px solid #d9d9d9; float:left; text-align:left; padding:15px 0 7px 0; word-break:keep-all; word-wrap: break-word;}
.categoryBox p{ position: relative; display:inline; text-align:left; }

.categoryBox .ctextOn {font-weight:bold; color:#24aa5c;}
.categoryBox .ctextOn a {font-weight:bold; color:#24aa5c;}
.categoryBox .ctext a {color:#595959; }

.peopleWrap {position:relative; width:100%; float:left; margin-top:20px;}
.peopleWrap .peopleBox {position:relative; width:100%; float:left;}

.peopleWrap .peopleBox .peopletit {position:relative; width:100%; height:10px; float:left; font-weight:bold; color:#24aa5c; padding-top:10px;}

.peopleWrap .peopleBox .infoBox {position:relative; width:100%; min-height:193px; margin-top:15px; border:1px solid #e9e9e9; float:left;}
.peopleWrap .peopleBox .infoBox .photoBox {position:absolute; left:0; top:0; width:180px; float:left; height:100%; background:url(../images/leftbg.gif) top right repeat-y;}
.peopleWrap .peopleBox .infoBox .photoBox .bgBox {position:absolute; width:127px; height:141px; top:20px; left:20px; background:url(../images/photobg.gif) no-repeat;}
.peopleWrap .peopleBox .infoBox .photoBox .bgBox img {position:relative; width:108px; height:120px; float:left; margin:11px 0 0 10px;}

.peopleWrap .peopleBox .infoBox .textBox {position:relative; width:100%; float:left; min-height:193px; background:url(../images/rightbg.gif) top left repeat-y;}
.peopleWrap .peopleBox .infoBox .textBox .position{position:relative; width:93%; float:left; border-bottom:1px solid #e1e1e1; margin:20px 0 0 20px; font-weight:bold;}
.peopleWrap .peopleBox .infoBox .textBox .Other {position:relative; width:93%; float:left; margin:10px 0 0 20px; }
.peopleWrap .peopleBox .infoBox .textBox .Other ul li{position:relative; width:100%; line-height:220%;}

.peopleWrap .cblank {position:relative; width:100%; height:40px; float:left;}