@charset "utf-8";

/* table */

.table02 {border-top:2px solid #005AAB; text-align:center; margin-bottom:40px;}
.table02 tr th {background:#f7f7f7; color:#222; font-weight:bold; border:1px solid #ddd; padding:10px 0; text-align:center; font-size:14px;}
.table02 tr td {padding:10px 0; border:1px solid #ddd;}
.table02 tr td a.bt_view {font-size:11px; padding:5px 15px; color:#fff; background:#005AAB; cursor:pointer;}
.table02 tr th.noneR, .table02 tr td.noneR {border-right:none; vertical-align:middle;}


/* °ø»ç½ÇÀûÇöȲ */
.result-img{ position:relative; width:1100px; padding:30px 17.5px; background:#f7f7f7; border-top:2px solid #005AAB; border-bottom:1px solid #ddd;}
.result-img ul{}
.result-img ul:after{clear:both; display:block; content:"";}
.result-img ul li{float:left; margin:0 12.5px; border:1px solid #dedede; padding:6px; background:#fff; text-align:center;}
.result-img ul li p{padding:15px 0;}

#per_zone{ position:relative; width:1100px; height:280px; background:#f7f7f7; border-top:2px solid #005AAB; border-bottom:1px solid #ddd;}
.por_banner{width:970px; height:220px; overflow:hidden; position:absolute; top:27px; left:65px;}
.por_banner .flash_banner_body{float:left; position:relative; width:970px; -padding-left:20px; height:220px; overflow:hidden; z-index:50;}
.por_banner .flash_banner_body ul{position:relative; list-style-type:none; width:1600px; height:180px; zoom*1; margin:0px; padding:0px;}
.por_banner .flash_banner_body ul li{float:left; position:relative; width:234px; height:220px; margin-left:10px;}
.por_banner .flash_banner_body ul li:first-child{margin-left:0px;}
.por_zone{width:234px; height:220px; border:1px solid #ddd; background:#fff;}
.por_zone .por_img{margin:5px 0 0 6px;}
.por_zone .por_img img {width:220px; height:170px;}
.por_zone .por_name{width:220px; margin:9px auto 0; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.btn_prev{position:absolute; top:100px; left:20px;}
.btn_next{position:absolute; top:100px; right:20px;}

.area {background:#f7f7f7; margin-top:30px; padding:25px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.area p {color:#222; width:80px; margin:10px 0 0 42px;  font-weight:bold; float:left; background:url('../img/bullet.gif') no-repeat right 7px;}
.area ul {width:900px; margin-right:35px; float:right; overflow:hidden;}
.area ul li {float:left; padding-right:15px; margin-right:13px; background:url('../img/line.gif') no-repeat right 6px;}
.area ul li a:hover, .area ul li a.on {color:#222; font-weight:bold; border-bottom:1px solid #222;}

#search_zone {padding:15px 0 15px 20px; margin:6px 0; clear:both; overflow:hidden;}
#search_zone ul li{padding-right:5px; float:left;}
#search_zone input{vertical-align:top;}
#search_zone .search_box {float:right;}
#search_zone .search_box:after{clear:both; display:block; content:"";}
.search_input{float:left;height:27px; font-size:12px; border:1px solid #d0d0d0; color:#666; vertical-align:middle; padding:3px 2px 1px 2px;}
.w280 {width:280px;}
.btn_search{float:left;padding:4px 20px 4px; border:0 none; background:#737373; cursor:pointer; display:table; color:#fff; font-size:13px; font-weight:300;}

.uselect{margin:0; padding:0; position:relative; float:left; height:21px; border:1px solid #abadb3; background-color:#fff; margin-right:2px;}
.uselect a{font-size:12px; font-family:dotum; color:#666; background:url('/img/sub03/ico_sel.gif') no-repeat; cursor:pointer;}
.uselect .selected{float:left; padding:2px 0 4px 0; width:100%; text-indent:5px; _margin-right:-5px;}
.uselect ul{width:100%; max-height:150px; top:23px; *top:28px; left:-1px; margin:0; padding:5px 0; position:absolute; overflow-x:hidden; overflow-y:auto; border:1px solid #abadb3; background-color:#fff; z-index:100; display:none;}
.uselect li{width:100%; text-indent:5px; list-style:none; *margin-bottom:-4px;}
.uselect li a{float:left; margin-right:5px; padding:4px 0 2px; width:100%; overflow:hidden; background:none;}
.uselect li a:hover{background-color:#f0f0f0;}
.uselect li.on a{background-color:#f0f0f0 !important;}

.paging { clear:both; margin-top:40px; text-align:center; font-size:12px; }
.paging a, .paging strong { display:inline-block; width:30px; height:30px; line-height:30px; font-weight:bold; color:#4d4d4d; background:#f8f8f8; border:1px solid #dedede; } 
.paging a { margin:0px -1px; }
.paging a:hover,
.paging strong.on { background:#737373; color:#fff; border:1px solid #737373; text-decoration:none; } 

#wo_year{width:95px;}
#wo_year.usel_n a{background-position:77px 0;}
#wo_year.usel_u a{background-position:77px -39px;}

#wo_ident{width:145px; float:right;}
#wo_ident.usel_n a{background-position:127px 0;}
#wo_ident.usel_u a{background-position:127px -39px;}

.per_tb{width:960px; border-top:2px solid #585858;}
.per_tb th{padding:7px; border:1px solid #dadada; background-color:#f2f2f2; color:#727272; font-weight:bold;}
.per_tb td{padding:7px; border:1px solid #dadada; text-align:center;}
.per_tb td.tleft{text-align:left;}
.per_tb td.empty{height:200px;}

/* »ç¾÷½ÇÀû ºä */
.view_tit{font-size:24px; font-weight:500; font-family:'Noto Sans KR', sans-serif;}
#per_view {height:490px; margin-top:10px; overflow:hidden;}
#per_view .per_img {border:3px solid #d0d0d0; float:left;}
#per_view .per_info {width:295px; height:430px; float:right; margin-right:20px; line-height:32px; text-align:left;color:#585858; font-size:13px;  font-family:'Noto Sans KR', sans-serif; }
#per_view .per_info ul li{padding:5px 0 5px 0; border-bottom:1px solid #d0d0d0;}
#per_view .per_info ul li span {display:inline-block; width:58px; font-weight:bold;  }
#per_view .per_info ul li.bn{border:0;}
#per_view .per_info img{vertical-align:top;}
#per_view .per_img_e {width:295px; bottom:40px; position:absolute;}
#per_view .per_img_e ul li {padding-left:5px; float:left; border:none;}
#per_view .per_img_e ul li:first-child {padding-left:0px;}


/* ÆäÀÌ¡*/ 
.paging_zone{padding:0; text-align:center; clear:both;}
.paging02 a,
.paging02 span{margin:0 1px; padding:11px 15px; font-size:12px; color:#888; background:#f8f8f8; border:1px solid #dedede; display:inline-block;}
.paging02 a:hover,
.paging02 span.on{color:#fff; border:1px solid #777; background:#999;}